diff --git a/README.md b/README.md
index 59a3241..625e0ea 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ A beautiful, interactive organizational chart editor with YAML input powered by
 - ⚡ **Fast & Efficient** - Optimized layout algorithms
 - 🖱️ **Draggable Nodes** - Rearrange nodes by dragging them
 - 💾 **Position Persistence** - Node positions saved in browser localStorage
-- 🔀 **Dual View Modes** - Switch between hierarchical and force-directed graph layouts
+- 🔀 **Triple View Modes** - Switch between hierarchical org chart, force-directed graph, and ReactFlow-style layouts
 
 ## Getting Started
 
@@ -459,6 +459,26 @@ watch(() => props.data, (newData) => {
 </script>
 ```
 
+## View Modes
+
+YChart supports three different visualization modes (experimental feature):
+
+1. **Hierarchical Org Chart** (default) - Traditional tree-based organizational chart using d3-org-chart
+2. **Force-Directed Graph** - Physics-based network layout using D3 force simulation
+3. **ReactFlow View** - Hierarchical flow chart with directed edges using Cytoscape.js
+
+To enable view switching, set `experimental: true` in the options:
+
+```typescript
+const ychartEditor = new YChartEditor({
+  nodeWidth: 220,
+  nodeHeight: 110,
+  experimental: true  // Enables view toggle button
+});
+```
+
+When enabled, a toggle button appears in the toolbar allowing you to cycle through all three views.
+
 ## Browser Support
 
 - Chrome/Edge (latest)
@@ -474,6 +494,7 @@ MIT
 Built with:
 - [d3-org-chart](https://github.com/bumbeishvili/org-chart) by David Bumbeishvili - Org chart visualization
 - [D3.js](https://d3js.org/) - Data visualization
+- [Cytoscape.js](https://js.cytoscape.org/) - Graph theory library for ReactFlow view
 - [CodeMirror](https://codemirror.net/) - Code editor
 - [js-yaml](https://github.com/nodeca/js-yaml) - YAML parser
 
diff --git a/dist/ychart-editor.js b/dist/ychart-editor.js
index 03b8c42..04a93c0 100644
--- a/dist/ychart-editor.js
+++ b/dist/ychart-editor.js
@@ -372,9 +372,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             let updated = child.replace(from - pos, to - pos, text);
             let totalLines = this.lines - child.lines + updated.lines;
             if (updated.lines < totalLines >> 5 - 1 && updated.lines > totalLines >> 5 + 1) {
-              let copy = this.children.slice();
-              copy[i2] = updated;
-              return new TextNode(copy, this.length - (to - from) + text.length);
+              let copy2 = this.children.slice();
+              copy2[i2] = updated;
+              return new TextNode(copy2, this.length - (to - from) + text.length);
             }
             return super.replace(pos, end, updated);
           }
@@ -569,13 +569,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return this;
       }
       skip += Math.max(0, dir < 0 ? this.pos - this.to : this.from - this.pos);
-      let limit = dir < 0 ? this.pos - this.from : this.to - this.pos;
-      if (skip > limit)
-        skip = limit;
-      limit -= skip;
+      let limit2 = dir < 0 ? this.pos - this.from : this.to - this.pos;
+      if (skip > limit2)
+        skip = limit2;
+      limit2 -= skip;
       let { value } = this.cursor.next(skip);
       this.pos += (value.length + skip) * dir;
-      this.value = value.length <= limit ? value : dir < 0 ? value.slice(value.length - limit) : value.slice(0, limit);
+      this.value = value.length <= limit2 ? value : dir < 0 ? value.slice(value.length - limit2) : value.slice(0, limit2);
       this.done = !this.value;
       return this;
     }
@@ -1640,9 +1640,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return changed;
   }
   function dynamicFacetSlot(addresses, facet, providers) {
-    let providerAddrs = providers.map((p) => addresses[p.id]);
-    let providerTypes = providers.map((p) => p.type);
-    let dynamic = providerAddrs.filter((p) => !(p & 1));
+    let providerAddrs = providers.map((p2) => addresses[p2.id]);
+    let providerTypes = providers.map((p2) => p2.type);
+    let dynamic = providerAddrs.filter((p2) => !(p2 & 1));
     let idx = addresses[facet.id] >> 1;
     function get2(state) {
       let values = [];
@@ -1868,24 +1868,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         let providers = facets[id2], facet = providers[0].facet;
         let oldProviders = oldFacets && oldFacets[id2] || [];
         if (providers.every(
-          (p) => p.type == 0
+          (p2) => p2.type == 0
           /* Provider.Static */
         )) {
           address[facet.id] = staticValues.length << 1 | 1;
           if (sameArray$1(oldProviders, providers)) {
             staticValues.push(oldState.facet(facet));
           } else {
-            let value = facet.combine(providers.map((p) => p.value));
+            let value = facet.combine(providers.map((p2) => p2.value));
             staticValues.push(oldState && facet.compare(value, oldState.facet(facet)) ? oldState.facet(facet) : value);
           }
         } else {
-          for (let p of providers) {
-            if (p.type == 0) {
-              address[p.id] = staticValues.length << 1 | 1;
-              staticValues.push(p.value);
+          for (let p2 of providers) {
+            if (p2.type == 0) {
+              address[p2.id] = staticValues.length << 1 | 1;
+              staticValues.push(p2.value);
             } else {
-              address[p.id] = dynamicSlots.length << 1;
-              dynamicSlots.push((a2) => p.dynamicSlot(a2));
+              address[p2.id] = dynamicSlots.length << 1;
+              dynamicSlots.push((a2) => p2.dynamicSlot(a2));
             }
           }
           address[facet.id] = dynamicSlots.length << 1;
@@ -1896,7 +1896,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new Configuration(base2, newCompartments, dynamic, address, staticValues, facets);
     }
   }
-  function flatten(extension, compartments, newCompartments) {
+  function flatten(extension2, compartments, newCompartments) {
     let result = [[], [], [], [], []];
     let seen = /* @__PURE__ */ new Map();
     function inner(ext, prec2) {
@@ -1937,7 +1937,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         inner(content2, prec2);
       }
     }
-    inner(extension, Prec_.default);
+    inner(extension2, Prec_.default);
     return result.reduce((a2, b) => a2.concat(b));
   }
   function ensureAddr(state, addr) {
@@ -2142,9 +2142,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     has `"select.pointer"` as user event, `"select"` and
     `"select.pointer"` will match it.
     */
-    isUserEvent(event) {
+    isUserEvent(event2) {
       let e = this.annotation(Transaction.userEvent);
-      return !!(e && (e == event || e.length > event.length && e.slice(0, event.length) == event && e[event.length] == "."));
+      return !!(e && (e == event2 || e.length > event2.length && e.slice(0, event2.length) == event2 && e[event2.length] == "."));
     }
   }
   Transaction.time = /* @__PURE__ */ Annotation.define();
@@ -2253,9 +2253,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function extendTransaction(tr) {
     let state = tr.startState, extenders = state.facet(transactionExtender), spec = tr;
     for (let i2 = extenders.length - 1; i2 >= 0; i2--) {
-      let extension = extenders[i2](tr);
-      if (extension && Object.keys(extension).length)
-        spec = mergeTransaction(spec, resolveTransactionInner(state, extension, tr.changes.newLength), true);
+      let extension2 = extenders[i2](tr);
+      if (extension2 && Object.keys(extension2).length)
+        spec = mergeTransaction(spec, resolveTransactionInner(state, extension2, tr.changes.newLength), true);
     }
     return spec == tr ? tr : Transaction.create(state, tr.changes, tr.selection, spec.effects, spec.annotations, spec.scrollIntoView);
   }
@@ -3183,18 +3183,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class HeapCursor {
-    constructor(heap) {
-      this.heap = heap;
+    constructor(heap2) {
+      this.heap = heap2;
     }
     static from(sets, skip = null, minPoint = -1) {
-      let heap = [];
+      let heap2 = [];
       for (let i2 = 0; i2 < sets.length; i2++) {
         for (let cur2 = sets[i2]; !cur2.isEmpty; cur2 = cur2.nextLayer) {
           if (cur2.maxPoint >= minPoint)
-            heap.push(new LayerCursor(cur2, skip, minPoint, i2));
+            heap2.push(new LayerCursor(cur2, skip, minPoint, i2));
         }
       }
-      return heap.length == 1 ? heap[0] : new HeapCursor(heap);
+      return heap2.length == 1 ? heap2[0] : new HeapCursor(heap2);
     }
     get startSide() {
       return this.value ? this.value.startSide : 0;
@@ -3232,20 +3232,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   }
-  function heapBubble(heap, index2) {
-    for (let cur2 = heap[index2]; ; ) {
+  function heapBubble(heap2, index2) {
+    for (let cur2 = heap2[index2]; ; ) {
       let childIndex = (index2 << 1) + 1;
-      if (childIndex >= heap.length)
+      if (childIndex >= heap2.length)
         break;
-      let child = heap[childIndex];
-      if (childIndex + 1 < heap.length && child.compare(heap[childIndex + 1]) >= 0) {
-        child = heap[childIndex + 1];
+      let child = heap2[childIndex];
+      if (childIndex + 1 < heap2.length && child.compare(heap2[childIndex + 1]) >= 0) {
+        child = heap2[childIndex + 1];
         childIndex++;
       }
       if (cur2.compare(child) < 0)
         break;
-      heap[childIndex] = cur2;
-      heap[index2] = child;
+      heap2[childIndex] = cur2;
+      heap2[index2] = child;
       index2 = childIndex;
     }
   }
@@ -3509,11 +3509,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     //
     // If a Content Security Policy nonce is provided, it is added to
     // the `<style>` tag generated by the library.
-    static mount(root2, modules, options) {
+    static mount(root2, modules2, options) {
       let set2 = root2[SET], nonce = options && options.nonce;
       if (!set2) set2 = new StyleSet(root2, nonce);
       else if (nonce) set2.setNonce(nonce);
-      set2.mount(Array.isArray(modules) ? modules : [modules], root2);
+      set2.mount(Array.isArray(modules2) ? modules2 : [modules2], root2);
     }
   }
   let adoptedSet = /* @__PURE__ */ new Map();
@@ -3532,11 +3532,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.modules = [];
       root2[SET] = this;
     }
-    mount(modules, root2) {
+    mount(modules2, root2) {
       let sheet = this.sheet;
       let pos = 0, j = 0;
-      for (let i2 = 0; i2 < modules.length; i2++) {
-        let mod = modules[i2], index2 = this.modules.indexOf(mod);
+      for (let i2 = 0; i2 < modules2.length; i2++) {
+        let mod = modules2[i2], index2 = this.modules.indexOf(mod);
         if (index2 < j && index2 > -1) {
           this.modules.splice(index2, 1);
           j--;
@@ -3652,16 +3652,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
   var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-  for (var i$1 = 0; i$1 < 10; i$1++) base[48 + i$1] = base[96 + i$1] = String(i$1);
-  for (var i$1 = 1; i$1 <= 24; i$1++) base[i$1 + 111] = "F" + i$1;
-  for (var i$1 = 65; i$1 <= 90; i$1++) {
-    base[i$1] = String.fromCharCode(i$1 + 32);
-    shift[i$1] = String.fromCharCode(i$1);
+  for (var i$2 = 0; i$2 < 10; i$2++) base[48 + i$2] = base[96 + i$2] = String(i$2);
+  for (var i$2 = 1; i$2 <= 24; i$2++) base[i$2 + 111] = "F" + i$2;
+  for (var i$2 = 65; i$2 <= 90; i$2++) {
+    base[i$2] = String.fromCharCode(i$2 + 32);
+    shift[i$2] = String.fromCharCode(i$2);
   }
   for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
-  function keyName(event) {
-    var ignoreKey = mac && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
-    var name2 = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
+  function keyName(event2) {
+    var ignoreKey = mac && event2.metaKey && event2.shiftKey && !event2.ctrlKey && !event2.altKey || ie$1 && event2.shiftKey && event2.key && event2.key.length == 1 || event2.key == "Unidentified";
+    var name2 = !ignoreKey && event2.key || (event2.shiftKey ? shift : base)[event2.keyCode] || event2.key || "Unidentified";
     if (name2 == "Esc") name2 = "Escape";
     if (name2 == "Del") name2 = "Delete";
     if (name2 == "Left") name2 = "ArrowLeft";
@@ -4615,8 +4615,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ignoreMutation() {
       return true;
     }
-    ignoreEvent(event) {
-      return this.widget.ignoreEvent(event);
+    ignoreEvent(event2) {
+      return this.widget.ignoreEvent(event2);
     }
     get overrideDOMText() {
       if (this.length == 0)
@@ -4893,7 +4893,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     should be ignored by the editor. The default is to ignore all
     events.
     */
-    ignoreEvent(event) {
+    ignoreEvent(event2) {
       return true;
     }
     /**
@@ -5301,8 +5301,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ignoreMutation() {
       return true;
     }
-    ignoreEvent(event) {
-      return this.widget.ignoreEvent(event);
+    ignoreEvent(event2) {
+      return this.widget.ignoreEvent(event2);
     }
     get isEditable() {
       return false;
@@ -5547,8 +5547,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const LowTypes = /* @__PURE__ */ dec("88888888888888888888888888888888888666888888787833333333337888888000000000000000000000000008888880000000000000000000000000088888888888888888888888888888888888887866668888088888663380888308888800000000000000000000000800000000000000000000000000000008");
   const ArabicTypes = /* @__PURE__ */ dec("4444448826627288999999999992222222222222222222222222222222222222222222222229999999999999999999994444444444644222822222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222999999949999999229989999223333333333");
   const Brackets = /* @__PURE__ */ Object.create(null), BracketStack = [];
-  for (let p of ["()", "[]", "{}"]) {
-    let l = /* @__PURE__ */ p.charCodeAt(0), r = /* @__PURE__ */ p.charCodeAt(1);
+  for (let p2 of ["()", "[]", "{}"]) {
+    let l = /* @__PURE__ */ p2.charCodeAt(0), r = /* @__PURE__ */ p2.charCodeAt(1);
     Brackets[l] = r;
     Brackets[r] = -l;
   }
@@ -5942,9 +5942,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   let nextPluginID = 0;
   const viewPlugin = /* @__PURE__ */ Facet.define({
     combine(plugins) {
-      return plugins.filter((p, i2) => {
+      return plugins.filter((p2, i2) => {
         for (let j = 0; j < i2; j++)
-          if (plugins[j].plugin == p.plugin)
+          if (plugins[j].plugin == p2.plugin)
             return false;
         return true;
       });
@@ -6725,6 +6725,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let { offsetWidth, offsetHeight } = this.view.scrollDOM;
       scrollRectIntoView(this.view.scrollDOM, targetRect, range.head < range.anchor ? -1 : 1, target.x, target.y, Math.max(Math.min(target.xMargin, offsetWidth), -offsetWidth), Math.max(Math.min(target.yMargin, offsetHeight), -offsetHeight), this.view.textDirection == Direction.LTR);
     }
+    lineHasWidget(pos) {
+      let { i: i2 } = this.childCursor().findPos(pos);
+      if (i2 == this.children.length)
+        return false;
+      let scan = (child) => child instanceof WidgetView || child.children.some(scan);
+      return scan(this.children[i2]);
+    }
   }
   function betweenUneditable(pos) {
     return pos.node.nodeType == 1 && pos.node.firstChild && (pos.offset == 0 || pos.node.childNodes[pos.offset - 1].contentEditable == "false") && (pos.offset == pos.node.childNodes.length || pos.node.childNodes[pos.offset].contentEditable == "false");
@@ -6932,7 +6939,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           let right = x2 >= (rect.left + rect.right) / 2, after = right;
           if (browser.chrome || browser.gecko) {
             let rectBefore = textRange(node, i2).getBoundingClientRect();
-            if (rectBefore.left == rect.right)
+            if (Math.abs(rectBefore.left - rect.right) < 0.1)
               after = !right;
           }
           if (dy <= 0)
@@ -6975,17 +6982,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return view.viewport.to == view.state.doc.length ? view.state.doc.length : precise ? null : posAtCoordsImprecise(view, content2, block, x2, y2);
     let doc2 = view.dom.ownerDocument;
     let root2 = view.root.elementFromPoint ? view.root : doc2;
-    let element = root2.elementFromPoint(x2, y2);
-    if (element && !view.contentDOM.contains(element))
-      element = null;
-    if (!element) {
+    let element2 = root2.elementFromPoint(x2, y2);
+    if (element2 && !view.contentDOM.contains(element2))
+      element2 = null;
+    if (!element2) {
       x2 = Math.max(content2.left + 1, Math.min(content2.right - 1, x2));
-      element = root2.elementFromPoint(x2, y2);
-      if (element && !view.contentDOM.contains(element))
-        element = null;
+      element2 = root2.elementFromPoint(x2, y2);
+      if (element2 && !view.contentDOM.contains(element2))
+        element2 = null;
     }
     let node, offset = -1;
-    if (element && ((_a2 = view.docView.nearest(element)) === null || _a2 === void 0 ? void 0 : _a2.isEditable) != false) {
+    if (element2 && ((_a2 = view.docView.nearest(element2)) === null || _a2 === void 0 ? void 0 : _a2.isEditable) != false) {
       if (doc2.caretPositionFromPoint) {
         let pos = doc2.caretPositionFromPoint(x2, y2);
         if (pos)
@@ -7132,23 +7139,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     let startPos = start2.head, dir = forward ? 1 : -1;
     if (startPos == (forward ? view.state.doc.length : 0))
       return EditorSelection.cursor(startPos, start2.assoc);
-    let goal = start2.goalColumn, startY;
+    let goal = start2.goalColumn, startY2;
     let rect = view.contentDOM.getBoundingClientRect();
     let startCoords = view.coordsAtPos(startPos, start2.assoc || -1), docTop = view.documentTop;
     if (startCoords) {
       if (goal == null)
         goal = startCoords.left - rect.left;
-      startY = dir < 0 ? startCoords.top : startCoords.bottom;
+      startY2 = dir < 0 ? startCoords.top : startCoords.bottom;
     } else {
       let line = view.viewState.lineBlockAt(startPos);
       if (goal == null)
         goal = Math.min(rect.right - rect.left, view.defaultCharacterWidth * (startPos - line.from));
-      startY = (dir < 0 ? line.top : line.bottom) + docTop;
+      startY2 = (dir < 0 ? line.top : line.bottom) + docTop;
     }
     let resolvedGoal = rect.left + goal;
     let dist2 = distance !== null && distance !== void 0 ? distance : view.viewState.heightOracle.textHeight >> 1;
     for (let extra = 0; ; extra += 10) {
-      let curY = startY + (dist2 + extra) * dir;
+      let curY = startY2 + (dist2 + extra) * dir;
       let pos = posAtCoords(view, { x: resolvedGoal, y: curY }, false, dir);
       if (curY < rect.top || curY > rect.bottom || (dir < 0 ? pos < startPos : pos > startPos)) {
         let charRect = view.docView.coordsForChar(pos);
@@ -7354,7 +7361,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             anchor = view.state.doc.length;
           }
         }
-        this.newSel = EditorSelection.single(anchor, head);
+        if (view.inputState.composing > -1 && view.state.selection.ranges.length > 1)
+          this.newSel = view.state.selection.replaceRange(EditorSelection.range(anchor, head));
+        else
+          this.newSel = EditorSelection.single(anchor, head);
       }
     }
   }
@@ -7396,6 +7406,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         to: sel.to,
         insert: view.state.doc.slice(sel.from, change.from).append(change.insert).append(view.state.doc.slice(change.to, sel.to))
       };
+    } else if (view.state.doc.lineAt(sel.from).to < sel.to && view.docView.lineHasWidget(sel.to) && view.inputState.insertingTextAt > Date.now() - 50) {
+      change = {
+        from: sel.from,
+        to: sel.to,
+        insert: view.state.toText(view.inputState.insertingText)
+      };
     } else if (browser.chrome && change && change.from == change.to && change.from == sel.head && change.insert.toString() == "\n " && view.lineWrapping) {
       if (newSel)
         newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
@@ -7455,7 +7471,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     } else {
       let changes = startState.changes(change);
       let mainSel = newSel && newSel.main.to <= changes.newLength ? newSel.main : void 0;
-      if (startState.selection.ranges.length > 1 && view.inputState.composing >= 0 && change.to <= sel.to && change.to >= sel.to - 10) {
+      if (startState.selection.ranges.length > 1 && (view.inputState.composing >= 0 || view.inputState.compositionPendingChange) && change.to <= sel.to + 10 && change.to >= sel.to - 10) {
         let replaced = view.state.sliceDoc(change.from, change.to);
         let compositionRange, composition = newSel && findCompositionNode(view, newSel.main.head);
         if (composition) {
@@ -7464,16 +7480,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         } else {
           compositionRange = view.state.doc.lineAt(sel.head);
         }
-        let offset = sel.to - change.to, size = sel.to - sel.from;
+        let offset = sel.to - change.to;
         tr = startState.changeByRange((range) => {
           if (range.from == sel.from && range.to == sel.to)
             return { changes, range: mainSel || range.map(changes) };
           let to = range.to - offset, from = to - replaced.length;
-          if (range.to - range.from != size || view.state.sliceDoc(from, to) != replaced || // Unfortunately, there's no way to make multiple
+          if (view.state.sliceDoc(from, to) != replaced || // Unfortunately, there's no way to make multiple
           // changes in the same node work without aborting
           // composition, so cursors in the composition range are
           // ignored.
-          range.to >= compositionRange.from && range.from <= compositionRange.to)
+          to >= compositionRange.from && from <= compositionRange.to)
             return { range };
           let rangeChanges = startState.changes({ from, to, insert: change.insert }), selOff = range.to - sel.to;
           return {
@@ -7571,6 +7587,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.compositionEndedAt = 0;
       this.compositionPendingKey = false;
       this.compositionPendingChange = false;
+      this.insertingText = "";
+      this.insertingTextAt = 0;
       this.mouseSelection = null;
       this.draggedContent = null;
       this.handleEvent = this.handleEvent.bind(this);
@@ -7580,26 +7598,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (browser.gecko)
         firefoxCopyCutHack(view.contentDOM.ownerDocument);
     }
-    handleEvent(event) {
-      if (!eventBelongsToEditor(this.view, event) || this.ignoreDuringComposition(event))
+    handleEvent(event2) {
+      if (!eventBelongsToEditor(this.view, event2) || this.ignoreDuringComposition(event2))
         return;
-      if (event.type == "keydown" && this.keydown(event))
+      if (event2.type == "keydown" && this.keydown(event2))
         return;
       if (this.view.updateState != 0)
-        Promise.resolve().then(() => this.runHandlers(event.type, event));
+        Promise.resolve().then(() => this.runHandlers(event2.type, event2));
       else
-        this.runHandlers(event.type, event);
+        this.runHandlers(event2.type, event2);
     }
-    runHandlers(type2, event) {
+    runHandlers(type2, event2) {
       let handlers2 = this.handlers[type2];
       if (handlers2) {
         for (let observer of handlers2.observers)
-          observer(this.view, event);
+          observer(this.view, event2);
         for (let handler of handlers2.handlers) {
-          if (event.defaultPrevented)
+          if (event2.defaultPrevented)
             break;
-          if (handler(this.view, event)) {
-            event.preventDefault();
+          if (handler(this.view, event2)) {
+            event2.preventDefault();
             break;
           }
         }
@@ -7623,24 +7641,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           dom.removeEventListener(type2, this.handleEvent);
       this.handlers = handlers2;
     }
-    keydown(event) {
-      this.lastKeyCode = event.keyCode;
+    keydown(event2) {
+      this.lastKeyCode = event2.keyCode;
       this.lastKeyTime = Date.now();
-      if (event.keyCode == 9 && this.tabFocusMode > -1 && (!this.tabFocusMode || Date.now() <= this.tabFocusMode))
+      if (event2.keyCode == 9 && this.tabFocusMode > -1 && (!this.tabFocusMode || Date.now() <= this.tabFocusMode))
         return true;
-      if (this.tabFocusMode > 0 && event.keyCode != 27 && modifierCodes.indexOf(event.keyCode) < 0)
+      if (this.tabFocusMode > 0 && event2.keyCode != 27 && modifierCodes.indexOf(event2.keyCode) < 0)
         this.tabFocusMode = -1;
-      if (browser.android && browser.chrome && !event.synthetic && (event.keyCode == 13 || event.keyCode == 8)) {
-        this.view.observer.delayAndroidKey(event.key, event.keyCode);
+      if (browser.android && browser.chrome && !event2.synthetic && (event2.keyCode == 13 || event2.keyCode == 8)) {
+        this.view.observer.delayAndroidKey(event2.key, event2.keyCode);
         return true;
       }
       let pending;
-      if (browser.ios && !event.synthetic && !event.altKey && !event.metaKey && ((pending = PendingKeys.find((key) => key.keyCode == event.keyCode)) && !event.ctrlKey || EmacsyPendingKeys.indexOf(event.key) > -1 && event.ctrlKey && !event.shiftKey)) {
-        this.pendingIOSKey = pending || event;
+      if (browser.ios && !event2.synthetic && !event2.altKey && !event2.metaKey && ((pending = PendingKeys.find((key) => key.keyCode == event2.keyCode)) && !event2.ctrlKey || EmacsyPendingKeys.indexOf(event2.key) > -1 && event2.ctrlKey && !event2.shiftKey)) {
+        this.pendingIOSKey = pending || event2;
         setTimeout(() => this.flushIOSKey(), 250);
         return true;
       }
-      if (event.keyCode != 229)
+      if (event2.keyCode != 229)
         this.view.observer.forceFlush();
       return false;
     }
@@ -7653,8 +7671,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.pendingIOSKey = void 0;
       return dispatchKey(this.view.contentDOM, key.key, key.keyCode, key instanceof KeyboardEvent ? key : void 0);
     }
-    ignoreDuringComposition(event) {
-      if (!/^key/.test(event.type) || event.synthetic)
+    ignoreDuringComposition(event2) {
+      if (!/^key/.test(event2.type) || event2.synthetic)
         return false;
       if (this.composing > 0)
         return true;
@@ -7684,9 +7702,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   function bindHandler(plugin, handler) {
-    return (view, event) => {
+    return (view, event2) => {
       try {
-        return handler.call(plugin, event, view);
+        return handler.call(plugin, event2, view);
       } catch (e) {
         logException(view.state, e);
       }
@@ -7730,7 +7748,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function dragScrollSpeed(dist2) {
     return Math.max(0, dist2) * 0.7 + 8;
   }
-  function dist(a2, b) {
+  function dist$1(a2, b) {
     return Math.max(Math.abs(a2.clientX - b.clientX), Math.abs(a2.clientY - b.clientY));
   }
   class MouseSelection {
@@ -7751,16 +7769,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.multiple = view.state.facet(EditorState.allowMultipleSelections) && addsSelectionRange(view, startEvent);
       this.dragging = isInPrimarySelection(view, startEvent) && getClickType(startEvent) == 1 ? null : false;
     }
-    start(event) {
+    start(event2) {
       if (this.dragging === false)
-        this.select(event);
+        this.select(event2);
     }
-    move(event) {
-      if (event.buttons == 0)
+    move(event2) {
+      if (event2.buttons == 0)
         return this.destroy();
-      if (this.dragging || this.dragging == null && dist(this.startEvent, event) < 10)
+      if (this.dragging || this.dragging == null && dist$1(this.startEvent, event2) < 10)
         return;
-      this.select(this.lastEvent = event);
+      this.select(this.lastEvent = event2);
       let sx = 0, sy = 0;
       let left = 0, top2 = 0, right = this.view.win.innerWidth, bottom = this.view.win.innerHeight;
       if (this.scrollParents.x)
@@ -7768,21 +7786,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (this.scrollParents.y)
         ({ top: top2, bottom } = this.scrollParents.y.getBoundingClientRect());
       let margins = getScrollMargins(this.view);
-      if (event.clientX - margins.left <= left + dragScrollMargin)
-        sx = -dragScrollSpeed(left - event.clientX);
-      else if (event.clientX + margins.right >= right - dragScrollMargin)
-        sx = dragScrollSpeed(event.clientX - right);
-      if (event.clientY - margins.top <= top2 + dragScrollMargin)
-        sy = -dragScrollSpeed(top2 - event.clientY);
-      else if (event.clientY + margins.bottom >= bottom - dragScrollMargin)
-        sy = dragScrollSpeed(event.clientY - bottom);
+      if (event2.clientX - margins.left <= left + dragScrollMargin)
+        sx = -dragScrollSpeed(left - event2.clientX);
+      else if (event2.clientX + margins.right >= right - dragScrollMargin)
+        sx = dragScrollSpeed(event2.clientX - right);
+      if (event2.clientY - margins.top <= top2 + dragScrollMargin)
+        sy = -dragScrollSpeed(top2 - event2.clientY);
+      else if (event2.clientY + margins.bottom >= bottom - dragScrollMargin)
+        sy = dragScrollSpeed(event2.clientY - bottom);
       this.setScrollSpeed(sx, sy);
     }
-    up(event) {
+    up(event2) {
       if (this.dragging == null)
         this.select(this.lastEvent);
       if (!this.dragging)
-        event.preventDefault();
+        event2.preventDefault();
       this.destroy();
     }
     destroy() {
@@ -7817,8 +7835,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (this.dragging === false)
         this.select(this.lastEvent);
     }
-    select(event) {
-      let { view } = this, selection2 = skipAtomsForSelection(this.atoms, this.style.get(event, this.extend, this.multiple));
+    select(event2) {
+      let { view } = this, selection2 = skipAtomsForSelection(this.atoms, this.style.get(event2, this.extend, this.multiple));
       if (this.mustSelect || !selection2.eq(view.state.selection, this.dragging === false))
         this.view.dispatch({
           selection: selection2,
@@ -7833,15 +7851,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         setTimeout(() => this.select(this.lastEvent), 20);
     }
   }
-  function addsSelectionRange(view, event) {
+  function addsSelectionRange(view, event2) {
     let facet = view.state.facet(clickAddsSelectionRange);
-    return facet.length ? facet[0](event) : browser.mac ? event.metaKey : event.ctrlKey;
+    return facet.length ? facet[0](event2) : browser.mac ? event2.metaKey : event2.ctrlKey;
   }
-  function dragMovesSelection(view, event) {
+  function dragMovesSelection(view, event2) {
     let facet = view.state.facet(dragMovesSelection$1);
-    return facet.length ? facet[0](event) : browser.mac ? !event.altKey : !event.ctrlKey;
+    return facet.length ? facet[0](event2) : browser.mac ? !event2.altKey : !event2.ctrlKey;
   }
-  function isInPrimarySelection(view, event) {
+  function isInPrimarySelection(view, event2) {
     let { main } = view.state.selection;
     if (main.empty)
       return false;
@@ -7851,18 +7869,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     let rects = sel.getRangeAt(0).getClientRects();
     for (let i2 = 0; i2 < rects.length; i2++) {
       let rect = rects[i2];
-      if (rect.left <= event.clientX && rect.right >= event.clientX && rect.top <= event.clientY && rect.bottom >= event.clientY)
+      if (rect.left <= event2.clientX && rect.right >= event2.clientX && rect.top <= event2.clientY && rect.bottom >= event2.clientY)
         return true;
     }
     return false;
   }
-  function eventBelongsToEditor(view, event) {
-    if (!event.bubbles)
+  function eventBelongsToEditor(view, event2) {
+    if (!event2.bubbles)
       return true;
-    if (event.defaultPrevented)
+    if (event2.defaultPrevented)
       return false;
-    for (let node = event.target, cView; node != view.contentDOM; node = node.parentNode)
-      if (!node || node.nodeType == 11 || (cView = ContentView.get(node)) && cView.ignoreEvent(event))
+    for (let node = event2.target, cView; node != view.contentDOM; node = node.parentNode)
+      if (!node || node.nodeType == 11 || (cView = ContentView.get(node)) && cView.ignoreEvent(event2))
         return false;
     return true;
   }
@@ -7925,9 +7943,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     view.inputState.lastScrollTop = view.scrollDOM.scrollTop;
     view.inputState.lastScrollLeft = view.scrollDOM.scrollLeft;
   };
-  handlers.keydown = (view, event) => {
+  handlers.keydown = (view, event2) => {
     view.inputState.setSelectionOrigin("select");
-    if (event.keyCode == 27 && view.inputState.tabFocusMode != 0)
+    if (event2.keyCode == 27 && view.inputState.tabFocusMode != 0)
       view.inputState.tabFocusMode = Date.now() + 2e3;
     return false;
   };
@@ -7938,21 +7956,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   observers.touchmove = (view) => {
     view.inputState.setSelectionOrigin("select.pointer");
   };
-  handlers.mousedown = (view, event) => {
+  handlers.mousedown = (view, event2) => {
     view.observer.flush();
     if (view.inputState.lastTouchTime > Date.now() - 2e3)
       return false;
     let style = null;
     for (let makeStyle of view.state.facet(mouseSelectionStyle)) {
-      style = makeStyle(view, event);
+      style = makeStyle(view, event2);
       if (style)
         break;
     }
-    if (!style && event.button == 0)
-      style = basicMouseSelection(view, event);
+    if (!style && event2.button == 0)
+      style = basicMouseSelection(view, event2);
     if (style) {
       let mustFocus = !view.hasFocus;
-      view.inputState.startMouseSelection(new MouseSelection(view, event, style, mustFocus));
+      view.inputState.startMouseSelection(new MouseSelection(view, event2, style, mustFocus));
       if (mustFocus)
         view.observer.ignore(() => {
           focusPreventScroll(view.contentDOM);
@@ -7962,7 +7980,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         });
       let mouseSel = view.inputState.mouseSelection;
       if (mouseSel) {
-        mouseSel.start(event);
+        mouseSel.start(event2);
         return mouseSel.dragging === false;
       }
     } else {
@@ -8001,22 +8019,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return 1;
     return before && before.bottom >= y2 ? -1 : 1;
   }
-  function queryPos(view, event) {
-    let pos = view.posAtCoords({ x: event.clientX, y: event.clientY }, false);
-    return { pos, bias: findPositionSide(view, pos, event.clientX, event.clientY) };
+  function queryPos(view, event2) {
+    let pos = view.posAtCoords({ x: event2.clientX, y: event2.clientY }, false);
+    return { pos, bias: findPositionSide(view, pos, event2.clientX, event2.clientY) };
   }
   const BadMouseDetail = browser.ie && browser.ie_version <= 11;
   let lastMouseDown = null, lastMouseDownCount = 0, lastMouseDownTime = 0;
-  function getClickType(event) {
+  function getClickType(event2) {
     if (!BadMouseDetail)
-      return event.detail;
+      return event2.detail;
     let last = lastMouseDown, lastTime = lastMouseDownTime;
-    lastMouseDown = event;
+    lastMouseDown = event2;
     lastMouseDownTime = Date.now();
-    return lastMouseDownCount = !last || lastTime > Date.now() - 400 && Math.abs(last.clientX - event.clientX) < 2 && Math.abs(last.clientY - event.clientY) < 2 ? (lastMouseDownCount + 1) % 3 : 1;
+    return lastMouseDownCount = !last || lastTime > Date.now() - 400 && Math.abs(last.clientX - event2.clientX) < 2 && Math.abs(last.clientY - event2.clientY) < 2 ? (lastMouseDownCount + 1) % 3 : 1;
   }
-  function basicMouseSelection(view, event) {
-    let start2 = queryPos(view, event), type2 = getClickType(event);
+  function basicMouseSelection(view, event2) {
+    let start2 = queryPos(view, event2), type2 = getClickType(event2);
     let startSel = view.state.selection;
     return {
       update(update) {
@@ -8025,8 +8043,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           startSel = startSel.map(update.changes);
         }
       },
-      get(event2, extend2, multiple) {
-        let cur2 = queryPos(view, event2), removed;
+      get(event3, extend2, multiple) {
+        let cur2 = queryPos(view, event3), removed;
         let range = rangeForClick(view, cur2.pos, cur2.bias, type2);
         if (start2.pos != cur2.pos && !extend2) {
           let startRange = rangeForClick(view, start2.pos, start2.bias, type2);
@@ -8052,10 +8070,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return null;
   }
-  handlers.dragstart = (view, event) => {
+  handlers.dragstart = (view, event2) => {
     let { selection: { main: range } } = view.state;
-    if (event.target.draggable) {
-      let cView = view.docView.nearest(event.target);
+    if (event2.target.draggable) {
+      let cView = view.docView.nearest(event2.target);
       if (cView && cView.isWidget) {
         let from = cView.posAtStart, to = from + cView.length;
         if (from >= range.to || to <= range.from)
@@ -8066,9 +8084,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (inputState.mouseSelection)
       inputState.mouseSelection.dragging = true;
     inputState.draggedContent = range;
-    if (event.dataTransfer) {
-      event.dataTransfer.setData("Text", textFilter(view.state, clipboardOutputFilter, view.state.sliceDoc(range.from, range.to)));
-      event.dataTransfer.effectAllowed = "copyMove";
+    if (event2.dataTransfer) {
+      event2.dataTransfer.setData("Text", textFilter(view.state, clipboardOutputFilter, view.state.sliceDoc(range.from, range.to)));
+      event2.dataTransfer.effectAllowed = "copyMove";
     }
     return false;
   };
@@ -8076,13 +8094,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     view.inputState.draggedContent = null;
     return false;
   };
-  function dropText(view, event, text, direct) {
+  function dropText(view, event2, text, direct) {
     text = textFilter(view.state, clipboardInputFilter, text);
     if (!text)
       return;
-    let dropPos = view.posAtCoords({ x: event.clientX, y: event.clientY }, false);
+    let dropPos = view.posAtCoords({ x: event2.clientX, y: event2.clientY }, false);
     let { draggedContent } = view.inputState;
-    let del = direct && draggedContent && dragMovesSelection(view, event) ? { from: draggedContent.from, to: draggedContent.to } : null;
+    let del = direct && draggedContent && dragMovesSelection(view, event2) ? { from: draggedContent.from, to: draggedContent.to } : null;
     let ins = { from: dropPos, insert: text };
     let changes = view.state.changes(del ? [del, ins] : ins);
     view.focus();
@@ -8093,17 +8111,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
     view.inputState.draggedContent = null;
   }
-  handlers.drop = (view, event) => {
-    if (!event.dataTransfer)
+  handlers.drop = (view, event2) => {
+    if (!event2.dataTransfer)
       return false;
     if (view.state.readOnly)
       return true;
-    let files = event.dataTransfer.files;
+    let files = event2.dataTransfer.files;
     if (files && files.length) {
       let text = Array(files.length), read = 0;
       let finishFile = () => {
         if (++read == files.length)
-          dropText(view, event, text.filter((s) => s != null).join(view.state.lineBreak), false);
+          dropText(view, event2, text.filter((s) => s != null).join(view.state.lineBreak), false);
       };
       for (let i2 = 0; i2 < files.length; i2++) {
         let reader = new FileReader();
@@ -8117,21 +8135,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       return true;
     } else {
-      let text = event.dataTransfer.getData("Text");
+      let text = event2.dataTransfer.getData("Text");
       if (text) {
-        dropText(view, event, text, true);
+        dropText(view, event2, text, true);
         return true;
       }
     }
     return false;
   };
-  handlers.paste = (view, event) => {
+  handlers.paste = (view, event2) => {
     if (view.state.readOnly)
       return true;
     view.observer.flush();
-    let data = brokenClipboardAPI ? null : event.clipboardData;
-    if (data) {
-      doPaste(view, data.getData("text/plain") || data.getData("text/uri-list"));
+    let data2 = brokenClipboardAPI ? null : event2.clipboardData;
+    if (data2) {
+      doPaste(view, data2.getData("text/plain") || data2.getData("text/uri-list"));
       return true;
     } else {
       capturePaste(view);
@@ -8175,21 +8193,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return { text: textFilter(state, clipboardOutputFilter, content2.join(state.lineBreak)), ranges, linewise };
   }
   let lastLinewiseCopy = null;
-  handlers.copy = handlers.cut = (view, event) => {
+  handlers.copy = handlers.cut = (view, event2) => {
     let { text, ranges, linewise } = copiedRange(view.state);
     if (!text && !linewise)
       return false;
     lastLinewiseCopy = linewise ? text : null;
-    if (event.type == "cut" && !view.state.readOnly)
+    if (event2.type == "cut" && !view.state.readOnly)
       view.dispatch({
         changes: ranges,
         scrollIntoView: true,
         userEvent: "delete.cut"
       });
-    let data = brokenClipboardAPI ? null : event.clipboardData;
-    if (data) {
-      data.clearData();
-      data.setData("text/plain", text);
+    let data2 = brokenClipboardAPI ? null : event2.clipboardData;
+    if (data2) {
+      data2.clearData();
+      data2.setData("text/plain", text);
       return true;
     } else {
       captureCopy(view, text);
@@ -8261,10 +8279,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   observers.contextmenu = (view) => {
     view.inputState.lastContextMenu = Date.now();
   };
-  handlers.beforeinput = (view, event) => {
+  handlers.beforeinput = (view, event2) => {
     var _a2, _b;
-    if (event.inputType == "insertReplacementText" && view.observer.editContext) {
-      let text = (_a2 = event.dataTransfer) === null || _a2 === void 0 ? void 0 : _a2.getData("text/plain"), ranges = event.getTargetRanges();
+    if (event2.inputType == "insertText" || event2.inputType == "insertCompositionText") {
+      view.inputState.insertingText = event2.data;
+      view.inputState.insertingTextAt = Date.now();
+    }
+    if (event2.inputType == "insertReplacementText" && view.observer.editContext) {
+      let text = (_a2 = event2.dataTransfer) === null || _a2 === void 0 ? void 0 : _a2.getData("text/plain"), ranges = event2.getTargetRanges();
       if (text && ranges.length) {
         let r = ranges[0];
         let from = view.posAtDOM(r.startContainer, r.startOffset), to = view.posAtDOM(r.endContainer, r.endOffset);
@@ -8273,7 +8295,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     let pending;
-    if (browser.chrome && browser.android && (pending = PendingKeys.find((key) => key.inputType == event.inputType))) {
+    if (browser.chrome && browser.android && (pending = PendingKeys.find((key) => key.inputType == event2.inputType))) {
       view.observer.delayAndroidKey(pending.key, pending.keyCode);
       if (pending.key == "Backspace" || pending.key == "Delete") {
         let startViewHeight = ((_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.height) || 0;
@@ -8286,11 +8308,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }, 100);
       }
     }
-    if (browser.ios && event.inputType == "deleteContentForward") {
+    if (browser.ios && event2.inputType == "deleteContentForward") {
       view.observer.flushSoon();
     }
-    if (browser.safari && event.inputType == "insertText" && view.inputState.composing >= 0) {
-      setTimeout(() => observers.compositionend(view, event), 20);
+    if (browser.safari && event2.inputType == "insertText" && view.inputState.composing >= 0) {
+      setTimeout(() => observers.compositionend(view, event2), 20);
     }
     return false;
   };
@@ -9946,11 +9968,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           view.contentDOM.editContext = this.editContext.editContext;
       }
       if (useCharData)
-        this.onCharData = (event) => {
+        this.onCharData = (event2) => {
           this.queue.push({
-            target: event.target,
+            target: event2.target,
             type: "characterData",
-            oldValue: event.prevValue
+            oldValue: event2.prevValue
           });
           this.flushSoon();
         };
@@ -10008,8 +10030,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           this.view.requestMeasure();
         }, 50);
     }
-    onPrint(event) {
-      if ((event.type == "change" || !event.type) && !event.matches)
+    onPrint(event2) {
+      if ((event2.type == "change" || !event2.type) && !event2.matches)
         return;
       this.view.viewState.printing = true;
       this.view.measure();
@@ -10026,7 +10048,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.gaps = gaps;
       }
     }
-    onSelectionChange(event) {
+    onSelectionChange(event2) {
       let wasChanged = this.selectionChanged;
       if (!this.readSelectionRange() || this.delayedAndroidKey)
         return;
@@ -10034,7 +10056,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (view.state.facet(editable) ? view.root.activeElement != this.dom : !hasSelection(this.dom, sel))
         return;
       let context = sel.anchorNode && view.docView.nearest(sel.anchorNode);
-      if (context && context.ignoreEvent(event)) {
+      if (context && context.ignoreEvent(event2)) {
         if (!wasChanged)
           this.selectionChanged = false;
         return;
@@ -10343,10 +10365,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return buildSelectionRangeFromRange(view, range);
     }
     let found = null;
-    function read(event) {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      found = event.getTargetRanges()[0];
+    function read(event2) {
+      event2.preventDefault();
+      event2.stopImmediatePropagation();
+      found = event2.getTargetRanges()[0];
     }
     view.contentDOM.addEventListener("beforeinput", read, true);
     view.dom.ownerDocument.execCommand("indent");
@@ -10441,8 +10463,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             this.reset(view.state);
         }
       };
-      for (let event in this.handlers)
-        context.addEventListener(event, this.handlers[event]);
+      for (let event2 in this.handlers)
+        context.addEventListener(event2, this.handlers[event2]);
       this.measureReq = { read: (view2) => {
         this.editContext.updateControlBounds(view2.contentDOM.getBoundingClientRect());
         let sel = getSelection(view2.root);
@@ -10544,8 +10566,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return c2 && c2.drifted ? c2.contextBase + (editorPos - c2.editorBase) : editorPos - this.from;
     }
     destroy() {
-      for (let event in this.handlers)
-        this.editContext.removeEventListener(event, this.handlers[event]);
+      for (let event2 in this.handlers)
+        this.editContext.removeEventListener(event2, this.handlers[event2]);
     }
   }
   class EditorView {
@@ -10821,8 +10843,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.plugins = newPlugins;
         this.pluginMap.clear();
       } else {
-        for (let p of this.plugins)
-          p.mustUpdate = update;
+        for (let p2 of this.plugins)
+          p2.mustUpdate = update;
       }
       for (let i2 = 0; i2 < this.plugins.length; i2++)
         this.plugins[i2].update(this);
@@ -11040,7 +11062,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     plugin(plugin) {
       let known = this.pluginMap.get(plugin);
       if (known === void 0 || known && known.plugin != plugin)
-        this.pluginMap.set(plugin, known = this.plugins.find((p) => p.plugin == plugin) || null);
+        this.pluginMap.set(plugin, known = this.plugins.find((p2) => p2.plugin == plugin) || null);
       return known && known.update(this).value;
     }
     /**
@@ -11500,12 +11522,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.fresh = fresh;
       this.order = order;
     }
-    static update(cache, changes) {
-      if (changes.empty && !cache.some((c2) => c2.fresh))
-        return cache;
-      let result = [], lastDir = cache.length ? cache[cache.length - 1].dir : Direction.LTR;
-      for (let i2 = Math.max(0, cache.length - 10); i2 < cache.length; i2++) {
-        let entry = cache[i2];
+    static update(cache2, changes) {
+      if (changes.empty && !cache2.some((c2) => c2.fresh))
+        return cache2;
+      let result = [], lastDir = cache2.length ? cache2[cache2.length - 1].dir : Direction.LTR;
+      for (let i2 = Math.max(0, cache2.length - 10); i2 < cache2.length; i2++) {
+        let entry = cache2[i2];
         if (entry.dir == lastDir && !changes.touchesRange(entry.from, entry.to))
           result.push(new CachedOrder(changes.mapPos(entry.from, 1), changes.mapPos(entry.to, -1), entry.dir, entry.isolates, false, entry.order));
       }
@@ -11555,20 +11577,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       result = "Shift-" + result;
     return result;
   }
-  function modifiers(name2, event, shift2) {
-    if (event.altKey)
+  function modifiers(name2, event2, shift2) {
+    if (event2.altKey)
       name2 = "Alt-" + name2;
-    if (event.ctrlKey)
+    if (event2.ctrlKey)
       name2 = "Ctrl-" + name2;
-    if (event.metaKey)
+    if (event2.metaKey)
       name2 = "Meta-" + name2;
-    if (shift2 !== false && event.shiftKey)
+    if (shift2 !== false && event2.shiftKey)
       name2 = "Shift-" + name2;
     return name2;
   }
   const handleKeyEvents = /* @__PURE__ */ Prec.default(/* @__PURE__ */ EditorView.domEventHandlers({
-    keydown(event, view) {
-      return runHandlers(getKeymap(view.state), event, view, "editor");
+    keydown(event2, view) {
+      return runHandlers(getKeymap(view.state), event2, view, "editor");
     }
   }));
   const keymap = /* @__PURE__ */ Facet.define({ enables: handleKeyEvents });
@@ -11580,13 +11602,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       Keymaps.set(bindings, map2 = buildKeymap(bindings.reduce((a2, b) => a2.concat(b), [])));
     return map2;
   }
-  function runScopeHandlers(view, event, scope) {
-    return runHandlers(getKeymap(view.state), event, view, scope);
+  function runScopeHandlers(view, event2, scope) {
+    return runHandlers(getKeymap(view.state), event2, view, scope);
   }
   let storedPrefix = null;
   const PrefixTimeout = 4e3;
   function buildKeymap(bindings, platform = currentPlatform) {
-    let bound = /* @__PURE__ */ Object.create(null);
+    let bound2 = /* @__PURE__ */ Object.create(null);
     let isPrefix = /* @__PURE__ */ Object.create(null);
     let checkPrefix = (name2, is) => {
       let current = isPrefix[name2];
@@ -11597,7 +11619,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     let add2 = (scope, key, command2, preventDefault, stopPropagation) => {
       var _a2, _b;
-      let scopeObj = bound[scope] || (bound[scope] = /* @__PURE__ */ Object.create(null));
+      let scopeObj = bound2[scope] || (bound2[scope] = /* @__PURE__ */ Object.create(null));
       let parts = key.split(/ (?!$)/).map((k) => normalizeKeyName(k, platform));
       for (let i2 = 1; i2 < parts.length; i2++) {
         let prefix = parts.slice(0, i2).join(" ");
@@ -11634,7 +11656,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let scopes = b.scope ? b.scope.split(" ") : ["editor"];
       if (b.any)
         for (let scope of scopes) {
-          let scopeObj = bound[scope] || (bound[scope] = /* @__PURE__ */ Object.create(null));
+          let scopeObj = bound2[scope] || (bound2[scope] = /* @__PURE__ */ Object.create(null));
           if (!scopeObj._any)
             scopeObj._any = { preventDefault: false, stopPropagation: false, run: [] };
           let { any } = b;
@@ -11650,17 +11672,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           add2(scope, "Shift-" + name2, b.shift, b.preventDefault, b.stopPropagation);
       }
     }
-    return bound;
+    return bound2;
   }
   let currentKeyEvent = null;
-  function runHandlers(map2, event, view, scope) {
-    currentKeyEvent = event;
-    let name2 = keyName(event);
+  function runHandlers(map2, event2, view, scope) {
+    currentKeyEvent = event2;
+    let name2 = keyName(event2);
     let charCode = codePointAt$1(name2, 0), isChar = codePointSize(charCode) == name2.length && name2 != " ";
     let prefix = "", handled = false, prevented = false, stopPropagation = false;
     if (storedPrefix && storedPrefix.view == view && storedPrefix.scope == scope) {
       prefix = storedPrefix.prefix + " ";
-      if (modifierCodes.indexOf(event.keyCode) < 0) {
+      if (modifierCodes.indexOf(event2.keyCode) < 0) {
         prevented = true;
         storedPrefix = null;
       }
@@ -11687,17 +11709,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     let scopeObj = map2[scope], baseName, shiftName;
     if (scopeObj) {
-      if (runFor(scopeObj[prefix + modifiers(name2, event, !isChar)])) {
+      if (runFor(scopeObj[prefix + modifiers(name2, event2, !isChar)])) {
         handled = true;
-      } else if (isChar && (event.altKey || event.metaKey || event.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
-      !(browser.windows && event.ctrlKey && event.altKey) && // Alt-combinations on macOS tend to be typed characters
-      !(browser.mac && event.altKey && !(event.ctrlKey || event.metaKey)) && (baseName = base[event.keyCode]) && baseName != name2) {
-        if (runFor(scopeObj[prefix + modifiers(baseName, event, true)])) {
+      } else if (isChar && (event2.altKey || event2.metaKey || event2.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
+      !(browser.windows && event2.ctrlKey && event2.altKey) && // Alt-combinations on macOS tend to be typed characters
+      !(browser.mac && event2.altKey && !(event2.ctrlKey || event2.metaKey)) && (baseName = base[event2.keyCode]) && baseName != name2) {
+        if (runFor(scopeObj[prefix + modifiers(baseName, event2, true)])) {
           handled = true;
-        } else if (event.shiftKey && (shiftName = shift[event.keyCode]) != name2 && shiftName != baseName && runFor(scopeObj[prefix + modifiers(shiftName, event, false)])) {
+        } else if (event2.shiftKey && (shiftName = shift[event2.keyCode]) != name2 && shiftName != baseName && runFor(scopeObj[prefix + modifiers(shiftName, event2, false)])) {
           handled = true;
         }
-      } else if (isChar && event.shiftKey && runFor(scopeObj[prefix + modifiers(name2, event, true)])) {
+      } else if (isChar && event2.shiftKey && runFor(scopeObj[prefix + modifiers(name2, event2, true)])) {
         handled = true;
       }
       if (!handled && runFor(scopeObj._any))
@@ -11706,7 +11728,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (prevented)
       handled = true;
     if (handled && stopPropagation)
-      event.stopPropagation();
+      event2.stopPropagation();
     currentKeyEvent = null;
     return handled;
   }
@@ -11741,8 +11763,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         elt.style.width = this.width + "px";
       elt.style.height = this.height + "px";
     }
-    eq(p) {
-      return this.left == p.left && this.top == p.top && this.width == p.width && this.height == p.height && this.className == p.className;
+    eq(p2) {
+      return this.left == p2.left && this.top == p2.top && this.width == p2.width && this.height == p2.height && this.className == p2.className;
     }
     /**
     Create a set of rectangles for the given selection range,
@@ -11911,7 +11933,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     draw(markers) {
-      if (markers.length != this.drawn.length || markers.some((p, i2) => !sameMarker(p, this.drawn[i2]))) {
+      if (markers.length != this.drawn.length || markers.some((p2, i2) => !sameMarker(p2, this.drawn[i2]))) {
         let old = this.dom.firstChild, oldI = 0;
         for (let marker of markers) {
           if (marker.update && old && marker.constructor && this.drawn[oldI].constructor && marker.update(old, this.drawn[oldI])) {
@@ -12097,11 +12119,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }, {
     eventObservers: {
-      dragover(event) {
-        this.setDropPos(this.view.posAtCoords({ x: event.clientX, y: event.clientY }));
+      dragover(event2) {
+        this.setDropPos(this.view.posAtCoords({ x: event2.clientX, y: event2.clientY }));
       },
-      dragleave(event) {
-        if (event.target == this.view.contentDOM || !this.view.contentDOM.contains(event.relatedTarget))
+      dragleave(event2) {
+        if (event2.target == this.view.contentDOM || !this.view.contentDOM.contains(event2.relatedTarget))
           this.setDropPos(null);
       },
       dragend() {
@@ -12148,15 +12170,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         throw new RangeError("The regular expression given to MatchDecorator should have its 'g' flag set");
       this.regexp = regexp;
       if (decorate) {
-        this.addMatch = (match, view, from, add2) => decorate(add2, from, from + match[0].length, match, view);
+        this.addMatch = (match2, view, from, add2) => decorate(add2, from, from + match2[0].length, match2, view);
       } else if (typeof decoration == "function") {
-        this.addMatch = (match, view, from, add2) => {
-          let deco = decoration(match, view, from);
+        this.addMatch = (match2, view, from, add2) => {
+          let deco = decoration(match2, view, from);
           if (deco)
-            add2(from, from + match[0].length, deco);
+            add2(from, from + match2[0].length, deco);
         };
       } else if (decoration) {
-        this.addMatch = (match, _view, from, add2) => add2(from, from + match[0].length, decoration);
+        this.addMatch = (match2, _view, from, add2) => add2(from, from + match2[0].length, decoration);
       } else {
         throw new RangeError("Either 'decorate' or 'decoration' should be provided to MatchDecorator");
       }
@@ -12428,14 +12450,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     let ref = view.coordsAtPos(view.viewport.from);
     return ref ? Math.round(Math.abs((ref.left - x2) / view.defaultCharacterWidth)) : -1;
   }
-  function getPos(view, event) {
-    let offset = view.posAtCoords({ x: event.clientX, y: event.clientY }, false);
+  function getPos(view, event2) {
+    let offset = view.posAtCoords({ x: event2.clientX, y: event2.clientY }, false);
     let line = view.state.doc.lineAt(offset), off = offset - line.from;
-    let col = off > MaxOff ? -1 : off == line.length ? absoluteColumn(view, event.clientX) : countColumn(line.text, view.state.tabSize, offset - line.from);
+    let col = off > MaxOff ? -1 : off == line.length ? absoluteColumn(view, event2.clientX) : countColumn(line.text, view.state.tabSize, offset - line.from);
     return { line: line.number, col, off };
   }
-  function rectangleSelectionStyle(view, event) {
-    let start2 = getPos(view, event), startSel = view.state.selection;
+  function rectangleSelectionStyle(view, event2) {
+    let start2 = getPos(view, event2), startSel = view.state.selection;
     if (!start2)
       return null;
     return {
@@ -12447,8 +12469,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           startSel = startSel.map(update.changes);
         }
       },
-      get(event2, _extend, multiple) {
-        let cur2 = getPos(view, event2);
+      get(event3, _extend, multiple) {
+        let cur2 = getPos(view, event3);
         if (!cur2)
           return startSel;
         let ranges = rectangleFor(view.state, start2, cur2);
@@ -12463,7 +12485,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function rectangularSelection(options) {
     let filter2 = ((e) => e.altKey && e.button == 0);
-    return EditorView.mouseSelectionStyle.of((view, event) => filter2(event) ? rectangleSelectionStyle(view, event) : null);
+    return EditorView.mouseSelectionStyle.of((view, event2) => filter2(event2) ? rectangleSelectionStyle(view, event2) : null);
   }
   const keys = {
     Alt: [18, (e) => !!e.altKey],
@@ -12595,7 +12617,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.createContainer();
       this.measureReq = { read: this.readMeasure.bind(this), write: this.writeMeasure.bind(this), key: this };
       this.resizeObserver = typeof ResizeObserver == "function" ? new ResizeObserver(() => this.measureSoon()) : null;
-      this.manager = new TooltipViewManager(view, showTooltip, (t2, p) => this.createTooltip(t2, p), (t2) => {
+      this.manager = new TooltipViewManager(view, showTooltip, (t2, p2) => this.createTooltip(t2, p2), (t2) => {
         if (this.resizeObserver)
           this.resizeObserver.unobserve(t2.dom);
         t2.dom.remove();
@@ -12697,11 +12719,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let scaleX = 1, scaleY = 1, makeAbsolute = false;
       if (this.position == "fixed" && this.manager.tooltipViews.length) {
         let { dom } = this.manager.tooltipViews[0];
-        if (browser.gecko) {
-          makeAbsolute = dom.offsetParent != this.container.ownerDocument.body;
-        } else if (dom.style.top == Outside && dom.style.left == "0px") {
+        if (browser.safari) {
           let rect = dom.getBoundingClientRect();
           makeAbsolute = Math.abs(rect.top + 1e4) > 1 || Math.abs(rect.left) > 1;
+        } else {
+          makeAbsolute = !!dom.offsetParent && dom.offsetParent != this.container.ownerDocument.body;
         }
       }
       if (makeAbsolute || this.position == "absolute") {
@@ -12900,7 +12922,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.mounted = false;
       this.dom = document.createElement("div");
       this.dom.classList.add("cm-tooltip-hover");
-      this.manager = new TooltipViewManager(view, showHoverTooltip, (t2, p) => this.createHostedView(t2, p), (t2) => t2.dom.remove());
+      this.manager = new TooltipViewManager(view, showHoverTooltip, (t2, p2) => this.createHostedView(t2, p2), (t2) => t2.dom.remove());
     }
     createHostedView(tooltip, prev) {
       let hostedView = tooltip.create(this.view);
@@ -13046,27 +13068,27 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let index2 = plugin ? plugin.manager.tooltips.findIndex((t2) => t2.create == HoverTooltipHost.create) : -1;
       return index2 > -1 ? plugin.manager.tooltipViews[index2] : null;
     }
-    mousemove(event) {
+    mousemove(event2) {
       var _a2, _b;
-      this.lastMove = { x: event.clientX, y: event.clientY, target: event.target, time: Date.now() };
+      this.lastMove = { x: event2.clientX, y: event2.clientY, target: event2.target, time: Date.now() };
       if (this.hoverTimeout < 0)
         this.hoverTimeout = setTimeout(this.checkHover, this.hoverTime);
       let { active, tooltip } = this;
-      if (active.length && tooltip && !isInTooltip(tooltip.dom, event) || this.pending) {
+      if (active.length && tooltip && !isInTooltip(tooltip.dom, event2) || this.pending) {
         let { pos } = active[0] || this.pending, end = (_b = (_a2 = active[0]) === null || _a2 === void 0 ? void 0 : _a2.end) !== null && _b !== void 0 ? _b : pos;
-        if (pos == end ? this.view.posAtCoords(this.lastMove) != pos : !isOverRange(this.view, pos, end, event.clientX, event.clientY)) {
+        if (pos == end ? this.view.posAtCoords(this.lastMove) != pos : !isOverRange(this.view, pos, end, event2.clientX, event2.clientY)) {
           this.view.dispatch({ effects: this.setHover.of([]) });
           this.pending = null;
         }
       }
     }
-    mouseleave(event) {
+    mouseleave(event2) {
       clearTimeout(this.hoverTimeout);
       this.hoverTimeout = -1;
       let { active } = this;
       if (active.length) {
         let { tooltip } = this;
-        let inTooltip = tooltip && tooltip.dom.contains(event.relatedTarget);
+        let inTooltip = tooltip && tooltip.dom.contains(event2.relatedTarget);
         if (!inTooltip)
           this.view.dispatch({ effects: this.setHover.of([]) });
         else
@@ -13074,9 +13096,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     watchTooltipLeave(tooltip) {
-      let watch = (event) => {
+      let watch = (event2) => {
         tooltip.removeEventListener("mouseleave", watch);
-        if (this.active.length && !this.view.dom.contains(event.relatedTarget))
+        if (this.active.length && !this.view.dom.contains(event2.relatedTarget))
           this.view.dispatch({ effects: this.setHover.of([]) });
       };
       tooltip.addEventListener("mouseleave", watch);
@@ -13088,14 +13110,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   const tooltipMargin = 4;
-  function isInTooltip(tooltip, event) {
+  function isInTooltip(tooltip, event2) {
     let { left, right, top: top2, bottom } = tooltip.getBoundingClientRect(), arrow;
     if (arrow = tooltip.querySelector(".cm-tooltip-arrow")) {
       let arrowRect = arrow.getBoundingClientRect();
       top2 = Math.min(arrowRect.top, top2);
       bottom = Math.max(arrowRect.bottom, bottom);
     }
-    return event.clientX >= left - tooltipMargin && event.clientX <= right + tooltipMargin && event.clientY >= top2 - tooltipMargin && event.clientY <= bottom + tooltipMargin;
+    return event2.clientX >= left - tooltipMargin && event2.clientX <= right + tooltipMargin && event2.clientY >= top2 - tooltipMargin && event2.clientY <= bottom + tooltipMargin;
   }
   function isOverRange(view, from, to, x2, y2, margin) {
     let rect = view.scrollDOM.getBoundingClientRect();
@@ -13122,11 +13144,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             for (let tooltip of value) {
               let newPos = tr.changes.mapPos(tooltip.pos, -1, MapMode.TrackDel);
               if (newPos != null) {
-                let copy = Object.assign(/* @__PURE__ */ Object.create(null), tooltip);
-                copy.pos = newPos;
-                if (copy.end != null)
-                  copy.end = tr.changes.mapPos(copy.end);
-                mapped.push(copy);
+                let copy2 = Object.assign(/* @__PURE__ */ Object.create(null), tooltip);
+                copy2.pos = newPos;
+                if (copy2.end != null)
+                  copy2.end = tr.changes.mapPos(copy2.end);
+                mapped.push(copy2);
               }
             }
             value = mapped;
@@ -13189,12 +13211,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let conf = view.state.facet(panelConfig);
       this.top = new PanelGroup(view, true, conf.topContainer);
       this.bottom = new PanelGroup(view, false, conf.bottomContainer);
-      this.top.sync(this.panels.filter((p) => p.top));
-      this.bottom.sync(this.panels.filter((p) => !p.top));
-      for (let p of this.panels) {
-        p.dom.classList.add("cm-panel");
-        if (p.mount)
-          p.mount();
+      this.top.sync(this.panels.filter((p2) => p2.top));
+      this.bottom.sync(this.panels.filter((p2) => !p2.top));
+      for (let p2 of this.panels) {
+        p2.dom.classList.add("cm-panel");
+        if (p2.mount)
+          p2.mount();
       }
     }
     update(update) {
@@ -13230,15 +13252,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.panels = panels;
         this.top.sync(top2);
         this.bottom.sync(bottom);
-        for (let p of mount) {
-          p.dom.classList.add("cm-panel");
-          if (p.mount)
-            p.mount();
+        for (let p2 of mount) {
+          p2.dom.classList.add("cm-panel");
+          if (p2.mount)
+            p2.mount();
         }
       } else {
-        for (let p of this.panels)
-          if (p.update)
-            p.update(update);
+        for (let p2 of this.panels)
+          if (p2.update)
+            p2.update(update);
       }
     }
     destroy() {
@@ -13262,9 +13284,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.syncClasses();
     }
     sync(panels) {
-      for (let p of this.panels)
-        if (p.destroy && panels.indexOf(p) < 0)
-          p.destroy();
+      for (let p2 of this.panels)
+        if (p2.destroy && panels.indexOf(p2) < 0)
+          p2.destroy();
       this.panels = panels;
       this.syncDOM();
     }
@@ -13345,7 +13367,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   GutterMarker.prototype.point = true;
   const gutterLineClass = /* @__PURE__ */ Facet.define();
   const gutterWidgetClass = /* @__PURE__ */ Facet.define();
-  const defaults$2 = {
+  const defaults$j = {
     class: "",
     renderEmptyElements: false,
     elementStyle: "",
@@ -13360,7 +13382,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   const activeGutters = /* @__PURE__ */ Facet.define();
   function gutter(config2) {
-    return [gutters(), activeGutters.of(__spreadValues(__spreadValues({}, defaults$2), config2))];
+    return [gutters(), activeGutters.of(__spreadValues(__spreadValues({}, defaults$j), config2))];
   }
   const unfixGutters = /* @__PURE__ */ Facet.define({
     combine: (values) => values.some((x2) => x2)
@@ -13588,19 +13610,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.dom = document.createElement("div");
       this.dom.className = "cm-gutter" + (this.config.class ? " " + this.config.class : "");
       for (let prop in config2.domEventHandlers) {
-        this.dom.addEventListener(prop, (event) => {
-          let target = event.target, y2;
+        this.dom.addEventListener(prop, (event2) => {
+          let target = event2.target, y2;
           if (target != this.dom && this.dom.contains(target)) {
             while (target.parentNode != this.dom)
               target = target.parentNode;
             let rect = target.getBoundingClientRect();
             y2 = (rect.top + rect.bottom) / 2;
           } else {
-            y2 = event.clientY;
+            y2 = event2.clientY;
           }
           let line = view.lineBlockAtHeight(y2 - view.documentTop);
-          if (config2.domEventHandlers[prop](view, line, event))
-            event.preventDefault();
+          if (config2.domEventHandlers[prop](view, line, event2))
+            event2.preventDefault();
         });
       }
       this.markers = asArray(config2.markers(view));
@@ -13704,9 +13726,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return combineConfig(values, { formatNumber: String, domEventHandlers: {} }, {
         domEventHandlers(a2, b) {
           let result = Object.assign({}, a2);
-          for (let event in b) {
-            let exists = result[event], add2 = b[event];
-            result[event] = exists ? (view, line, event2) => exists(view, line, event2) || add2(view, line, event2) : add2;
+          for (let event2 in b) {
+            let exists = result[event2], add2 = b[event2];
+            result[event2] = exists ? (view, line, event3) => exists(view, line, event3) || add2(view, line, event3) : add2;
           }
           return result;
         }
@@ -13820,13 +13842,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if the node type doesn't get this prop, and the prop's value if
     it does.
     */
-    add(match) {
+    add(match2) {
       if (this.perNode)
         throw new RangeError("Can't add per-node props to node types");
-      if (typeof match != "function")
-        match = NodeType.match(match);
+      if (typeof match2 != "function")
+        match2 = NodeType.match(match2);
       return (type2) => {
-        let result = match(type2);
+        let result = match2(type2);
         return result === void 0 ? null : [this, result];
       };
     }
@@ -14161,8 +14183,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     Build a tree from a postfix-ordered buffer of node information,
     or a cursor over such a buffer.
     */
-    static build(data) {
-      return buildTree(data);
+    static build(data2) {
+      return buildTree(data2);
     }
   }
   Tree.empty = new Tree(NodeType.none, [], [], 0);
@@ -14256,15 +14278,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     */
     slice(startI, endI, from) {
       let b = this.buffer;
-      let copy = new Uint16Array(endI - startI), len = 0;
+      let copy2 = new Uint16Array(endI - startI), len = 0;
       for (let i2 = startI, j = 0; i2 < endI; ) {
-        copy[j++] = b[i2++];
-        copy[j++] = b[i2++] - from;
-        let to = copy[j++] = b[i2++] - from;
-        copy[j++] = b[i2++] - startI;
+        copy2[j++] = b[i2++];
+        copy2[j++] = b[i2++] - from;
+        let to = copy2[j++] = b[i2++] - from;
+        copy2[j++] = b[i2++] - startI;
         len = Math.max(len, to);
       }
-      return new TreeBuffer(copy, len, this.set);
+      return new TreeBuffer(copy2, len, this.set);
     }
   }
   function checkSide(side, pos, from, to) {
@@ -14501,11 +14523,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   function matchNodeContext(node, context, i2 = context.length - 1) {
-    for (let p = node; i2 >= 0; p = p.parent) {
-      if (!p)
+    for (let p2 = node; i2 >= 0; p2 = p2.parent) {
+      if (!p2)
         return false;
-      if (!p.type.isAnonymous) {
-        if (context[i2] && context[i2] != p.name)
+      if (!p2.type.isAnonymous) {
+        if (context[i2] && context[i2] != p2.name)
           return false;
         i2--;
       }
@@ -14941,10 +14963,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     get node() {
       if (!this.buffer)
         return this._tree;
-      let cache = this.bufferNode, result = null, depth = 0;
-      if (cache && cache.context == this.buffer) {
+      let cache2 = this.bufferNode, result = null, depth = 0;
+      if (cache2 && cache2.context == this.buffer) {
         scan: for (let index2 = this.index, d = this.stack.length; d >= 0; ) {
-          for (let c2 = cache; c2; c2 = c2._parent)
+          for (let c2 = cache2; c2; c2 = c2._parent)
             if (c2.index == index2) {
               if (index2 == this.index)
                 return c2;
@@ -15023,9 +15045,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function hasChild(tree2) {
     return tree2.children.some((ch) => ch instanceof TreeBuffer || !ch.type.isAnonymous || hasChild(ch));
   }
-  function buildTree(data) {
+  function buildTree(data2) {
     var _a2;
-    let { buffer, nodeSet, maxBufferLength = DefaultBufferLength, reused = [], minRepeatType = nodeSet.types.length } = data;
+    let { buffer, nodeSet, maxBufferLength = DefaultBufferLength, reused = [], minRepeatType = nodeSet.types.length } = data2;
     let cursor2 = Array.isArray(buffer) ? new FlatBufferCursor(buffer, buffer.length) : buffer;
     let types2 = nodeSet.types;
     let contextHash = 0, lookAhead = 0;
@@ -15052,11 +15074,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let type2 = types2[id2], node, buffer2;
       let startPos = start2 - parentStart;
       if (end - start2 <= maxBufferLength && (buffer2 = findBufferSize(cursor2.pos - minPos, inRepeat))) {
-        let data2 = new Uint16Array(buffer2.size - buffer2.skip);
-        let endPos = cursor2.pos - buffer2.size, index2 = data2.length;
+        let data3 = new Uint16Array(buffer2.size - buffer2.skip);
+        let endPos = cursor2.pos - buffer2.size, index2 = data3.length;
         while (cursor2.pos > endPos)
-          index2 = copyToBuffer(buffer2.start, data2, index2);
-        node = new TreeBuffer(data2, end - buffer2.start, nodeSet);
+          index2 = copyToBuffer(buffer2.start, data3, index2);
+        node = new TreeBuffer(data3, end - buffer2.start, nodeSet);
         startPos = buffer2.start - parentStart;
       } else {
         let endPos = cursor2.pos - size;
@@ -15220,9 +15242,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     let children2 = [], positions = [];
     while (cursor2.pos > 0)
-      takeNode(data.start || 0, data.bufferStart || 0, children2, positions, -1, 0);
-    let length = (_a2 = data.length) !== null && _a2 !== void 0 ? _a2 : children2.length ? positions[0] + children2[0].length : 0;
-    return new Tree(types2[data.topID], children2.reverse(), positions.reverse(), length);
+      takeNode(data2.start || 0, data2.bufferStart || 0, children2, positions, -1, 0);
+    let length = (_a2 = data2.length) !== null && _a2 !== void 0 ? _a2 : children2.length ? positions[0] + children2[0].length : 0;
+    return new Tree(types2[data2.topID], children2.reverse(), positions.reverse(), length);
   }
   const nodeSizeCache = /* @__PURE__ */ new WeakMap();
   function nodeSize(balanceType, node) {
@@ -15378,9 +15400,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     Run a full parse, returning the resulting tree.
     */
     parse(input, fragments, ranges) {
-      let parse = this.startParse(input, fragments, ranges);
+      let parse2 = this.startParse(input, fragments, ranges);
       for (; ; ) {
-        let done = parse.advance();
+        let done = parse2.advance();
         if (done)
           return done;
       }
@@ -15536,19 +15558,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     combine(a2, b) {
       let cur2, root2, take;
       while (a2 || b) {
-        if (!a2 || a2.depth > b.depth) {
+        if (!a2 || b && a2.depth >= b.depth) {
           take = b;
           b = b.next;
         } else {
           take = a2;
           a2 = a2.next;
         }
-        let copy = new Rule(take.tags, take.mode, take.context);
+        if (cur2 && cur2.mode == take.mode && !take.context && !cur2.context)
+          continue;
+        let copy2 = new Rule(take.tags, take.mode, take.context);
         if (cur2)
-          cur2.next = copy;
+          cur2.next = copy2;
         else
-          root2 = copy;
-        cur2 = copy;
+          root2 = copy2;
+        cur2 = copy2;
       }
       return root2;
     }
@@ -15707,7 +15731,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return rule || null;
   }
   const t = Tag$1.define;
-  const comment = t(), name = t(), typeName = t(name), propertyName = t(name), literal = t(), string = t(literal), number = t(literal), content = t(), heading = t(content), keyword = t(), operator = t(), punctuation = t(), bracket = t(punctuation), meta = t();
+  const comment = t(), name = t(), typeName = t(name), propertyName = t(name), literal = t(), string$1 = t(literal), number$2 = t(literal), content = t(), heading = t(content), keyword = t(), operator = t(), punctuation = t(), bracket = t(punctuation), meta$1 = t();
   const tags = {
     /**
     A comment.
@@ -15772,31 +15796,31 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
     A string [literal](#highlight.tags.literal).
     */
-    string,
+    string: string$1,
     /**
     A documentation [string](#highlight.tags.string).
     */
-    docString: t(string),
+    docString: t(string$1),
     /**
     A character literal (subtag of [string](#highlight.tags.string)).
     */
-    character: t(string),
+    character: t(string$1),
     /**
     An attribute value (subtag of [string](#highlight.tags.string)).
     */
-    attributeValue: t(string),
+    attributeValue: t(string$1),
     /**
     A number [literal](#highlight.tags.literal).
     */
-    number,
+    number: number$2,
     /**
     An integer [number](#highlight.tags.number) literal.
     */
-    integer: t(number),
+    integer: t(number$2),
     /**
     A floating-point [number](#highlight.tags.number) literal.
     */
-    float: t(number),
+    float: t(number$2),
     /**
     A boolean [literal](#highlight.tags.literal).
     */
@@ -16018,22 +16042,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
     Metadata or meta-instruction.
     */
-    meta,
+    meta: meta$1,
     /**
     [Metadata](#highlight.tags.meta) that applies to the entire
     document.
     */
-    documentMeta: t(meta),
+    documentMeta: t(meta$1),
     /**
     [Metadata](#highlight.tags.meta) that annotates or adds
     attributes to a given syntactic element.
     */
-    annotation: t(meta),
+    annotation: t(meta$1),
     /**
     Processing instruction or preprocessor directive. Subtag of
     [meta](#highlight.tags.meta).
     */
-    processingInstruction: t(meta),
+    processingInstruction: t(meta$1),
     /**
     [Modifier](#highlight.Tag^defineModifier) that indicates that a
     given element is being defined. Expected to be used with the
@@ -16127,8 +16151,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     configure your parser to [attach](https://codemirror.net/6/docs/ref/#language.languageDataProp) it
     to the language's outer syntax node.
     */
-    constructor(data, parser2, extraExtensions = [], name2 = "") {
-      this.data = data;
+    constructor(data2, parser2, extraExtensions = [], name2 = "") {
+      this.data = data2;
       this.name = name2;
       if (!EditorState.prototype.hasOwnProperty("tree"))
         Object.defineProperty(EditorState.prototype, "tree", { get() {
@@ -16138,16 +16162,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.extension = [
         language.of(this),
         EditorState.languageData.of((state, pos, side) => {
-          let top2 = topNodeAt(state, pos, side), data2 = top2.type.prop(languageDataProp);
-          if (!data2)
+          let top2 = topNodeAt(state, pos, side), data3 = top2.type.prop(languageDataProp);
+          if (!data3)
             return [];
-          let base2 = state.facet(data2), sub = top2.type.prop(sublanguageProp);
+          let base2 = state.facet(data3), sub = top2.type.prop(sublanguageProp);
           if (sub) {
             let innerNode = top2.resolve(pos - top2.from, side);
             for (let sublang of sub)
               if (sublang.test(innerNode, state)) {
-                let data3 = state.facet(sublang.facet);
-                return sublang.type == "replace" ? data3 : data3.concat(base2);
+                let data4 = state.facet(sublang.facet);
+                return sublang.type == "replace" ? data4 : data4.concat(base2);
               }
           }
           return base2;
@@ -16221,17 +16245,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return tree2;
   }
   class LRLanguage extends Language {
-    constructor(data, parser2, name2) {
-      super(data, parser2, [], name2);
+    constructor(data2, parser2, name2) {
+      super(data2, parser2, [], name2);
       this.parser = parser2;
     }
     /**
     Define a language from a parser.
     */
     static define(spec) {
-      let data = defineLanguageFacet(spec.languageData);
-      return new LRLanguage(data, spec.parser.configure({
-        props: [languageDataProp.add((type2) => type2.isTop ? data : void 0)]
+      let data2 = defineLanguageFacet(spec.languageData);
+      return new LRLanguage(data2, spec.parser.configure({
+        props: [languageDataProp.add((type2) => type2.isTop ? data2 : void 0)]
       }), spec.name);
     }
     /**
@@ -17134,22 +17158,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function widgetToDOM(view, prepared) {
     let { state } = view, conf = state.facet(foldConfig);
-    let onclick = (event) => {
-      let line = view.lineBlockAt(view.posAtDOM(event.target));
+    let onclick = (event2) => {
+      let line = view.lineBlockAt(view.posAtDOM(event2.target));
       let folded = findFold(view.state, line.from, line.to);
       if (folded)
         view.dispatch({ effects: unfoldEffect.of(folded) });
-      event.preventDefault();
+      event2.preventDefault();
     };
     if (conf.placeholderDOM)
       return conf.placeholderDOM(view, onclick, prepared);
-    let element = document.createElement("span");
-    element.textContent = conf.placeholderText;
-    element.setAttribute("aria-label", state.phrase("folded code"));
-    element.title = state.phrase("unfold");
-    element.className = "cm-foldPlaceholder";
-    element.onclick = onclick;
-    return element;
+    let element2 = document.createElement("span");
+    element2.textContent = conf.placeholderText;
+    element2.setAttribute("aria-label", state.phrase("folded code"));
+    element2.title = state.phrase("unfold");
+    element2.className = "cm-foldPlaceholder";
+    element2.onclick = onclick;
+    return element2;
   }
   const foldWidget = /* @__PURE__ */ Decoration.replace({ widget: /* @__PURE__ */ new class extends WidgetType {
     toDOM(view) {
@@ -17228,8 +17252,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           return new FoldMarker(fullConfig, false);
         },
         domEventHandlers: __spreadProps(__spreadValues({}, domEventHandlers), {
-          click: (view, line, event) => {
-            if (domEventHandlers.click && domEventHandlers.click(view, line, event))
+          click: (view, line, event2) => {
+            if (domEventHandlers.click && domEventHandlers.click(view, line, event2))
               return true;
             let folded = findFold(view.state, line.from, line.to);
             if (folded) {
@@ -17460,12 +17484,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   });
   const matchingMark = /* @__PURE__ */ Decoration.mark({ class: "cm-matchingBracket" }), nonmatchingMark = /* @__PURE__ */ Decoration.mark({ class: "cm-nonmatchingBracket" });
-  function defaultRenderMatch(match) {
+  function defaultRenderMatch(match2) {
     let decorations2 = [];
-    let mark = match.matched ? matchingMark : nonmatchingMark;
-    decorations2.push(mark.range(match.start.from, match.start.to));
-    if (match.end)
-      decorations2.push(mark.range(match.end.from, match.end.to));
+    let mark = match2.matched ? matchingMark : nonmatchingMark;
+    decorations2.push(mark.range(match2.start.from, match2.start.to));
+    if (match2.end)
+      decorations2.push(mark.range(match2.end.from, match2.end.to));
     return decorations2;
   }
   const bracketMatchingState = /* @__PURE__ */ StateField.define({
@@ -17480,9 +17504,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       for (let range of tr.state.selection.ranges) {
         if (!range.empty)
           continue;
-        let match = matchBrackets(tr.state, range.head, -1, config2) || range.head > 0 && matchBrackets(tr.state, range.head - 1, 1, config2) || config2.afterCursor && (matchBrackets(tr.state, range.head, 1, config2) || range.head < tr.state.doc.length && matchBrackets(tr.state, range.head + 1, -1, config2));
-        if (match)
-          decorations2 = decorations2.concat(config2.renderMatch(match, tr.state));
+        let match2 = matchBrackets(tr.state, range.head, -1, config2) || range.head > 0 && matchBrackets(tr.state, range.head - 1, 1, config2) || config2.afterCursor && (matchBrackets(tr.state, range.head, 1, config2) || range.head < tr.state.doc.length && matchBrackets(tr.state, range.head + 1, -1, config2));
+        if (match2)
+          decorations2 = decorations2.concat(config2.renderMatch(match2, tr.state));
       }
       return Decoration.set(decorations2, true);
     },
@@ -17515,22 +17539,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     let maxScanDistance = config2.maxScanDistance || DefaultScanDist, brackets = config2.brackets || DefaultBrackets;
     let tree2 = syntaxTree(state), node = tree2.resolveInner(pos, dir);
     for (let cur2 = node; cur2; cur2 = cur2.parent) {
-      let matches = matchingNodes(cur2.type, dir, brackets);
-      if (matches && cur2.from < cur2.to) {
+      let matches2 = matchingNodes(cur2.type, dir, brackets);
+      if (matches2 && cur2.from < cur2.to) {
         let handle = findHandle(cur2);
         if (handle && (dir > 0 ? pos >= handle.from && pos < handle.to : pos > handle.from && pos <= handle.to))
-          return matchMarkedBrackets(state, pos, dir, cur2, handle, matches, brackets);
+          return matchMarkedBrackets(state, pos, dir, cur2, handle, matches2, brackets);
       }
     }
     return matchPlainBrackets(state, pos, dir, tree2, node.type, maxScanDistance, brackets);
   }
-  function matchMarkedBrackets(_state, _pos, dir, token, handle, matching, brackets) {
+  function matchMarkedBrackets(_state, _pos, dir, token, handle, matching2, brackets) {
     let parent = token.parent, firstToken = { from: handle.from, to: handle.to };
     let depth = 0, cursor2 = parent === null || parent === void 0 ? void 0 : parent.cursor();
     if (cursor2 && (dir < 0 ? cursor2.childBefore(token.from) : cursor2.childAfter(token.to)))
       do {
         if (dir < 0 ? cursor2.to <= token.from : cursor2.from >= token.to) {
-          if (depth == 0 && matching.indexOf(cursor2.type.name) > -1 && cursor2.from < cursor2.to) {
+          if (depth == 0 && matching2.indexOf(cursor2.type.name) > -1 && cursor2.from < cursor2.to) {
             let endHandle = findHandle(cursor2);
             return { start: firstToken, end: endHandle ? { from: endHandle.from, to: endHandle.to } : void 0, matched: true };
           } else if (matchingNodes(cursor2.type, dir, brackets)) {
@@ -17677,8 +17701,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /* CommentOption.Toggle */
   );
   function getConfig(state, pos) {
-    let data = state.languageDataAt("commentTokens", pos, 1);
-    return data.length ? data[0] : {};
+    let data2 = state.languageDataAt("commentTokens", pos, 1);
+    return data2.length ? data2[0] : {};
   }
   const SearchMargin = 50;
   function findBlockComment(state, { open, close }, from, to) {
@@ -17731,21 +17755,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return ranges;
   }
   function changeBlockComment(option, state, ranges = state.selection.ranges) {
-    let tokens = ranges.map((r) => getConfig(state, r.from).block);
-    if (!tokens.every((c2) => c2))
+    let tokens2 = ranges.map((r) => getConfig(state, r.from).block);
+    if (!tokens2.every((c2) => c2))
       return null;
-    let comments = ranges.map((r, i2) => findBlockComment(state, tokens[i2], r.from, r.to));
+    let comments = ranges.map((r, i2) => findBlockComment(state, tokens2[i2], r.from, r.to));
     if (option != 2 && !comments.every((c2) => c2)) {
       return { changes: state.changes(ranges.map((range, i2) => {
         if (comments[i2])
           return [];
-        return [{ from: range.from, insert: tokens[i2].open + " " }, { from: range.to, insert: " " + tokens[i2].close }];
+        return [{ from: range.from, insert: tokens2[i2].open + " " }, { from: range.to, insert: " " + tokens2[i2].close }];
       })) };
     } else if (option != 1 && comments.some((c2) => c2)) {
       let changes = [];
       for (let i2 = 0, comment2; i2 < comments.length; i2++)
         if (comment2 = comments[i2]) {
-          let token = tokens[i2], { open, close } = comment2;
+          let token = tokens2[i2], { open, close } = comment2;
           changes.push({ from: open.pos - token.open.length, to: open.pos + open.margin }, { from: close.pos - close.margin, to: close.pos + token.close.length });
         }
       return { changes };
@@ -17838,10 +17862,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         state = state.isolate();
       if (tr.annotation(Transaction.addToHistory) === false)
         return !tr.changes.empty ? state.addMapping(tr.changes.desc) : state;
-      let event = HistEvent.fromTransaction(tr);
+      let event2 = HistEvent.fromTransaction(tr);
       let time = tr.annotation(Transaction.time), userEvent = tr.annotation(Transaction.userEvent);
-      if (event)
-        state = state.addChanges(event, time, userEvent, config2, tr);
+      if (event2)
+        state = state.addChanges(event2, time, userEvent, config2, tr);
       else if (tr.selection)
         state = state.addSelection(tr.startState.selection, time, userEvent, config2.newGroupDelay);
       if (isolate == "full" || isolate == "after")
@@ -17978,26 +18002,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return branch;
     let length = branch.length, selections = none$2;
     while (length) {
-      let event = mapEvent(branch[length - 1], mapping, selections);
-      if (event.changes && !event.changes.empty || event.effects.length) {
+      let event2 = mapEvent(branch[length - 1], mapping, selections);
+      if (event2.changes && !event2.changes.empty || event2.effects.length) {
         let result = branch.slice(0, length);
-        result[length - 1] = event;
+        result[length - 1] = event2;
         return result;
       } else {
-        mapping = event.mapped;
+        mapping = event2.mapped;
         length--;
-        selections = event.selectionsAfter;
+        selections = event2.selectionsAfter;
       }
     }
     return selections.length ? [HistEvent.selection(selections)] : none$2;
   }
-  function mapEvent(event, mapping, extraSelections) {
-    let selections = conc(event.selectionsAfter.length ? event.selectionsAfter.map((s) => s.map(mapping)) : none$2, extraSelections);
-    if (!event.changes)
+  function mapEvent(event2, mapping, extraSelections) {
+    let selections = conc(event2.selectionsAfter.length ? event2.selectionsAfter.map((s) => s.map(mapping)) : none$2, extraSelections);
+    if (!event2.changes)
       return HistEvent.selection(selections);
-    let mappedChanges = event.changes.map(mapping), before = mapping.mapDesc(event.changes, true);
-    let fullMapping = event.mapped ? event.mapped.composeDesc(before) : before;
-    return new HistEvent(mappedChanges, StateEffect.mapEffects(event.effects, mapping), fullMapping, event.startSelection.map(before), selections);
+    let mappedChanges = event2.changes.map(mapping), before = mapping.mapDesc(event2.changes, true);
+    let fullMapping = event2.mapped ? event2.mapped.composeDesc(before) : before;
+    return new HistEvent(mappedChanges, StateEffect.mapEffects(event2.effects, mapping), fullMapping, event2.startSelection.map(before), selections);
   }
   const joinableUserEvent = /^(input\.type|delete)($|\.)/;
   class HistoryState {
@@ -18010,13 +18034,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     isolate() {
       return this.prevTime ? new HistoryState(this.done, this.undone) : this;
     }
-    addChanges(event, time, userEvent, config2, tr) {
+    addChanges(event2, time, userEvent, config2, tr) {
       let done = this.done, lastEvent = done[done.length - 1];
-      if (lastEvent && lastEvent.changes && !lastEvent.changes.empty && event.changes && (!userEvent || joinableUserEvent.test(userEvent)) && (!lastEvent.selectionsAfter.length && time - this.prevTime < config2.newGroupDelay && config2.joinToEvent(tr, isAdjacent(lastEvent.changes, event.changes)) || // For compose (but not compose.start) events, always join with previous event
+      if (lastEvent && lastEvent.changes && !lastEvent.changes.empty && event2.changes && (!userEvent || joinableUserEvent.test(userEvent)) && (!lastEvent.selectionsAfter.length && time - this.prevTime < config2.newGroupDelay && config2.joinToEvent(tr, isAdjacent(lastEvent.changes, event2.changes)) || // For compose (but not compose.start) events, always join with previous event
       userEvent == "input.type.compose")) {
-        done = updateBranch(done, done.length - 1, config2.minDepth, new HistEvent(event.changes.compose(lastEvent.changes), conc(StateEffect.mapEffects(event.effects, lastEvent.changes), lastEvent.effects), lastEvent.mapped, lastEvent.startSelection, none$2));
+        done = updateBranch(done, done.length - 1, config2.minDepth, new HistEvent(event2.changes.compose(lastEvent.changes), conc(StateEffect.mapEffects(event2.effects, lastEvent.changes), lastEvent.effects), lastEvent.mapped, lastEvent.startSelection, none$2));
       } else {
-        done = updateBranch(done, done.length, config2.minDepth, event);
+        done = updateBranch(done, done.length, config2.minDepth, event2);
       }
       return new HistoryState(done, none$2, time, userEvent);
     }
@@ -18033,24 +18057,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let branch = side == 0 ? this.done : this.undone;
       if (branch.length == 0)
         return null;
-      let event = branch[branch.length - 1], selection2 = event.selectionsAfter[0] || state.selection;
-      if (onlySelection && event.selectionsAfter.length) {
+      let event2 = branch[branch.length - 1], selection2 = event2.selectionsAfter[0] || state.selection;
+      if (onlySelection && event2.selectionsAfter.length) {
         return state.update({
-          selection: event.selectionsAfter[event.selectionsAfter.length - 1],
+          selection: event2.selectionsAfter[event2.selectionsAfter.length - 1],
           annotations: fromHistory.of({ side, rest: popSelection(branch), selection: selection2 }),
           userEvent: side == 0 ? "select.undo" : "select.redo",
           scrollIntoView: true
         });
-      } else if (!event.changes) {
+      } else if (!event2.changes) {
         return null;
       } else {
         let rest = branch.length == 1 ? none$2 : branch.slice(0, branch.length - 1);
-        if (event.mapped)
-          rest = addMappingToBranch(rest, event.mapped);
+        if (event2.mapped)
+          rest = addMappingToBranch(rest, event2.mapped);
         return state.update({
-          changes: event.changes,
-          selection: event.startSelection,
-          effects: event.effects,
+          changes: event2.changes,
+          selection: event2.startSelection,
+          effects: event2.effects,
           annotations: fromHistory.of({ side, rest, selection: selection2 }),
           filter: false,
           userEvent: side == 0 ? "undo" : "redo",
@@ -18114,9 +18138,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       else
         at = forward ? next.to : next.from;
     }
-    let bracket2 = pos.type.prop(bracketProp), match, newPos;
-    if (bracket2 && (match = forward ? matchBrackets(state, pos.from, 1) : matchBrackets(state, pos.to, -1)) && match.matched)
-      newPos = forward ? match.end.to : match.end.from;
+    let bracket2 = pos.type.prop(bracketProp), match2, newPos;
+    if (bracket2 && (match2 = forward ? matchBrackets(state, pos.from, 1) : matchBrackets(state, pos.to, -1)) && match2.matched)
+      newPos = forward ? match2.end.to : match2.end.from;
     else
       newPos = forward ? pos.to : pos.from;
     return EditorSelection.cursor(newPos, forward ? -1 : 1);
@@ -18194,11 +18218,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const cursorLineEnd = (view) => moveSel(view, (range) => EditorSelection.cursor(view.lineBlockAt(range.head).to, -1));
   function toMatchingBracket(state, dispatch2, extend2) {
     let found = false, selection2 = updateSel(state.selection, (range) => {
-      let matching = matchBrackets(state, range.head, -1) || matchBrackets(state, range.head, 1) || range.head > 0 && matchBrackets(state, range.head - 1, 1) || range.head < state.doc.length && matchBrackets(state, range.head + 1, -1);
-      if (!matching || !matching.end)
+      let matching2 = matchBrackets(state, range.head, -1) || matchBrackets(state, range.head, 1) || range.head > 0 && matchBrackets(state, range.head - 1, 1) || range.head < state.doc.length && matchBrackets(state, range.head + 1, -1);
+      if (!matching2 || !matching2.end)
         return range;
       found = true;
-      let head = matching.start.from == range.head ? matching.end.to : matching.end.from;
+      let head = matching2.start.from == range.head ? matching2.end.to : matching2.end.from;
       return EditorSelection.cursor(head);
     });
     if (!found)
@@ -18329,16 +18353,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function deleteBy(target, by) {
     if (target.state.readOnly)
       return false;
-    let event = "delete.selection", { state } = target;
+    let event2 = "delete.selection", { state } = target;
     let changes = state.changeByRange((range) => {
       let { from, to } = range;
       if (from == to) {
         let towards = by(range);
         if (towards < from) {
-          event = "delete.backward";
+          event2 = "delete.backward";
           towards = skipAtomic(target, towards, false);
         } else if (towards > from) {
-          event = "delete.forward";
+          event2 = "delete.forward";
           towards = skipAtomic(target, towards, true);
         }
         from = Math.min(from, towards);
@@ -18353,8 +18377,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return false;
     target.dispatch(state.update(changes, {
       scrollIntoView: true,
-      userEvent: event,
-      effects: event == "delete.selection" ? EditorView.announce.of(state.phrase("Selection deleted")) : void 0
+      userEvent: event2,
+      effects: event2 == "delete.selection" ? EditorView.announce.of(state.phrase("Selection deleted")) : void 0
     }));
     return true;
   }
@@ -18782,10 +18806,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (norm.length)
           for (let i2 = 0, pos = start2; ; i2++) {
             let code2 = norm.charCodeAt(i2);
-            let match = this.match(code2, pos, this.bufferPos + this.bufferStart);
+            let match2 = this.match(code2, pos, this.bufferPos + this.bufferStart);
             if (i2 == norm.length - 1) {
-              if (match) {
-                this.value = match;
+              if (match2) {
+                this.value = match2;
                 return this;
               }
               break;
@@ -18796,12 +18820,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     match(code2, pos, end) {
-      let match = null;
+      let match2 = null;
       for (let i2 = 0; i2 < this.matches.length; i2 += 2) {
         let index2 = this.matches[i2], keep = false;
         if (this.query.charCodeAt(index2) == code2) {
           if (index2 == this.query.length - 1) {
-            match = { from: this.matches[i2 + 1], to: end };
+            match2 = { from: this.matches[i2 + 1], to: end };
           } else {
             this.matches[i2]++;
             keep = true;
@@ -18814,13 +18838,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       if (this.query.charCodeAt(0) == code2) {
         if (this.query.length == 1)
-          match = { from: pos, to: end };
+          match2 = { from: pos, to: end };
         else
           this.matches.push(1, pos);
       }
-      if (match && this.test && !this.test(match.from, match.to, this.buffer, this.bufferStart))
-        match = null;
-      return match;
+      if (match2 && this.test && !this.test(match2.from, match2.to, this.buffer, this.bufferStart))
+        match2 = null;
+      return match2;
     }
   }
   if (typeof Symbol != "undefined")
@@ -18875,14 +18899,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     next() {
       for (let off = this.matchPos - this.curLineStart; ; ) {
         this.re.lastIndex = off;
-        let match = this.matchPos <= this.to && this.re.exec(this.curLine);
-        if (match) {
-          let from = this.curLineStart + match.index, to = from + match[0].length;
+        let match2 = this.matchPos <= this.to && this.re.exec(this.curLine);
+        if (match2) {
+          let from = this.curLineStart + match2.index, to = from + match2[0].length;
           this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
           if (from == this.curLineStart + this.curLine.length)
             this.nextLine();
-          if ((from < to || from > this.value.to) && (!this.test || this.test(from, to, match))) {
-            this.value = { from, to, match };
+          if ((from < to || from > this.value.to) && (!this.test || this.test(from, to, match2))) {
+            this.value = { from, to, match: match2 };
             return this;
           }
           off = this.matchPos - this.curLineStart;
@@ -18945,15 +18969,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     next() {
       for (; ; ) {
         let off = this.re.lastIndex = this.matchPos - this.flat.from;
-        let match = this.re.exec(this.flat.text);
-        if (match && !match[0] && match.index == off) {
+        let match2 = this.re.exec(this.flat.text);
+        if (match2 && !match2[0] && match2.index == off) {
           this.re.lastIndex = off + 1;
-          match = this.re.exec(this.flat.text);
+          match2 = this.re.exec(this.flat.text);
         }
-        if (match) {
-          let from = this.flat.from + match.index, to = from + match[0].length;
-          if ((this.flat.to >= this.to || match.index + match[0].length <= this.flat.text.length - 10) && (!this.test || this.test(from, to, match))) {
-            this.value = { from, to, match };
+        if (match2) {
+          let from = this.flat.from + match2.index, to = from + match2[0].length;
+          if ((this.flat.to >= this.to || match2.index + match2[0].length <= this.flat.text.length - 10) && (!this.test || this.test(from, to, match2))) {
+            this.value = { from, to, match: match2 };
             this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
             return this;
           }
@@ -18992,18 +19016,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     let input = crelt("input", { class: "cm-textfield", name: "line", value: line });
     let dom = crelt("form", {
       class: "cm-gotoLine",
-      onkeydown: (event) => {
-        if (event.keyCode == 27) {
-          event.preventDefault();
+      onkeydown: (event2) => {
+        if (event2.keyCode == 27) {
+          event2.preventDefault();
           view.dispatch({ effects: dialogEffect.of(false) });
           view.focus();
-        } else if (event.keyCode == 13) {
-          event.preventDefault();
+        } else if (event2.keyCode == 13) {
+          event2.preventDefault();
           go();
         }
       },
-      onsubmit: (event) => {
-        event.preventDefault();
+      onsubmit: (event2) => {
+        event2.preventDefault();
         go();
       }
     }, crelt("label", view.state.phrase("Go to line"), ": ", input), " ", crelt("button", { class: "cm-button", type: "submit" }, view.state.phrase("go")), crelt("button", {
@@ -19016,11 +19040,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       type: "button"
     }, ["×"]));
     function go() {
-      let match = /^([+-])?(\d+)?(:\d+)?(%)?$/.exec(input.value);
-      if (!match)
+      let match2 = /^([+-])?(\d+)?(:\d+)?(%)?$/.exec(input.value);
+      if (!match2)
         return;
       let { state } = view, startLine = state.doc.lineAt(state.selection.main.head);
-      let [, sign, ln, cl, percent] = match;
+      let [, sign, ln, cl, percent] = match2;
       let col = cl ? +cl.slice(1) : 0;
       let line2 = ln ? +ln : startLine.number;
       if (ln && percent) {
@@ -19327,10 +19351,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getReplacement(_result) {
       return this.spec.unquote(this.spec.replace);
     }
-    matchAll(state, limit) {
+    matchAll(state, limit2) {
       let cursor2 = stringCursor(this.spec, state, 0, state.doc.length), ranges = [];
       while (!cursor2.next().done) {
-        if (ranges.length >= limit)
+        if (ranges.length >= limit2)
           return null;
         ranges.push(cursor2.value);
       }
@@ -19355,7 +19379,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return str2.slice(index2, findClusterBreak(str2, index2));
   }
   function regexpWordTest(categorizer) {
-    return (_from, _to, match) => !match[0].length || (categorizer(charBefore(match.input, match.index)) != CharCategory.Word || categorizer(charAfter(match.input, match.index)) != CharCategory.Word) && (categorizer(charAfter(match.input, match.index + match[0].length)) != CharCategory.Word || categorizer(charBefore(match.input, match.index + match[0].length)) != CharCategory.Word);
+    return (_from, _to, match2) => !match2[0].length || (categorizer(charBefore(match2.input, match2.index)) != CharCategory.Word || categorizer(charAfter(match2.input, match2.index)) != CharCategory.Word) && (categorizer(charAfter(match2.input, match2.index + match2[0].length)) != CharCategory.Word || categorizer(charBefore(match2.input, match2.index + match2[0].length)) != CharCategory.Word);
   }
   class RegExpQuery extends QueryType {
     nextMatch(state, curFrom, curTo) {
@@ -19397,10 +19421,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return m2;
       });
     }
-    matchAll(state, limit) {
+    matchAll(state, limit2) {
       let cursor2 = regexpCursor(this.spec, state, 0, state.doc.length), ranges = [];
       while (!cursor2.next().done) {
-        if (ranges.length >= limit)
+        if (ranges.length >= limit2)
           return null;
         ranges.push(cursor2.value);
       }
@@ -19538,10 +19562,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     let { state } = view, { from, to } = state.selection.main;
     if (state.readOnly)
       return false;
-    let match = query.nextMatch(state, from, from);
-    if (!match)
+    let match2 = query.nextMatch(state, from, from);
+    if (!match2)
       return false;
-    let next = match;
+    let next = match2;
     let changes = [], selection2, replacement;
     let effects = [];
     if (next.from == from && next.to == to) {
@@ -19567,9 +19591,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const replaceAll = /* @__PURE__ */ searchCommand((view, { query }) => {
     if (view.state.readOnly)
       return false;
-    let changes = query.matchAll(view.state, 1e9).map((match) => {
-      let { from, to } = match;
-      return { from, to, insert: query.getReplacement(match) };
+    let changes = query.matchAll(view.state, 1e9).map((match2) => {
+      let { from, to } = match2;
+      return { from, to, insert: query.getReplacement(match2) };
     });
     if (!changes.length)
       return false;
@@ -19914,17 +19938,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function completeFromList(list) {
     let options = list.map((o) => typeof o == "string" ? { label: o } : o);
-    let [validFor, match] = options.every((o) => /^\w+$/.test(o.label)) ? [/\w*$/, /\w+$/] : prefixMatch(options);
+    let [validFor, match2] = options.every((o) => /^\w+$/.test(o.label)) ? [/\w*$/, /\w+$/] : prefixMatch(options);
     return (context) => {
-      let token = context.matchBefore(match);
+      let token = context.matchBefore(match2);
       return token || context.explicit ? { from: token ? token.from : context.pos, options, validFor } : null;
     };
   }
   class Option {
-    constructor(completion, source, match, score2) {
+    constructor(completion, source, match2, score2) {
       this.completion = completion;
       this.source = source;
-      this.match = match;
+      this.match = match2;
       this.score = score2;
     }
   }
@@ -19976,12 +20000,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.byWord = [];
       this.score = 0;
       this.matched = [];
-      for (let p = 0; p < pattern.length; ) {
-        let char = codePointAt$1(pattern, p), size = codePointSize(char);
+      for (let p2 = 0; p2 < pattern.length; ) {
+        let char = codePointAt$1(pattern, p2), size = codePointSize(char);
         this.chars.push(char);
-        let part = pattern.slice(p, p + size), upper = part.toUpperCase();
+        let part = pattern.slice(p2, p2 + size), upper = part.toUpperCase();
         this.folded.push(codePointAt$1(upper == part ? part.toLowerCase() : upper, 0));
-        p += size;
+        p2 += size;
       }
       this.astral = pattern.length != this.chars.length;
     }
@@ -20094,11 +20118,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (word.length < this.pattern.length)
         return null;
       let start2 = word.slice(0, this.pattern.length);
-      let match = start2 == this.pattern ? 0 : start2.toLowerCase() == this.folded ? -200 : null;
-      if (match == null)
+      let match2 = start2 == this.pattern ? 0 : start2.toLowerCase() == this.folded ? -200 : null;
+      if (match2 == null)
         return null;
       this.matched = [0, start2.length];
-      this.score = match + (word.length == this.pattern.length ? 0 : -100);
+      this.score = match2 + (word.length == this.pattern.length ? 0 : -100);
       return this;
     }
   }
@@ -20120,7 +20144,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         addToOptions: [],
         positionInfo: defaultPositionInfo,
         filterStrict: false,
-        compareCompletions: (a2, b) => a2.label.localeCompare(b.label),
+        compareCompletions: (a2, b) => (a2.sortText || a2.label).localeCompare(b.sortText || b.label),
         interactionDelay: 75,
         updateSyncTime: 100
       }, {
@@ -20186,12 +20210,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         position: 20
       });
     content2.push({
-      render(completion, _s, _v, match) {
+      render(completion, _s, _v, match2) {
         let labelElt = document.createElement("span");
         labelElt.className = "cm-completionLabel";
         let label = completion.displayLabel || completion.label, off = 0;
-        for (let j = 0; j < match.length; ) {
-          let from = match[j++], to = match[j++];
+        for (let j = 0; j < match2.length; ) {
+          let from = match2[j++], to = match2[j++];
           if (from > off)
             labelElt.appendChild(document.createTextNode(label.slice(off, from)));
           let span = labelElt.appendChild(document.createElement("span"));
@@ -20255,9 +20279,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.updateTooltipClass(view.state);
       this.dom.addEventListener("mousedown", (e) => {
         let { options: options2 } = view.state.field(stateField).open;
-        for (let dom = e.target, match; dom && dom != this.dom; dom = dom.parentNode) {
-          if (dom.nodeName == "LI" && (match = /-(\d+)$/.exec(dom.id)) && +match[1] < options2.length) {
-            this.applyCompletion(view, options2[+match[1]]);
+        for (let dom = e.target, match2; dom && dom != this.dom; dom = dom.parentNode) {
+          if (dom.nodeName == "LI" && (match2 = /-(\d+)$/.exec(dom.id)) && +match2[1] < options2.length) {
+            this.applyCompletion(view, options2[+match2[1]]);
             e.preventDefault();
             return;
           }
@@ -20321,7 +20345,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.range = rangeAroundSelected(open.options.length, open.selected, this.view.state.facet(completionConfig).maxRenderedOptions);
         this.showOptions(open.options, cState.id);
       }
-      if (this.updateSelectedOption(open.selected)) {
+      let newSel = this.updateSelectedOption(open.selected);
+      if (newSel) {
         this.destroyInfo();
         let { completion } = open.options[open.selected];
         let { info } = completion;
@@ -20337,6 +20362,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }).catch((e) => logException(this.view.state, e, "completion info"));
         } else {
           this.addInfoPane(infoResult, completion);
+          newSel.setAttribute("aria-describedby", this.info.id);
         }
       }
     }
@@ -20344,6 +20370,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.destroyInfo();
       let wrap = this.info = document.createElement("div");
       wrap.className = "cm-tooltip cm-completionInfo";
+      wrap.id = "cm-completionInfo-" + Math.floor(Math.random() * 65535).toString(16);
       if (content2.nodeType != null) {
         wrap.appendChild(content2);
         this.infoDestroy = null;
@@ -20366,8 +20393,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             set2 = opt;
           }
         } else {
-          if (opt.hasAttribute("aria-selected"))
+          if (opt.hasAttribute("aria-selected")) {
             opt.removeAttribute("aria-selected");
+            opt.removeAttribute("aria-describedby");
+          }
         }
       }
       if (set2)
@@ -20413,7 +20442,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
       let curSection = null;
       for (let i2 = range.from; i2 < range.to; i2++) {
-        let { completion, match } = options[i2], { section } = completion;
+        let { completion, match: match2 } = options[i2], { section } = completion;
         if (section) {
           let name2 = typeof section == "string" ? section : section.name;
           if (name2 != curSection && (i2 > range.from || range.from == 0)) {
@@ -20433,7 +20462,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (cls)
           li.className = cls;
         for (let source of this.optionContent) {
-          let node = source(completion, this.view.state, this.view, match);
+          let node = source(completion, this.view.state, this.view, match2);
           if (node)
             li.appendChild(node);
         }
@@ -20459,14 +20488,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function completionTooltip(stateField, applyCompletion2) {
     return (view) => new CompletionTooltip(view, stateField, applyCompletion2);
   }
-  function scrollIntoView(container, element) {
+  function scrollIntoView(container, element2) {
     let parent = container.getBoundingClientRect();
-    let self = element.getBoundingClientRect();
+    let self2 = element2.getBoundingClientRect();
     let scaleY = parent.height / container.offsetHeight;
-    if (self.top < parent.top)
-      container.scrollTop -= (parent.top - self.top) / scaleY;
-    else if (self.bottom > parent.bottom)
-      container.scrollTop += (self.bottom - parent.bottom) / scaleY;
+    if (self2.top < parent.top)
+      container.scrollTop -= (parent.top - self2.top) / scaleY;
+    else if (self2.bottom > parent.bottom)
+      container.scrollTop += (self2.bottom - parent.bottom) / scaleY;
   }
   function score(option) {
     return (option.boost || 0) * 100 + (option.apply ? 10 : 0) + (option.info ? 5 : 0) + (option.type ? 1 : 0);
@@ -20494,12 +20523,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             addOption(new Option(option, a2.source, getMatch ? getMatch(option) : [], 1e9 - options.length));
           }
         } else {
-          let pattern = state.sliceDoc(a2.from, a2.to), match;
+          let pattern = state.sliceDoc(a2.from, a2.to), match2;
           let matcher2 = conf.filterStrict ? new StrictMatcher(pattern) : new FuzzyMatcher(pattern);
           for (let option of a2.result.options)
-            if (match = matcher2.match(option.label)) {
-              let matched = !option.displayLabel ? match.matched : getMatch ? getMatch(option, match.matched) : [];
-              let score2 = match.score + (option.boost || 0);
+            if (match2 = matcher2.match(option.label)) {
+              let matched = !option.displayLabel ? match2.matched : getMatch ? getMatch(option, match2.matched) : [];
+              let score2 = match2.score + (option.boost || 0);
               addOption(new Option(option, a2.source, matched, score2));
               if (typeof option.section == "object" && option.section.rank === "dynamic") {
                 let { name: name2 } = option.section;
@@ -20721,9 +20750,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class ActiveResult extends ActiveSource {
-    constructor(source, explicit, limit, result, from, to) {
+    constructor(source, explicit, limit2, result, from, to) {
       super(source, 3, explicit);
-      this.limit = limit;
+      this.limit = limit2;
       this.result = result;
       this.from = from;
       this.to = to;
@@ -20746,11 +20775,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           type2 & 4 ? 1 : 0
           /* State.Inactive */
         );
-      let limit = tr.changes.mapPos(this.limit);
+      let limit2 = tr.changes.mapPos(this.limit);
       if (checkValid(result.validFor, tr.state, from, to))
-        return new ActiveResult(this.source, this.explicit, limit, result, from, to);
+        return new ActiveResult(this.source, this.explicit, limit2, result, from, to);
       if (result.update && (result = result.update(result, from, to, new CompletionContext(tr.state, pos, false))))
-        return new ActiveResult(this.source, this.explicit, limit, result, result.from, (_a2 = result.to) !== null && _a2 !== void 0 ? _a2 : cur(tr.state));
+        return new ActiveResult(this.source, this.explicit, limit2, result, result.from, (_a2 = result.to) !== null && _a2 !== void 0 ? _a2 : cur(tr.state));
       return new ActiveSource(this.source, 1, this.explicit);
     }
     map(mapping) {
@@ -20812,11 +20841,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let cState = view.state.field(completionState, false);
       if (!cState || !cState.open || cState.open.disabled || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay)
         return false;
-      let step = 1, tooltip;
+      let step2 = 1, tooltip;
       if (by == "page" && (tooltip = getTooltip(view, cState.open.tooltip)))
-        step = Math.max(2, Math.floor(tooltip.dom.offsetHeight / tooltip.dom.querySelector("li").offsetHeight) - 1);
+        step2 = Math.max(2, Math.floor(tooltip.dom.offsetHeight / tooltip.dom.querySelector("li").offsetHeight) - 1);
       let { length } = cState.open.options;
-      let selected = cState.open.selected > -1 ? cState.open.selected + step * (forward ? 1 : -1) : forward ? 0 : length - 1;
+      let selected = cState.open.selected > -1 ? cState.open.selected + step2 * (forward ? 1 : -1) : forward ? 0 : length - 1;
       if (selected < 0)
         selected = by == "page" ? 0 : length - 1;
       else if (selected >= length)
@@ -20957,8 +20986,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.running.splice(i2--, 1);
         if (query.done) {
           let pos = cur(query.updates.length ? query.updates[0].startState : this.view.state);
-          let limit = Math.min(pos, query.done.from + (query.active.explicit ? 0 : 1));
-          let active = new ActiveResult(query.active.source, query.active.explicit, limit, query.done, query.done.from, (_a2 = query.done.to) !== null && _a2 !== void 0 ? _a2 : pos);
+          let limit2 = Math.min(pos, query.done.from + (query.active.explicit ? 0 : 1));
+          let active = new ActiveResult(query.active.source, query.active.explicit, limit2, query.done, query.done.from, (_a2 = query.done.to) !== null && _a2 !== void 0 ? _a2 : pos);
           for (let tr of query.updates)
             active = active.update(tr, conf);
           if (active.hasResult()) {
@@ -20988,11 +21017,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }, {
     eventHandlers: {
-      blur(event) {
+      blur(event2) {
         let state = this.view.state.field(completionState, false);
         if (state && state.tooltip && this.view.state.facet(completionConfig).closeOnBlur) {
           let dialog = state.open && getTooltip(this.view, state.open.tooltip);
-          if (!dialog || !dialog.dom.contains(event.relatedTarget))
+          if (!dialog || !dialog.dom.contains(event2.relatedTarget))
             setTimeout(() => this.view.dispatch({ effects: closeCompletionEffect.of(null) }), 10);
         }
       },
@@ -21009,14 +21038,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   const windows = typeof navigator == "object" && /* @__PURE__ */ /Win/.test(navigator.platform);
   const commitCharacters = /* @__PURE__ */ Prec.highest(/* @__PURE__ */ EditorView.domEventHandlers({
-    keydown(event, view) {
+    keydown(event2, view) {
       let field = view.state.field(completionState, false);
-      if (!field || !field.open || field.open.disabled || field.open.selected < 0 || event.key.length > 1 || event.ctrlKey && !(windows && event.altKey) || event.metaKey)
+      if (!field || !field.open || field.open.disabled || field.open.selected < 0 || event2.key.length > 1 || event2.ctrlKey && !(windows && event2.altKey) || event2.metaKey)
         return false;
       let option = field.open.options[field.open.selected];
       let result = field.active.find((a2) => a2.source == option.source);
       let commitChars = option.completion.commitCharacters || result.result.commitCharacters;
-      if (commitChars && commitChars.indexOf(event.key) > -1)
+      if (commitChars && commitChars.indexOf(event2.key) > -1)
         applyCompletion(view, option);
       return false;
     }
@@ -21145,7 +21174,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       "&:after": { content: "'abc'", fontSize: "50%", verticalAlign: "middle" }
     }
   });
-  const defaults$1 = {
+  const defaults$i = {
     brackets: ["(", "[", "{", "'", '"'],
     before: ")]}:;>",
     stringPrefixes: []
@@ -21187,7 +21216,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return fromCodePoint(ch < 128 ? ch : ch + 1);
   }
   function config(state, pos) {
-    return state.languageDataAt("closeBrackets", pos)[0] || defaults$1;
+    return state.languageDataAt("closeBrackets", pos)[0] || defaults$i;
   }
   const android = typeof navigator == "object" && /* @__PURE__ */ /Android\b/.test(navigator.userAgent);
   const inputHandler = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to, insert2) => {
@@ -21206,11 +21235,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (state.readOnly)
       return false;
     let conf = config(state, state.selection.main.head);
-    let tokens = conf.brackets || defaults$1.brackets;
+    let tokens2 = conf.brackets || defaults$i.brackets;
     let dont = null, changes = state.changeByRange((range) => {
       if (range.empty) {
         let before = prevChar(state.doc, range.head);
-        for (let token of tokens) {
+        for (let token of tokens2) {
           if (token == before && nextChar(state.doc, range.head) == closing(codePointAt$1(token, 0)))
             return {
               changes: { from: range.head - token.length, to: range.head + token.length },
@@ -21229,11 +21258,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   ];
   function insertBracket(state, bracket2) {
     let conf = config(state, state.selection.main.head);
-    let tokens = conf.brackets || defaults$1.brackets;
-    for (let tok of tokens) {
+    let tokens2 = conf.brackets || defaults$i.brackets;
+    for (let tok of tokens2) {
       let closed = closing(codePointAt$1(tok, 0));
       if (bracket2 == tok)
-        return closed == tok ? handleSame(state, tok, tokens.indexOf(tok + tok + tok) > -1, conf) : handleOpen(state, tok, closed, conf.before || defaults$1.before);
+        return closed == tok ? handleSame(state, tok, tokens2.indexOf(tok + tok + tok) > -1, conf) : handleOpen(state, tok, closed, conf.before || defaults$i.before);
       if (bracket2 == closed && closedBracketAt(state, state.selection.main.from))
         return handleClose(state, tok, closed);
     }
@@ -21292,7 +21321,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
   }
   function handleSame(state, token, allowTriple, config2) {
-    let stringPrefixes = config2.stringPrefixes || defaults$1.stringPrefixes;
+    let stringPrefixes = config2.stringPrefixes || defaults$i.stringPrefixes;
     let dont = null, changes = state.changeByRange((range) => {
       if (!range.empty)
         return {
@@ -21343,7 +21372,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function probablyInString(state, pos, quoteToken, prefixes) {
     let node = syntaxTree(state).resolveInner(pos, -1);
-    let maxPrefix = prefixes.reduce((m2, p) => Math.max(m2, p.length), 0);
+    let maxPrefix = prefixes.reduce((m2, p2) => Math.max(m2, p2.length), 0);
     for (let i2 = 0; i2 < 5; i2++) {
       let start2 = state.sliceDoc(node.from, Math.min(node.to, node.from + quoteToken.length + maxPrefix));
       let quotePos = start2.indexOf(quoteToken);
@@ -21423,7 +21452,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         let from, to;
         if (active.length) {
           from = pos;
-          to = active.reduce((p, d) => Math.min(p, d.to), next && next.from > from ? next.from : 1e8);
+          to = active.reduce((p2, d) => Math.min(p2, d.to), next && next.from > from ? next.from : 1e8);
         } else {
           from = next.from;
           if (from > docLen)
@@ -21640,8 +21669,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           batchResults(sources.map((s) => Promise.resolve(s(this.view))), (annotations) => {
             if (this.view.state.doc == state.doc)
               this.view.dispatch(setDiagnostics(this.view.state, annotations.reduce((a2, b) => a2.concat(b))));
-          }, (error) => {
-            logException(this.view.state, error);
+          }, (error2) => {
+            logException(this.view.state, error2);
           });
       }
     }
@@ -21665,17 +21694,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       clearTimeout(this.timeout);
     }
   });
-  function batchResults(promises, sink, error) {
+  function batchResults(promises, sink, error2) {
     let collected = [], timeout2 = -1;
-    for (let p of promises)
-      p.then((value) => {
+    for (let p2 of promises)
+      p2.then((value) => {
         collected.push(value);
         clearTimeout(timeout2);
         if (collected.length == promises.length)
           sink(collected);
         else
           timeout2 = setTimeout(() => sink(collected), 200);
-      }, error);
+      }, error2);
   }
   const lintConfig = /* @__PURE__ */ Facet.define({
     combine(input) {
@@ -21776,24 +21805,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     constructor(view) {
       this.view = view;
       this.items = [];
-      let onkeydown = (event) => {
-        if (event.keyCode == 27) {
+      let onkeydown = (event2) => {
+        if (event2.keyCode == 27) {
           closeLintPanel(this.view);
           this.view.focus();
-        } else if (event.keyCode == 38 || event.keyCode == 33) {
+        } else if (event2.keyCode == 38 || event2.keyCode == 33) {
           this.moveSelection((this.selectedIndex - 1 + this.items.length) % this.items.length);
-        } else if (event.keyCode == 40 || event.keyCode == 34) {
+        } else if (event2.keyCode == 40 || event2.keyCode == 34) {
           this.moveSelection((this.selectedIndex + 1) % this.items.length);
-        } else if (event.keyCode == 36) {
+        } else if (event2.keyCode == 36) {
           this.moveSelection(0);
-        } else if (event.keyCode == 35) {
+        } else if (event2.keyCode == 35) {
           this.moveSelection(this.items.length - 1);
-        } else if (event.keyCode == 13) {
+        } else if (event2.keyCode == 13) {
           this.view.focus();
-        } else if (event.keyCode >= 65 && event.keyCode <= 90 && this.selectedIndex >= 0) {
+        } else if (event2.keyCode >= 65 && event2.keyCode <= 90 && this.selectedIndex >= 0) {
           let { diagnostic } = this.items[this.selectedIndex], keys2 = assignKeys(diagnostic.actions);
           for (let i2 = 0; i2 < keys2.length; i2++)
-            if (keys2[i2].toUpperCase().charCodeAt(0) == event.keyCode) {
+            if (keys2[i2].toUpperCase().charCodeAt(0) == event2.keyCode) {
               let found = findDiagnostic(this.view.state.field(lintState).diagnostics, diagnostic);
               if (found)
                 diagnostic.actions[i2].apply(view, found.from, found.to);
@@ -21801,11 +21830,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         } else {
           return;
         }
-        event.preventDefault();
+        event2.preventDefault();
       };
-      let onclick = (event) => {
+      let onclick = (event2) => {
         for (let i2 = 0; i2 < this.items.length; i2++) {
-          if (this.items[i2].dom.contains(event.target))
+          if (this.items[i2].dom.contains(event2.target))
             this.moveSelection(i2);
         }
       };
@@ -22068,11 +22097,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   function trackHoverOn(view, marker) {
-    let mousemove = (event) => {
+    let mousemove = (event2) => {
       let rect = marker.getBoundingClientRect();
-      if (event.clientX > rect.left - 10 && event.clientX < rect.right + 10 && event.clientY > rect.top - 10 && event.clientY < rect.bottom + 10)
+      if (event2.clientX > rect.left - 10 && event2.clientX < rect.right + 10 && event2.clientY > rect.top - 10 && event2.clientY < rect.bottom + 10)
         return;
-      for (let target = event.target; target; target = target.parentNode) {
+      for (let target = event2.target; target; target = target.parentNode) {
         if (target.nodeType == 1 && target.classList.contains("cm-tooltip-lint"))
           return;
       }
@@ -22243,8 +22272,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
     @internal
     */
-    constructor(p, stack, state, reducePos, pos, score2, buffer, bufferBase, curContext, lookAhead = 0, parent) {
-      this.p = p;
+    constructor(p2, stack, state, reducePos, pos, score2, buffer, bufferBase, curContext, lookAhead = 0, parent) {
+      this.p = p2;
       this.stack = stack;
       this.state = state;
       this.reducePos = reducePos;
@@ -22266,9 +22295,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
     @internal
     */
-    static start(p, state, pos = 0) {
-      let cx = p.parser.context;
-      return new Stack(p, [], state, pos, pos, 0, [], 0, cx ? new StackContext(cx, cx.start) : null, 0, null);
+    static start(p2, state, pos = 0) {
+      let cx = p2.parser.context;
+      return new Stack(p2, [], state, pos, pos, 0, [], 0, cx ? new StackContext(cx, cx.start) : null, 0, null);
     }
     /**
     The stack's current [context](#lr.ContextTracker) value, if
@@ -22364,7 +22393,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.buffer.push(term, start2, end, size);
       } else {
         let index2 = this.buffer.length;
-        if (index2 > 0 && this.buffer[index2 - 4] != 0) {
+        if (index2 > 0 && (this.buffer[index2 - 4] != 0 || this.buffer[index2 - 1] < 0)) {
           let mustMove = false;
           for (let scan = index2; scan > 0 && this.buffer[scan - 2] > end; scan -= 4) {
             if (this.buffer[scan - 1] >= 0) {
@@ -22786,7 +22815,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new StackBufferCursor(this.stack, this.pos, this.index);
     }
   }
-  function decodeArray(input, Type = Uint16Array) {
+  function decodeArray(input, Type2 = Uint16Array) {
     if (typeof input != "string")
       return input;
     let array2 = null;
@@ -22815,7 +22844,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (array2)
         array2[out++] = value;
       else
-        array2 = new Type(value);
+        array2 = new Type2(value);
     }
     return array2;
   }
@@ -23042,8 +23071,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class TokenGroup {
-    constructor(data, id2) {
-      this.data = data;
+    constructor(data2, id2) {
+      this.data = data2;
       this.id = id2;
     }
     token(input, stack) {
@@ -23068,35 +23097,35 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.extend = !!options.extend;
     }
   }
-  function readToken(data, input, stack, group, precTable, precOffset) {
+  function readToken(data2, input, stack, group, precTable, precOffset) {
     let state = 0, groupMask = 1 << group, { dialect } = stack.p.parser;
     scan: for (; ; ) {
-      if ((groupMask & data[state]) == 0)
+      if ((groupMask & data2[state]) == 0)
         break;
-      let accEnd = data[state + 1];
+      let accEnd = data2[state + 1];
       for (let i2 = state + 3; i2 < accEnd; i2 += 2)
-        if ((data[i2 + 1] & groupMask) > 0) {
-          let term = data[i2];
+        if ((data2[i2 + 1] & groupMask) > 0) {
+          let term = data2[i2];
           if (dialect.allows(term) && (input.token.value == -1 || input.token.value == term || overrides(term, input.token.value, precTable, precOffset))) {
             input.acceptToken(term);
             break;
           }
         }
-      let next = input.next, low = 0, high = data[state + 2];
-      if (input.next < 0 && high > low && data[accEnd + high * 3 - 3] == 65535) {
-        state = data[accEnd + high * 3 - 1];
+      let next = input.next, low = 0, high = data2[state + 2];
+      if (input.next < 0 && high > low && data2[accEnd + high * 3 - 3] == 65535) {
+        state = data2[accEnd + high * 3 - 1];
         continue scan;
       }
       for (; low < high; ) {
         let mid = low + high >> 1;
         let index2 = accEnd + mid + (mid << 1);
-        let from = data[index2], to = data[index2 + 1] || 65536;
+        let from = data2[index2], to = data2[index2 + 1] || 65536;
         if (next < from)
           high = mid;
         else if (next >= to)
           low = mid + 1;
         else {
-          state = data[index2 + 2];
+          state = data2[index2 + 2];
           input.advance();
           continue scan;
         }
@@ -23104,8 +23133,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       break;
     }
   }
-  function findOffset(data, start2, term) {
-    for (let i2 = start2, next; (next = data[i2]) != 65535; i2++)
+  function findOffset(data2, start2, term) {
+    for (let i2 = start2, next; (next = data2[i2]) != 65535; i2++)
       if (next == term)
         return i2 - start2;
     return -1;
@@ -23281,10 +23310,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getMainToken(stack) {
       if (this.mainToken)
         return this.mainToken;
-      let main = new CachedToken(), { pos, p } = stack;
+      let main = new CachedToken(), { pos, p: p2 } = stack;
       main.start = pos;
-      main.end = Math.min(pos + 1, p.stream.end);
-      main.value = pos == p.stream.end ? p.parser.eofTerm : 0;
+      main.end = Math.min(pos + 1, p2.stream.end);
+      main.value = pos == p2.stream.end ? p2.parser.eofTerm : 0;
       return main;
     }
     updateCachedToken(token, tokenizer, stack) {
@@ -23318,24 +23347,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return index2;
     }
     addActions(stack, token, end, index2) {
-      let { state } = stack, { parser: parser2 } = stack.p, { data } = parser2;
+      let { state } = stack, { parser: parser2 } = stack.p, { data: data2 } = parser2;
       for (let set2 = 0; set2 < 2; set2++) {
         for (let i2 = parser2.stateSlot(
           state,
           set2 ? 2 : 1
           /* ParseState.Actions */
         ); ; i2 += 3) {
-          if (data[i2] == 65535) {
-            if (data[i2 + 1] == 1) {
-              i2 = pair(data, i2 + 2);
+          if (data2[i2] == 65535) {
+            if (data2[i2 + 1] == 1) {
+              i2 = pair(data2, i2 + 2);
             } else {
-              if (index2 == 0 && data[i2 + 1] == 2)
-                index2 = this.putAction(pair(data, i2 + 2), token, end, index2);
+              if (index2 == 0 && data2[i2 + 1] == 2)
+                index2 = this.putAction(pair(data2, i2 + 2), token, end, index2);
               break;
             }
           }
-          if (data[i2] == token)
-            index2 = this.putAction(pair(data, i2 + 1), token, end, index2);
+          if (data2[i2] == token)
+            index2 = this.putAction(pair(data2, i2 + 1), token, end, index2);
         }
       }
       return index2;
@@ -23477,9 +23506,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (this.fragments) {
         let strictCx = stack.curContext && stack.curContext.tracker.strict, cxHash = strictCx ? stack.curContext.hash : 0;
         for (let cached = this.fragments.nodeAt(start2); cached; ) {
-          let match = this.parser.nodeSet.types[cached.type.id] == cached.type ? parser2.getGoto(stack.state, cached.type.id) : -1;
-          if (match > -1 && cached.length && (!strictCx || (cached.prop(NodeProp.contextHash) || 0) == cxHash)) {
-            stack.useNode(cached, match);
+          let match2 = this.parser.nodeSet.types[cached.type.id] == cached.type ? parser2.getGoto(stack.state, cached.type.id) : -1;
+          if (match2 > -1 && cached.length && (!strictCx || (cached.prop(NodeProp.contextHash) || 0) == cxHash)) {
+            stack.useNode(cached, match2);
             if (verbose)
               console.log(base2 + this.stackID(stack) + ` (via reuse of ${parser2.getName(cached.type.id)})`);
             return true;
@@ -23546,10 +23575,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
     }
-    runRecovery(stacks, tokens, newStacks) {
+    runRecovery(stacks, tokens2, newStacks) {
       let finished = null, restarted = false;
       for (let i2 = 0; i2 < stacks.length; i2++) {
-        let stack = stacks[i2], token = tokens[i2 << 1], tokenEnd = tokens[(i2 << 1) + 1];
+        let stack = stacks[i2], token = tokens2[i2 << 1], tokenEnd = tokens2[(i2 << 1) + 1];
         let base2 = verbose ? this.stackID(stack) + " -> " : "";
         if (stack.deadEnd) {
           if (restarted)
@@ -23563,7 +23592,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             continue;
         }
         let force = stack.split(), forceBase = base2;
-        for (let j = 0; force.forceReduce() && j < 10; j++) {
+        for (let j = 0; j < 10 && force.forceReduce(); j++) {
           if (verbose)
             console.log(forceBase + this.stackID(force) + " (via force-reduce)");
           let done = this.advanceFully(force, newStacks);
@@ -23719,10 +23748,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.top = this.topRules[Object.keys(this.topRules)[0]];
     }
     createParse(input, fragments, ranges) {
-      let parse = new Parse(this, input, fragments, ranges);
+      let parse2 = new Parse(this, input, fragments, ranges);
       for (let w of this.wrappers)
-        parse = w(parse, input, fragments, ranges);
-      return parse;
+        parse2 = w(parse2, input, fragments, ranges);
+      return parse2;
     }
     /**
     Get a goto table entry @internal
@@ -23747,23 +23776,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     Check if this state has an action for a given terminal @internal
     */
     hasAction(state, terminal) {
-      let data = this.data;
+      let data2 = this.data;
       for (let set2 = 0; set2 < 2; set2++) {
         for (let i2 = this.stateSlot(
           state,
           set2 ? 2 : 1
           /* ParseState.Actions */
         ), next; ; i2 += 3) {
-          if ((next = data[i2]) == 65535) {
-            if (data[i2 + 1] == 1)
-              next = data[i2 = pair(data, i2 + 2)];
-            else if (data[i2 + 1] == 2)
-              return pair(data, i2 + 2);
+          if ((next = data2[i2]) == 65535) {
+            if (data2[i2 + 1] == 1)
+              next = data2[i2 = pair(data2, i2 + 2)];
+            else if (data2[i2 + 1] == 2)
+              return pair(data2, i2 + 2);
             else
               break;
           }
           if (next == terminal || next == 0)
-            return pair(data, i2 + 1);
+            return pair(data2, i2 + 1);
         }
       }
       return 0;
@@ -23846,42 +23875,42 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     kept from the original parser.
     */
     configure(config2) {
-      let copy = Object.assign(Object.create(LRParser.prototype), this);
+      let copy2 = Object.assign(Object.create(LRParser.prototype), this);
       if (config2.props)
-        copy.nodeSet = this.nodeSet.extend(...config2.props);
+        copy2.nodeSet = this.nodeSet.extend(...config2.props);
       if (config2.top) {
         let info = this.topRules[config2.top];
         if (!info)
           throw new RangeError(`Invalid top rule name ${config2.top}`);
-        copy.top = info;
+        copy2.top = info;
       }
       if (config2.tokenizers)
-        copy.tokenizers = this.tokenizers.map((t2) => {
+        copy2.tokenizers = this.tokenizers.map((t2) => {
           let found = config2.tokenizers.find((r) => r.from == t2);
           return found ? found.to : t2;
         });
       if (config2.specializers) {
-        copy.specializers = this.specializers.slice();
-        copy.specializerSpecs = this.specializerSpecs.map((s, i2) => {
+        copy2.specializers = this.specializers.slice();
+        copy2.specializerSpecs = this.specializerSpecs.map((s, i2) => {
           let found = config2.specializers.find((r) => r.from == s.external);
           if (!found)
             return s;
           let spec = Object.assign(Object.assign({}, s), { external: found.to });
-          copy.specializers[i2] = getSpecializer(spec);
+          copy2.specializers[i2] = getSpecializer(spec);
           return spec;
         });
       }
       if (config2.contextTracker)
-        copy.context = config2.contextTracker;
+        copy2.context = config2.contextTracker;
       if (config2.dialect)
-        copy.dialect = this.parseDialect(config2.dialect);
+        copy2.dialect = this.parseDialect(config2.dialect);
       if (config2.strict != null)
-        copy.strict = config2.strict;
+        copy2.strict = config2.strict;
       if (config2.wrap)
-        copy.wrappers = copy.wrappers.concat(config2.wrap);
+        copy2.wrappers = copy2.wrappers.concat(config2.wrap);
       if (config2.bufferLength != null)
-        copy.bufferLength = config2.bufferLength;
-      return copy;
+        copy2.bufferLength = config2.bufferLength;
+      return copy2;
     }
     /**
     Tells you whether any [parse wrappers](#lr.ParserConfig.wrap)
@@ -23946,8 +23975,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new LRParser(spec);
     }
   }
-  function pair(data, off) {
-    return data[off] | data[off + 1] << 16;
+  function pair(data2, off) {
+    return data2[off] | data2[off + 1] << 16;
   }
   function findFinished(stacks) {
     let best = null;
@@ -23981,8 +24010,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   Context.top = new Context(null, -1, type_Top);
   function findColumn(input, pos) {
-    for (let col = 0, p = pos - input.pos - 1; ; p--, col++) {
-      let ch = input.peek(p);
+    for (let col = 0, p2 = pos - input.pos - 1; ; p2--, col++) {
+      let ch = input.peek(p2);
       if (isBreakSpace(ch) || ch == -1) return col;
     }
   }
@@ -24467,7 +24496,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   ]);
   const oneDark = [oneDarkTheme, /* @__PURE__ */ syntaxHighlighting(oneDarkHighlightStyle)];
-  /*! js-yaml 4.1.1 https://github.com/nodeca/js-yaml @license MIT */
   function isNothing(subject) {
     return typeof subject === "undefined" || subject === null;
   }
@@ -24479,7 +24507,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     else if (isNothing(sequence)) return [];
     return [sequence];
   }
-  function extend$1(target, source) {
+  function extend$2(target, source) {
     var index2, length, key, sourceKeys;
     if (source) {
       sourceKeys = Object.keys(source);
@@ -24501,14 +24529,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return number2 === 0 && Number.NEGATIVE_INFINITY === 1 / number2;
   }
   var isNothing_1 = isNothing;
-  var isObject_1 = isObject;
+  var isObject_1$1 = isObject;
   var toArray_1 = toArray;
   var repeat_1 = repeat;
   var isNegativeZero_1 = isNegativeZero;
-  var extend_1 = extend$1;
+  var extend_1 = extend$2;
   var common = {
     isNothing: isNothing_1,
-    isObject: isObject_1,
+    isObject: isObject_1$1,
     toArray: toArray_1,
     repeat: repeat_1,
     isNegativeZero: isNegativeZero_1,
@@ -24540,25 +24568,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   YAMLException$1.prototype = Object.create(Error.prototype);
   YAMLException$1.prototype.constructor = YAMLException$1;
-  YAMLException$1.prototype.toString = function toString(compact) {
+  YAMLException$1.prototype.toString = function toString2(compact) {
     return this.name + ": " + formatError(this, compact);
   };
   var exception = YAMLException$1;
-  function getLine(buffer, lineStart, lineEnd, position, maxLineLength) {
+  function getLine(buffer, lineStart, lineEnd, position2, maxLineLength) {
     var head = "";
     var tail = "";
     var maxHalfLength = Math.floor(maxLineLength / 2) - 1;
-    if (position - lineStart > maxHalfLength) {
+    if (position2 - lineStart > maxHalfLength) {
       head = " ... ";
-      lineStart = position - maxHalfLength + head.length;
+      lineStart = position2 - maxHalfLength + head.length;
     }
-    if (lineEnd - position > maxHalfLength) {
+    if (lineEnd - position2 > maxHalfLength) {
       tail = " ...";
-      lineEnd = position + maxHalfLength - tail.length;
+      lineEnd = position2 + maxHalfLength - tail.length;
     }
     return {
       str: head + buffer.slice(lineStart, lineEnd).replace(/\t/g, "→") + tail,
-      pos: position - lineStart + head.length
+      pos: position2 - lineStart + head.length
       // relative position
     };
   }
@@ -24575,12 +24603,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     var re = /\r?\n|\r|\0/g;
     var lineStarts = [0];
     var lineEnds = [];
-    var match;
+    var match2;
     var foundLineNo = -1;
-    while (match = re.exec(mark.buffer)) {
-      lineEnds.push(match.index);
-      lineStarts.push(match.index + match[0].length);
-      if (mark.position <= match.index && foundLineNo < 0) {
+    while (match2 = re.exec(mark.buffer)) {
+      lineEnds.push(match2.index);
+      lineStarts.push(match2.index + match2[0].length);
+      if (mark.position <= match2.index && foundLineNo < 0) {
         foundLineNo = lineStarts.length - 2;
       }
     }
@@ -24657,8 +24685,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     this.resolve = options["resolve"] || function() {
       return true;
     };
-    this.construct = options["construct"] || function(data) {
-      return data;
+    this.construct = options["construct"] || function(data2) {
+      return data2;
     };
     this.instanceOf = options["instanceOf"] || null;
     this.predicate = options["predicate"] || null;
@@ -24754,20 +24782,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   var schema = Schema$1;
   var str = new type("tag:yaml.org,2002:str", {
     kind: "scalar",
-    construct: function(data) {
-      return data !== null ? data : "";
+    construct: function(data2) {
+      return data2 !== null ? data2 : "";
     }
   });
   var seq = new type("tag:yaml.org,2002:seq", {
     kind: "sequence",
-    construct: function(data) {
-      return data !== null ? data : [];
+    construct: function(data2) {
+      return data2 !== null ? data2 : [];
     }
   });
   var map = new type("tag:yaml.org,2002:map", {
     kind: "mapping",
-    construct: function(data) {
-      return data !== null ? data : {};
+    construct: function(data2) {
+      return data2 !== null ? data2 : {};
     }
   });
   var failsafe = new schema({
@@ -24777,16 +24805,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       map
     ]
   });
-  function resolveYamlNull(data) {
-    if (data === null) return true;
-    var max2 = data.length;
-    return max2 === 1 && data === "~" || max2 === 4 && (data === "null" || data === "Null" || data === "NULL");
+  function resolveYamlNull(data2) {
+    if (data2 === null) return true;
+    var max2 = data2.length;
+    return max2 === 1 && data2 === "~" || max2 === 4 && (data2 === "null" || data2 === "Null" || data2 === "NULL");
   }
   function constructYamlNull() {
     return null;
   }
-  function isNull(object) {
-    return object === null;
+  function isNull(object2) {
+    return object2 === null;
   }
   var _null = new type("tag:yaml.org,2002:null", {
     kind: "scalar",
@@ -24812,16 +24840,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     },
     defaultStyle: "lowercase"
   });
-  function resolveYamlBoolean(data) {
-    if (data === null) return false;
-    var max2 = data.length;
-    return max2 === 4 && (data === "true" || data === "True" || data === "TRUE") || max2 === 5 && (data === "false" || data === "False" || data === "FALSE");
+  function resolveYamlBoolean(data2) {
+    if (data2 === null) return false;
+    var max2 = data2.length;
+    return max2 === 4 && (data2 === "true" || data2 === "True" || data2 === "TRUE") || max2 === 5 && (data2 === "false" || data2 === "False" || data2 === "FALSE");
   }
-  function constructYamlBoolean(data) {
-    return data === "true" || data === "True" || data === "TRUE";
+  function constructYamlBoolean(data2) {
+    return data2 === "true" || data2 === "True" || data2 === "TRUE";
   }
-  function isBoolean(object) {
-    return Object.prototype.toString.call(object) === "[object Boolean]";
+  function isBoolean(object2) {
+    return Object.prototype.toString.call(object2) === "[object Boolean]";
   }
   var bool = new type("tag:yaml.org,2002:bool", {
     kind: "scalar",
@@ -24829,14 +24857,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     construct: constructYamlBoolean,
     predicate: isBoolean,
     represent: {
-      lowercase: function(object) {
-        return object ? "true" : "false";
+      lowercase: function(object2) {
+        return object2 ? "true" : "false";
       },
-      uppercase: function(object) {
-        return object ? "TRUE" : "FALSE";
+      uppercase: function(object2) {
+        return object2 ? "TRUE" : "FALSE";
       },
-      camelcase: function(object) {
-        return object ? "True" : "False";
+      camelcase: function(object2) {
+        return object2 ? "True" : "False";
       }
     },
     defaultStyle: "lowercase"
@@ -24850,21 +24878,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function isDecCode(c2) {
     return 48 <= c2 && c2 <= 57;
   }
-  function resolveYamlInteger(data) {
-    if (data === null) return false;
-    var max2 = data.length, index2 = 0, hasDigits = false, ch;
+  function resolveYamlInteger(data2) {
+    if (data2 === null) return false;
+    var max2 = data2.length, index2 = 0, hasDigits = false, ch;
     if (!max2) return false;
-    ch = data[index2];
+    ch = data2[index2];
     if (ch === "-" || ch === "+") {
-      ch = data[++index2];
+      ch = data2[++index2];
     }
     if (ch === "0") {
       if (index2 + 1 === max2) return true;
-      ch = data[++index2];
+      ch = data2[++index2];
       if (ch === "b") {
         index2++;
         for (; index2 < max2; index2++) {
-          ch = data[index2];
+          ch = data2[index2];
           if (ch === "_") continue;
           if (ch !== "0" && ch !== "1") return false;
           hasDigits = true;
@@ -24874,9 +24902,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (ch === "x") {
         index2++;
         for (; index2 < max2; index2++) {
-          ch = data[index2];
+          ch = data2[index2];
           if (ch === "_") continue;
-          if (!isHexCode(data.charCodeAt(index2))) return false;
+          if (!isHexCode(data2.charCodeAt(index2))) return false;
           hasDigits = true;
         }
         return hasDigits && ch !== "_";
@@ -24884,9 +24912,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (ch === "o") {
         index2++;
         for (; index2 < max2; index2++) {
-          ch = data[index2];
+          ch = data2[index2];
           if (ch === "_") continue;
-          if (!isOctCode(data.charCodeAt(index2))) return false;
+          if (!isOctCode(data2.charCodeAt(index2))) return false;
           hasDigits = true;
         }
         return hasDigits && ch !== "_";
@@ -24894,9 +24922,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     if (ch === "_") return false;
     for (; index2 < max2; index2++) {
-      ch = data[index2];
+      ch = data2[index2];
       if (ch === "_") continue;
-      if (!isDecCode(data.charCodeAt(index2))) {
+      if (!isDecCode(data2.charCodeAt(index2))) {
         return false;
       }
       hasDigits = true;
@@ -24904,8 +24932,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (!hasDigits || ch === "_") return false;
     return true;
   }
-  function constructYamlInteger(data) {
-    var value = data, sign = 1, ch;
+  function constructYamlInteger(data2) {
+    var value = data2, sign = 1, ch;
     if (value.indexOf("_") !== -1) {
       value = value.replace(/_/g, "");
     }
@@ -24923,8 +24951,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return sign * parseInt(value, 10);
   }
-  function isInteger(object) {
-    return Object.prototype.toString.call(object) === "[object Number]" && (object % 1 === 0 && !common.isNegativeZero(object));
+  function isInteger(object2) {
+    return Object.prototype.toString.call(object2) === "[object Number]" && (object2 % 1 === 0 && !common.isNegativeZero(object2));
   }
   var int = new type("tag:yaml.org,2002:int", {
     kind: "scalar",
@@ -24958,18 +24986,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     // 2.5e4, 2.5 and integers
     "^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$"
   );
-  function resolveYamlFloat(data) {
-    if (data === null) return false;
-    if (!YAML_FLOAT_PATTERN.test(data) || // Quick hack to not allow integers end with `_`
+  function resolveYamlFloat(data2) {
+    if (data2 === null) return false;
+    if (!YAML_FLOAT_PATTERN.test(data2) || // Quick hack to not allow integers end with `_`
     // Probably should update regexp & check speed
-    data[data.length - 1] === "_") {
+    data2[data2.length - 1] === "_") {
       return false;
     }
     return true;
   }
-  function constructYamlFloat(data) {
+  function constructYamlFloat(data2) {
     var value, sign;
-    value = data.replace(/_/g, "").toLowerCase();
+    value = data2.replace(/_/g, "").toLowerCase();
     sign = value[0] === "-" ? -1 : 1;
     if ("+-".indexOf(value[0]) >= 0) {
       value = value.slice(1);
@@ -24982,9 +25010,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return sign * parseFloat(value, 10);
   }
   var SCIENTIFIC_WITHOUT_DOT = /^[-+]?[0-9]+e/;
-  function representYamlFloat(object, style) {
+  function representYamlFloat(object2, style) {
     var res;
-    if (isNaN(object)) {
+    if (isNaN(object2)) {
       switch (style) {
         case "lowercase":
           return ".nan";
@@ -24993,7 +25021,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         case "camelcase":
           return ".NaN";
       }
-    } else if (Number.POSITIVE_INFINITY === object) {
+    } else if (Number.POSITIVE_INFINITY === object2) {
       switch (style) {
         case "lowercase":
           return ".inf";
@@ -25002,7 +25030,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         case "camelcase":
           return ".Inf";
       }
-    } else if (Number.NEGATIVE_INFINITY === object) {
+    } else if (Number.NEGATIVE_INFINITY === object2) {
       switch (style) {
         case "lowercase":
           return "-.inf";
@@ -25011,14 +25039,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         case "camelcase":
           return "-.Inf";
       }
-    } else if (common.isNegativeZero(object)) {
+    } else if (common.isNegativeZero(object2)) {
       return "-0.0";
     }
-    res = object.toString(10);
+    res = object2.toString(10);
     return SCIENTIFIC_WITHOUT_DOT.test(res) ? res.replace("e", ".e") : res;
   }
-  function isFloat(object) {
-    return Object.prototype.toString.call(object) === "[object Number]" && (object % 1 !== 0 || common.isNegativeZero(object));
+  function isFloat(object2) {
+    return Object.prototype.toString.call(object2) === "[object Number]" && (object2 % 1 !== 0 || common.isNegativeZero(object2));
   }
   var float = new type("tag:yaml.org,2002:float", {
     kind: "scalar",
@@ -25036,52 +25064,52 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       float
     ]
   });
-  var core = json;
+  var core$1 = json;
   var YAML_DATE_REGEXP = new RegExp(
     "^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"
   );
   var YAML_TIMESTAMP_REGEXP = new RegExp(
     "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
   );
-  function resolveYamlTimestamp(data) {
-    if (data === null) return false;
-    if (YAML_DATE_REGEXP.exec(data) !== null) return true;
-    if (YAML_TIMESTAMP_REGEXP.exec(data) !== null) return true;
+  function resolveYamlTimestamp(data2) {
+    if (data2 === null) return false;
+    if (YAML_DATE_REGEXP.exec(data2) !== null) return true;
+    if (YAML_TIMESTAMP_REGEXP.exec(data2) !== null) return true;
     return false;
   }
-  function constructYamlTimestamp(data) {
-    var match, year, month, day, hour, minute, second, fraction = 0, delta = null, tz_hour, tz_minute, date;
-    match = YAML_DATE_REGEXP.exec(data);
-    if (match === null) match = YAML_TIMESTAMP_REGEXP.exec(data);
-    if (match === null) throw new Error("Date resolve error");
-    year = +match[1];
-    month = +match[2] - 1;
-    day = +match[3];
-    if (!match[4]) {
+  function constructYamlTimestamp(data2) {
+    var match2, year, month, day, hour, minute, second, fraction = 0, delta = null, tz_hour, tz_minute, date;
+    match2 = YAML_DATE_REGEXP.exec(data2);
+    if (match2 === null) match2 = YAML_TIMESTAMP_REGEXP.exec(data2);
+    if (match2 === null) throw new Error("Date resolve error");
+    year = +match2[1];
+    month = +match2[2] - 1;
+    day = +match2[3];
+    if (!match2[4]) {
       return new Date(Date.UTC(year, month, day));
     }
-    hour = +match[4];
-    minute = +match[5];
-    second = +match[6];
-    if (match[7]) {
-      fraction = match[7].slice(0, 3);
+    hour = +match2[4];
+    minute = +match2[5];
+    second = +match2[6];
+    if (match2[7]) {
+      fraction = match2[7].slice(0, 3);
       while (fraction.length < 3) {
         fraction += "0";
       }
       fraction = +fraction;
     }
-    if (match[9]) {
-      tz_hour = +match[10];
-      tz_minute = +(match[11] || 0);
+    if (match2[9]) {
+      tz_hour = +match2[10];
+      tz_minute = +(match2[11] || 0);
       delta = (tz_hour * 60 + tz_minute) * 6e4;
-      if (match[9] === "-") delta = -delta;
+      if (match2[9] === "-") delta = -delta;
     }
     date = new Date(Date.UTC(year, month, day, hour, minute, second, fraction));
     if (delta) date.setTime(date.getTime() - delta);
     return date;
   }
-  function representYamlTimestamp(object) {
-    return object.toISOString();
+  function representYamlTimestamp(object2) {
+    return object2.toISOString();
   }
   var timestamp = new type("tag:yaml.org,2002:timestamp", {
     kind: "scalar",
@@ -25090,27 +25118,27 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     instanceOf: Date,
     represent: representYamlTimestamp
   });
-  function resolveYamlMerge(data) {
-    return data === "<<" || data === null;
+  function resolveYamlMerge(data2) {
+    return data2 === "<<" || data2 === null;
   }
   var merge = new type("tag:yaml.org,2002:merge", {
     kind: "scalar",
     resolve: resolveYamlMerge
   });
   var BASE64_MAP = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\n\r";
-  function resolveYamlBinary(data) {
-    if (data === null) return false;
-    var code2, idx, bitlen = 0, max2 = data.length, map2 = BASE64_MAP;
+  function resolveYamlBinary(data2) {
+    if (data2 === null) return false;
+    var code2, idx, bitlen = 0, max2 = data2.length, map2 = BASE64_MAP;
     for (idx = 0; idx < max2; idx++) {
-      code2 = map2.indexOf(data.charAt(idx));
+      code2 = map2.indexOf(data2.charAt(idx));
       if (code2 > 64) continue;
       if (code2 < 0) return false;
       bitlen += 6;
     }
     return bitlen % 8 === 0;
   }
-  function constructYamlBinary(data) {
-    var idx, tailbits, input = data.replace(/[\r\n=]/g, ""), max2 = input.length, map2 = BASE64_MAP, bits = 0, result = [];
+  function constructYamlBinary(data2) {
+    var idx, tailbits, input = data2.replace(/[\r\n=]/g, ""), max2 = input.length, map2 = BASE64_MAP, bits = 0, result = [];
     for (idx = 0; idx < max2; idx++) {
       if (idx % 4 === 0 && idx) {
         result.push(bits >> 16 & 255);
@@ -25132,8 +25160,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return new Uint8Array(result);
   }
-  function representYamlBinary(object) {
-    var result = "", bits = 0, idx, tail, max2 = object.length, map2 = BASE64_MAP;
+  function representYamlBinary(object2) {
+    var result = "", bits = 0, idx, tail, max2 = object2.length, map2 = BASE64_MAP;
     for (idx = 0; idx < max2; idx++) {
       if (idx % 3 === 0 && idx) {
         result += map2[bits >> 18 & 63];
@@ -25141,7 +25169,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         result += map2[bits >> 6 & 63];
         result += map2[bits & 63];
       }
-      bits = (bits << 8) + object[idx];
+      bits = (bits << 8) + object2[idx];
     }
     tail = max2 % 3;
     if (tail === 0) {
@@ -25174,11 +25202,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   var _hasOwnProperty$3 = Object.prototype.hasOwnProperty;
   var _toString$2 = Object.prototype.toString;
-  function resolveYamlOmap(data) {
-    if (data === null) return true;
-    var objectKeys = [], index2, length, pair2, pairKey, pairHasKey, object = data;
-    for (index2 = 0, length = object.length; index2 < length; index2 += 1) {
-      pair2 = object[index2];
+  function resolveYamlOmap(data2) {
+    if (data2 === null) return true;
+    var objectKeys = [], index2, length, pair2, pairKey, pairHasKey, object2 = data2;
+    for (index2 = 0, length = object2.length; index2 < length; index2 += 1) {
+      pair2 = object2[index2];
       pairHasKey = false;
       if (_toString$2.call(pair2) !== "[object Object]") return false;
       for (pairKey in pair2) {
@@ -25193,8 +25221,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return true;
   }
-  function constructYamlOmap(data) {
-    return data !== null ? data : [];
+  function constructYamlOmap(data2) {
+    return data2 !== null ? data2 : [];
   }
   var omap = new type("tag:yaml.org,2002:omap", {
     kind: "sequence",
@@ -25202,12 +25230,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     construct: constructYamlOmap
   });
   var _toString$1 = Object.prototype.toString;
-  function resolveYamlPairs(data) {
-    if (data === null) return true;
-    var index2, length, pair2, keys2, result, object = data;
-    result = new Array(object.length);
-    for (index2 = 0, length = object.length; index2 < length; index2 += 1) {
-      pair2 = object[index2];
+  function resolveYamlPairs(data2) {
+    if (data2 === null) return true;
+    var index2, length, pair2, keys2, result, object2 = data2;
+    result = new Array(object2.length);
+    for (index2 = 0, length = object2.length; index2 < length; index2 += 1) {
+      pair2 = object2[index2];
       if (_toString$1.call(pair2) !== "[object Object]") return false;
       keys2 = Object.keys(pair2);
       if (keys2.length !== 1) return false;
@@ -25215,12 +25243,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return true;
   }
-  function constructYamlPairs(data) {
-    if (data === null) return [];
-    var index2, length, pair2, keys2, result, object = data;
-    result = new Array(object.length);
-    for (index2 = 0, length = object.length; index2 < length; index2 += 1) {
-      pair2 = object[index2];
+  function constructYamlPairs(data2) {
+    if (data2 === null) return [];
+    var index2, length, pair2, keys2, result, object2 = data2;
+    result = new Array(object2.length);
+    for (index2 = 0, length = object2.length; index2 < length; index2 += 1) {
+      pair2 = object2[index2];
       keys2 = Object.keys(pair2);
       result[index2] = [keys2[0], pair2[keys2[0]]];
     }
@@ -25232,25 +25260,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     construct: constructYamlPairs
   });
   var _hasOwnProperty$2 = Object.prototype.hasOwnProperty;
-  function resolveYamlSet(data) {
-    if (data === null) return true;
-    var key, object = data;
-    for (key in object) {
-      if (_hasOwnProperty$2.call(object, key)) {
-        if (object[key] !== null) return false;
+  function resolveYamlSet(data2) {
+    if (data2 === null) return true;
+    var key, object2 = data2;
+    for (key in object2) {
+      if (_hasOwnProperty$2.call(object2, key)) {
+        if (object2[key] !== null) return false;
       }
     }
     return true;
   }
-  function constructYamlSet(data) {
-    return data !== null ? data : {};
+  function constructYamlSet(data2) {
+    return data2 !== null ? data2 : {};
   }
-  var set$2 = new type("tag:yaml.org,2002:set", {
+  var set$3 = new type("tag:yaml.org,2002:set", {
     kind: "mapping",
     resolve: resolveYamlSet,
     construct: constructYamlSet
   });
-  var _default = core.extend({
+  var _default = core$1.extend({
     implicit: [
       timestamp,
       merge
@@ -25259,7 +25287,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       binary,
       omap,
       pairs,
-      set$2
+      set$3
     ]
   });
   var _hasOwnProperty$1 = Object.prototype.hasOwnProperty;
@@ -25331,23 +25359,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       (c2 - 65536 & 1023) + 56320
     );
   }
-  function setProperty(object, key, value) {
+  function setProperty(object2, key, value) {
     if (key === "__proto__") {
-      Object.defineProperty(object, key, {
+      Object.defineProperty(object2, key, {
         configurable: true,
         enumerable: true,
         writable: true,
         value
       });
     } else {
-      object[key] = value;
+      object2[key] = value;
     }
   }
   var simpleEscapeCheck = new Array(256);
   var simpleEscapeMap = new Array(256);
-  for (var i = 0; i < 256; i++) {
-    simpleEscapeCheck[i] = simpleEscapeSequence(i) ? 1 : 0;
-    simpleEscapeMap[i] = simpleEscapeSequence(i);
+  for (var i$1 = 0; i$1 < 256; i$1++) {
+    simpleEscapeCheck[i$1] = simpleEscapeSequence(i$1) ? 1 : 0;
+    simpleEscapeMap[i$1] = simpleEscapeSequence(i$1);
   }
   function State$1(input, options) {
     this.input = input;
@@ -25389,19 +25417,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   var directiveHandlers = {
     YAML: function handleYamlDirective(state, name2, args) {
-      var match, major, minor;
+      var match2, major, minor;
       if (state.version !== null) {
         throwError(state, "duplication of %YAML directive");
       }
       if (args.length !== 1) {
         throwError(state, "YAML directive accepts exactly one argument");
       }
-      match = /^([0-9]+)\.([0-9]+)$/.exec(args[0]);
-      if (match === null) {
+      match2 = /^([0-9]+)\.([0-9]+)$/.exec(args[0]);
+      if (match2 === null) {
         throwError(state, "ill-formed argument of the YAML directive");
       }
-      major = parseInt(match[1], 10);
-      minor = parseInt(match[2], 10);
+      major = parseInt(match2[1], 10);
+      minor = parseInt(match2[2], 10);
       if (major !== 1) {
         throwError(state, "unacceptable YAML version of the document");
       }
@@ -26525,15 +26553,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     this.usedDuplicates = null;
   }
   function indentString(string2, spaces) {
-    var ind = common.repeat(" ", spaces), position = 0, next = -1, result = "", line, length = string2.length;
-    while (position < length) {
-      next = string2.indexOf("\n", position);
+    var ind = common.repeat(" ", spaces), position2 = 0, next = -1, result = "", line, length = string2.length;
+    while (position2 < length) {
+      next = string2.indexOf("\n", position2);
       if (next === -1) {
-        line = string2.slice(position);
-        position = length;
+        line = string2.slice(position2);
+        position2 = length;
       } else {
-        line = string2.slice(position, next + 1);
-        position = next + 1;
+        line = string2.slice(position2, next + 1);
+        position2 = next + 1;
       }
       if (line.length && line !== "\n") result += ind;
       result += line;
@@ -26705,9 +26733,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     })();
     var prevMoreIndented = string2[0] === "\n" || string2[0] === " ";
     var moreIndented;
-    var match;
-    while (match = lineRe.exec(string2)) {
-      var prefix = match[1], line = match[2];
+    var match2;
+    while (match2 = lineRe.exec(string2)) {
+      var prefix = match2[1], line = match2[2];
       moreIndented = line[0] === " ";
       result += prefix + (!prevMoreIndented && !moreIndented && line !== "" ? "\n" : "") + foldLine(line, width);
       prevMoreIndented = moreIndented;
@@ -26717,11 +26745,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function foldLine(line, width) {
     if (line === "" || line[0] === " ") return line;
     var breakRe = / [^ ]/g;
-    var match;
+    var match2;
     var start2 = 0, end, curr = 0, next = 0;
     var result = "";
-    while (match = breakRe.exec(line)) {
-      next = match.index;
+    while (match2 = breakRe.exec(line)) {
+      next = match2.index;
       if (next - start2 > width) {
         end = curr > start2 ? curr : next;
         result += "\n" + line.slice(start2, end);
@@ -26753,12 +26781,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return result;
   }
-  function writeFlowSequence(state, level, object) {
+  function writeFlowSequence(state, level, object2) {
     var _result = "", _tag = state.tag, index2, length, value;
-    for (index2 = 0, length = object.length; index2 < length; index2 += 1) {
-      value = object[index2];
+    for (index2 = 0, length = object2.length; index2 < length; index2 += 1) {
+      value = object2[index2];
       if (state.replacer) {
-        value = state.replacer.call(object, String(index2), value);
+        value = state.replacer.call(object2, String(index2), value);
       }
       if (writeNode(state, level, value, false, false) || typeof value === "undefined" && writeNode(state, level, null, false, false)) {
         if (_result !== "") _result += "," + (!state.condenseFlow ? " " : "");
@@ -26768,12 +26796,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     state.tag = _tag;
     state.dump = "[" + _result + "]";
   }
-  function writeBlockSequence(state, level, object, compact) {
+  function writeBlockSequence(state, level, object2, compact) {
     var _result = "", _tag = state.tag, index2, length, value;
-    for (index2 = 0, length = object.length; index2 < length; index2 += 1) {
-      value = object[index2];
+    for (index2 = 0, length = object2.length; index2 < length; index2 += 1) {
+      value = object2[index2];
       if (state.replacer) {
-        value = state.replacer.call(object, String(index2), value);
+        value = state.replacer.call(object2, String(index2), value);
       }
       if (writeNode(state, level + 1, value, true, true, false, true) || typeof value === "undefined" && writeNode(state, level + 1, null, true, true, false, true)) {
         if (!compact || _result !== "") {
@@ -26790,16 +26818,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     state.tag = _tag;
     state.dump = _result || "[]";
   }
-  function writeFlowMapping(state, level, object) {
-    var _result = "", _tag = state.tag, objectKeyList = Object.keys(object), index2, length, objectKey, objectValue, pairBuffer;
+  function writeFlowMapping(state, level, object2) {
+    var _result = "", _tag = state.tag, objectKeyList = Object.keys(object2), index2, length, objectKey, objectValue, pairBuffer;
     for (index2 = 0, length = objectKeyList.length; index2 < length; index2 += 1) {
       pairBuffer = "";
       if (_result !== "") pairBuffer += ", ";
       if (state.condenseFlow) pairBuffer += '"';
       objectKey = objectKeyList[index2];
-      objectValue = object[objectKey];
+      objectValue = object2[objectKey];
       if (state.replacer) {
-        objectValue = state.replacer.call(object, objectKey, objectValue);
+        objectValue = state.replacer.call(object2, objectKey, objectValue);
       }
       if (!writeNode(state, level, objectKey, false, false)) {
         continue;
@@ -26815,8 +26843,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     state.tag = _tag;
     state.dump = "{" + _result + "}";
   }
-  function writeBlockMapping(state, level, object, compact) {
-    var _result = "", _tag = state.tag, objectKeyList = Object.keys(object), index2, length, objectKey, objectValue, explicitPair, pairBuffer;
+  function writeBlockMapping(state, level, object2, compact) {
+    var _result = "", _tag = state.tag, objectKeyList = Object.keys(object2), index2, length, objectKey, objectValue, explicitPair, pairBuffer;
     if (state.sortKeys === true) {
       objectKeyList.sort();
     } else if (typeof state.sortKeys === "function") {
@@ -26830,9 +26858,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         pairBuffer += generateNextLine(state, level);
       }
       objectKey = objectKeyList[index2];
-      objectValue = object[objectKey];
+      objectValue = object2[objectKey];
       if (state.replacer) {
-        objectValue = state.replacer.call(object, objectKey, objectValue);
+        objectValue = state.replacer.call(object2, objectKey, objectValue);
       }
       if (!writeNode(state, level + 1, objectKey, true, true, true)) {
         continue;
@@ -26863,15 +26891,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     state.tag = _tag;
     state.dump = _result || "{}";
   }
-  function detectType(state, object, explicit) {
+  function detectType(state, object2, explicit) {
     var _result, typeList, index2, length, type2, style;
     typeList = explicit ? state.explicitTypes : state.implicitTypes;
     for (index2 = 0, length = typeList.length; index2 < length; index2 += 1) {
       type2 = typeList[index2];
-      if ((type2.instanceOf || type2.predicate) && (!type2.instanceOf || typeof object === "object" && object instanceof type2.instanceOf) && (!type2.predicate || type2.predicate(object))) {
+      if ((type2.instanceOf || type2.predicate) && (!type2.instanceOf || typeof object2 === "object" && object2 instanceof type2.instanceOf) && (!type2.predicate || type2.predicate(object2))) {
         if (explicit) {
           if (type2.multi && type2.representName) {
-            state.tag = type2.representName(object);
+            state.tag = type2.representName(object2);
           } else {
             state.tag = type2.tag;
           }
@@ -26881,9 +26909,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (type2.represent) {
           style = state.styleMap[type2.tag] || type2.defaultStyle;
           if (_toString.call(type2.represent) === "[object Function]") {
-            _result = type2.represent(object, style);
+            _result = type2.represent(object2, style);
           } else if (_hasOwnProperty.call(type2.represent, style)) {
-            _result = type2.represent[style](object, style);
+            _result = type2.represent[style](object2, style);
           } else {
             throw new exception("!<" + type2.tag + '> tag resolver accepts not "' + style + '" style');
           }
@@ -26894,11 +26922,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return false;
   }
-  function writeNode(state, level, object, block, compact, iskey, isblockseq) {
+  function writeNode(state, level, object2, block, compact, iskey, isblockseq) {
     state.tag = null;
-    state.dump = object;
-    if (!detectType(state, object, false)) {
-      detectType(state, object, true);
+    state.dump = object2;
+    if (!detectType(state, object2, false)) {
+      detectType(state, object2, true);
     }
     var type2 = _toString.call(state.dump);
     var inblock = block;
@@ -26908,7 +26936,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     var objectOrArray = type2 === "[object Object]" || type2 === "[object Array]", duplicateIndex, duplicate;
     if (objectOrArray) {
-      duplicateIndex = state.duplicates.indexOf(object);
+      duplicateIndex = state.duplicates.indexOf(object2);
       duplicate = duplicateIndex !== -1;
     }
     if (state.tag !== null && state.tag !== "?" || duplicate || state.indent !== 2 && level > 0) {
@@ -26974,32 +27002,32 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return true;
   }
-  function getDuplicateReferences(object, state) {
+  function getDuplicateReferences(object2, state) {
     var objects = [], duplicatesIndexes = [], index2, length;
-    inspectNode(object, objects, duplicatesIndexes);
+    inspectNode(object2, objects, duplicatesIndexes);
     for (index2 = 0, length = duplicatesIndexes.length; index2 < length; index2 += 1) {
       state.duplicates.push(objects[duplicatesIndexes[index2]]);
     }
     state.usedDuplicates = new Array(length);
   }
-  function inspectNode(object, objects, duplicatesIndexes) {
+  function inspectNode(object2, objects, duplicatesIndexes) {
     var objectKeyList, index2, length;
-    if (object !== null && typeof object === "object") {
-      index2 = objects.indexOf(object);
+    if (object2 !== null && typeof object2 === "object") {
+      index2 = objects.indexOf(object2);
       if (index2 !== -1) {
         if (duplicatesIndexes.indexOf(index2) === -1) {
           duplicatesIndexes.push(index2);
         }
       } else {
-        objects.push(object);
-        if (Array.isArray(object)) {
-          for (index2 = 0, length = object.length; index2 < length; index2 += 1) {
-            inspectNode(object[index2], objects, duplicatesIndexes);
+        objects.push(object2);
+        if (Array.isArray(object2)) {
+          for (index2 = 0, length = object2.length; index2 < length; index2 += 1) {
+            inspectNode(object2[index2], objects, duplicatesIndexes);
           }
         } else {
-          objectKeyList = Object.keys(object);
+          objectKeyList = Object.keys(object2);
           for (index2 = 0, length = objectKeyList.length; index2 < length; index2 += 1) {
-            inspectNode(object[objectKeyList[index2]], objects, duplicatesIndexes);
+            inspectNode(object2[objectKeyList[index2]], objects, duplicatesIndexes);
           }
         }
       }
@@ -27070,7 +27098,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return new Selection$1(subgroups, this._parents);
   }
-  function array(x2) {
+  function array$1(x2) {
     return x2 == null ? [] : Array.isArray(x2) ? x2 : Array.from(x2);
   }
   function empty() {
@@ -27083,7 +27111,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function arrayAll(select2) {
     return function() {
-      return array(select2.apply(this, arguments));
+      return array$1(select2.apply(this, arguments));
     };
   }
   function selection_selectAll(select2) {
@@ -27110,34 +27138,34 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   var find$1 = Array.prototype.find;
-  function childFind(match) {
+  function childFind(match2) {
     return function() {
-      return find$1.call(this.children, match);
+      return find$1.call(this.children, match2);
     };
   }
   function childFirst() {
     return this.firstElementChild;
   }
-  function selection_selectChild(match) {
-    return this.select(match == null ? childFirst : childFind(typeof match === "function" ? match : childMatcher(match)));
+  function selection_selectChild(match2) {
+    return this.select(match2 == null ? childFirst : childFind(typeof match2 === "function" ? match2 : childMatcher(match2)));
   }
-  var filter = Array.prototype.filter;
+  var filter$1 = Array.prototype.filter;
   function children() {
     return Array.from(this.children);
   }
-  function childrenFilter(match) {
+  function childrenFilter(match2) {
     return function() {
-      return filter.call(this.children, match);
+      return filter$1.call(this.children, match2);
     };
   }
-  function selection_selectChildren(match) {
-    return this.selectAll(match == null ? children : childrenFilter(typeof match === "function" ? match : childMatcher(match)));
+  function selection_selectChildren(match2) {
+    return this.selectAll(match2 == null ? children : childrenFilter(typeof match2 === "function" ? match2 : childMatcher(match2)));
   }
-  function selection_filter(match) {
-    if (typeof match !== "function") match = matcher(match);
+  function selection_filter(match2) {
+    if (typeof match2 !== "function") match2 = matcher(match2);
     for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j = 0; j < m2; ++j) {
       for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i2 = 0; i2 < n; ++i2) {
-        if ((node = group[i2]) && match.call(node, node.__data__, i2, group)) {
+        if ((node = group[i2]) && match2.call(node, node.__data__, i2, group)) {
           subgroup.push(node);
         }
       }
@@ -27177,14 +27205,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return x2;
     };
   }
-  function bindIndex(parent, group, enter, update, exit, data) {
-    var i2 = 0, node, groupLength = group.length, dataLength = data.length;
+  function bindIndex(parent, group, enter, update, exit, data2) {
+    var i2 = 0, node, groupLength = group.length, dataLength = data2.length;
     for (; i2 < dataLength; ++i2) {
       if (node = group[i2]) {
-        node.__data__ = data[i2];
+        node.__data__ = data2[i2];
         update[i2] = node;
       } else {
-        enter[i2] = new EnterNode(parent, data[i2]);
+        enter[i2] = new EnterNode(parent, data2[i2]);
       }
     }
     for (; i2 < groupLength; ++i2) {
@@ -27193,8 +27221,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   }
-  function bindKey(parent, group, enter, update, exit, data, key) {
-    var i2, node, nodeByKeyValue = /* @__PURE__ */ new Map(), groupLength = group.length, dataLength = data.length, keyValues = new Array(groupLength), keyValue;
+  function bindKey(parent, group, enter, update, exit, data2, key) {
+    var i2, node, nodeByKeyValue = /* @__PURE__ */ new Map(), groupLength = group.length, dataLength = data2.length, keyValues = new Array(groupLength), keyValue;
     for (i2 = 0; i2 < groupLength; ++i2) {
       if (node = group[i2]) {
         keyValues[i2] = keyValue = key.call(node, node.__data__, i2, group) + "";
@@ -27206,13 +27234,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     for (i2 = 0; i2 < dataLength; ++i2) {
-      keyValue = key.call(parent, data[i2], i2, data) + "";
+      keyValue = key.call(parent, data2[i2], i2, data2) + "";
       if (node = nodeByKeyValue.get(keyValue)) {
         update[i2] = node;
-        node.__data__ = data[i2];
+        node.__data__ = data2[i2];
         nodeByKeyValue.delete(keyValue);
       } else {
-        enter[i2] = new EnterNode(parent, data[i2]);
+        enter[i2] = new EnterNode(parent, data2[i2]);
       }
     }
     for (i2 = 0; i2 < groupLength; ++i2) {
@@ -27229,8 +27257,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     var bind = key ? bindKey : bindIndex, parents = this._parents, groups = this._groups;
     if (typeof value !== "function") value = constant$5(value);
     for (var m2 = groups.length, update = new Array(m2), enter = new Array(m2), exit = new Array(m2), j = 0; j < m2; ++j) {
-      var parent = parents[j], group = groups[j], groupLength = group.length, data = arraylike(value.call(parent, parent && parent.__data__, j, parents)), dataLength = data.length, enterGroup = enter[j] = new Array(dataLength), updateGroup = update[j] = new Array(dataLength), exitGroup = exit[j] = new Array(groupLength);
-      bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);
+      var parent = parents[j], group = groups[j], groupLength = group.length, data2 = arraylike(value.call(parent, parent && parent.__data__, j, parents)), dataLength = data2.length, enterGroup = enter[j] = new Array(dataLength), updateGroup = update[j] = new Array(dataLength), exitGroup = exit[j] = new Array(groupLength);
+      bind(parent, group, enterGroup, updateGroup, exitGroup, data2, key);
       for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {
         if (previous = enterGroup[i0]) {
           if (i0 >= i1) i1 = i0 + 1;
@@ -27244,8 +27272,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     update._exit = exit;
     return update;
   }
-  function arraylike(data) {
-    return typeof data === "object" && "length" in data ? data : Array.from(data);
+  function arraylike(data2) {
+    return typeof data2 === "object" && "length" in data2 ? data2 : Array.from(data2);
   }
   function selection_exit() {
     return new Selection$1(this._exit || this._groups.map(sparse), this._parents);
@@ -27292,7 +27320,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return this;
   }
   function selection_sort(compare2) {
-    if (!compare2) compare2 = ascending;
+    if (!compare2) compare2 = ascending$1;
     function compareNode(a2, b) {
       return a2 && b ? compare2(a2.__data__, b.__data__) : !a2 - !b;
     }
@@ -27306,7 +27334,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return new Selection$1(sortgroups, this._parents).order();
   }
-  function ascending(a2, b) {
+  function ascending$1(a2, b) {
     return a2 < b ? -1 : a2 > b ? 1 : a2 >= b ? 0 : NaN;
   }
   function selection_call() {
@@ -27561,12 +27589,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return this.each(remove);
   }
   function selection_cloneShallow() {
-    var clone = this.cloneNode(false), parent = this.parentNode;
-    return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+    var clone2 = this.cloneNode(false), parent = this.parentNode;
+    return parent ? parent.insertBefore(clone2, this.nextSibling) : clone2;
   }
   function selection_cloneDeep() {
-    var clone = this.cloneNode(true), parent = this.parentNode;
-    return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+    var clone2 = this.cloneNode(true), parent = this.parentNode;
+    return parent ? parent.insertBefore(clone2, this.nextSibling) : clone2;
   }
   function selection_clone(deep) {
     return this.select(deep ? selection_cloneDeep : selection_cloneShallow);
@@ -27575,8 +27603,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return arguments.length ? this.property("__data__", value) : this.node().__data__;
   }
   function contextListener(listener) {
-    return function(event) {
-      listener.call(this, event, this.__data__);
+    return function(event2) {
+      listener.call(this, event2, this.__data__);
     };
   }
   function parseTypenames$1(typenames) {
@@ -27636,15 +27664,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return this;
   }
   function dispatchEvent(node, type2, params) {
-    var window2 = defaultView(node), event = window2.CustomEvent;
-    if (typeof event === "function") {
-      event = new event(type2, params);
+    var window2 = defaultView(node), event2 = window2.CustomEvent;
+    if (typeof event2 === "function") {
+      event2 = new event2(type2, params);
     } else {
-      event = window2.document.createEvent("Event");
-      if (params) event.initEvent(type2, params.bubbles, params.cancelable), event.detail = params.detail;
-      else event.initEvent(type2, false, false);
+      event2 = window2.document.createEvent("Event");
+      if (params) event2.initEvent(type2, params.bubbles, params.cancelable), event2.detail = params.detail;
+      else event2.initEvent(type2, false, false);
     }
-    node.dispatchEvent(event);
+    node.dispatchEvent(event2);
   }
   function dispatchConstant(type2, params) {
     return function() {
@@ -27718,34 +27746,34 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function select(selector2) {
     return typeof selector2 === "string" ? new Selection$1([[document.querySelector(selector2)]], [document.documentElement]) : new Selection$1([[selector2]], root);
   }
-  function sourceEvent(event) {
+  function sourceEvent(event2) {
     let sourceEvent2;
-    while (sourceEvent2 = event.sourceEvent) event = sourceEvent2;
-    return event;
+    while (sourceEvent2 = event2.sourceEvent) event2 = sourceEvent2;
+    return event2;
   }
-  function pointer(event, node) {
-    event = sourceEvent(event);
-    if (node === void 0) node = event.currentTarget;
+  function pointer(event2, node) {
+    event2 = sourceEvent(event2);
+    if (node === void 0) node = event2.currentTarget;
     if (node) {
       var svg2 = node.ownerSVGElement || node;
       if (svg2.createSVGPoint) {
         var point = svg2.createSVGPoint();
-        point.x = event.clientX, point.y = event.clientY;
+        point.x = event2.clientX, point.y = event2.clientY;
         point = point.matrixTransform(node.getScreenCTM().inverse());
         return [point.x, point.y];
       }
       if (node.getBoundingClientRect) {
         var rect = node.getBoundingClientRect();
-        return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
+        return [event2.clientX - rect.left - node.clientLeft, event2.clientY - rect.top - node.clientTop];
       }
     }
-    return [event.pageX, event.pageY];
+    return [event2.pageX, event2.pageY];
   }
   function cumsum(values, valueof) {
     var sum2 = 0, index2 = 0;
     return Float64Array.from(values, valueof === void 0 ? (v) => sum2 += +v || 0 : (v) => sum2 += +valueof(v, index2++, values) || 0);
   }
-  function max(values, valueof) {
+  function max$1(values, valueof) {
     let max2;
     if (valueof === void 0) {
       for (const value of values) {
@@ -27763,7 +27791,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return max2;
   }
-  function min(values, valueof) {
+  function min$1(values, valueof) {
     let min2;
     if (valueof === void 0) {
       for (const value of values) {
@@ -27931,14 +27959,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     } while (next.length);
   }
-  function hierarchy$1(data, children2) {
-    if (data instanceof Map) {
-      data = [void 0, data];
+  function hierarchy$1(data2, children2) {
+    if (data2 instanceof Map) {
+      data2 = [void 0, data2];
       if (children2 === void 0) children2 = mapChildren;
     } else if (children2 === void 0) {
       children2 = objectChildren;
     }
-    var root2 = new Node$1(data), node, nodes = [root2], child, childs, i2, n;
+    var root2 = new Node$1(data2), node, nodes = [root2], child, childs, i2, n;
     while (node = nodes.pop()) {
       if ((childs = children2(node.data)) && (n = (childs = Array.from(childs)).length)) {
         node.children = childs;
@@ -27970,8 +27998,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       node.height = height;
     while ((node = node.parent) && node.height < ++height);
   }
-  function Node$1(data) {
-    this.data = data;
+  function Node$1(data2) {
+    this.data = data2;
     this.depth = this.height = 0;
     this.parent = null;
   }
@@ -28008,10 +28036,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function stratify() {
     var id2 = defaultId, parentId = defaultParentId, path;
-    function stratify2(data) {
-      var nodes = Array.from(data), currentId = id2, currentParentId = parentId, n, d, i2, root2, parent, node, nodeId, nodeKey, nodeByKey = /* @__PURE__ */ new Map();
+    function stratify2(data2) {
+      var nodes = Array.from(data2), currentId = id2, currentParentId = parentId, n, d, i2, root2, parent, node, nodeId, nodeKey, nodeByKey = /* @__PURE__ */ new Map();
       if (path != null) {
-        const I = nodes.map((d2, i3) => normalize(path(d2, i3, data)));
+        const I = nodes.map((d2, i3) => normalize$1(path(d2, i3, data2)));
         const P = I.map(parentof);
         const S = new Set(I).add("");
         for (const i3 of P) {
@@ -28027,11 +28055,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       for (i2 = 0, n = nodes.length; i2 < n; ++i2) {
         d = nodes[i2], node = nodes[i2] = new Node$1(d);
-        if ((nodeId = currentId(d, i2, data)) != null && (nodeId += "")) {
+        if ((nodeId = currentId(d, i2, data2)) != null && (nodeId += "")) {
           nodeKey = node.id = nodeId;
           nodeByKey.set(nodeKey, nodeByKey.has(nodeKey) ? ambiguous : node);
         }
-        if ((nodeId = currentParentId(d, i2, data)) != null && (nodeId += "")) {
+        if ((nodeId = currentParentId(d, i2, data2)) != null && (nodeId += "")) {
           node.parent = nodeId;
         }
       }
@@ -28080,7 +28108,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     return stratify2;
   }
-  function normalize(path) {
+  function normalize$1(path) {
     path = `${path}`;
     let i2 = path.length;
     if (slash(path, i2 - 1) && !slash(path, i2 - 2)) path = path.slice(0, -1);
@@ -28185,12 +28213,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       var children2 = v.children, siblings = v.parent.children, w = v.i ? siblings[v.i - 1] : null;
       if (children2) {
         executeShifts(v);
-        var midpoint = (children2[0].z + children2[children2.length - 1].z) / 2;
+        var midpoint2 = (children2[0].z + children2[children2.length - 1].z) / 2;
         if (w) {
           v.z = w.z + separation(v._, w._);
-          v.m = v.z - midpoint;
+          v.m = v.z - midpoint2;
         } else {
-          v.z = midpoint;
+          v.z = midpoint2;
         }
       } else if (w) {
         v.z = w.z + separation(v._, w._);
@@ -28246,7 +28274,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     return tree2;
   }
-  var noop = { value: () => {
+  var noop$2 = { value: () => {
   } };
   function dispatch() {
     for (var i2 = 0, n = arguments.length, _ = {}, t2; i2 < n; ++i2) {
@@ -28271,20 +28299,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     on: function(typename, callback) {
       var _ = this._, T = parseTypenames(typename + "", _), t2, i2 = -1, n = T.length;
       if (arguments.length < 2) {
-        while (++i2 < n) if ((t2 = (typename = T[i2]).type) && (t2 = get$1(_[t2], typename.name))) return t2;
+        while (++i2 < n) if ((t2 = (typename = T[i2]).type) && (t2 = get$2(_[t2], typename.name))) return t2;
         return;
       }
       if (callback != null && typeof callback !== "function") throw new Error("invalid callback: " + callback);
       while (++i2 < n) {
-        if (t2 = (typename = T[i2]).type) _[t2] = set$1(_[t2], typename.name, callback);
-        else if (callback == null) for (t2 in _) _[t2] = set$1(_[t2], typename.name, null);
+        if (t2 = (typename = T[i2]).type) _[t2] = set$2(_[t2], typename.name, callback);
+        else if (callback == null) for (t2 in _) _[t2] = set$2(_[t2], typename.name, null);
       }
       return this;
     },
     copy: function() {
-      var copy = {}, _ = this._;
-      for (var t2 in _) copy[t2] = _[t2].slice();
-      return new Dispatch(copy);
+      var copy2 = {}, _ = this._;
+      for (var t2 in _) copy2[t2] = _[t2].slice();
+      return new Dispatch(copy2);
     },
     call: function(type2, that) {
       if ((n = arguments.length - 2) > 0) for (var args = new Array(n), i2 = 0, n, t2; i2 < n; ++i2) args[i2] = arguments[i2 + 2];
@@ -28296,17 +28324,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       for (var t2 = this._[type2], i2 = 0, n = t2.length; i2 < n; ++i2) t2[i2].value.apply(that, args);
     }
   };
-  function get$1(type2, name2) {
+  function get$2(type2, name2) {
     for (var i2 = 0, n = type2.length, c2; i2 < n; ++i2) {
       if ((c2 = type2[i2]).name === name2) {
         return c2.value;
       }
     }
   }
-  function set$1(type2, name2, callback) {
+  function set$2(type2, name2, callback) {
     for (var i2 = 0, n = type2.length; i2 < n; ++i2) {
       if (type2[i2].name === name2) {
-        type2[i2] = noop, type2 = type2.slice(0, i2).concat(type2.slice(i2 + 1));
+        type2[i2] = noop$2, type2 = type2.slice(0, i2).concat(type2.slice(i2 + 1));
         break;
       }
     }
@@ -28315,12 +28343,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   const nonpassive = { passive: false };
   const nonpassivecapture = { capture: true, passive: false };
-  function nopropagation$1(event) {
-    event.stopImmediatePropagation();
+  function nopropagation$1(event2) {
+    event2.stopImmediatePropagation();
   }
-  function noevent$1(event) {
-    event.preventDefault();
-    event.stopImmediatePropagation();
+  function noevent$1(event2) {
+    event2.preventDefault();
+    event2.stopImmediatePropagation();
   }
   function dragDisable(view) {
     var root2 = view.document.documentElement, selection2 = select(view).on("dragstart.drag", noevent$1, nonpassivecapture);
@@ -28377,14 +28405,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     var value = this._.on.apply(this._, arguments);
     return value === this._ ? this : value;
   };
-  function defaultFilter$1(event) {
-    return !event.ctrlKey && !event.button;
+  function defaultFilter$1(event2) {
+    return !event2.ctrlKey && !event2.button;
   }
   function defaultContainer() {
     return this.parentNode;
   }
-  function defaultSubject(event, d) {
-    return d == null ? { x: event.x, y: event.y } : d;
+  function defaultSubject(event2, d) {
+    return d == null ? { x: event2.x, y: event2.y } : d;
   }
   function defaultTouchable$1() {
     return navigator.maxTouchPoints || "ontouchstart" in this;
@@ -28394,81 +28422,81 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     function drag2(selection2) {
       selection2.on("mousedown.drag", mousedowned).filter(touchable).on("touchstart.drag", touchstarted).on("touchmove.drag", touchmoved, nonpassive).on("touchend.drag touchcancel.drag", touchended).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
     }
-    function mousedowned(event, d) {
-      if (touchending || !filter2.call(this, event, d)) return;
-      var gesture = beforestart(this, container.call(this, event, d), event, d, "mouse");
+    function mousedowned(event2, d) {
+      if (touchending || !filter2.call(this, event2, d)) return;
+      var gesture = beforestart(this, container.call(this, event2, d), event2, d, "mouse");
       if (!gesture) return;
-      select(event.view).on("mousemove.drag", mousemoved, nonpassivecapture).on("mouseup.drag", mouseupped, nonpassivecapture);
-      dragDisable(event.view);
-      nopropagation$1(event);
+      select(event2.view).on("mousemove.drag", mousemoved, nonpassivecapture).on("mouseup.drag", mouseupped, nonpassivecapture);
+      dragDisable(event2.view);
+      nopropagation$1(event2);
       mousemoving = false;
-      mousedownx = event.clientX;
-      mousedowny = event.clientY;
-      gesture("start", event);
+      mousedownx = event2.clientX;
+      mousedowny = event2.clientY;
+      gesture("start", event2);
     }
-    function mousemoved(event) {
-      noevent$1(event);
+    function mousemoved(event2) {
+      noevent$1(event2);
       if (!mousemoving) {
-        var dx = event.clientX - mousedownx, dy = event.clientY - mousedowny;
+        var dx = event2.clientX - mousedownx, dy = event2.clientY - mousedowny;
         mousemoving = dx * dx + dy * dy > clickDistance2;
       }
-      gestures.mouse("drag", event);
+      gestures.mouse("drag", event2);
     }
-    function mouseupped(event) {
-      select(event.view).on("mousemove.drag mouseup.drag", null);
-      yesdrag(event.view, mousemoving);
-      noevent$1(event);
-      gestures.mouse("end", event);
+    function mouseupped(event2) {
+      select(event2.view).on("mousemove.drag mouseup.drag", null);
+      yesdrag(event2.view, mousemoving);
+      noevent$1(event2);
+      gestures.mouse("end", event2);
     }
-    function touchstarted(event, d) {
-      if (!filter2.call(this, event, d)) return;
-      var touches = event.changedTouches, c2 = container.call(this, event, d), n = touches.length, i2, gesture;
+    function touchstarted(event2, d) {
+      if (!filter2.call(this, event2, d)) return;
+      var touches = event2.changedTouches, c2 = container.call(this, event2, d), n = touches.length, i2, gesture;
       for (i2 = 0; i2 < n; ++i2) {
-        if (gesture = beforestart(this, c2, event, d, touches[i2].identifier, touches[i2])) {
-          nopropagation$1(event);
-          gesture("start", event, touches[i2]);
+        if (gesture = beforestart(this, c2, event2, d, touches[i2].identifier, touches[i2])) {
+          nopropagation$1(event2);
+          gesture("start", event2, touches[i2]);
         }
       }
     }
-    function touchmoved(event) {
-      var touches = event.changedTouches, n = touches.length, i2, gesture;
+    function touchmoved(event2) {
+      var touches = event2.changedTouches, n = touches.length, i2, gesture;
       for (i2 = 0; i2 < n; ++i2) {
         if (gesture = gestures[touches[i2].identifier]) {
-          noevent$1(event);
-          gesture("drag", event, touches[i2]);
+          noevent$1(event2);
+          gesture("drag", event2, touches[i2]);
         }
       }
     }
-    function touchended(event) {
-      var touches = event.changedTouches, n = touches.length, i2, gesture;
+    function touchended(event2) {
+      var touches = event2.changedTouches, n = touches.length, i2, gesture;
       if (touchending) clearTimeout(touchending);
       touchending = setTimeout(function() {
         touchending = null;
       }, 500);
       for (i2 = 0; i2 < n; ++i2) {
         if (gesture = gestures[touches[i2].identifier]) {
-          nopropagation$1(event);
-          gesture("end", event, touches[i2]);
+          nopropagation$1(event2);
+          gesture("end", event2, touches[i2]);
         }
       }
     }
-    function beforestart(that, container2, event, d, identifier, touch) {
-      var dispatch2 = listeners.copy(), p = pointer(touch || event, container2), dx, dy, s;
+    function beforestart(that, container2, event2, d, identifier, touch) {
+      var dispatch2 = listeners.copy(), p2 = pointer(touch || event2, container2), dx, dy, s;
       if ((s = subject.call(that, new DragEvent("beforestart", {
-        sourceEvent: event,
+        sourceEvent: event2,
         target: drag2,
         identifier,
         active,
-        x: p[0],
-        y: p[1],
+        x: p2[0],
+        y: p2[1],
         dx: 0,
         dy: 0,
         dispatch: dispatch2
       }), d)) == null) return;
-      dx = s.x - p[0] || 0;
-      dy = s.y - p[1] || 0;
-      return function gesture(type2, event2, touch2) {
-        var p0 = p, n;
+      dx = s.x - p2[0] || 0;
+      dy = s.y - p2[1] || 0;
+      return function gesture(type2, event3, touch2) {
+        var p0 = p2, n;
         switch (type2) {
           case "start":
             gestures[identifier] = gesture, n = active++;
@@ -28477,22 +28505,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             delete gestures[identifier], --active;
           // falls through
           case "drag":
-            p = pointer(touch2 || event2, container2), n = active;
+            p2 = pointer(touch2 || event3, container2), n = active;
             break;
         }
         dispatch2.call(
           type2,
           that,
           new DragEvent(type2, {
-            sourceEvent: event2,
+            sourceEvent: event3,
             subject: s,
             target: drag2,
             identifier,
             active: n,
-            x: p[0] + dx,
-            y: p[1] + dy,
-            dx: p[0] - p0[0],
-            dy: p[1] - p0[1],
+            x: p2[0] + dx,
+            y: p2[1] + dy,
+            dx: p2[0] - p0[0],
+            dy: p2[1] - p0[1],
             dispatch: dispatch2
           }),
           d
@@ -28520,11 +28548,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     return drag2;
   }
-  function define(constructor, factory, prototype) {
+  function define$4(constructor, factory, prototype) {
     constructor.prototype = factory.prototype = prototype;
     prototype.constructor = constructor;
   }
-  function extend(parent, definition) {
+  function extend$1(parent, definition) {
     var prototype = Object.create(parent.prototype);
     for (var key in definition) prototype[key] = definition[key];
     return prototype;
@@ -28684,7 +28712,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     yellow: 16776960,
     yellowgreen: 10145074
   };
-  define(Color, color, {
+  define$4(Color, color, {
     copy(channels) {
       return Object.assign(new this.constructor(), this, channels);
     },
@@ -28714,12 +28742,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function color(format) {
     var m2, l;
     format = (format + "").trim().toLowerCase();
-    return (m2 = reHex.exec(format)) ? (l = m2[1].length, m2 = parseInt(m2[1], 16), l === 6 ? rgbn(m2) : l === 3 ? new Rgb(m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, (m2 & 15) << 4 | m2 & 15, 1) : l === 8 ? rgba(m2 >> 24 & 255, m2 >> 16 & 255, m2 >> 8 & 255, (m2 & 255) / 255) : l === 4 ? rgba(m2 >> 12 & 15 | m2 >> 8 & 240, m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, ((m2 & 15) << 4 | m2 & 15) / 255) : null) : (m2 = reRgbInteger.exec(format)) ? new Rgb(m2[1], m2[2], m2[3], 1) : (m2 = reRgbPercent.exec(format)) ? new Rgb(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, 1) : (m2 = reRgbaInteger.exec(format)) ? rgba(m2[1], m2[2], m2[3], m2[4]) : (m2 = reRgbaPercent.exec(format)) ? rgba(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, m2[4]) : (m2 = reHslPercent.exec(format)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, 1) : (m2 = reHslaPercent.exec(format)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, m2[4]) : named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
+    return (m2 = reHex.exec(format)) ? (l = m2[1].length, m2 = parseInt(m2[1], 16), l === 6 ? rgbn(m2) : l === 3 ? new Rgb(m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, (m2 & 15) << 4 | m2 & 15, 1) : l === 8 ? rgba$1(m2 >> 24 & 255, m2 >> 16 & 255, m2 >> 8 & 255, (m2 & 255) / 255) : l === 4 ? rgba$1(m2 >> 12 & 15 | m2 >> 8 & 240, m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, ((m2 & 15) << 4 | m2 & 15) / 255) : null) : (m2 = reRgbInteger.exec(format)) ? new Rgb(m2[1], m2[2], m2[3], 1) : (m2 = reRgbPercent.exec(format)) ? new Rgb(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, 1) : (m2 = reRgbaInteger.exec(format)) ? rgba$1(m2[1], m2[2], m2[3], m2[4]) : (m2 = reRgbaPercent.exec(format)) ? rgba$1(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, m2[4]) : (m2 = reHslPercent.exec(format)) ? hsla$1(m2[1], m2[2] / 100, m2[3] / 100, 1) : (m2 = reHslaPercent.exec(format)) ? hsla$1(m2[1], m2[2] / 100, m2[3] / 100, m2[4]) : named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
   }
   function rgbn(n) {
     return new Rgb(n >> 16 & 255, n >> 8 & 255, n & 255, 1);
   }
-  function rgba(r, g, b, a2) {
+  function rgba$1(r, g, b, a2) {
     if (a2 <= 0) r = g = b = NaN;
     return new Rgb(r, g, b, a2);
   }
@@ -28738,7 +28766,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     this.b = +b;
     this.opacity = +opacity;
   }
-  define(Rgb, rgb, extend(Color, {
+  define$4(Rgb, rgb, extend$1(Color, {
     brighter(k) {
       k = k == null ? brighter : Math.pow(brighter, k);
       return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
@@ -28783,7 +28811,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     value = clampi(value);
     return (value < 16 ? "0" : "") + value.toString(16);
   }
-  function hsla(h, s, l, a2) {
+  function hsla$1(h, s, l, a2) {
     if (a2 <= 0) h = s = l = NaN;
     else if (l <= 0 || l >= 1) h = s = NaN;
     else if (s <= 0) h = NaN;
@@ -28816,7 +28844,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     this.l = +l;
     this.opacity = +opacity;
   }
-  define(Hsl, hsl, extend(Color, {
+  define$4(Hsl, hsl, extend$1(Color, {
     brighter(k) {
       k = k == null ? brighter : Math.pow(brighter, k);
       return new Hsl(this.h, this.s, this.l * k, this.opacity);
@@ -28935,7 +28963,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
   }
   var degrees = 180 / Math.PI;
-  var identity$1 = {
+  var identity$3 = {
     translateX: 0,
     translateY: 0,
     rotate: 0,
@@ -28961,21 +28989,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   var svgNode;
   function parseCss(value) {
     const m2 = new (typeof DOMMatrix === "function" ? DOMMatrix : WebKitCSSMatrix)(value + "");
-    return m2.isIdentity ? identity$1 : decompose(m2.a, m2.b, m2.c, m2.d, m2.e, m2.f);
+    return m2.isIdentity ? identity$3 : decompose(m2.a, m2.b, m2.c, m2.d, m2.e, m2.f);
   }
   function parseSvg(value) {
-    if (value == null) return identity$1;
+    if (value == null) return identity$3;
     if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
     svgNode.setAttribute("transform", value);
-    if (!(value = svgNode.transform.baseVal.consolidate())) return identity$1;
+    if (!(value = svgNode.transform.baseVal.consolidate())) return identity$3;
     value = value.matrix;
     return decompose(value.a, value.b, value.c, value.d, value.e, value.f);
   }
-  function interpolateTransform(parse, pxComma, pxParen, degParen) {
+  function interpolateTransform(parse2, pxComma, pxParen, degParen) {
     function pop(s) {
       return s.length ? s.pop() + " " : "";
     }
-    function translate(xa, ya, xb, yb, s, q) {
+    function translate2(xa, ya, xb, yb, s, q) {
       if (xa !== xb || ya !== yb) {
         var i2 = s.push("translate(", null, pxComma, null, pxParen);
         q.push({ i: i2 - 4, x: interpolateNumber(xa, xb) }, { i: i2 - 2, x: interpolateNumber(ya, yb) });
@@ -28983,7 +29011,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         s.push("translate(" + xb + pxComma + yb + pxParen);
       }
     }
-    function rotate(a2, b, s, q) {
+    function rotate2(a2, b, s, q) {
       if (a2 !== b) {
         if (a2 - b > 180) b += 360;
         else if (b - a2 > 180) a2 += 360;
@@ -28999,7 +29027,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         s.push(pop(s) + "skewX(" + b + degParen);
       }
     }
-    function scale(xa, ya, xb, yb, s, q) {
+    function scale2(xa, ya, xb, yb, s, q) {
       if (xa !== xb || ya !== yb) {
         var i2 = s.push(pop(s) + "scale(", null, ",", null, ")");
         q.push({ i: i2 - 4, x: interpolateNumber(xa, xb) }, { i: i2 - 2, x: interpolateNumber(ya, yb) });
@@ -29009,11 +29037,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return function(a2, b) {
       var s = [], q = [];
-      a2 = parse(a2), b = parse(b);
-      translate(a2.translateX, a2.translateY, b.translateX, b.translateY, s, q);
-      rotate(a2.rotate, b.rotate, s, q);
+      a2 = parse2(a2), b = parse2(b);
+      translate2(a2.translateX, a2.translateY, b.translateX, b.translateY, s, q);
+      rotate2(a2.rotate, b.rotate, s, q);
       skewX(a2.skewX, b.skewX, s, q);
-      scale(a2.scaleX, a2.scaleY, b.scaleX, b.scaleY, s, q);
+      scale2(a2.scaleX, a2.scaleY, b.scaleX, b.scaleY, s, q);
       a2 = b = null;
       return function(t2) {
         var i2 = -1, n = q.length, o;
@@ -29179,7 +29207,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     var schedules = node.__transition;
     if (!schedules) node.__transition = {};
     else if (id2 in schedules) return;
-    create(node, id2, {
+    create$1(node, id2, {
       name: name2,
       index: index2,
       // For context during callback.
@@ -29196,35 +29224,35 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
   }
   function init(node, id2) {
-    var schedule2 = get(node, id2);
+    var schedule2 = get$1(node, id2);
     if (schedule2.state > CREATED) throw new Error("too late; already scheduled");
     return schedule2;
   }
-  function set(node, id2) {
-    var schedule2 = get(node, id2);
+  function set$1(node, id2) {
+    var schedule2 = get$1(node, id2);
     if (schedule2.state > STARTED) throw new Error("too late; already running");
     return schedule2;
   }
-  function get(node, id2) {
+  function get$1(node, id2) {
     var schedule2 = node.__transition;
     if (!schedule2 || !(schedule2 = schedule2[id2])) throw new Error("transition not found");
     return schedule2;
   }
-  function create(node, id2, self) {
+  function create$1(node, id2, self2) {
     var schedules = node.__transition, tween;
-    schedules[id2] = self;
-    self.timer = timer(schedule2, 0, self.time);
+    schedules[id2] = self2;
+    self2.timer = timer(schedule2, 0, self2.time);
     function schedule2(elapsed) {
-      self.state = SCHEDULED;
-      self.timer.restart(start2, self.delay, self.time);
-      if (self.delay <= elapsed) start2(elapsed - self.delay);
+      self2.state = SCHEDULED;
+      self2.timer.restart(start2, self2.delay, self2.time);
+      if (self2.delay <= elapsed) start2(elapsed - self2.delay);
     }
     function start2(elapsed) {
       var i2, j, n, o;
-      if (self.state !== SCHEDULED) return stop();
+      if (self2.state !== SCHEDULED) return stop();
       for (i2 in schedules) {
         o = schedules[i2];
-        if (o.name !== self.name) continue;
+        if (o.name !== self2.name) continue;
         if (o.state === STARTED) return timeout(start2);
         if (o.state === RUNNING) {
           o.state = ENDED;
@@ -29239,37 +29267,37 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
       timeout(function() {
-        if (self.state === STARTED) {
-          self.state = RUNNING;
-          self.timer.restart(tick, self.delay, self.time);
+        if (self2.state === STARTED) {
+          self2.state = RUNNING;
+          self2.timer.restart(tick, self2.delay, self2.time);
           tick(elapsed);
         }
       });
-      self.state = STARTING;
-      self.on.call("start", node, node.__data__, self.index, self.group);
-      if (self.state !== STARTING) return;
-      self.state = STARTED;
-      tween = new Array(n = self.tween.length);
+      self2.state = STARTING;
+      self2.on.call("start", node, node.__data__, self2.index, self2.group);
+      if (self2.state !== STARTING) return;
+      self2.state = STARTED;
+      tween = new Array(n = self2.tween.length);
       for (i2 = 0, j = -1; i2 < n; ++i2) {
-        if (o = self.tween[i2].value.call(node, node.__data__, self.index, self.group)) {
+        if (o = self2.tween[i2].value.call(node, node.__data__, self2.index, self2.group)) {
           tween[++j] = o;
         }
       }
       tween.length = j + 1;
     }
     function tick(elapsed) {
-      var t2 = elapsed < self.duration ? self.ease.call(null, elapsed / self.duration) : (self.timer.restart(stop), self.state = ENDING, 1), i2 = -1, n = tween.length;
+      var t2 = elapsed < self2.duration ? self2.ease.call(null, elapsed / self2.duration) : (self2.timer.restart(stop), self2.state = ENDING, 1), i2 = -1, n = tween.length;
       while (++i2 < n) {
         tween[i2].call(node, t2);
       }
-      if (self.state === ENDING) {
-        self.on.call("end", node, node.__data__, self.index, self.group);
+      if (self2.state === ENDING) {
+        self2.on.call("end", node, node.__data__, self2.index, self2.group);
         stop();
       }
     }
     function stop() {
-      self.state = ENDED;
-      self.timer.stop();
+      self2.state = ENDED;
+      self2.timer.stop();
       delete schedules[id2];
       for (var i2 in schedules) return;
       delete node.__transition;
@@ -29300,7 +29328,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function tweenRemove(id2, name2) {
     var tween0, tween1;
     return function() {
-      var schedule2 = set(this, id2), tween = schedule2.tween;
+      var schedule2 = set$1(this, id2), tween = schedule2.tween;
       if (tween !== tween0) {
         tween1 = tween0 = tween;
         for (var i2 = 0, n = tween1.length; i2 < n; ++i2) {
@@ -29318,7 +29346,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     var tween0, tween1;
     if (typeof value !== "function") throw new Error();
     return function() {
-      var schedule2 = set(this, id2), tween = schedule2.tween;
+      var schedule2 = set$1(this, id2), tween = schedule2.tween;
       if (tween !== tween0) {
         tween1 = (tween0 = tween).slice();
         for (var t2 = { name: name2, value }, i2 = 0, n = tween1.length; i2 < n; ++i2) {
@@ -29336,7 +29364,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     var id2 = this._id;
     name2 += "";
     if (arguments.length < 2) {
-      var tween = get(this.node(), id2).tween;
+      var tween = get$1(this.node(), id2).tween;
       for (var i2 = 0, n = tween.length, t2; i2 < n; ++i2) {
         if ((t2 = tween[i2]).name === name2) {
           return t2.value;
@@ -29349,11 +29377,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function tweenValue(transition, name2, value) {
     var id2 = transition._id;
     transition.each(function() {
-      var schedule2 = set(this, id2);
+      var schedule2 = set$1(this, id2);
       (schedule2.value || (schedule2.value = {}))[name2] = value.apply(this, arguments);
     });
     return function(node) {
-      return get(node, id2).value[name2];
+      return get$1(node, id2).value[name2];
     };
   }
   function interpolate(a2, b) {
@@ -29458,48 +29486,48 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function transition_delay(value) {
     var id2 = this._id;
-    return arguments.length ? this.each((typeof value === "function" ? delayFunction : delayConstant)(id2, value)) : get(this.node(), id2).delay;
+    return arguments.length ? this.each((typeof value === "function" ? delayFunction : delayConstant)(id2, value)) : get$1(this.node(), id2).delay;
   }
   function durationFunction(id2, value) {
     return function() {
-      set(this, id2).duration = +value.apply(this, arguments);
+      set$1(this, id2).duration = +value.apply(this, arguments);
     };
   }
   function durationConstant(id2, value) {
     return value = +value, function() {
-      set(this, id2).duration = value;
+      set$1(this, id2).duration = value;
     };
   }
   function transition_duration(value) {
     var id2 = this._id;
-    return arguments.length ? this.each((typeof value === "function" ? durationFunction : durationConstant)(id2, value)) : get(this.node(), id2).duration;
+    return arguments.length ? this.each((typeof value === "function" ? durationFunction : durationConstant)(id2, value)) : get$1(this.node(), id2).duration;
   }
   function easeConstant(id2, value) {
     if (typeof value !== "function") throw new Error();
     return function() {
-      set(this, id2).ease = value;
+      set$1(this, id2).ease = value;
     };
   }
   function transition_ease(value) {
     var id2 = this._id;
-    return arguments.length ? this.each(easeConstant(id2, value)) : get(this.node(), id2).ease;
+    return arguments.length ? this.each(easeConstant(id2, value)) : get$1(this.node(), id2).ease;
   }
   function easeVarying(id2, value) {
     return function() {
       var v = value.apply(this, arguments);
       if (typeof v !== "function") throw new Error();
-      set(this, id2).ease = v;
+      set$1(this, id2).ease = v;
     };
   }
   function transition_easeVarying(value) {
     if (typeof value !== "function") throw new Error();
     return this.each(easeVarying(this._id, value));
   }
-  function transition_filter(match) {
-    if (typeof match !== "function") match = matcher(match);
+  function transition_filter(match2) {
+    if (typeof match2 !== "function") match2 = matcher(match2);
     for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j = 0; j < m2; ++j) {
       for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i2 = 0; i2 < n; ++i2) {
-        if ((node = group[i2]) && match.call(node, node.__data__, i2, group)) {
+        if ((node = group[i2]) && match2.call(node, node.__data__, i2, group)) {
           subgroup.push(node);
         }
       }
@@ -29528,7 +29556,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
   }
   function onFunction(id2, name2, listener) {
-    var on0, on1, sit = start(name2) ? init : set;
+    var on0, on1, sit = start(name2) ? init : set$1;
     return function() {
       var schedule2 = sit(this, id2), on = schedule2.on;
       if (on !== on0) (on1 = (on0 = on).copy()).on(name2, listener);
@@ -29537,7 +29565,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function transition_on(name2, listener) {
     var id2 = this._id;
-    return arguments.length < 2 ? get(this.node(), id2).on.on(name2) : this.each(onFunction(id2, name2, listener));
+    return arguments.length < 2 ? get$1(this.node(), id2).on.on(name2) : this.each(onFunction(id2, name2, listener));
   }
   function removeFunction(id2) {
     return function() {
@@ -29557,7 +29585,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if ((node = group[i2]) && (subnode = select2.call(node, node.__data__, i2, group))) {
           if ("__data__" in node) subnode.__data__ = node.__data__;
           subgroup[i2] = subnode;
-          schedule(subgroup[i2], name2, id2, i2, subgroup, get(node, id2));
+          schedule(subgroup[i2], name2, id2, i2, subgroup, get$1(node, id2));
         }
       }
     }
@@ -29569,7 +29597,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     for (var groups = this._groups, m2 = groups.length, subgroups = [], parents = [], j = 0; j < m2; ++j) {
       for (var group = groups[j], n = group.length, node, i2 = 0; i2 < n; ++i2) {
         if (node = group[i2]) {
-          for (var children2 = select2.call(node, node.__data__, i2, group), child, inherit2 = get(node, id2), k = 0, l = children2.length; k < l; ++k) {
+          for (var children2 = select2.call(node, node.__data__, i2, group), child, inherit2 = get$1(node, id2), k = 0, l = children2.length; k < l; ++k) {
             if (child = children2[k]) {
               schedule(child, name2, id2, k, children2, inherit2);
             }
@@ -29613,10 +29641,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   function styleMaybeRemove(id2, name2) {
-    var on0, on1, listener0, key = "style." + name2, event = "end." + key, remove2;
+    var on0, on1, listener0, key = "style." + name2, event2 = "end." + key, remove2;
     return function() {
-      var schedule2 = set(this, id2), on = schedule2.on, listener = schedule2.value[key] == null ? remove2 || (remove2 = styleRemove(name2)) : void 0;
-      if (on !== on0 || listener0 !== listener) (on1 = (on0 = on).copy()).on(event, listener0 = listener);
+      var schedule2 = set$1(this, id2), on = schedule2.on, listener = schedule2.value[key] == null ? remove2 || (remove2 = styleRemove(name2)) : void 0;
+      if (on !== on0 || listener0 !== listener) (on1 = (on0 = on).copy()).on(event2, listener0 = listener);
       schedule2.on = on1;
     };
   }
@@ -29687,7 +29715,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     for (var groups = this._groups, m2 = groups.length, j = 0; j < m2; ++j) {
       for (var group = groups[j], n = group.length, node, i2 = 0; i2 < n; ++i2) {
         if (node = group[i2]) {
-          var inherit2 = get(node, id0);
+          var inherit2 = get$1(node, id0);
           schedule(node, name2, id1, i2, group, {
             time: inherit2.time + inherit2.delay + inherit2.duration,
             delay: 0,
@@ -29706,7 +29734,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (--size === 0) resolve();
       } };
       that.each(function() {
-        var schedule2 = set(this, id2), on = schedule2.on;
+        var schedule2 = set$1(this, id2), on = schedule2.on;
         if (on !== on0) {
           on1 = (on0 = on).copy();
           on1._.cancel.push(cancel);
@@ -29854,17 +29882,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
     }
   };
-  var identity = new Transform(1, 0, 0);
+  var identity$2 = new Transform(1, 0, 0);
   Transform.prototype;
-  function nopropagation(event) {
-    event.stopImmediatePropagation();
+  function nopropagation(event2) {
+    event2.stopImmediatePropagation();
   }
-  function noevent(event) {
-    event.preventDefault();
-    event.stopImmediatePropagation();
+  function noevent(event2) {
+    event2.preventDefault();
+    event2.stopImmediatePropagation();
   }
-  function defaultFilter(event) {
-    return (!event.ctrlKey || event.type === "wheel") && !event.button;
+  function defaultFilter(event2) {
+    return (!event2.ctrlKey || event2.type === "wheel") && !event2.button;
   }
   function defaultExtent() {
     var e = this;
@@ -29879,10 +29907,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return [[0, 0], [e.clientWidth, e.clientHeight]];
   }
   function defaultTransform() {
-    return this.__zoom || identity;
+    return this.__zoom || identity$2;
   }
-  function defaultWheelDelta(event) {
-    return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 2e-3) * (event.ctrlKey ? 10 : 1);
+  function defaultWheelDelta(event2) {
+    return -event2.deltaY * (event2.deltaMode === 1 ? 0.05 : event2.deltaMode ? 1 : 2e-3) * (event2.ctrlKey ? 10 : 1);
   }
   function defaultTouchable() {
     return navigator.maxTouchPoints || "ontouchstart" in this;
@@ -29899,69 +29927,69 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     function zoom2(selection2) {
       selection2.property("__zoom", defaultTransform).on("wheel.zoom", wheeled, { passive: false }).on("mousedown.zoom", mousedowned).on("dblclick.zoom", dblclicked).filter(touchable).on("touchstart.zoom", touchstarted).on("touchmove.zoom", touchmoved).on("touchend.zoom touchcancel.zoom", touchended).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
     }
-    zoom2.transform = function(collection, transform, point, event) {
-      var selection2 = collection.selection ? collection.selection() : collection;
+    zoom2.transform = function(collection2, transform, point, event2) {
+      var selection2 = collection2.selection ? collection2.selection() : collection2;
       selection2.property("__zoom", defaultTransform);
-      if (collection !== selection2) {
-        schedule2(collection, transform, point, event);
+      if (collection2 !== selection2) {
+        schedule2(collection2, transform, point, event2);
       } else {
         selection2.interrupt().each(function() {
-          gesture(this, arguments).event(event).start().zoom(null, typeof transform === "function" ? transform.apply(this, arguments) : transform).end();
+          gesture(this, arguments).event(event2).start().zoom(null, typeof transform === "function" ? transform.apply(this, arguments) : transform).end();
         });
       }
     };
-    zoom2.scaleBy = function(selection2, k, p, event) {
+    zoom2.scaleBy = function(selection2, k, p2, event2) {
       zoom2.scaleTo(selection2, function() {
         var k0 = this.__zoom.k, k1 = typeof k === "function" ? k.apply(this, arguments) : k;
         return k0 * k1;
-      }, p, event);
+      }, p2, event2);
     };
-    zoom2.scaleTo = function(selection2, k, p, event) {
+    zoom2.scaleTo = function(selection2, k, p2, event2) {
       zoom2.transform(selection2, function() {
-        var e = extent.apply(this, arguments), t0 = this.__zoom, p0 = p == null ? centroid(e) : typeof p === "function" ? p.apply(this, arguments) : p, p1 = t0.invert(p0), k1 = typeof k === "function" ? k.apply(this, arguments) : k;
-        return constrain(translate(scale(t0, k1), p0, p1), e, translateExtent);
-      }, p, event);
+        var e = extent.apply(this, arguments), t0 = this.__zoom, p0 = p2 == null ? centroid(e) : typeof p2 === "function" ? p2.apply(this, arguments) : p2, p1 = t0.invert(p0), k1 = typeof k === "function" ? k.apply(this, arguments) : k;
+        return constrain(translate2(scale2(t0, k1), p0, p1), e, translateExtent);
+      }, p2, event2);
     };
-    zoom2.translateBy = function(selection2, x2, y2, event) {
+    zoom2.translateBy = function(selection2, x2, y2, event2) {
       zoom2.transform(selection2, function() {
         return constrain(this.__zoom.translate(
           typeof x2 === "function" ? x2.apply(this, arguments) : x2,
           typeof y2 === "function" ? y2.apply(this, arguments) : y2
         ), extent.apply(this, arguments), translateExtent);
-      }, null, event);
+      }, null, event2);
     };
-    zoom2.translateTo = function(selection2, x2, y2, p, event) {
+    zoom2.translateTo = function(selection2, x2, y2, p2, event2) {
       zoom2.transform(selection2, function() {
-        var e = extent.apply(this, arguments), t2 = this.__zoom, p0 = p == null ? centroid(e) : typeof p === "function" ? p.apply(this, arguments) : p;
-        return constrain(identity.translate(p0[0], p0[1]).scale(t2.k).translate(
+        var e = extent.apply(this, arguments), t2 = this.__zoom, p0 = p2 == null ? centroid(e) : typeof p2 === "function" ? p2.apply(this, arguments) : p2;
+        return constrain(identity$2.translate(p0[0], p0[1]).scale(t2.k).translate(
           typeof x2 === "function" ? -x2.apply(this, arguments) : -x2,
           typeof y2 === "function" ? -y2.apply(this, arguments) : -y2
         ), e, translateExtent);
-      }, p, event);
+      }, p2, event2);
     };
-    function scale(transform, k) {
+    function scale2(transform, k) {
       k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], k));
       return k === transform.k ? transform : new Transform(k, transform.x, transform.y);
     }
-    function translate(transform, p0, p1) {
+    function translate2(transform, p0, p1) {
       var x2 = p0[0] - p1[0] * transform.k, y2 = p0[1] - p1[1] * transform.k;
       return x2 === transform.x && y2 === transform.y ? transform : new Transform(transform.k, x2, y2);
     }
     function centroid(extent2) {
       return [(+extent2[0][0] + +extent2[1][0]) / 2, (+extent2[0][1] + +extent2[1][1]) / 2];
     }
-    function schedule2(transition, transform, point, event) {
+    function schedule2(transition, transform, point, event2) {
       transition.on("start.zoom", function() {
-        gesture(this, arguments).event(event).start();
+        gesture(this, arguments).event(event2).start();
       }).on("interrupt.zoom end.zoom", function() {
-        gesture(this, arguments).event(event).end();
+        gesture(this, arguments).event(event2).end();
       }).tween("zoom", function() {
-        var that = this, args = arguments, g = gesture(that, args).event(event), e = extent.apply(that, args), p = point == null ? centroid(e) : typeof point === "function" ? point.apply(that, args) : point, w = Math.max(e[1][0] - e[0][0], e[1][1] - e[0][1]), a2 = that.__zoom, b = typeof transform === "function" ? transform.apply(that, args) : transform, i2 = interpolate2(a2.invert(p).concat(w / a2.k), b.invert(p).concat(w / b.k));
+        var that = this, args = arguments, g = gesture(that, args).event(event2), e = extent.apply(that, args), p2 = point == null ? centroid(e) : typeof point === "function" ? point.apply(that, args) : point, w = Math.max(e[1][0] - e[0][0], e[1][1] - e[0][1]), a2 = that.__zoom, b = typeof transform === "function" ? transform.apply(that, args) : transform, i2 = interpolate2(a2.invert(p2).concat(w / a2.k), b.invert(p2).concat(w / b.k));
         return function(t2) {
           if (t2 === 1) t2 = b;
           else {
             var l = i2(t2), k = w / l[2];
-            t2 = new Transform(k, p[0] - l[0] * k, p[1] - l[1] * k);
+            t2 = new Transform(k, p2[0] - l[0] * k, p2[1] - l[1] * k);
           }
           g.zoom(null, t2);
         };
@@ -29979,8 +30007,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.taps = 0;
     }
     Gesture.prototype = {
-      event: function(event) {
-        if (event) this.sourceEvent = event;
+      event: function(event2) {
+        if (event2) this.sourceEvent = event2;
         return this;
       },
       start: function() {
@@ -30020,100 +30048,100 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
       }
     };
-    function wheeled(event, ...args) {
+    function wheeled(event2, ...args) {
       if (!filter2.apply(this, arguments)) return;
-      var g = gesture(this, args).event(event), t2 = this.__zoom, k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], t2.k * Math.pow(2, wheelDelta.apply(this, arguments)))), p = pointer(event);
+      var g = gesture(this, args).event(event2), t2 = this.__zoom, k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], t2.k * Math.pow(2, wheelDelta.apply(this, arguments)))), p2 = pointer(event2);
       if (g.wheel) {
-        if (g.mouse[0][0] !== p[0] || g.mouse[0][1] !== p[1]) {
-          g.mouse[1] = t2.invert(g.mouse[0] = p);
+        if (g.mouse[0][0] !== p2[0] || g.mouse[0][1] !== p2[1]) {
+          g.mouse[1] = t2.invert(g.mouse[0] = p2);
         }
         clearTimeout(g.wheel);
       } else if (t2.k === k) return;
       else {
-        g.mouse = [p, t2.invert(p)];
+        g.mouse = [p2, t2.invert(p2)];
         interrupt(this);
         g.start();
       }
-      noevent(event);
+      noevent(event2);
       g.wheel = setTimeout(wheelidled, wheelDelay);
-      g.zoom("mouse", constrain(translate(scale(t2, k), g.mouse[0], g.mouse[1]), g.extent, translateExtent));
+      g.zoom("mouse", constrain(translate2(scale2(t2, k), g.mouse[0], g.mouse[1]), g.extent, translateExtent));
       function wheelidled() {
         g.wheel = null;
         g.end();
       }
     }
-    function mousedowned(event, ...args) {
+    function mousedowned(event2, ...args) {
       if (touchending || !filter2.apply(this, arguments)) return;
-      var currentTarget = event.currentTarget, g = gesture(this, args, true).event(event), v = select(event.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true), p = pointer(event, currentTarget), x0 = event.clientX, y0 = event.clientY;
-      dragDisable(event.view);
-      nopropagation(event);
-      g.mouse = [p, this.__zoom.invert(p)];
+      var currentTarget = event2.currentTarget, g = gesture(this, args, true).event(event2), v = select(event2.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true), p2 = pointer(event2, currentTarget), x0 = event2.clientX, y0 = event2.clientY;
+      dragDisable(event2.view);
+      nopropagation(event2);
+      g.mouse = [p2, this.__zoom.invert(p2)];
       interrupt(this);
       g.start();
-      function mousemoved(event2) {
-        noevent(event2);
+      function mousemoved(event3) {
+        noevent(event3);
         if (!g.moved) {
-          var dx = event2.clientX - x0, dy = event2.clientY - y0;
+          var dx = event3.clientX - x0, dy = event3.clientY - y0;
           g.moved = dx * dx + dy * dy > clickDistance2;
         }
-        g.event(event2).zoom("mouse", constrain(translate(g.that.__zoom, g.mouse[0] = pointer(event2, currentTarget), g.mouse[1]), g.extent, translateExtent));
+        g.event(event3).zoom("mouse", constrain(translate2(g.that.__zoom, g.mouse[0] = pointer(event3, currentTarget), g.mouse[1]), g.extent, translateExtent));
       }
-      function mouseupped(event2) {
+      function mouseupped(event3) {
         v.on("mousemove.zoom mouseup.zoom", null);
-        yesdrag(event2.view, g.moved);
-        noevent(event2);
-        g.event(event2).end();
+        yesdrag(event3.view, g.moved);
+        noevent(event3);
+        g.event(event3).end();
       }
     }
-    function dblclicked(event, ...args) {
+    function dblclicked(event2, ...args) {
       if (!filter2.apply(this, arguments)) return;
-      var t0 = this.__zoom, p0 = pointer(event.changedTouches ? event.changedTouches[0] : event, this), p1 = t0.invert(p0), k1 = t0.k * (event.shiftKey ? 0.5 : 2), t1 = constrain(translate(scale(t0, k1), p0, p1), extent.apply(this, args), translateExtent);
-      noevent(event);
-      if (duration > 0) select(this).transition().duration(duration).call(schedule2, t1, p0, event);
-      else select(this).call(zoom2.transform, t1, p0, event);
+      var t0 = this.__zoom, p0 = pointer(event2.changedTouches ? event2.changedTouches[0] : event2, this), p1 = t0.invert(p0), k1 = t0.k * (event2.shiftKey ? 0.5 : 2), t1 = constrain(translate2(scale2(t0, k1), p0, p1), extent.apply(this, args), translateExtent);
+      noevent(event2);
+      if (duration > 0) select(this).transition().duration(duration).call(schedule2, t1, p0, event2);
+      else select(this).call(zoom2.transform, t1, p0, event2);
     }
-    function touchstarted(event, ...args) {
+    function touchstarted(event2, ...args) {
       if (!filter2.apply(this, arguments)) return;
-      var touches = event.touches, n = touches.length, g = gesture(this, args, event.changedTouches.length === n).event(event), started, i2, t2, p;
-      nopropagation(event);
+      var touches = event2.touches, n = touches.length, g = gesture(this, args, event2.changedTouches.length === n).event(event2), started, i2, t2, p2;
+      nopropagation(event2);
       for (i2 = 0; i2 < n; ++i2) {
-        t2 = touches[i2], p = pointer(t2, this);
-        p = [p, this.__zoom.invert(p), t2.identifier];
-        if (!g.touch0) g.touch0 = p, started = true, g.taps = 1 + !!touchstarting;
-        else if (!g.touch1 && g.touch0[2] !== p[2]) g.touch1 = p, g.taps = 0;
+        t2 = touches[i2], p2 = pointer(t2, this);
+        p2 = [p2, this.__zoom.invert(p2), t2.identifier];
+        if (!g.touch0) g.touch0 = p2, started = true, g.taps = 1 + !!touchstarting;
+        else if (!g.touch1 && g.touch0[2] !== p2[2]) g.touch1 = p2, g.taps = 0;
       }
       if (touchstarting) touchstarting = clearTimeout(touchstarting);
       if (started) {
-        if (g.taps < 2) touchfirst = p[0], touchstarting = setTimeout(function() {
+        if (g.taps < 2) touchfirst = p2[0], touchstarting = setTimeout(function() {
           touchstarting = null;
         }, touchDelay);
         interrupt(this);
         g.start();
       }
     }
-    function touchmoved(event, ...args) {
+    function touchmoved(event2, ...args) {
       if (!this.__zooming) return;
-      var g = gesture(this, args).event(event), touches = event.changedTouches, n = touches.length, i2, t2, p, l;
-      noevent(event);
+      var g = gesture(this, args).event(event2), touches = event2.changedTouches, n = touches.length, i2, t2, p2, l;
+      noevent(event2);
       for (i2 = 0; i2 < n; ++i2) {
-        t2 = touches[i2], p = pointer(t2, this);
-        if (g.touch0 && g.touch0[2] === t2.identifier) g.touch0[0] = p;
-        else if (g.touch1 && g.touch1[2] === t2.identifier) g.touch1[0] = p;
+        t2 = touches[i2], p2 = pointer(t2, this);
+        if (g.touch0 && g.touch0[2] === t2.identifier) g.touch0[0] = p2;
+        else if (g.touch1 && g.touch1[2] === t2.identifier) g.touch1[0] = p2;
       }
       t2 = g.that.__zoom;
       if (g.touch1) {
         var p0 = g.touch0[0], l0 = g.touch0[1], p1 = g.touch1[0], l1 = g.touch1[1], dp = (dp = p1[0] - p0[0]) * dp + (dp = p1[1] - p0[1]) * dp, dl = (dl = l1[0] - l0[0]) * dl + (dl = l1[1] - l0[1]) * dl;
-        t2 = scale(t2, Math.sqrt(dp / dl));
-        p = [(p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2];
+        t2 = scale2(t2, Math.sqrt(dp / dl));
+        p2 = [(p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2];
         l = [(l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2];
-      } else if (g.touch0) p = g.touch0[0], l = g.touch0[1];
+      } else if (g.touch0) p2 = g.touch0[0], l = g.touch0[1];
       else return;
-      g.zoom("touch", constrain(translate(t2, p, l), g.extent, translateExtent));
+      g.zoom("touch", constrain(translate2(t2, p2, l), g.extent, translateExtent));
     }
-    function touchended(event, ...args) {
+    function touchended(event2, ...args) {
       if (!this.__zooming) return;
-      var g = gesture(this, args).event(event), touches = event.changedTouches, n = touches.length, i2, t2;
-      nopropagation(event);
+      var g = gesture(this, args).event(event2), touches = event2.changedTouches, n = touches.length, i2, t2;
+      nopropagation(event2);
       if (touchending) clearTimeout(touchending);
       touchending = setTimeout(function() {
         touchending = null;
@@ -30130,8 +30158,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (g.taps === 2) {
           t2 = pointer(t2, this);
           if (Math.hypot(touchfirst[0] - t2[0], touchfirst[1] - t2[1]) < tapDistance) {
-            var p = select(this).on("dblclick.zoom");
-            if (p) p.apply(this, arguments);
+            var p2 = select(this).on("dblclick.zoom");
+            if (p2) p2.apply(this, arguments);
           }
         }
       }
@@ -30291,8 +30319,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
     return links;
   }
-  function hierarchy(data, children2) {
-    var root2 = new Node(data), valued = +data.value && (root2.value = data.value), node, nodes = [root2], child, childs, i2, n;
+  function hierarchy(data2, children2) {
+    var root2 = new Node(data2), valued = +data2.value && (root2.value = data2.value), node, nodes = [root2], child, childs, i2, n;
     if (children2 == null) children2 = defaultChildren;
     while (node = nodes.pop()) {
       if (valued) node.value = +node.data.value;
@@ -30322,8 +30350,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       node.height = height;
     while ((node = node.parent) && node.height < ++height);
   }
-  function Node(data) {
-    this.data = data;
+  function Node(data2) {
+    this.data = data2;
     this.depth = this.height = 0;
     this.parent = null;
   }
@@ -30342,23 +30370,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     links: node_links,
     copy: node_copy
   };
-  const version$1 = "2.1.2";
+  const version$2 = "2.1.2";
   const packageInfo = {
-    version: version$1
+    version: version$2
   };
-  const { version } = packageInfo;
-  const defaults = Object.freeze({
-    children: (data) => data.children,
+  const { version: version$1 } = packageInfo;
+  const defaults$h = Object.freeze({
+    children: (data2) => data2.children,
     nodeSize: (node) => node.data.size,
     spacing: 0
   });
   function flextree(options) {
-    const opts = Object.assign({}, defaults, options);
+    const opts = Object.assign({}, defaults$h, options);
     function accessor(name2) {
       const opt = opts[name2];
       return typeof opt === "function" ? opt : () => opt;
     }
-    function layout(tree2) {
+    function layout2(tree2) {
       const wtree = wrap(getWrapper(), tree2, (node) => node.children);
       wtree.update();
       return wtree.data;
@@ -30367,8 +30395,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const nodeSize2 = accessor("nodeSize");
       const spacing = accessor("spacing");
       return class FlexNode extends hierarchy.prototype.constructor {
-        constructor(data) {
-          super(data);
+        constructor(data2) {
+          super(data2);
         }
         copy() {
           const c2 = wrap(this.constructor, this, (node) => node.children);
@@ -30450,8 +30478,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const nodeSize2 = accessor("nodeSize");
       const spacing = accessor("spacing");
       return class extends FlexNode {
-        constructor(data) {
-          super(data);
+        constructor(data2) {
+          super(data2);
           Object.assign(this, {
             x: 0,
             y: 0,
@@ -30493,15 +30521,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
     function wrap(FlexClass, treeData, children2) {
-      const _wrap = (data, parent) => {
-        const node = new FlexClass(data);
+      const _wrap = (data2, parent) => {
+        const node = new FlexClass(data2);
         Object.assign(node, {
           parent,
           depth: parent === null ? 0 : parent.depth + 1,
           height: 0,
           length: 1
         });
-        const kidsData = children2(data) || [];
+        const kidsData = children2(data2) || [];
         node.children = kidsData.length === 0 ? null : kidsData.map((kd) => _wrap(kd, node));
         if (node.children) {
           Object.assign(node, node.children.reduce(
@@ -30516,15 +30544,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
       return _wrap(treeData, null);
     }
-    Object.assign(layout, {
+    Object.assign(layout2, {
       nodeSize(arg) {
-        return arguments.length ? (opts.nodeSize = arg, layout) : opts.nodeSize;
+        return arguments.length ? (opts.nodeSize = arg, layout2) : opts.nodeSize;
       },
       spacing(arg) {
-        return arguments.length ? (opts.spacing = arg, layout) : opts.spacing;
+        return arguments.length ? (opts.spacing = arg, layout2) : opts.spacing;
       },
       children(arg) {
-        return arguments.length ? (opts.children = arg, layout) : opts.children;
+        return arguments.length ? (opts.children = arg, layout2) : opts.children;
       },
       hierarchy(treeData, children2) {
         const kids = typeof children2 === "undefined" ? opts.children : children2;
@@ -30544,9 +30572,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return _dump("\n")(tree2);
       }
     });
-    return layout;
+    return layout2;
   }
-  flextree.version = version;
+  flextree.version = version$1;
   const layoutChildren = (w, y2 = 0) => {
     w.y = y2;
     (w.children || []).reduce((acc, kid) => {
@@ -30785,11 +30813,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return () => new Path(digits);
   }
   var slice = Array.prototype.slice;
-  function x$2(p) {
-    return p[0];
+  function x$3(p2) {
+    return p2[0];
   }
-  function y$2(p) {
-    return p[1];
+  function y$3(p2) {
+    return p2[1];
   }
   class Bump {
     constructor(context, x2) {
@@ -30840,18 +30868,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return d.target;
   }
   function link$1(curve) {
-    let source = linkSource, target = linkTarget, x2 = x$2, y2 = y$2, context = null, output = null, path = withPath(link2);
+    let source = linkSource, target = linkTarget, x2 = x$3, y2 = y$3, context = null, output2 = null, path = withPath(link2);
     function link2() {
       let buffer;
       const argv = slice.call(arguments);
       const s = source.apply(this, argv);
       const t2 = target.apply(this, argv);
-      if (context == null) output = curve(buffer = path());
-      output.lineStart();
-      argv[0] = s, output.point(+x2.apply(this, argv), +y2.apply(this, argv));
-      argv[0] = t2, output.point(+x2.apply(this, argv), +y2.apply(this, argv));
-      output.lineEnd();
-      if (buffer) return output = null, buffer + "" || null;
+      if (context == null) output2 = curve(buffer = path());
+      output2.lineStart();
+      argv[0] = s, output2.point(+x2.apply(this, argv), +y2.apply(this, argv));
+      argv[0] = t2, output2.point(+x2.apply(this, argv), +y2.apply(this, argv));
+      output2.lineEnd();
+      if (buffer) return output2 = null, buffer + "" || null;
     }
     link2.source = function(_) {
       return arguments.length ? (source = _, link2) : source;
@@ -30866,7 +30894,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return arguments.length ? (y2 = typeof _ === "function" ? _ : constant$1(+_), link2) : y2;
     };
     link2.context = function(_) {
-      return arguments.length ? (_ == null ? context = output = null : output = curve(context = _), link2) : context;
+      return arguments.length ? (_ == null ? context = output2 = null : output2 = curve(context = _), link2) : context;
     };
     return link2;
   }
@@ -30876,14 +30904,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const d3 = {
     selection,
     select,
-    max,
-    min,
+    max: max$1,
+    min: min$1,
     sum,
     cumsum,
     tree,
     stratify,
     zoom,
-    zoomIdentity: identity,
+    zoomIdentity: identity$2,
     drag,
     linkHorizontal,
     flextree
@@ -31057,10 +31085,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         },
         /* Node paging button content and styling. You can access same helper methods as above. */
         pagingButton: (d, i2, arr, state) => {
-          const step = state.pagingStep(d.parent);
+          const step2 = state.pagingStep(d.parent);
           const currentIndex = d.parent.data._pagingStep;
           const diff = d.parent.data._directSubordinatesPaging - currentIndex;
-          const min2 = Math.min(diff, step);
+          const min2 = Math.min(diff, step2);
           return `
                    <div class="ychart-paging-button" style="margin-top:90px;">
                       <div class="ychart-paging-button-inner" style="display:flex;width:170px;border-radius:20px;padding:5px 15px; padding-bottom:4px;;background-color:#E5E9F2">
@@ -31209,7 +31237,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             "linkParentY": (node) => node.parent.y,
             "buttonX": (node) => node.width,
             "buttonY": (node) => node.height / 2,
-            "centerTransform": ({ root: root2, rootMargin, centerY, scale, centerX }) => `translate(${rootMargin},${centerY}) scale(${scale})`,
+            "centerTransform": ({ root: root2, rootMargin, centerY, scale: scale2, centerX }) => `translate(${rootMargin},${centerY}) scale(${scale2})`,
             "compactDimension": {
               sizeColumn: (node) => node.height,
               sizeRow: (node) => node.width,
@@ -31222,7 +31250,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }
               return [height + siblingsMargin, width + childrenMargin];
             },
-            "zoomTransform": ({ centerY, scale }) => `translate(${0},${centerY}) scale(${scale})`,
+            "zoomTransform": ({ centerY, scale: scale2 }) => `translate(${0},${centerY}) scale(${scale2})`,
             "diagonal": this.hdiagonal.bind(this),
             "swap": (d) => {
               const x2 = d.x;
@@ -31255,7 +31283,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             "linkParentY": (node) => node.parent.y + node.parent.height,
             "buttonX": (node) => node.width / 2,
             "buttonY": (node) => node.height,
-            "centerTransform": ({ root: root2, rootMargin, centerY, scale, centerX }) => `translate(${centerX},${rootMargin}) scale(${scale})`,
+            "centerTransform": ({ root: root2, rootMargin, centerY, scale: scale2, centerX }) => `translate(${centerX},${rootMargin}) scale(${scale2})`,
             "nodeFlexSize": ({ height, width, siblingsMargin, childrenMargin, state, node, compactViewIndex }) => {
               if (state.compact && node.flexCompactDim) {
                 const result = [node.flexCompactDim[0], node.flexCompactDim[1]];
@@ -31263,7 +31291,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }
               return [width + siblingsMargin, height + childrenMargin];
             },
-            "zoomTransform": ({ centerX, scale }) => `translate(${centerX},0}) scale(${scale})`,
+            "zoomTransform": ({ centerX, scale: scale2 }) => `translate(${centerX},0}) scale(${scale2})`,
             "diagonal": this.diagonal.bind(this),
             "swap": (d) => {
             },
@@ -31293,7 +31321,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             "linkParentY": (node) => node.parent.y - node.parent.height,
             "buttonX": (node) => node.width / 2,
             "buttonY": (node) => 0,
-            "centerTransform": ({ root: root2, rootMargin, centerY, scale, centerX, chartHeight }) => `translate(${centerX},${chartHeight - rootMargin}) scale(${scale})`,
+            "centerTransform": ({ root: root2, rootMargin, centerY, scale: scale2, centerX, chartHeight }) => `translate(${centerX},${chartHeight - rootMargin}) scale(${scale2})`,
             "nodeFlexSize": ({ height, width, siblingsMargin, childrenMargin, state, node }) => {
               if (state.compact && node.flexCompactDim) {
                 const result = [node.flexCompactDim[0], node.flexCompactDim[1]];
@@ -31301,7 +31329,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }
               return [width + siblingsMargin, height + childrenMargin];
             },
-            "zoomTransform": ({ centerX, scale }) => `translate(${centerX},0}) scale(${scale})`,
+            "zoomTransform": ({ centerX, scale: scale2 }) => `translate(${centerX},0}) scale(${scale2})`,
             "diagonal": this.diagonal.bind(this),
             "swap": (d) => {
               d.y = -d.y;
@@ -31329,7 +31357,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             "compactLinkMidX": (node, state) => node.firstCompactNode.x,
             // node.firstCompactNode.x + node.firstCompactNode.flexCompactDim[0] / 4 + state.compactMarginPair(node) / 4,
             "compactLinkMidY": (node, state) => node.firstCompactNode.y + node.firstCompactNode.flexCompactDim[0] / 4 + state.compactMarginPair(node) / 4,
-            "centerTransform": ({ root: root2, rootMargin, centerY, scale, centerX, chartWidth }) => `translate(${chartWidth - rootMargin},${centerY}) scale(${scale})`,
+            "centerTransform": ({ root: root2, rootMargin, centerY, scale: scale2, centerX, chartWidth }) => `translate(${chartWidth - rootMargin},${centerY}) scale(${scale2})`,
             "nodeFlexSize": ({ height, width, siblingsMargin, childrenMargin, state, node }) => {
               if (state.compact && node.flexCompactDim) {
                 const result = [node.flexCompactDim[0], node.flexCompactDim[1]];
@@ -31342,7 +31370,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               sizeRow: (node) => node.width,
               reverse: (arr) => arr.slice().reverse()
             },
-            "zoomTransform": ({ centerY, scale }) => `translate(${0},${centerY}) scale(${scale})`,
+            "zoomTransform": ({ centerY, scale: scale2 }) => `translate(${0},${centerY}) scale(${scale2})`,
             "diagonal": this.hdiagonal.bind(this),
             "swap": (d) => {
               const x2 = d.x;
@@ -31371,8 +31399,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         var container = this;
         var selector2 = params.selector;
         var elementTag = params.tag;
-        var data = params.data || [selector2];
-        var selection2 = container.selectAll("." + selector2).data(data, (d, i2) => {
+        var data2 = params.data || [selector2];
+        var selection2 = container.selectAll("." + selector2).data(data2, (d, i2) => {
           if (typeof d === "object") {
             if (d.id) {
               return d.id;
@@ -31387,8 +31415,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
     // This method retrieves passed node's children IDs (including node)
-    getNodeChildren({ data, children: children2, _children }, nodeStore) {
-      nodeStore.push(data);
+    getNodeChildren({ data: data2, children: children2, _children }, nodeStore) {
+      nodeStore.push(data2);
       if (children2) {
         children2.forEach((d) => {
           this.getNodeChildren(d, nodeStore);
@@ -31434,9 +31462,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const behaviors = {
           zoom: null
         };
-        behaviors.zoom = attrs.createZoom().clickDistance(10).on("start", (event, d) => attrs.onZoomStart(event)).on("end", (event, d) => attrs.onZoomEnd(event)).on("zoom", (event, d) => {
-          attrs.onZoom(event);
-          this.zoomed(event, d);
+        behaviors.zoom = attrs.createZoom().clickDistance(10).on("start", (event2, d) => attrs.onZoomStart(event2)).on("end", (event2, d) => attrs.onZoomEnd(event2)).on("zoom", (event2, d) => {
+          attrs.onZoom(event2);
+          this.zoomed(event2, d);
         }).scaleExtent(attrs.scaleExtent);
         attrs.zoomBehavior = behaviors.zoom;
       }
@@ -31460,7 +31488,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const svg2 = container.patternify({
         tag: "svg",
         selector: "svg-chart-container"
-      }).attr("width", attrs.svgWidth).attr("height", attrs.svgHeight).attr("font-family", attrs.defaultFont).attr("tabindex", "0").attr("role", "tree").attr("aria-label", "Organizational Chart").on("keydown", (event) => this.handleKeydown(event));
+      }).attr("width", attrs.svgWidth).attr("height", attrs.svgHeight).attr("font-family", attrs.defaultFont).attr("tabindex", "0").attr("role", "tree").attr("aria-label", "Organizational Chart").on("keydown", (event2) => this.handleKeydown(event2));
       if (this.isSafari()) {
         attrs.htmlOverlay = container.patternify({
           tag: "div",
@@ -31514,8 +31542,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const containerRect2 = d3.select(attrs.container).node().getBoundingClientRect();
         attrs.svg.attr("width", containerRect2.width);
       });
-      d3.select(window).on(`keydown.${attrs.id}`, (event) => {
-        if (event.key === "s" || event.key === "S") {
+      d3.select(window).on(`keydown.${attrs.id}`, (event2) => {
+        if (event2.key === "s" || event2.key === "S") {
           console.log("S key pressed - swapMode:", attrs.swapMode, "selected nodes:", attrs.selectedNodesForSwap.length);
           if (attrs.swapMode && attrs.selectedNodesForSwap.length === 2) {
             console.log("Triggering performSwap");
@@ -31528,12 +31556,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       return this;
     }
-    handleKeydown(event) {
+    handleKeydown(event2) {
       const attrs = this.getChartState();
       if (!attrs.visibleNodes || attrs.visibleNodes.length === 0) return;
-      const key = event.key;
+      const key = event2.key;
       if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " ", "Enter"].includes(key)) {
-        event.preventDefault();
+        event2.preventDefault();
       }
       if (attrs.selectedNodeId === null) {
         const firstNode = attrs.visibleNodes[0];
@@ -31561,7 +31589,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       } else if (key === "ArrowDown") {
         if (selectedNode._children && selectedNode._children.length > 0) {
-          this.onButtonClick(event, selectedNode);
+          this.onButtonClick(event2, selectedNode);
           return;
         }
         if (selectedNode.children && selectedNode.children.length > 0) {
@@ -31587,7 +31615,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (selectedNode.data._pagingButton) {
           this.loadPagingNodes(selectedNode);
         } else {
-          this.onButtonClick(event, selectedNode);
+          this.onButtonClick(event2, selectedNode);
         }
         return;
       }
@@ -31608,8 +31636,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       const root2 = attrs.generateRoot(attrs.data);
       const descendants = root2.descendants();
-      const nodeFound = descendants.filter(({ data }) => attrs.nodeId(data).toString() === attrs.nodeId(obj).toString())[0];
-      descendants.filter(({ data }) => attrs.nodeId(data).toString() === attrs.parentNodeId(obj).toString())[0];
+      const nodeFound = descendants.filter(({ data: data2 }) => attrs.nodeId(data2).toString() === attrs.nodeId(obj).toString())[0];
+      descendants.filter(({ data: data2 }) => attrs.nodeId(data2).toString() === attrs.parentNodeId(obj).toString())[0];
       if (nodeFound) {
         console.log(`ORG CHART - ADD - Node with id "${attrs.nodeId(obj)}" already exists in tree`);
         return this;
@@ -31624,7 +31652,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const attrs = this.getChartState();
       const root2 = attrs.generateRoot(attrs.data);
       const descendants = root2.descendants();
-      const node = descendants.filter(({ data }) => attrs.nodeId(data) == nodeId)[0];
+      const node = descendants.filter(({ data: data2 }) => attrs.nodeId(data2) == nodeId)[0];
       if (!node) {
         console.log(`ORG CHART - REMOVE - Node with id "${nodeId}" not found in the tree`);
         return this;
@@ -31712,7 +31740,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           if (!fch) return;
           const maxColumns = node.data._childColumns || this.getDefaultColumns();
           const columns = Math.min(maxColumns, compactChildren.length);
-          const startX = fch.x - fch.flexCompactDim[0] / 2;
+          const startX2 = fch.x - fch.flexCompactDim[0] / 2;
           compactChildren.forEach((child, i2, arr) => {
             const colIndex = child.compactColumn;
             const totalWidth = fch.flexCompactDim[0];
@@ -31720,9 +31748,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             const contentWidth = totalWidth - margin * (columns - 1);
             const colWidth = contentWidth / columns;
             const xOffset = colIndex * (colWidth + margin) + colWidth / 2;
-            child.x = startX + xOffset;
+            child.x = startX2 + xOffset;
           });
-          const centerX = startX + fch.flexCompactDim[0] * 0.5;
+          const centerX = startX2 + fch.flexCompactDim[0] * 0.5;
           const offsetX = node.x - centerX;
           if (Math.abs(offsetX) < 10) {
             compactChildren.forEach((d) => d.x += offsetX);
@@ -31801,11 +31829,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           x: attrs.layoutBindings[attrs.layout].linkX(d),
           y: attrs.layoutBindings[attrs.layout].linkY(d)
         };
-        const p = {
+        const p2 = {
           x: attrs.layoutBindings[attrs.layout].linkParentX(d),
           y: attrs.layoutBindings[attrs.layout].linkParentY(d)
         };
-        return attrs.layoutBindings[attrs.layout].diagonal(n, p, n, { sy: attrs.linkYOffset });
+        return attrs.layoutBindings[attrs.layout].diagonal(n, p2, n, { sy: attrs.linkYOffset });
       });
       linkSelection.exit().transition().duration(attrs.duration).attr("d", (d) => {
         const xo = attrs.layoutBindings[attrs.layout].linkJoinX({ x: x2, y: y2, width, height });
@@ -31831,37 +31859,37 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
       connUpdate.each(attrs.connectionsUpdate);
       connectionsSel.exit().transition().duration(attrs.duration).attr("opacity", 0).remove();
-      const nodesSelection = attrs.nodesWrapper.selectAll("g.node").data(nodes, ({ data }) => attrs.nodeId(data));
+      const nodesSelection = attrs.nodesWrapper.selectAll("g.node").data(nodes, ({ data: data2 }) => attrs.nodeId(data2));
       const nodeEnter = nodesSelection.enter().append("g").attr("class", "node").attr("role", "treeitem").attr("transform", (d) => {
         if (d == attrs.root) return `translate(${x0},${y0})`;
         const xj = attrs.layoutBindings[attrs.layout].nodeJoinX({ x: x0, y: y0, width, height });
         const yj = attrs.layoutBindings[attrs.layout].nodeJoinY({ x: x0, y: y0, width, height });
         return `translate(${xj},${yj})`;
-      }).attr("cursor", "pointer").on("click.node", (event, node) => {
+      }).attr("cursor", "pointer").on("click.node", (event2, node) => {
         const selection2 = window.getSelection();
         if (selection2 && selection2.toString().length > 0) {
           return;
         }
-        const { data } = node;
-        if ([...event.srcElement.classList].includes("node-button-foreign-object")) {
+        const { data: data2 } = node;
+        if ([...event2.srcElement.classList].includes("node-button-foreign-object")) {
           return;
         }
-        if ([...event.srcElement.classList].includes("paging-button-wrapper")) {
+        if ([...event2.srcElement.classList].includes("paging-button-wrapper")) {
           this.loadPagingNodes(node);
           return;
         }
-        if (event.target.closest(".details-btn")) {
+        if (event2.target.closest(".details-btn")) {
           if (attrs.onNodeDetailsClick) {
             attrs.onNodeDetailsClick(node);
           }
           return;
         }
-        if (!data._pagingButton) {
+        if (!data2._pagingButton) {
           if (attrs.swapMode) {
             this.handleSwapNodeClick(node);
           } else {
-            attrs.selectedNodeId = attrs.nodeId(data);
-            data._centered = true;
+            attrs.selectedNodeId = attrs.nodeId(data2);
+            data2._centered = true;
             this.update(attrs.root);
             if (attrs.onNodeSelect) attrs.onNodeSelect(attrs.selectedNodeId);
             attrs.onNodeClick(node);
@@ -31869,18 +31897,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           return;
         }
         console.log("event fired, no handlers");
-      }).on("keydown.node", (event, node) => {
-        const { data } = node;
-        if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
-          if ([...event.srcElement.classList].includes("node-button-foreign-object")) {
+      }).on("keydown.node", (event2, node) => {
+        const { data: data2 } = node;
+        if (event2.key === "Enter" || event2.key === " " || event2.key === "Spacebar") {
+          if ([...event2.srcElement.classList].includes("node-button-foreign-object")) {
             return;
           }
-          if ([...event.srcElement.classList].includes("paging-button-wrapper")) {
+          if ([...event2.srcElement.classList].includes("paging-button-wrapper")) {
             this.loadPagingNodes(node);
             return;
           }
-          if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
-            this.onButtonClick(event, node);
+          if (event2.key === "Enter" || event2.key === " " || event2.key === "Spacebar") {
+            this.onButtonClick(event2, node);
           }
         }
       });
@@ -31900,17 +31928,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         tag: "xhtml:div",
         selector: "node-foreign-object-div",
         data: (d) => [d]
-      }).style("width", (d) => `${d.width}px`).style("height", (d) => `${d.height}px`).style("overflow", "hidden").style("user-select", "text").style("-webkit-user-select", "text").on("mousedown", function(event) {
-        event.stopPropagation();
+      }).style("width", (d) => `${d.width}px`).style("height", (d) => `${d.height}px`).style("overflow", "hidden").style("user-select", "text").style("-webkit-user-select", "text").on("mousedown", function(event2) {
+        event2.stopPropagation();
       });
       this.restyleForeignObjectElements();
       const nodeButtonGroups = nodeEnter.patternify({
         tag: "g",
         selector: "node-button-g",
         data: (d) => [d]
-      }).on("click", (event, d) => this.onButtonClick(event, d)).on("keydown", (event, d) => {
-        if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
-          this.onButtonClick(event, d);
+      }).on("click", (event2, d) => this.onButtonClick(event2, d)).on("keydown", (event2, d) => {
+        if (event2.key === "Enter" || event2.key === " " || event2.key === "Spacebar") {
+          this.onButtonClick(event2, d);
         }
       });
       nodeButtonGroups.patternify({
@@ -31931,14 +31959,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return attrs.layoutBindings[attrs.layout].nodeUpdateTransform({ x: x3, y: y3, width: width2, height: height2 });
       }).attr("opacity", 1);
       nodeUpdate.select(".node-rect").attr("width", ({ width: width2 }) => width2).attr("height", ({ height: height2 }) => height2).attr("x", ({ width: width2 }) => 0).attr("y", ({ height: height2 }) => 0).attr("cursor", "pointer").attr("rx", 8).attr("fill", attrs.nodeDefaultBackground);
-      nodeUpdate.select(".node-button-g").attr("transform", ({ data, width: width2, height: height2 }) => {
+      nodeUpdate.select(".node-button-g").attr("transform", ({ data: data2, width: width2, height: height2 }) => {
         const x3 = attrs.layoutBindings[attrs.layout].buttonX({ width: width2, height: height2 });
         const y3 = attrs.layoutBindings[attrs.layout].buttonY({ width: width2, height: height2 });
         return `translate(${x3},${y3})`;
-      }).attr("display", ({ data }) => {
-        return data._directSubordinates > 0 ? null : "none";
-      }).attr("opacity", ({ data, children: children2, _children }) => {
-        if (data._pagingButton) {
+      }).attr("display", ({ data: data2 }) => {
+        return data2._directSubordinates > 0 ? null : "none";
+      }).attr("opacity", ({ data: data2, children: children2, _children }) => {
+        if (data2._pagingButton) {
           return 0;
         }
         if (children2 || _children) {
@@ -32073,57 +32101,57 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         centerX = parseFloat(centerMatch[1]);
         centerY = parseFloat(centerMatch[2]);
       }
-      const self = this;
+      const self2 = this;
       const overlayNodes = attrs.htmlOverlay.selectAll(".overlay-node").data(nodes.filter((d) => d.x !== void 0), (d) => attrs.nodeId(d.data));
       overlayNodes.exit().remove();
       const overlayEnter = overlayNodes.enter().append("div").attr("class", "ychart-overlay-node overlay-node").style("position", "absolute").style("pointer-events", "auto").style("overflow", "visible").style("cursor", "pointer");
       const overlayMerged = overlayEnter.merge(overlayNodes);
-      overlayMerged.on("wheel", function(event) {
+      overlayMerged.on("wheel", function(event2) {
         const svgNode2 = attrs.svg.node();
         if (svgNode2) {
           const newEvent = new WheelEvent("wheel", {
             bubbles: true,
             cancelable: true,
-            clientX: event.clientX,
-            clientY: event.clientY,
-            deltaX: event.deltaX,
-            deltaY: event.deltaY,
-            deltaZ: event.deltaZ,
-            deltaMode: event.deltaMode,
-            ctrlKey: event.ctrlKey,
-            shiftKey: event.shiftKey,
-            altKey: event.altKey,
-            metaKey: event.metaKey
+            clientX: event2.clientX,
+            clientY: event2.clientY,
+            deltaX: event2.deltaX,
+            deltaY: event2.deltaY,
+            deltaZ: event2.deltaZ,
+            deltaMode: event2.deltaMode,
+            ctrlKey: event2.ctrlKey,
+            shiftKey: event2.shiftKey,
+            altKey: event2.altKey,
+            metaKey: event2.metaKey
           });
           svgNode2.dispatchEvent(newEvent);
-          event.preventDefault();
+          event2.preventDefault();
         }
       });
-      overlayMerged.on("click", function(event, d) {
+      overlayMerged.on("click", function(event2, d) {
         const selection2 = window.getSelection();
         if (selection2 && selection2.toString().length > 0) {
           return;
         }
-        if (event.target.closest(".overlay-button")) {
+        if (event2.target.closest(".overlay-button")) {
           return;
         }
-        if (event.target.closest(".details-btn")) {
+        if (event2.target.closest(".details-btn")) {
           if (attrs.onNodeDetailsClick) {
             attrs.onNodeDetailsClick(d);
           }
           return;
         }
-        if (event.target.closest(".paging-button-wrapper")) {
-          self.loadPagingNodes(d);
+        if (event2.target.closest(".paging-button-wrapper")) {
+          self2.loadPagingNodes(d);
           return;
         }
         if (!d.data._pagingButton) {
           if (attrs.swapMode) {
-            self.handleSwapNodeClick(d);
+            self2.handleSwapNodeClick(d);
           } else {
             attrs.selectedNodeId = attrs.nodeId(d.data);
             d.data._centered = true;
-            self.update(attrs.root);
+            self2.update(attrs.root);
             if (attrs.onNodeSelect) attrs.onNodeSelect(attrs.selectedNodeId);
             attrs.onNodeClick(d);
           }
@@ -32136,11 +32164,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const nodeX = d.x;
         const nodeY = d.y;
         const layoutTransform = attrs.layoutBindings[attrs.layout].nodeUpdateTransform({ x: nodeX, y: nodeY, width: d.width, height: d.height });
-        const match = layoutTransform.match(/translate\(([^,]+),\s*([^)]+)\)/);
+        const match2 = layoutTransform.match(/translate\(([^,]+),\s*([^)]+)\)/);
         let tx = nodeX, ty = nodeY;
-        if (match) {
-          tx = parseFloat(match[1]);
-          ty = parseFloat(match[2]);
+        if (match2) {
+          tx = parseFloat(match2[1]);
+          ty = parseFloat(match2[2]);
         }
         const screenX = (tx + centerX) * transform.k + transform.x;
         const screenY = (ty + centerY) * transform.k + transform.y;
@@ -32167,9 +32195,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           const buttonY = attrs.layoutBindings[attrs.layout].buttonY({ width: d.width, height: d.height });
           const buttonWidth = attrs.nodeButtonWidth(d);
           const buttonHeight = attrs.nodeButtonHeight(d);
-          buttonWrapper.style("left", `${buttonX + attrs.nodeButtonX(d)}px`).style("top", `${buttonY + attrs.nodeButtonY(d)}px`).style("width", `${buttonWidth}px`).style("height", `${buttonHeight}px`).style("display", "flex").style("align-items", "center").style("justify-content", "center").html(attrs.buttonContent({ node: d, state: attrs })).on("click", function(event) {
-            event.stopPropagation();
-            self.onButtonClick(event, d);
+          buttonWrapper.style("left", `${buttonX + attrs.nodeButtonX(d)}px`).style("top", `${buttonY + attrs.nodeButtonY(d)}px`).style("width", `${buttonWidth}px`).style("height", `${buttonHeight}px`).style("display", "flex").style("align-items", "center").style("justify-content", "center").html(attrs.buttonContent({ node: d, state: attrs })).on("click", function(event2) {
+            event2.stopPropagation();
+            self2.onButtonClick(event2, d);
           });
         } else {
           buttonWrapper.remove();
@@ -32177,7 +32205,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     // Toggle children on click.
-    onButtonClick(event, d) {
+    onButtonClick(event2, d) {
       const attrs = this.getChartState();
       if (d.data._pagingButton) {
         return;
@@ -32194,16 +32222,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         d.children = d._children;
         d._children = null;
         if (d.children) {
-          d.children.forEach(({ data }) => data._expanded = true);
+          d.children.forEach(({ data: data2 }) => data2._expanded = true);
         }
       }
       this.update(d);
-      event.stopPropagation();
+      event2.stopPropagation();
       attrs.onExpandOrCollapse(d);
     }
     // This function changes `expanded` property to descendants
-    setExpansionFlagToChildren({ data, children: children2, _children }, flag) {
-      data._expanded = flag;
+    setExpansionFlagToChildren({ data: data2, children: children2, _children }, flag) {
+      data2._expanded = flag;
       if (children2) {
         children2.forEach((d) => {
           this.setExpansionFlagToChildren(d, flag);
@@ -32353,10 +32381,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     // Zoom handler function
-    zoomed(event, d) {
+    zoomed(event2, d) {
       const attrs = this.getChartState();
       const chart = attrs.chart;
-      const transform = event.transform;
+      const transform = event2.transform;
       attrs.lastTransform = transform;
       chart.attr("transform", transform);
       if (this.isEdge() || this.isSafari()) {
@@ -32377,7 +32405,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       });
     }
-    fit({ animate = true, nodes, scale = true, onCompleted = () => {
+    fit({ animate = true, nodes, scale: scale2 = true, onCompleted = () => {
     } } = {}) {
       const attrs = this.getChartState();
       const { root: root2 } = attrs;
@@ -32387,7 +32415,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const minY = d3.min(descendants, (d) => d.y + attrs.layoutBindings[attrs.layout].nodeTopY(d));
       const maxY = d3.max(descendants, (d) => d.y + attrs.layoutBindings[attrs.layout].nodeBottomY(d));
       this.zoomTreeBounds({
-        params: { animate, scale, onCompleted },
+        params: { animate, scale: scale2, onCompleted },
         x0: minX - 50,
         x1: maxX + 50,
         y0: minY - 50,
@@ -32400,15 +32428,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const attrs = this.getChartState();
       node.data._pagingButton = false;
       const current = node.parent.data._pagingStep;
-      const step = attrs.pagingStep(node.parent);
-      const newPagingIndex = current + step;
+      const step2 = attrs.pagingStep(node.parent);
+      const newPagingIndex = current + step2;
       node.parent.data._pagingStep = newPagingIndex;
       this.updateNodesState();
     }
     // This function can be invoked via chart.setExpanded API, it expands or collapses particular node
     setExpanded(id2, expandedFlag = true) {
       const attrs = this.getChartState();
-      const node = attrs.allNodes.filter(({ data }) => attrs.nodeId(data) == id2)[0];
+      const node = attrs.allNodes.filter(({ data: data2 }) => attrs.nodeId(data2) == id2)[0];
       if (!node) {
         console.log(`ORG CHART - ${expandedFlag ? "EXPAND" : "COLLAPSE"} - Node with id (${id2})  not found in the tree`);
         return this;
@@ -32425,7 +32453,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const attrs = this.getChartState();
       const root2 = attrs.generateRoot(attrs.data);
       const descendants = root2.descendants();
-      const node = descendants.filter(({ data }) => attrs.nodeId(data).toString() == nodeId.toString())[0];
+      const node = descendants.filter(({ data: data2 }) => attrs.nodeId(data2).toString() == nodeId.toString())[0];
       if (!node) {
         console.log(`ORG CHART - CENTER - Node with id (${nodeId}) not found in the tree`);
         return this;
@@ -32524,7 +32552,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       xhr.responseType = "blob";
       xhr.send();
     }
-    exportImg({ full = false, scale = 3, onLoad = (d) => d, save = true, backgroundColor = "#FAFAFA" } = {}) {
+    exportImg({ full = false, scale: scale2 = 3, onLoad = (d) => d, save = true, backgroundColor = "#FAFAFA" } = {}) {
       const that = this;
       const attrs = this.getChartState();
       const { svg: svgImg, root: root2 } = attrs;
@@ -32541,7 +32569,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         setTimeout((d) => {
           that.downloadImage({
             node: svg2.node(),
-            scale,
+            scale: scale2,
             isSvg: false,
             backgroundColor,
             onAlreadySerialized: (d2) => {
@@ -32572,7 +32600,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this;
     }
     expandAll() {
-      const { allNodes, root: root2, data, selectedNodeId, nodeId } = this.getChartState();
+      const { allNodes, root: root2, data: data2, selectedNodeId, nodeId } = this.getChartState();
       if (selectedNodeId) {
         const selectedNode = allNodes.find((d) => nodeId(d.data) === selectedNodeId);
         if (selectedNode) {
@@ -32585,7 +32613,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
         this.updateNodesState();
       } else {
-        data.forEach((d) => d._expanded = true);
+        data2.forEach((d) => d._expanded = true);
         this.render();
       }
       return this;
@@ -32610,7 +32638,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       return this;
     }
-    downloadImage({ node, scale = 2, imageName = "graph", isSvg = false, save = true, backgroundColor = "#FAFAFA", onAlreadySerialized = (d) => {
+    downloadImage({ node, scale: scale2 = 2, imageName = "graph", isSvg = false, save = true, backgroundColor = "#FAFAFA", onAlreadySerialized = (d) => {
     }, onLoad = (d) => {
     } }) {
       const svgNode2 = node;
@@ -32654,7 +32682,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         onAlreadySerialized();
         return;
       }
-      const quality = scale;
+      const quality = scale2;
       const image = document.createElement("img");
       image.onload = function() {
         const canvas = document.createElement("canvas");
@@ -32851,10 +32879,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     } while ((i2 = bottom << 1 | right) === (j = (yp >= ym) << 1 | xp >= xm));
     return parent[j] = node, parent[i2] = leaf, tree2;
   }
-  function addAll(data) {
-    var d, i2, n = data.length, x2, y2, xz = new Array(n), yz = new Array(n), x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
+  function addAll(data2) {
+    var d, i2, n = data2.length, x2, y2, xz = new Array(n), yz = new Array(n), x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
     for (i2 = 0; i2 < n; ++i2) {
-      if (isNaN(x2 = +this._x.call(null, d = data[i2])) || isNaN(y2 = +this._y.call(null, d))) continue;
+      if (isNaN(x2 = +this._x.call(null, d = data2[i2])) || isNaN(y2 = +this._y.call(null, d))) continue;
       xz[i2] = x2;
       yz[i2] = y2;
       if (x2 < x0) x0 = x2;
@@ -32865,7 +32893,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (x0 > x1 || y0 > y1) return this;
     this.cover(x0, y0).cover(x1, y1);
     for (i2 = 0; i2 < n; ++i2) {
-      add(this, xz[i2], yz[i2], data[i2]);
+      add(this, xz[i2], yz[i2], data2[i2]);
     }
     return this;
   }
@@ -32904,13 +32932,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return this;
   }
   function tree_data() {
-    var data = [];
+    var data2 = [];
     this.visit(function(node) {
       if (!node.length) do
-        data.push(node.data);
+        data2.push(node.data);
       while (node = node.next);
     });
-    return data;
+    return data2;
   }
   function tree_extent(_) {
     return arguments.length ? this.cover(+_[0][0], +_[0][1]).cover(+_[1][0], +_[1][1]) : isNaN(this._x0) ? void 0 : [[this._x0, this._y0], [this._x1, this._y1]];
@@ -32922,14 +32950,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     this.x1 = x1;
     this.y1 = y1;
   }
-  function tree_find(x2, y2, radius) {
-    var data, x0 = this._x0, y0 = this._y0, x1, y1, x22, y22, x3 = this._x1, y3 = this._y1, quads = [], node = this._root, q, i2;
+  function tree_find(x2, y2, radius2) {
+    var data2, x0 = this._x0, y0 = this._y0, x1, y1, x22, y22, x3 = this._x1, y3 = this._y1, quads = [], node = this._root, q, i2;
     if (node) quads.push(new Quad(node, x0, y0, x3, y3));
-    if (radius == null) radius = Infinity;
+    if (radius2 == null) radius2 = Infinity;
     else {
-      x0 = x2 - radius, y0 = y2 - radius;
-      x3 = x2 + radius, y3 = y2 + radius;
-      radius *= radius;
+      x0 = x2 - radius2, y0 = y2 - radius2;
+      x3 = x2 + radius2, y3 = y2 + radius2;
+      radius2 *= radius2;
     }
     while (q = quads.pop()) {
       if (!(node = q.node) || (x1 = q.x0) > x3 || (y1 = q.y0) > y3 || (x22 = q.x1) < x0 || (y22 = q.y1) < y0) continue;
@@ -32948,15 +32976,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       } else {
         var dx = x2 - +this._x.call(null, node.data), dy = y2 - +this._y.call(null, node.data), d2 = dx * dx + dy * dy;
-        if (d2 < radius) {
-          var d = Math.sqrt(radius = d2);
+        if (d2 < radius2) {
+          var d = Math.sqrt(radius2 = d2);
           x0 = x2 - d, y0 = y2 - d;
           x3 = x2 + d, y3 = y2 + d;
-          data = node.data;
+          data2 = node.data;
         }
       }
     }
-    return data;
+    return data2;
   }
   function tree_remove(d) {
     if (isNaN(x2 = +this._x.call(null, d)) || isNaN(y2 = +this._y.call(null, d))) return this;
@@ -32982,8 +33010,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return this;
   }
-  function removeAll(data) {
-    for (var i2 = 0, n = data.length; i2 < n; ++i2) this.remove(data[i2]);
+  function removeAll(data2) {
+    for (var i2 = 0, n = data2.length; i2 < n; ++i2) this.remove(data2[i2]);
     return this;
   }
   function tree_root() {
@@ -33057,16 +33085,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     this._root = void 0;
   }
   function leaf_copy(leaf) {
-    var copy = { data: leaf.data }, next = copy;
+    var copy2 = { data: leaf.data }, next = copy2;
     while (leaf = leaf.next) next = next.next = { data: leaf.data };
-    return copy;
+    return copy2;
   }
   var treeProto = quadtree.prototype = Quadtree.prototype;
   treeProto.copy = function() {
-    var copy = new Quadtree(this._x, this._y, this._x0, this._y0, this._x1, this._y1), node = this._root, nodes, child;
-    if (!node) return copy;
-    if (!node.length) return copy._root = leaf_copy(node), copy;
-    nodes = [{ source: node, target: copy._root = new Array(4) }];
+    var copy2 = new Quadtree(this._x, this._y, this._x0, this._y0, this._x1, this._y1), node = this._root, nodes, child;
+    if (!node) return copy2;
+    if (!node.length) return copy2._root = leaf_copy(node), copy2;
+    nodes = [{ source: node, target: copy2._root = new Array(4) }];
     while (node = nodes.pop()) {
       for (var i2 = 0; i2 < 4; ++i2) {
         if (child = node.source[i2]) {
@@ -33075,7 +33103,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
     }
-    return copy;
+    return copy2;
   };
   treeProto.add = tree_add;
   treeProto.addAll = addAll;
@@ -33099,19 +33127,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function jiggle(random) {
     return (random() - 0.5) * 1e-6;
   }
-  function x$1(d) {
+  function x$2(d) {
     return d.x + d.vx;
   }
-  function y$1(d) {
+  function y$2(d) {
     return d.y + d.vy;
   }
-  function collide(radius) {
+  function collide(radius2) {
     var nodes, radii, random, strength = 1, iterations = 1;
-    if (typeof radius !== "function") radius = constant(radius == null ? 1 : +radius);
+    if (typeof radius2 !== "function") radius2 = constant(radius2 == null ? 1 : +radius2);
     function force() {
       var i2, n = nodes.length, tree2, node, xi, yi, ri, ri2;
       for (var k = 0; k < iterations; ++k) {
-        tree2 = quadtree(nodes, x$1, y$1).visitAfter(prepare);
+        tree2 = quadtree(nodes, x$2, y$2).visitAfter(prepare);
         for (i2 = 0; i2 < n; ++i2) {
           node = nodes[i2];
           ri = radii[node.index], ri2 = ri * ri;
@@ -33121,18 +33149,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
       function apply(quad, x0, y0, x1, y1) {
-        var data = quad.data, rj = quad.r, r = ri + rj;
-        if (data) {
-          if (data.index > node.index) {
-            var x2 = xi - data.x - data.vx, y2 = yi - data.y - data.vy, l = x2 * x2 + y2 * y2;
+        var data2 = quad.data, rj = quad.r, r = ri + rj;
+        if (data2) {
+          if (data2.index > node.index) {
+            var x2 = xi - data2.x - data2.vx, y2 = yi - data2.y - data2.vy, l = x2 * x2 + y2 * y2;
             if (l < r * r) {
               if (x2 === 0) x2 = jiggle(random), l += x2 * x2;
               if (y2 === 0) y2 = jiggle(random), l += y2 * y2;
               l = (r - (l = Math.sqrt(l))) / l * strength;
               node.vx += (x2 *= l) * (r = (rj *= rj) / (ri2 + rj));
               node.vy += (y2 *= l) * r;
-              data.vx -= x2 * (r = 1 - r);
-              data.vy -= y2 * r;
+              data2.vx -= x2 * (r = 1 - r);
+              data2.vy -= y2 * r;
             }
           }
           return;
@@ -33152,7 +33180,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (!nodes) return;
       var i2, n = nodes.length, node;
       radii = new Array(n);
-      for (i2 = 0; i2 < n; ++i2) node = nodes[i2], radii[node.index] = +radius(node, i2, nodes);
+      for (i2 = 0; i2 < n; ++i2) node = nodes[i2], radii[node.index] = +radius2(node, i2, nodes);
     }
     force.initialize = function(_nodes, _random) {
       nodes = _nodes;
@@ -33166,7 +33194,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return arguments.length ? (strength = +_, force) : strength;
     };
     force.radius = function(_) {
-      return arguments.length ? (radius = typeof _ === "function" ? _ : constant(+_), initialize(), force) : radius;
+      return arguments.length ? (radius2 = typeof _ === "function" ? _ : constant(+_), initialize(), force) : radius2;
     };
     return force;
   }
@@ -33179,7 +33207,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return node;
   }
   function link(links) {
-    var id2 = index, strength = defaultStrength, strengths, distance = constant(30), distances, nodes, count2, bias, random, iterations = 1;
+    var id2 = index, strength = defaultStrength, strengths, distance = constant(30), distances2, nodes, count2, bias, random, iterations = 1;
     if (links == null) links = [];
     function defaultStrength(link2) {
       return 1 / Math.min(count2[link2.source.index], count2[link2.target.index]);
@@ -33191,7 +33219,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           x2 = target.x + target.vx - source.x - source.vx || jiggle(random);
           y2 = target.y + target.vy - source.y - source.vy || jiggle(random);
           l = Math.sqrt(x2 * x2 + y2 * y2);
-          l = (l - distances[i2]) / l * alpha * strengths[i2];
+          l = (l - distances2[i2]) / l * alpha * strengths[i2];
           x2 *= l, y2 *= l;
           target.vx -= x2 * (b = bias[i2]);
           target.vy -= y2 * b;
@@ -33214,7 +33242,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         link2 = links[i2], bias[i2] = count2[link2.source.index] / (count2[link2.source.index] + count2[link2.target.index]);
       }
       strengths = new Array(m2), initializeStrength();
-      distances = new Array(m2), initializeDistance();
+      distances2 = new Array(m2), initializeDistance();
     }
     function initializeStrength() {
       if (!nodes) return;
@@ -33225,7 +33253,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     function initializeDistance() {
       if (!nodes) return;
       for (var i2 = 0, n = links.length; i2 < n; ++i2) {
-        distances[i2] = +distance(links[i2], i2, links);
+        distances2[i2] = +distance(links[i2], i2, links);
       }
     }
     force.initialize = function(_nodes, _random) {
@@ -33257,22 +33285,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     let s = 1;
     return () => (s = (a * s + c) % m) / m;
   }
-  function x(d) {
+  function x$1(d) {
     return d.x;
   }
-  function y(d) {
+  function y$1(d) {
     return d.y;
   }
   var initialRadius = 10, initialAngle = Math.PI * (3 - Math.sqrt(5));
   function simulation(nodes) {
-    var simulation2, alpha = 1, alphaMin = 1e-3, alphaDecay = 1 - Math.pow(alphaMin, 1 / 300), alphaTarget = 0, velocityDecay = 0.6, forces = /* @__PURE__ */ new Map(), stepper = timer(step), event = dispatch("tick", "end"), random = lcg();
+    var simulation2, alpha = 1, alphaMin = 1e-3, alphaDecay = 1 - Math.pow(alphaMin, 1 / 300), alphaTarget = 0, velocityDecay = 0.6, forces = /* @__PURE__ */ new Map(), stepper = timer(step2), event2 = dispatch("tick", "end"), random = lcg();
     if (nodes == null) nodes = [];
-    function step() {
+    function step2() {
       tick();
-      event.call("tick", simulation2);
+      event2.call("tick", simulation2);
       if (alpha < alphaMin) {
         stepper.stop();
-        event.call("end", simulation2);
+        event2.call("end", simulation2);
       }
     }
     function tick(iterations) {
@@ -33299,9 +33327,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (node.fx != null) node.x = node.fx;
         if (node.fy != null) node.y = node.fy;
         if (isNaN(node.x) || isNaN(node.y)) {
-          var radius = initialRadius * Math.sqrt(0.5 + i2), angle = i2 * initialAngle;
-          node.x = radius * Math.cos(angle);
-          node.y = radius * Math.sin(angle);
+          var radius2 = initialRadius * Math.sqrt(0.5 + i2), angle2 = i2 * initialAngle;
+          node.x = radius2 * Math.cos(angle2);
+          node.y = radius2 * Math.sin(angle2);
         }
         if (isNaN(node.vx) || isNaN(node.vy)) {
           node.vx = node.vy = 0;
@@ -33316,7 +33344,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return simulation2 = {
       tick,
       restart: function() {
-        return stepper.restart(step), simulation2;
+        return stepper.restart(step2), simulation2;
       },
       stop: function() {
         return stepper.stop(), simulation2;
@@ -33345,28 +33373,28 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       force: function(name2, _) {
         return arguments.length > 1 ? (_ == null ? forces.delete(name2) : forces.set(name2, initializeForce(_)), simulation2) : forces.get(name2);
       },
-      find: function(x2, y2, radius) {
+      find: function(x2, y2, radius2) {
         var i2 = 0, n = nodes.length, dx, dy, d2, node, closest;
-        if (radius == null) radius = Infinity;
-        else radius *= radius;
+        if (radius2 == null) radius2 = Infinity;
+        else radius2 *= radius2;
         for (i2 = 0; i2 < n; ++i2) {
           node = nodes[i2];
           dx = x2 - node.x;
           dy = y2 - node.y;
           d2 = dx * dx + dy * dy;
-          if (d2 < radius) closest = node, radius = d2;
+          if (d2 < radius2) closest = node, radius2 = d2;
         }
         return closest;
       },
       on: function(name2, _) {
-        return arguments.length > 1 ? (event.on(name2, _), simulation2) : event.on(name2);
+        return arguments.length > 1 ? (event2.on(name2, _), simulation2) : event2.on(name2);
       }
     };
   }
   function manyBody() {
     var nodes, node, random, alpha, strength = constant(-30), strengths, distanceMin2 = 1, distanceMax2 = Infinity, theta2 = 0.81;
     function force(_) {
-      var i2, n = nodes.length, tree2 = quadtree(nodes, x, y).visitAfter(accumulate);
+      var i2, n = nodes.length, tree2 = quadtree(nodes, x$1, y$1).visitAfter(accumulate);
       for (alpha = _, i2 = 0; i2 < n; ++i2) node = nodes[i2], tree2.visit(apply);
     }
     function initialize() {
@@ -33448,7 +33476,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.container = document.getElementById(containerId);
       this.onNodeClick = onNodeClick;
     }
-    render(data) {
+    render(data2) {
       if (!this.container) {
         throw new Error("Container not found");
       }
@@ -33458,11 +33486,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       const width = this.container.clientWidth;
       const height = this.container.clientHeight;
-      const nodes = data.map((d) => __spreadValues({
+      const nodes = data2.map((d) => __spreadValues({
         id: String(d.id)
       }, d));
       const validNodeIds = new Set(nodes.map((n) => n.id));
-      const links = data.filter((d) => d.parentId !== void 0 && d.parentId !== null).map((d) => ({
+      const links = data2.filter((d) => d.parentId !== void 0 && d.parentId !== null).map((d) => ({
         source: String(d.parentId),
         target: String(d.id)
       })).filter((link2) => validNodeIds.has(link2.source) && validNodeIds.has(link2.target));
@@ -33471,13 +33499,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       console.log("Sample links:", links.slice(0, 5));
       const svg2 = select(this.container).append("svg").attr("width", width).attr("height", height).style("background", "linear-gradient(to bottom, #fafbfc 0%, #f5f7fa 100%)");
       const g = svg2.append("g");
-      const zoom$1 = zoom().scaleExtent([0.1, 4]).on("zoom", (event) => {
-        g.attr("transform", event.transform);
+      const zoom$1 = zoom().scaleExtent([0.1, 4]).on("zoom", (event2) => {
+        g.attr("transform", event2.transform);
       });
       svg2.call(zoom$1);
       this.simulation = simulation(nodes).force("link", link(links).id((d) => d.id).distance(150)).force("charge", manyBody().strength(-300)).force("center", center(width / 2, height / 2)).force("collision", collide().radius(60));
       const link$12 = g.append("g").selectAll("line").data(links).join("line").attr("stroke", "#999").attr("stroke-opacity", 0.6).attr("stroke-width", 2);
-      const node = g.append("g").selectAll("g").data(nodes).join("g").call(drag().on("start", (event, d) => this.dragstarted(event, d)).on("drag", (event, d) => this.dragged(event, d)).on("end", (event, d) => this.dragended(event, d)));
+      const node = g.append("g").selectAll("g").data(nodes).join("g").call(drag().on("start", (event2, d) => this.dragstarted(event2, d)).on("drag", (event2, d) => this.dragged(event2, d)).on("end", (event2, d) => this.dragended(event2, d)));
       node.append("circle").attr("r", 40).attr("fill", "#4A90E2").attr("stroke", "#fff").attr("stroke-width", 3);
       node.append("text").text((d) => d.name).attr("text-anchor", "middle").attr("dy", 60).attr("font-size", "12px").attr("font-weight", "bold").attr("fill", "#333").style("pointer-events", "none");
       node.append("title").text((d) => `${d.name}
@@ -33494,19 +33522,19 @@ ${d.email || ""}`);
         node.attr("transform", (d) => `translate(${d.x},${d.y})`);
       });
     }
-    dragstarted(event, d) {
-      if (!event.active && this.simulation) {
+    dragstarted(event2, d) {
+      if (!event2.active && this.simulation) {
         this.simulation.alphaTarget(0.3).restart();
       }
       d.fx = d.x;
       d.fy = d.y;
     }
-    dragged(event, d) {
-      d.fx = event.x;
-      d.fy = event.y;
+    dragged(event2, d) {
+      d.fx = event2.x;
+      d.fy = event2.y;
     }
-    dragended(event, d) {
-      if (!event.active && this.simulation) {
+    dragended(event2, d) {
+      if (!event2.active && this.simulation) {
         this.simulation.alphaTarget(0);
       }
       d.fx = null;
@@ -33519,430 +33547,30802 @@ ${d.email || ""}`);
       }
     }
   }
-  function generateUUID() {
-    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c2) {
-      const r = Math.random() * 16 | 0;
-      const v = c2 === "x" ? r : r & 3 | 8;
-      return v.toString(16);
-    });
+  function _arrayLikeToArray(r, a2) {
+    (null == a2 || a2 > r.length) && (a2 = r.length);
+    for (var e = 0, n = Array(a2); e < a2; e++) n[e] = r[e];
+    return n;
   }
-  class YChartEditor2 {
-    constructor(options) {
-      __publicField(this, "viewContainer", null);
-      __publicField(this, "editorContainer", null);
-      __publicField(this, "chartContainer", null);
-      __publicField(this, "editor", null);
-      __publicField(this, "orgChart", null);
-      __publicField(this, "forceGraph", null);
-      __publicField(this, "currentView", "hierarchy");
-      __publicField(this, "swapModeEnabled", false);
-      __publicField(this, "isUpdatingProgrammatically", false);
-      __publicField(this, "defaultOptions");
-      __publicField(this, "initialData", "");
-      __publicField(this, "detailsPanel", null);
-      __publicField(this, "bgPattern");
-      __publicField(this, "toolbar", null);
-      __publicField(this, "toolbarPosition", "bottomleft");
-      __publicField(this, "toolbarOrientation", "horizontal");
-      __publicField(this, "customTemplate", null);
-      __publicField(this, "currentSchema", {});
-      __publicField(this, "cardTemplate", null);
-      __publicField(this, "columnAdjustMode", false);
-      __publicField(this, "columnAdjustButtons", null);
-      __publicField(this, "experimental", false);
-      __publicField(this, "instanceId");
-      __publicField(this, "searchPopup", null);
-      __publicField(this, "searchHistoryPopup", null);
-      __publicField(this, "errorBanner", null);
-      // Default supervisor field aliases - can be overridden via schema or supervisorLookup()
-      __publicField(this, "supervisorFields", ["supervisor", "reports", "reports_to", "manager", "leader", "parent"]);
-      __publicField(this, "nameField", "name");
-      this.instanceId = generateUUID();
-      this.defaultOptions = __spreadValues({
-        nodeWidth: 220,
-        nodeHeight: 110,
-        childrenMargin: 50,
-        compactMarginBetween: 35,
-        compactMarginPair: 30,
-        neighbourMargin: 20,
-        editorTheme: "dark",
-        collapsible: true,
-        toolbarPosition: "bottomleft",
-        toolbarOrientation: "horizontal"
-      }, options);
-      this.toolbarPosition = this.defaultOptions.toolbarPosition;
-      this.toolbarOrientation = this.defaultOptions.toolbarOrientation;
-      this.experimental = this.defaultOptions.experimental || false;
-    }
-    /**
-     * Initialize the view with a container element
-     */
-    initView(containerIdOrElement, yamlData) {
-      this.viewContainer = typeof containerIdOrElement === "string" ? document.getElementById(containerIdOrElement) : containerIdOrElement;
-      if (!this.viewContainer) {
-        throw new Error(`Container not found: ${containerIdOrElement}`);
-      }
-      this.initialData = yamlData;
-      this.createLayout();
-      this.initializeEditor();
-      this.setupKeyboardShortcuts();
-      this.renderChart();
-      this.toggleEditor();
-      return this;
-    }
-    createLayout() {
-      if (!this.viewContainer) return;
-      this.viewContainer.innerHTML = "";
-      this.viewContainer.style.cssText = "display:flex;width:100%;height:100%;position:relative;";
-      const chartWrapper = document.createElement("div");
-      chartWrapper.style.cssText = "flex:1;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;";
-      this.chartContainer = document.createElement("div");
-      this.chartContainer.id = `ychart-chart-${this.instanceId}`;
-      this.chartContainer.setAttribute("data-id", `ychart-chart-${this.instanceId}`);
-      this.chartContainer.style.cssText = "flex:1;width:100%;height:100%;position:relative;";
-      chartWrapper.appendChild(this.chartContainer);
-      this.detailsPanel = document.createElement("div");
-      this.detailsPanel.id = `ychart-node-details-${this.instanceId}`;
-      this.detailsPanel.setAttribute("data-id", `ychart-node-details-${this.instanceId}`);
-      this.detailsPanel.style.cssText = `
-      display: none;
-      position: absolute;
-      right: 20px;
-      top: 20px;
-      background: white;
-      border: 2px solid #667eea;
-      border-radius: 8px;
-      padding: 1.5rem;
-      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-      max-width: 400px;
-      max-height: 80%;
-      overflow-y: auto;
-      z-index: 100;
-    `;
-      chartWrapper.appendChild(this.detailsPanel);
-      this.toolbar = this.createToolbar();
-      chartWrapper.appendChild(this.toolbar);
-      const editorSidebar = document.createElement("div");
-      editorSidebar.id = `ychart-editor-sidebar-${this.instanceId}`;
-      editorSidebar.setAttribute("data-id", `ychart-editor-sidebar-${this.instanceId}`);
-      editorSidebar.style.cssText = `
-      width: 400px;
-      height: 100%;
-      border-left: 1px solid #ccc;
-      overflow: hidden;
-      position: relative;
-      transition: width 0.3s ease, border-left-width 0s 0.3s;
-      flex-shrink: 0;
-      display: flex;
-      flex-direction: column;
-    `;
-      this.errorBanner = document.createElement("div");
-      this.errorBanner.id = `ychart-error-banner-${this.instanceId}`;
-      this.errorBanner.className = "ychart-error-banner";
-      this.errorBanner.style.cssText = `
-      display: none;
-      background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
-      border-bottom: 2px solid #ef4444;
-      padding: 8px 12px;
-      max-height: 120px;
-      overflow-y: auto;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      font-size: 13px;
-    `;
-      editorSidebar.appendChild(this.errorBanner);
-      const editorHeader = document.createElement("div");
-      editorHeader.style.cssText = `
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 8px 12px;
-      background: #282c34;
-      border-bottom: 1px solid #3e4451;
-    `;
-      const editorTitle = document.createElement("div");
-      editorTitle.textContent = "YAML Editor";
-      editorTitle.style.cssText = "color: #abb2bf; font-size: 12px; font-weight: 600;";
-      editorHeader.appendChild(editorTitle);
-      const formatBtn = document.createElement("button");
-      formatBtn.innerHTML = `
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <polyline points="16 18 22 12 16 6"/>
-        <polyline points="8 6 2 12 8 18"/>
-      </svg>
-      <span style="margin-left: 4px;">Format</span>
-    `;
-      formatBtn.style.cssText = `
-      display: flex;
-      align-items: center;
-      background: #667eea;
-      color: white;
-      border: none;
-      padding: 4px 8px;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 11px;
-      transition: background 0.2s ease;
-    `;
-      formatBtn.onmouseenter = () => {
-        formatBtn.style.background = "#5568d3";
-      };
-      formatBtn.onmouseleave = () => {
-        formatBtn.style.background = "#667eea";
-      };
-      formatBtn.onclick = () => this.handleFormatYAML();
-      editorHeader.appendChild(formatBtn);
-      editorSidebar.appendChild(editorHeader);
-      this.editorContainer = document.createElement("div");
-      this.editorContainer.id = `ychart-editor-${this.instanceId}`;
-      this.editorContainer.setAttribute("data-id", `ychart-editor-${this.instanceId}`);
-      this.editorContainer.style.cssText = "width:100%;height:100%;flex:1;overflow:hidden;";
-      editorSidebar.appendChild(this.editorContainer);
-      if (this.defaultOptions.collapsible) {
-        const collapseBtn = document.createElement("button");
-        collapseBtn.setAttribute("data-id", `ychart-collapse-editor-${this.instanceId}`);
-        collapseBtn.innerHTML = "▶";
-        collapseBtn.style.cssText = `
-        position: absolute;
-        right: 399px;
-        top: 10px;
-        z-index: 1001;
-        background: #667eea;
-        color: white;
-        border: none;
-        padding: 8px 6px;
-        cursor: pointer;
-        border-radius: 4px 0 0 4px;
-        font-size: 12px;
-        transition: right 0.3s ease;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-      `;
-        collapseBtn.onclick = () => this.toggleEditor();
-        this.viewContainer.appendChild(collapseBtn);
-      }
-      this.viewContainer.appendChild(chartWrapper);
-      this.viewContainer.appendChild(editorSidebar);
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
+  }
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray(r);
+  }
+  function _classCallCheck(a2, n) {
+    if (!(a2 instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _defineProperties(e, r) {
+    for (var t2 = 0; t2 < r.length; t2++) {
+      var o = r[t2];
+      o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o);
     }
-    getToolbarPositionStyles() {
-      const margin = "20px";
-      switch (this.toolbarPosition) {
-        case "topleft":
-          return `top: ${margin}; left: ${margin};`;
-        case "topright":
-          return `top: ${margin}; right: ${margin};`;
-        case "bottomleft":
-          return `bottom: ${margin}; left: ${margin};`;
-        case "bottomright":
-          return `bottom: ${margin}; right: ${margin};`;
-        case "topcenter":
-          return `top: ${margin}; left: 50%; transform: translateX(-50%);`;
-        case "bottomcenter":
-          return `bottom: ${margin}; left: 50%; transform: translateX(-50%);`;
-        default:
-          return `bottom: ${margin}; left: ${margin};`;
+  }
+  function _createClass(e, r, t2) {
+    return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+      writable: false
+    }), e;
+  }
+  function _createForOfIteratorHelper(r, e) {
+    var t2 = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (!t2) {
+      if (Array.isArray(r) || (t2 = _unsupportedIterableToArray(r)) || e) {
+        t2 && (r = t2);
+        var n = 0, F = function() {
+        };
+        return {
+          s: F,
+          n: function() {
+            return n >= r.length ? {
+              done: true
+            } : {
+              done: false,
+              value: r[n++]
+            };
+          },
+          e: function(r2) {
+            throw r2;
+          },
+          f: F
+        };
       }
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    getTooltipPosition() {
-      const isVertical = this.toolbarOrientation === "vertical";
-      if (isVertical) {
-        if (this.toolbarPosition.includes("left")) {
-          return `left: calc(100% + 8px); top: 50%; transform: translateY(-50%) scale(0.8);`;
+    var o, a2 = true, u = false;
+    return {
+      s: function() {
+        t2 = t2.call(r);
+      },
+      n: function() {
+        var r2 = t2.next();
+        return a2 = r2.done, r2;
+      },
+      e: function(r2) {
+        u = true, o = r2;
+      },
+      f: function() {
+        try {
+          a2 || null == t2.return || t2.return();
+        } finally {
+          if (u) throw o;
         }
-        return `right: calc(100% + 8px); top: 50%; transform: translateY(-50%) scale(0.8);`;
       }
-      if (this.toolbarPosition.includes("top")) {
-        return `top: calc(100% + 8px); left: 50%; transform: translateX(-50%) scale(0.8);`;
+    };
+  }
+  function _defineProperty$1(e, r, t2) {
+    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t2,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    }) : e[r] = t2, e;
+  }
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
+  function _iterableToArrayLimit(r, l) {
+    var t2 = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t2) {
+      var e, n, i2, u, a2 = [], f = true, o = false;
+      try {
+        if (i2 = (t2 = t2.call(r)).next, 0 === l) {
+          if (Object(t2) !== t2) return;
+          f = false;
+        } else for (; !(f = (e = i2.call(t2)).done) && (a2.push(e.value), a2.length !== l); f = true) ;
+      } catch (r2) {
+        o = true, n = r2;
+      } finally {
+        try {
+          if (!f && null != t2.return && (u = t2.return(), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
       }
-      return `bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%) scale(0.8);`;
+      return a2;
     }
-    createToolbar() {
-      const toolbar = document.createElement("div");
-      toolbar.setAttribute("data-id", `ychart-toolbar-${this.instanceId}`);
-      const positionStyles = this.getToolbarPositionStyles();
-      const orientation = this.toolbarOrientation === "vertical" ? "column" : "row";
-      toolbar.style.cssText = `
-      position: absolute;
-      ${positionStyles}
-      display: flex;
-      flex-direction: ${orientation};
-      gap: 8px;
-      background: rgba(255, 255, 255, 0.95);
-      backdrop-filter: blur(10px);
-      border-radius: 12px;
-      padding: 8px;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-      z-index: 50;
-      border: 1px solid rgba(0, 0, 0, 0.1);
-    `;
-      const icons = {
-        reset: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2"/></svg>`,
-        fit: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg>`,
-        export: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5-5 5 5M12 15V3"/></svg>`,
-        swap: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3l4 4-4 4M8 21l-4-4 4-4M20 7H4M4 17h16"/></svg>`,
-        forceGraph: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="2"/><circle cx="19" cy="12" r="2"/><circle cx="5" cy="12" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="12" cy="19" r="2"/><line x1="12" y1="7" x2="12" y2="10"/><line x1="12" y1="14" x2="12" y2="17"/><line x1="14" y1="12" x2="17" y2="12"/><line x1="7" y1="12" x2="10" y2="12"/></svg>`,
-        orgChart: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg>`,
-        expandAll: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>`,
-        collapseAll: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/></svg>`,
-        columnAdjust: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="18" rx="1"/><rect x="14" y="3" width="7" height="18" rx="1"/><line x1="6.5" y1="8" x2="6.5" y2="16"/><line x1="17.5" y1="8" x2="17.5" y2="16"/></svg>`,
-        search: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>`
+  }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  }
+  function _toConsumableArray(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+  }
+  function _toPrimitive(t2, r) {
+    if ("object" != typeof t2 || !t2) return t2;
+    var e = t2[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i2 = e.call(t2, r);
+      if ("object" != typeof i2) return i2;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return String(t2);
+  }
+  function _toPropertyKey(t2) {
+    var i2 = _toPrimitive(t2, "string");
+    return "symbol" == typeof i2 ? i2 : i2 + "";
+  }
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+      return typeof o2;
+    } : function(o2) {
+      return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+    }, _typeof(o);
+  }
+  function _unsupportedIterableToArray(r, a2) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a2);
+      var t2 = {}.toString.call(r).slice(8, -1);
+      return "Object" === t2 && r.constructor && (t2 = r.constructor.name), "Map" === t2 || "Set" === t2 ? Array.from(r) : "Arguments" === t2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray(r, a2) : void 0;
+    }
+  }
+  var _window = typeof window === "undefined" ? null : window;
+  var navigator$1 = _window ? _window.navigator : null;
+  _window ? _window.document : null;
+  var typeofstr = _typeof("");
+  var typeofobj = _typeof({});
+  var typeoffn = _typeof(function() {
+  });
+  var typeofhtmlele = typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement);
+  var instanceStr = function instanceStr2(obj) {
+    return obj && obj.instanceString && fn$6(obj.instanceString) ? obj.instanceString() : null;
+  };
+  var string = function string2(obj) {
+    return obj != null && _typeof(obj) == typeofstr;
+  };
+  var fn$6 = function fn2(obj) {
+    return obj != null && _typeof(obj) === typeoffn;
+  };
+  var array = function array2(obj) {
+    return !elementOrCollection(obj) && (Array.isArray ? Array.isArray(obj) : obj != null && obj instanceof Array);
+  };
+  var plainObject = function plainObject2(obj) {
+    return obj != null && _typeof(obj) === typeofobj && !array(obj) && obj.constructor === Object;
+  };
+  var object = function object2(obj) {
+    return obj != null && _typeof(obj) === typeofobj;
+  };
+  var number$1 = function number2(obj) {
+    return obj != null && _typeof(obj) === _typeof(1) && !isNaN(obj);
+  };
+  var integer = function integer2(obj) {
+    return number$1(obj) && Math.floor(obj) === obj;
+  };
+  var htmlElement = function htmlElement2(obj) {
+    if ("undefined" === typeofhtmlele) {
+      return void 0;
+    } else {
+      return null != obj && obj instanceof HTMLElement;
+    }
+  };
+  var elementOrCollection = function elementOrCollection2(obj) {
+    return element(obj) || collection(obj);
+  };
+  var element = function element2(obj) {
+    return instanceStr(obj) === "collection" && obj._private.single;
+  };
+  var collection = function collection2(obj) {
+    return instanceStr(obj) === "collection" && !obj._private.single;
+  };
+  var core = function core2(obj) {
+    return instanceStr(obj) === "core";
+  };
+  var stylesheet = function stylesheet2(obj) {
+    return instanceStr(obj) === "stylesheet";
+  };
+  var event = function event2(obj) {
+    return instanceStr(obj) === "event";
+  };
+  var emptyString = function emptyString2(obj) {
+    if (obj === void 0 || obj === null) {
+      return true;
+    } else if (obj === "" || obj.match(/^\s+$/)) {
+      return true;
+    }
+    return false;
+  };
+  var domElement = function domElement2(obj) {
+    if (typeof HTMLElement === "undefined") {
+      return false;
+    } else {
+      return obj instanceof HTMLElement;
+    }
+  };
+  var boundingBox = function boundingBox2(obj) {
+    return plainObject(obj) && number$1(obj.x1) && number$1(obj.x2) && number$1(obj.y1) && number$1(obj.y2);
+  };
+  var promise = function promise2(obj) {
+    return object(obj) && fn$6(obj.then);
+  };
+  var ms = function ms2() {
+    return navigator$1 && navigator$1.userAgent.match(/msie|trident|edge/i);
+  };
+  var memoize = function memoize2(fn2, keyFn) {
+    if (!keyFn) {
+      keyFn = function keyFn2() {
+        if (arguments.length === 1) {
+          return arguments[0];
+        } else if (arguments.length === 0) {
+          return "undefined";
+        }
+        var args = [];
+        for (var i2 = 0; i2 < arguments.length; i2++) {
+          args.push(arguments[i2]);
+        }
+        return args.join("$");
       };
-      const buttons = [
-        { id: "fit", icon: icons.fit, tooltip: "Fit to Screen", action: () => this.handleFit() },
-        { id: "reset", icon: icons.reset, tooltip: "Reset Position", action: () => this.handleReset() },
-        { id: "search", icon: icons.search, tooltip: "Search/Filter Nodes", action: () => this.handleSearch() },
-        { id: "expandAll", icon: icons.expandAll, tooltip: "Expand All", action: () => this.handleExpandAll() },
-        { id: "collapseAll", icon: icons.collapseAll, tooltip: "Collapse All", action: () => this.handleCollapseAll() },
-        { id: "columnAdjust", icon: icons.columnAdjust, tooltip: "Adjust Child Columns", action: () => this.handleColumnAdjustToggle() },
-        { id: "swap", icon: icons.swap, tooltip: "Swap Mode", action: () => this.handleSwapToggle() },
-        { id: "export", icon: icons.export, tooltip: "Export SVG", action: () => this.handleExport() }
-      ];
-      if (this.experimental) {
-        buttons.splice(6, 0, {
-          id: "toggleView",
-          icon: this.currentView === "hierarchy" ? icons.forceGraph : icons.orgChart,
-          tooltip: this.currentView === "hierarchy" ? "Switch to Force Graph (Experimental)" : "Switch to Org Chart",
-          action: () => this.handleToggleView()
-        });
+    }
+    var _memoizedFn = function memoizedFn() {
+      var self2 = this;
+      var args = arguments;
+      var ret;
+      var k = keyFn.apply(self2, args);
+      var cache2 = _memoizedFn.cache;
+      if (!(ret = cache2[k])) {
+        ret = cache2[k] = fn2.apply(self2, args);
       }
-      buttons.forEach((btn) => {
-        const button = document.createElement("button");
-        button.setAttribute("data-id", `ychart-btn-${btn.id}-${this.instanceId}`);
-        button.innerHTML = btn.icon;
-        button.setAttribute("data-tooltip", btn.tooltip);
-        button.style.cssText = `
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 36px;
-        height: 36px;
-        border: none;
-        background: transparent;
-        color: #4a5568;
-        cursor: pointer;
-        border-radius: 8px;
-        transition: all 0.2s ease;
-        padding: 0;
-      `;
-        const tooltip = document.createElement("span");
-        tooltip.className = "ychart-tooltip";
-        tooltip.textContent = btn.tooltip;
-        const tooltipPosition = this.getTooltipPosition();
-        tooltip.style.cssText = `
-        position: absolute;
-        ${tooltipPosition}
-        background: rgba(0, 0, 0, 0.9);
-        color: white;
-        padding: 6px 12px;
-        border-radius: 6px;
-        font-size: 12px;
-        white-space: nowrap;
-        pointer-events: none;
-        opacity: 0;
-        transform: scale(0.8);
-        transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-        z-index: 1000;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-      `;
-        button.appendChild(tooltip);
-        if (btn.id === "toggleView" && this.experimental) {
-          const badge = document.createElement("span");
-          badge.textContent = "!";
-          badge.style.cssText = `
-          position: absolute;
-          top: -4px;
-          right: -4px;
-          background: #f59e0b;
-          color: white;
-          border-radius: 50%;
-          width: 16px;
-          height: 16px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          font-size: 12px;
-          font-weight: bold;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-        `;
-          button.appendChild(badge);
-        }
-        button.onmouseenter = () => {
-          button.style.background = "#667eea";
-          button.style.color = "white";
-          button.style.transform = "translateY(-2px)";
-          tooltip.style.opacity = "1";
-          const isVertical = this.toolbarOrientation === "vertical";
-          if (isVertical) {
-            if (this.toolbarPosition.includes("left")) {
-              tooltip.style.transform = "translateY(-50%) scale(1)";
-            } else {
-              tooltip.style.transform = "translateY(-50%) scale(1)";
-            }
-          } else {
-            tooltip.style.transform = "translateX(-50%) scale(1)";
-          }
-        };
-        button.onmouseleave = () => {
-          if (btn.id === "swap" && this.swapModeEnabled) {
-            button.style.background = "#e74c3c";
-            button.style.color = "white";
-          } else if (btn.id === "columnAdjust" && this.columnAdjustMode) {
-            button.style.background = "#9b59b6";
-            button.style.color = "white";
-          } else {
-            button.style.background = "transparent";
-            button.style.color = "#4a5568";
-          }
-          button.style.transform = "translateY(0)";
-          tooltip.style.opacity = "0";
-          const isVertical = this.toolbarOrientation === "vertical";
-          if (isVertical) {
-            if (this.toolbarPosition.includes("left")) {
-              tooltip.style.transform = "translateY(-50%) scale(0.8)";
-            } else {
-              tooltip.style.transform = "translateY(-50%) scale(0.8)";
-            }
-          } else {
-            tooltip.style.transform = "translateX(-50%) scale(0.8)";
-          }
-        };
-        button.onclick = btn.action;
-        toolbar.appendChild(button);
-      });
-      return toolbar;
+      return ret;
+    };
+    _memoizedFn.cache = {};
+    return _memoizedFn;
+  };
+  var camel2dash = memoize(function(str2) {
+    return str2.replace(/([A-Z])/g, function(v) {
+      return "-" + v.toLowerCase();
+    });
+  });
+  var dash2camel = memoize(function(str2) {
+    return str2.replace(/(-\w)/g, function(v) {
+      return v[1].toUpperCase();
+    });
+  });
+  var prependCamel = memoize(function(prefix, str2) {
+    return prefix + str2[0].toUpperCase() + str2.substring(1);
+  }, function(prefix, str2) {
+    return prefix + "$" + str2;
+  });
+  var capitalize = function capitalize2(str2) {
+    if (emptyString(str2)) {
+      return str2;
     }
-    handleFit() {
-      if (this.orgChart) {
-        this.orgChart.fit();
+    return str2.charAt(0).toUpperCase() + str2.substring(1);
+  };
+  var endsWith = function endsWith2(string2, suffix) {
+    return string2.slice(-1 * suffix.length) === suffix;
+  };
+  var number = "(?:[-+]?(?:(?:\\d+|\\d*\\.\\d+)(?:[Ee][+-]?\\d+)?))";
+  var rgba = "rgb[a]?\\((" + number + "[%]?)\\s*,\\s*(" + number + "[%]?)\\s*,\\s*(" + number + "[%]?)(?:\\s*,\\s*(" + number + "))?\\)";
+  var rgbaNoBackRefs = "rgb[a]?\\((?:" + number + "[%]?)\\s*,\\s*(?:" + number + "[%]?)\\s*,\\s*(?:" + number + "[%]?)(?:\\s*,\\s*(?:" + number + "))?\\)";
+  var hsla = "hsl[a]?\\((" + number + ")\\s*,\\s*(" + number + "[%])\\s*,\\s*(" + number + "[%])(?:\\s*,\\s*(" + number + "))?\\)";
+  var hslaNoBackRefs = "hsl[a]?\\((?:" + number + ")\\s*,\\s*(?:" + number + "[%])\\s*,\\s*(?:" + number + "[%])(?:\\s*,\\s*(?:" + number + "))?\\)";
+  var hex3 = "\\#[0-9a-fA-F]{3}";
+  var hex6 = "\\#[0-9a-fA-F]{6}";
+  var ascending = function ascending2(a2, b) {
+    if (a2 < b) {
+      return -1;
+    } else if (a2 > b) {
+      return 1;
+    } else {
+      return 0;
+    }
+  };
+  var descending = function descending2(a2, b) {
+    return -1 * ascending(a2, b);
+  };
+  var extend = Object.assign != null ? Object.assign.bind(Object) : function(tgt) {
+    var args = arguments;
+    for (var i2 = 1; i2 < args.length; i2++) {
+      var obj = args[i2];
+      if (obj == null) {
+        continue;
+      }
+      var keys2 = Object.keys(obj);
+      for (var j = 0; j < keys2.length; j++) {
+        var k = keys2[j];
+        tgt[k] = obj[k];
       }
     }
-    handleReset() {
-      this.renderChart();
+    return tgt;
+  };
+  var hex2tuple = function hex2tuple2(hex2) {
+    if (!(hex2.length === 4 || hex2.length === 7) || hex2[0] !== "#") {
+      return;
     }
-    handleSwapToggle() {
-      if (!this.orgChart) return;
-      this.swapModeEnabled = !this.swapModeEnabled;
-      if (typeof this.orgChart.enableSwapMode === "function") {
-        this.orgChart.enableSwapMode(this.swapModeEnabled);
+    var shortHex = hex2.length === 4;
+    var r, g, b;
+    var base2 = 16;
+    if (shortHex) {
+      r = parseInt(hex2[1] + hex2[1], base2);
+      g = parseInt(hex2[2] + hex2[2], base2);
+      b = parseInt(hex2[3] + hex2[3], base2);
+    } else {
+      r = parseInt(hex2[1] + hex2[2], base2);
+      g = parseInt(hex2[3] + hex2[4], base2);
+      b = parseInt(hex2[5] + hex2[6], base2);
+    }
+    return [r, g, b];
+  };
+  var hsl2tuple = function hsl2tuple2(hsl2) {
+    var ret;
+    var h, s, l, a2, r, g, b;
+    function hue2rgb(p3, q2, t2) {
+      if (t2 < 0) t2 += 1;
+      if (t2 > 1) t2 -= 1;
+      if (t2 < 1 / 6) return p3 + (q2 - p3) * 6 * t2;
+      if (t2 < 1 / 2) return q2;
+      if (t2 < 2 / 3) return p3 + (q2 - p3) * (2 / 3 - t2) * 6;
+      return p3;
+    }
+    var m2 = new RegExp("^" + hsla + "$").exec(hsl2);
+    if (m2) {
+      h = parseInt(m2[1]);
+      if (h < 0) {
+        h = (360 - -1 * h % 360) % 360;
+      } else if (h > 360) {
+        h = h % 360;
+      }
+      h /= 360;
+      s = parseFloat(m2[2]);
+      if (s < 0 || s > 100) {
+        return;
       }
-      if (typeof this.orgChart.onNodeSwap === "function") {
-        this.orgChart.onNodeSwap((data1, data2) => {
-          this.updateYAMLAfterSwap(data1, data2);
-        });
+      s = s / 100;
+      l = parseFloat(m2[3]);
+      if (l < 0 || l > 100) {
+        return;
       }
-      const swapBtn = document.querySelector(`[data-id="ychart-btn-swap-${this.instanceId}"]`);
-      if (swapBtn) {
-        if (this.swapModeEnabled) {
-          swapBtn.style.background = "#e74c3c";
-          swapBtn.style.color = "white";
-        } else {
-          swapBtn.style.background = "transparent";
-          swapBtn.style.color = "#4a5568";
+      l = l / 100;
+      a2 = m2[4];
+      if (a2 !== void 0) {
+        a2 = parseFloat(a2);
+        if (a2 < 0 || a2 > 1) {
+          return;
         }
       }
-    }
-    handleToggleView() {
-      if (this.currentView === "hierarchy") {
-        this.renderForceGraph();
+      if (s === 0) {
+        r = g = b = Math.round(l * 255);
+      } else {
+        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        var p2 = 2 * l - q;
+        r = Math.round(255 * hue2rgb(p2, q, h + 1 / 3));
+        g = Math.round(255 * hue2rgb(p2, q, h));
+        b = Math.round(255 * hue2rgb(p2, q, h - 1 / 3));
+      }
+      ret = [r, g, b, a2];
+    }
+    return ret;
+  };
+  var rgb2tuple = function rgb2tuple2(rgb2) {
+    var ret;
+    var m2 = new RegExp("^" + rgba + "$").exec(rgb2);
+    if (m2) {
+      ret = [];
+      var isPct = [];
+      for (var i2 = 1; i2 <= 3; i2++) {
+        var channel = m2[i2];
+        if (channel[channel.length - 1] === "%") {
+          isPct[i2] = true;
+        }
+        channel = parseFloat(channel);
+        if (isPct[i2]) {
+          channel = channel / 100 * 255;
+        }
+        if (channel < 0 || channel > 255) {
+          return;
+        }
+        ret.push(Math.floor(channel));
+      }
+      var atLeastOneIsPct = isPct[1] || isPct[2] || isPct[3];
+      var allArePct = isPct[1] && isPct[2] && isPct[3];
+      if (atLeastOneIsPct && !allArePct) {
+        return;
+      }
+      var alpha = m2[4];
+      if (alpha !== void 0) {
+        alpha = parseFloat(alpha);
+        if (alpha < 0 || alpha > 1) {
+          return;
+        }
+        ret.push(alpha);
+      }
+    }
+    return ret;
+  };
+  var colorname2tuple = function colorname2tuple2(color2) {
+    return colors[color2.toLowerCase()];
+  };
+  var color2tuple = function color2tuple2(color2) {
+    return (array(color2) ? color2 : null) || colorname2tuple(color2) || hex2tuple(color2) || rgb2tuple(color2) || hsl2tuple(color2);
+  };
+  var colors = {
+    // special colour names
+    transparent: [0, 0, 0, 0],
+    // NB alpha === 0
+    // regular colours
+    aliceblue: [240, 248, 255],
+    antiquewhite: [250, 235, 215],
+    aqua: [0, 255, 255],
+    aquamarine: [127, 255, 212],
+    azure: [240, 255, 255],
+    beige: [245, 245, 220],
+    bisque: [255, 228, 196],
+    black: [0, 0, 0],
+    blanchedalmond: [255, 235, 205],
+    blue: [0, 0, 255],
+    blueviolet: [138, 43, 226],
+    brown: [165, 42, 42],
+    burlywood: [222, 184, 135],
+    cadetblue: [95, 158, 160],
+    chartreuse: [127, 255, 0],
+    chocolate: [210, 105, 30],
+    coral: [255, 127, 80],
+    cornflowerblue: [100, 149, 237],
+    cornsilk: [255, 248, 220],
+    crimson: [220, 20, 60],
+    cyan: [0, 255, 255],
+    darkblue: [0, 0, 139],
+    darkcyan: [0, 139, 139],
+    darkgoldenrod: [184, 134, 11],
+    darkgray: [169, 169, 169],
+    darkgreen: [0, 100, 0],
+    darkgrey: [169, 169, 169],
+    darkkhaki: [189, 183, 107],
+    darkmagenta: [139, 0, 139],
+    darkolivegreen: [85, 107, 47],
+    darkorange: [255, 140, 0],
+    darkorchid: [153, 50, 204],
+    darkred: [139, 0, 0],
+    darksalmon: [233, 150, 122],
+    darkseagreen: [143, 188, 143],
+    darkslateblue: [72, 61, 139],
+    darkslategray: [47, 79, 79],
+    darkslategrey: [47, 79, 79],
+    darkturquoise: [0, 206, 209],
+    darkviolet: [148, 0, 211],
+    deeppink: [255, 20, 147],
+    deepskyblue: [0, 191, 255],
+    dimgray: [105, 105, 105],
+    dimgrey: [105, 105, 105],
+    dodgerblue: [30, 144, 255],
+    firebrick: [178, 34, 34],
+    floralwhite: [255, 250, 240],
+    forestgreen: [34, 139, 34],
+    fuchsia: [255, 0, 255],
+    gainsboro: [220, 220, 220],
+    ghostwhite: [248, 248, 255],
+    gold: [255, 215, 0],
+    goldenrod: [218, 165, 32],
+    gray: [128, 128, 128],
+    grey: [128, 128, 128],
+    green: [0, 128, 0],
+    greenyellow: [173, 255, 47],
+    honeydew: [240, 255, 240],
+    hotpink: [255, 105, 180],
+    indianred: [205, 92, 92],
+    indigo: [75, 0, 130],
+    ivory: [255, 255, 240],
+    khaki: [240, 230, 140],
+    lavender: [230, 230, 250],
+    lavenderblush: [255, 240, 245],
+    lawngreen: [124, 252, 0],
+    lemonchiffon: [255, 250, 205],
+    lightblue: [173, 216, 230],
+    lightcoral: [240, 128, 128],
+    lightcyan: [224, 255, 255],
+    lightgoldenrodyellow: [250, 250, 210],
+    lightgray: [211, 211, 211],
+    lightgreen: [144, 238, 144],
+    lightgrey: [211, 211, 211],
+    lightpink: [255, 182, 193],
+    lightsalmon: [255, 160, 122],
+    lightseagreen: [32, 178, 170],
+    lightskyblue: [135, 206, 250],
+    lightslategray: [119, 136, 153],
+    lightslategrey: [119, 136, 153],
+    lightsteelblue: [176, 196, 222],
+    lightyellow: [255, 255, 224],
+    lime: [0, 255, 0],
+    limegreen: [50, 205, 50],
+    linen: [250, 240, 230],
+    magenta: [255, 0, 255],
+    maroon: [128, 0, 0],
+    mediumaquamarine: [102, 205, 170],
+    mediumblue: [0, 0, 205],
+    mediumorchid: [186, 85, 211],
+    mediumpurple: [147, 112, 219],
+    mediumseagreen: [60, 179, 113],
+    mediumslateblue: [123, 104, 238],
+    mediumspringgreen: [0, 250, 154],
+    mediumturquoise: [72, 209, 204],
+    mediumvioletred: [199, 21, 133],
+    midnightblue: [25, 25, 112],
+    mintcream: [245, 255, 250],
+    mistyrose: [255, 228, 225],
+    moccasin: [255, 228, 181],
+    navajowhite: [255, 222, 173],
+    navy: [0, 0, 128],
+    oldlace: [253, 245, 230],
+    olive: [128, 128, 0],
+    olivedrab: [107, 142, 35],
+    orange: [255, 165, 0],
+    orangered: [255, 69, 0],
+    orchid: [218, 112, 214],
+    palegoldenrod: [238, 232, 170],
+    palegreen: [152, 251, 152],
+    paleturquoise: [175, 238, 238],
+    palevioletred: [219, 112, 147],
+    papayawhip: [255, 239, 213],
+    peachpuff: [255, 218, 185],
+    peru: [205, 133, 63],
+    pink: [255, 192, 203],
+    plum: [221, 160, 221],
+    powderblue: [176, 224, 230],
+    purple: [128, 0, 128],
+    red: [255, 0, 0],
+    rosybrown: [188, 143, 143],
+    royalblue: [65, 105, 225],
+    saddlebrown: [139, 69, 19],
+    salmon: [250, 128, 114],
+    sandybrown: [244, 164, 96],
+    seagreen: [46, 139, 87],
+    seashell: [255, 245, 238],
+    sienna: [160, 82, 45],
+    silver: [192, 192, 192],
+    skyblue: [135, 206, 235],
+    slateblue: [106, 90, 205],
+    slategray: [112, 128, 144],
+    slategrey: [112, 128, 144],
+    snow: [255, 250, 250],
+    springgreen: [0, 255, 127],
+    steelblue: [70, 130, 180],
+    tan: [210, 180, 140],
+    teal: [0, 128, 128],
+    thistle: [216, 191, 216],
+    tomato: [255, 99, 71],
+    turquoise: [64, 224, 208],
+    violet: [238, 130, 238],
+    wheat: [245, 222, 179],
+    white: [255, 255, 255],
+    whitesmoke: [245, 245, 245],
+    yellow: [255, 255, 0],
+    yellowgreen: [154, 205, 50]
+  };
+  var setMap = function setMap2(options) {
+    var obj = options.map;
+    var keys2 = options.keys;
+    var l = keys2.length;
+    for (var i2 = 0; i2 < l; i2++) {
+      var key = keys2[i2];
+      if (plainObject(key)) {
+        throw Error("Tried to set map with object key");
+      }
+      if (i2 < keys2.length - 1) {
+        if (obj[key] == null) {
+          obj[key] = {};
+        }
+        obj = obj[key];
+      } else {
+        obj[key] = options.value;
+      }
+    }
+  };
+  var getMap = function getMap2(options) {
+    var obj = options.map;
+    var keys2 = options.keys;
+    var l = keys2.length;
+    for (var i2 = 0; i2 < l; i2++) {
+      var key = keys2[i2];
+      if (plainObject(key)) {
+        throw Error("Tried to get map with object key");
+      }
+      obj = obj[key];
+      if (obj == null) {
+        return obj;
+      }
+    }
+    return obj;
+  };
+  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+  function getDefaultExportFromCjs(x2) {
+    return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
+  }
+  var isObject_1;
+  var hasRequiredIsObject;
+  function requireIsObject() {
+    if (hasRequiredIsObject) return isObject_1;
+    hasRequiredIsObject = 1;
+    function isObject2(value) {
+      var type2 = typeof value;
+      return value != null && (type2 == "object" || type2 == "function");
+    }
+    isObject_1 = isObject2;
+    return isObject_1;
+  }
+  var _freeGlobal;
+  var hasRequired_freeGlobal;
+  function require_freeGlobal() {
+    if (hasRequired_freeGlobal) return _freeGlobal;
+    hasRequired_freeGlobal = 1;
+    var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+    _freeGlobal = freeGlobal;
+    return _freeGlobal;
+  }
+  var _root;
+  var hasRequired_root;
+  function require_root() {
+    if (hasRequired_root) return _root;
+    hasRequired_root = 1;
+    var freeGlobal = require_freeGlobal();
+    var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+    var root2 = freeGlobal || freeSelf || Function("return this")();
+    _root = root2;
+    return _root;
+  }
+  var now_1;
+  var hasRequiredNow;
+  function requireNow() {
+    if (hasRequiredNow) return now_1;
+    hasRequiredNow = 1;
+    var root2 = require_root();
+    var now2 = function() {
+      return root2.Date.now();
+    };
+    now_1 = now2;
+    return now_1;
+  }
+  var _trimmedEndIndex;
+  var hasRequired_trimmedEndIndex;
+  function require_trimmedEndIndex() {
+    if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
+    hasRequired_trimmedEndIndex = 1;
+    var reWhitespace = /\s/;
+    function trimmedEndIndex(string2) {
+      var index2 = string2.length;
+      while (index2-- && reWhitespace.test(string2.charAt(index2))) {
+      }
+      return index2;
+    }
+    _trimmedEndIndex = trimmedEndIndex;
+    return _trimmedEndIndex;
+  }
+  var _baseTrim;
+  var hasRequired_baseTrim;
+  function require_baseTrim() {
+    if (hasRequired_baseTrim) return _baseTrim;
+    hasRequired_baseTrim = 1;
+    var trimmedEndIndex = require_trimmedEndIndex();
+    var reTrimStart = /^\s+/;
+    function baseTrim(string2) {
+      return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
+    }
+    _baseTrim = baseTrim;
+    return _baseTrim;
+  }
+  var _Symbol;
+  var hasRequired_Symbol;
+  function require_Symbol() {
+    if (hasRequired_Symbol) return _Symbol;
+    hasRequired_Symbol = 1;
+    var root2 = require_root();
+    var Symbol2 = root2.Symbol;
+    _Symbol = Symbol2;
+    return _Symbol;
+  }
+  var _getRawTag;
+  var hasRequired_getRawTag;
+  function require_getRawTag() {
+    if (hasRequired_getRawTag) return _getRawTag;
+    hasRequired_getRawTag = 1;
+    var Symbol2 = require_Symbol();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    var nativeObjectToString = objectProto.toString;
+    var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+    function getRawTag(value) {
+      var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+      try {
+        value[symToStringTag] = void 0;
+        var unmasked = true;
+      } catch (e) {
+      }
+      var result = nativeObjectToString.call(value);
+      if (unmasked) {
+        if (isOwn) {
+          value[symToStringTag] = tag;
+        } else {
+          delete value[symToStringTag];
+        }
+      }
+      return result;
+    }
+    _getRawTag = getRawTag;
+    return _getRawTag;
+  }
+  var _objectToString;
+  var hasRequired_objectToString;
+  function require_objectToString() {
+    if (hasRequired_objectToString) return _objectToString;
+    hasRequired_objectToString = 1;
+    var objectProto = Object.prototype;
+    var nativeObjectToString = objectProto.toString;
+    function objectToString(value) {
+      return nativeObjectToString.call(value);
+    }
+    _objectToString = objectToString;
+    return _objectToString;
+  }
+  var _baseGetTag;
+  var hasRequired_baseGetTag;
+  function require_baseGetTag() {
+    if (hasRequired_baseGetTag) return _baseGetTag;
+    hasRequired_baseGetTag = 1;
+    var Symbol2 = require_Symbol(), getRawTag = require_getRawTag(), objectToString = require_objectToString();
+    var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+    var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+    function baseGetTag(value) {
+      if (value == null) {
+        return value === void 0 ? undefinedTag : nullTag;
+      }
+      return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+    }
+    _baseGetTag = baseGetTag;
+    return _baseGetTag;
+  }
+  var isObjectLike_1;
+  var hasRequiredIsObjectLike;
+  function requireIsObjectLike() {
+    if (hasRequiredIsObjectLike) return isObjectLike_1;
+    hasRequiredIsObjectLike = 1;
+    function isObjectLike(value) {
+      return value != null && typeof value == "object";
+    }
+    isObjectLike_1 = isObjectLike;
+    return isObjectLike_1;
+  }
+  var isSymbol_1;
+  var hasRequiredIsSymbol;
+  function requireIsSymbol() {
+    if (hasRequiredIsSymbol) return isSymbol_1;
+    hasRequiredIsSymbol = 1;
+    var baseGetTag = require_baseGetTag(), isObjectLike = requireIsObjectLike();
+    var symbolTag = "[object Symbol]";
+    function isSymbol(value) {
+      return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+    }
+    isSymbol_1 = isSymbol;
+    return isSymbol_1;
+  }
+  var toNumber_1;
+  var hasRequiredToNumber;
+  function requireToNumber() {
+    if (hasRequiredToNumber) return toNumber_1;
+    hasRequiredToNumber = 1;
+    var baseTrim = require_baseTrim(), isObject2 = requireIsObject(), isSymbol = requireIsSymbol();
+    var NAN = 0 / 0;
+    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+    var reIsBinary = /^0b[01]+$/i;
+    var reIsOctal = /^0o[0-7]+$/i;
+    var freeParseInt = parseInt;
+    function toNumber(value) {
+      if (typeof value == "number") {
+        return value;
+      }
+      if (isSymbol(value)) {
+        return NAN;
+      }
+      if (isObject2(value)) {
+        var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+        value = isObject2(other) ? other + "" : other;
+      }
+      if (typeof value != "string") {
+        return value === 0 ? value : +value;
+      }
+      value = baseTrim(value);
+      var isBinary2 = reIsBinary.test(value);
+      return isBinary2 || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary2 ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+    }
+    toNumber_1 = toNumber;
+    return toNumber_1;
+  }
+  var debounce_1;
+  var hasRequiredDebounce;
+  function requireDebounce() {
+    if (hasRequiredDebounce) return debounce_1;
+    hasRequiredDebounce = 1;
+    var isObject2 = requireIsObject(), now2 = requireNow(), toNumber = requireToNumber();
+    var FUNC_ERROR_TEXT = "Expected a function";
+    var nativeMax = Math.max, nativeMin = Math.min;
+    function debounce2(func, wait, options) {
+      var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+      if (typeof func != "function") {
+        throw new TypeError(FUNC_ERROR_TEXT);
+      }
+      wait = toNumber(wait) || 0;
+      if (isObject2(options)) {
+        leading = !!options.leading;
+        maxing = "maxWait" in options;
+        maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+        trailing = "trailing" in options ? !!options.trailing : trailing;
+      }
+      function invokeFunc(time) {
+        var args = lastArgs, thisArg = lastThis;
+        lastArgs = lastThis = void 0;
+        lastInvokeTime = time;
+        result = func.apply(thisArg, args);
+        return result;
+      }
+      function leadingEdge(time) {
+        lastInvokeTime = time;
+        timerId = setTimeout(timerExpired, wait);
+        return leading ? invokeFunc(time) : result;
+      }
+      function remainingWait(time) {
+        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+        return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+      }
+      function shouldInvoke(time) {
+        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+        return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+      }
+      function timerExpired() {
+        var time = now2();
+        if (shouldInvoke(time)) {
+          return trailingEdge(time);
+        }
+        timerId = setTimeout(timerExpired, remainingWait(time));
+      }
+      function trailingEdge(time) {
+        timerId = void 0;
+        if (trailing && lastArgs) {
+          return invokeFunc(time);
+        }
+        lastArgs = lastThis = void 0;
+        return result;
+      }
+      function cancel() {
+        if (timerId !== void 0) {
+          clearTimeout(timerId);
+        }
+        lastInvokeTime = 0;
+        lastArgs = lastCallTime = lastThis = timerId = void 0;
+      }
+      function flush() {
+        return timerId === void 0 ? result : trailingEdge(now2());
+      }
+      function debounced() {
+        var time = now2(), isInvoking = shouldInvoke(time);
+        lastArgs = arguments;
+        lastThis = this;
+        lastCallTime = time;
+        if (isInvoking) {
+          if (timerId === void 0) {
+            return leadingEdge(lastCallTime);
+          }
+          if (maxing) {
+            clearTimeout(timerId);
+            timerId = setTimeout(timerExpired, wait);
+            return invokeFunc(lastCallTime);
+          }
+        }
+        if (timerId === void 0) {
+          timerId = setTimeout(timerExpired, wait);
+        }
+        return result;
+      }
+      debounced.cancel = cancel;
+      debounced.flush = flush;
+      return debounced;
+    }
+    debounce_1 = debounce2;
+    return debounce_1;
+  }
+  var debounceExports = requireDebounce();
+  var debounce = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
+  var performance$1 = _window ? _window.performance : null;
+  var pnow = performance$1 && performance$1.now ? function() {
+    return performance$1.now();
+  } : function() {
+    return Date.now();
+  };
+  var raf = (function() {
+    if (_window) {
+      if (_window.requestAnimationFrame) {
+        return function(fn2) {
+          _window.requestAnimationFrame(fn2);
+        };
+      } else if (_window.mozRequestAnimationFrame) {
+        return function(fn2) {
+          _window.mozRequestAnimationFrame(fn2);
+        };
+      } else if (_window.webkitRequestAnimationFrame) {
+        return function(fn2) {
+          _window.webkitRequestAnimationFrame(fn2);
+        };
+      } else if (_window.msRequestAnimationFrame) {
+        return function(fn2) {
+          _window.msRequestAnimationFrame(fn2);
+        };
+      }
+    }
+    return function(fn2) {
+      if (fn2) {
+        setTimeout(function() {
+          fn2(pnow());
+        }, 1e3 / 60);
+      }
+    };
+  })();
+  var requestAnimationFrame = function requestAnimationFrame2(fn2) {
+    return raf(fn2);
+  };
+  var performanceNow = pnow;
+  var DEFAULT_HASH_SEED = 9261;
+  var K = 65599;
+  var DEFAULT_HASH_SEED_ALT = 5381;
+  var hashIterableInts = function hashIterableInts2(iterator) {
+    var seed = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_HASH_SEED;
+    var hash = seed;
+    var entry;
+    for (; ; ) {
+      entry = iterator.next();
+      if (entry.done) {
+        break;
+      }
+      hash = hash * K + entry.value | 0;
+    }
+    return hash;
+  };
+  var hashInt = function hashInt2(num) {
+    var seed = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_HASH_SEED;
+    return seed * K + num | 0;
+  };
+  var hashIntAlt = function hashIntAlt2(num) {
+    var seed = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_HASH_SEED_ALT;
+    return (seed << 5) + seed + num | 0;
+  };
+  var combineHashes = function combineHashes2(hash1, hash2) {
+    return hash1 * 2097152 + hash2;
+  };
+  var combineHashesArray = function combineHashesArray2(hashes) {
+    return hashes[0] * 2097152 + hashes[1];
+  };
+  var hashArrays = function hashArrays2(hashes1, hashes2) {
+    return [hashInt(hashes1[0], hashes2[0]), hashIntAlt(hashes1[1], hashes2[1])];
+  };
+  var hashIntsArray = function hashIntsArray2(ints, seed) {
+    var entry = {
+      value: 0,
+      done: false
+    };
+    var i2 = 0;
+    var length = ints.length;
+    var iterator = {
+      next: function next() {
+        if (i2 < length) {
+          entry.value = ints[i2++];
+        } else {
+          entry.done = true;
+        }
+        return entry;
+      }
+    };
+    return hashIterableInts(iterator, seed);
+  };
+  var hashString = function hashString2(str2, seed) {
+    var entry = {
+      value: 0,
+      done: false
+    };
+    var i2 = 0;
+    var length = str2.length;
+    var iterator = {
+      next: function next() {
+        if (i2 < length) {
+          entry.value = str2.charCodeAt(i2++);
+        } else {
+          entry.done = true;
+        }
+        return entry;
+      }
+    };
+    return hashIterableInts(iterator, seed);
+  };
+  var hashStrings = function hashStrings2() {
+    return hashStringsArray(arguments);
+  };
+  var hashStringsArray = function hashStringsArray2(strs) {
+    var hash;
+    for (var i2 = 0; i2 < strs.length; i2++) {
+      var str2 = strs[i2];
+      if (i2 === 0) {
+        hash = hashString(str2);
+      } else {
+        hash = hashString(str2, hash);
+      }
+    }
+    return hash;
+  };
+  function rotatePoint(x2, y2, centerX, centerY, angleDegrees) {
+    var angleRadians = angleDegrees * Math.PI / 180;
+    var rotatedX = Math.cos(angleRadians) * (x2 - centerX) - Math.sin(angleRadians) * (y2 - centerY) + centerX;
+    var rotatedY = Math.sin(angleRadians) * (x2 - centerX) + Math.cos(angleRadians) * (y2 - centerY) + centerY;
+    return {
+      x: rotatedX,
+      y: rotatedY
+    };
+  }
+  var movePointByBoxAspect = function movePointByBoxAspect2(x2, y2, boxX, boxY, skewX, skewY) {
+    return {
+      x: (x2 - boxX) * skewX + boxX,
+      y: (y2 - boxY) * skewY + boxY
+    };
+  };
+  function rotatePosAndSkewByBox(pos, box, angleDegrees) {
+    if (angleDegrees === 0) return pos;
+    var centerX = (box.x1 + box.x2) / 2;
+    var centerY = (box.y1 + box.y2) / 2;
+    var skewX = box.w / box.h;
+    var skewY = 1 / skewX;
+    var rotated = rotatePoint(pos.x, pos.y, centerX, centerY, angleDegrees);
+    var skewed = movePointByBoxAspect(rotated.x, rotated.y, centerX, centerY, skewX, skewY);
+    return {
+      x: skewed.x,
+      y: skewed.y
+    };
+  }
+  var warningsEnabled = true;
+  var warnSupported = console.warn != null;
+  var traceSupported = console.trace != null;
+  var MAX_INT$1 = Number.MAX_SAFE_INTEGER || 9007199254740991;
+  var trueify = function trueify2() {
+    return true;
+  };
+  var falsify = function falsify2() {
+    return false;
+  };
+  var zeroify = function zeroify2() {
+    return 0;
+  };
+  var noop$1 = function noop2() {
+  };
+  var error = function error2(msg) {
+    throw new Error(msg);
+  };
+  var warnings = function warnings2(enabled) {
+    if (enabled !== void 0) {
+      warningsEnabled = !!enabled;
+    } else {
+      return warningsEnabled;
+    }
+  };
+  var warn = function warn2(msg) {
+    if (!warnings()) {
+      return;
+    }
+    if (warnSupported) {
+      console.warn(msg);
+    } else {
+      console.log(msg);
+      if (traceSupported) {
+        console.trace();
+      }
+    }
+  };
+  var clone = function clone2(obj) {
+    return extend({}, obj);
+  };
+  var copy = function copy2(obj) {
+    if (obj == null) {
+      return obj;
+    }
+    if (array(obj)) {
+      return obj.slice();
+    } else if (plainObject(obj)) {
+      return clone(obj);
+    } else {
+      return obj;
+    }
+  };
+  var copyArray = function copyArray2(arr) {
+    return arr.slice();
+  };
+  var uuid = function uuid2(a2, b) {
+    for (
+      // loop :)
+      b = a2 = "";
+      // b - result , a - numeric letiable
+      a2++ < 36;
+      //
+      b += a2 * 51 & 52 ? (
+        //  return a random number or 4
+        (a2 ^ 15 ? (
+          // generate a random number from 0 to 15
+          8 ^ Math.random() * (a2 ^ 20 ? 16 : 4)
+        ) : 4).toString(16)
+      ) : "-"
+    ) ;
+    return b;
+  };
+  var _staticEmptyObject = {};
+  var staticEmptyObject = function staticEmptyObject2() {
+    return _staticEmptyObject;
+  };
+  var defaults$g = function defaults2(_defaults) {
+    var keys2 = Object.keys(_defaults);
+    return function(opts) {
+      var filledOpts = {};
+      for (var i2 = 0; i2 < keys2.length; i2++) {
+        var key = keys2[i2];
+        var optVal = opts == null ? void 0 : opts[key];
+        filledOpts[key] = optVal === void 0 ? _defaults[key] : optVal;
+      }
+      return filledOpts;
+    };
+  };
+  var removeFromArray = function removeFromArray2(arr, ele, oneCopy) {
+    for (var i2 = arr.length - 1; i2 >= 0; i2--) {
+      if (arr[i2] === ele) {
+        arr.splice(i2, 1);
+      }
+    }
+  };
+  var clearArray = function clearArray2(arr) {
+    arr.splice(0, arr.length);
+  };
+  var push = function push2(arr, otherArr) {
+    for (var i2 = 0; i2 < otherArr.length; i2++) {
+      var el = otherArr[i2];
+      arr.push(el);
+    }
+  };
+  var getPrefixedProperty = function getPrefixedProperty2(obj, propName, prefix) {
+    if (prefix) {
+      propName = prependCamel(prefix, propName);
+    }
+    return obj[propName];
+  };
+  var setPrefixedProperty = function setPrefixedProperty2(obj, propName, prefix, value) {
+    if (prefix) {
+      propName = prependCamel(prefix, propName);
+    }
+    obj[propName] = value;
+  };
+  var ObjectMap = /* @__PURE__ */ (function() {
+    function ObjectMap2() {
+      _classCallCheck(this, ObjectMap2);
+      this._obj = {};
+    }
+    return _createClass(ObjectMap2, [{
+      key: "set",
+      value: function set2(key, val) {
+        this._obj[key] = val;
+        return this;
+      }
+    }, {
+      key: "delete",
+      value: function _delete(key) {
+        this._obj[key] = void 0;
+        return this;
+      }
+    }, {
+      key: "clear",
+      value: function clear() {
+        this._obj = {};
+      }
+    }, {
+      key: "has",
+      value: function has(key) {
+        return this._obj[key] !== void 0;
+      }
+    }, {
+      key: "get",
+      value: function get2(key) {
+        return this._obj[key];
+      }
+    }]);
+  })();
+  var Map$1 = typeof Map !== "undefined" ? Map : ObjectMap;
+  var undef = "undefined";
+  var ObjectSet = /* @__PURE__ */ (function() {
+    function ObjectSet2(arrayOrObjectSet) {
+      _classCallCheck(this, ObjectSet2);
+      this._obj = /* @__PURE__ */ Object.create(null);
+      this.size = 0;
+      if (arrayOrObjectSet != null) {
+        var arr;
+        if (arrayOrObjectSet.instanceString != null && arrayOrObjectSet.instanceString() === this.instanceString()) {
+          arr = arrayOrObjectSet.toArray();
+        } else {
+          arr = arrayOrObjectSet;
+        }
+        for (var i2 = 0; i2 < arr.length; i2++) {
+          this.add(arr[i2]);
+        }
+      }
+    }
+    return _createClass(ObjectSet2, [{
+      key: "instanceString",
+      value: function instanceString() {
+        return "set";
+      }
+    }, {
+      key: "add",
+      value: function add2(val) {
+        var o = this._obj;
+        if (o[val] !== 1) {
+          o[val] = 1;
+          this.size++;
+        }
+      }
+    }, {
+      key: "delete",
+      value: function _delete(val) {
+        var o = this._obj;
+        if (o[val] === 1) {
+          o[val] = 0;
+          this.size--;
+        }
+      }
+    }, {
+      key: "clear",
+      value: function clear() {
+        this._obj = /* @__PURE__ */ Object.create(null);
+      }
+    }, {
+      key: "has",
+      value: function has(val) {
+        return this._obj[val] === 1;
+      }
+    }, {
+      key: "toArray",
+      value: function toArray2() {
+        var _this = this;
+        return Object.keys(this._obj).filter(function(key) {
+          return _this.has(key);
+        });
+      }
+    }, {
+      key: "forEach",
+      value: function forEach(callback, thisArg) {
+        return this.toArray().forEach(callback, thisArg);
+      }
+    }]);
+  })();
+  var Set$1 = (typeof Set === "undefined" ? "undefined" : _typeof(Set)) !== undef ? Set : ObjectSet;
+  var Element = function Element2(cy, params) {
+    var restore = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;
+    if (cy === void 0 || params === void 0 || !core(cy)) {
+      error("An element must have a core reference and parameters set");
+      return;
+    }
+    var group = params.group;
+    if (group == null) {
+      if (params.data && params.data.source != null && params.data.target != null) {
+        group = "edges";
+      } else {
+        group = "nodes";
+      }
+    }
+    if (group !== "nodes" && group !== "edges") {
+      error("An element must be of type `nodes` or `edges`; you specified `" + group + "`");
+      return;
+    }
+    this.length = 1;
+    this[0] = this;
+    var _p = this._private = {
+      cy,
+      single: true,
+      // indicates this is an element
+      data: params.data || {},
+      // data object
+      position: params.position || {
+        x: 0,
+        y: 0
+      },
+      // (x, y) position pair
+      autoWidth: void 0,
+      // width and height of nodes calculated by the renderer when set to special 'auto' value
+      autoHeight: void 0,
+      autoPadding: void 0,
+      compoundBoundsClean: false,
+      // whether the compound dimensions need to be recalculated the next time dimensions are read
+      listeners: [],
+      // array of bound listeners
+      group,
+      // string; 'nodes' or 'edges'
+      style: {},
+      // properties as set by the style
+      rstyle: {},
+      // properties for style sent from the renderer to the core
+      styleCxts: [],
+      // applied style contexts from the styler
+      styleKeys: {},
+      // per-group keys of style property values
+      removed: true,
+      // whether it's inside the vis; true if removed (set true here since we call restore)
+      selected: params.selected ? true : false,
+      // whether it's selected
+      selectable: params.selectable === void 0 ? true : params.selectable ? true : false,
+      // whether it's selectable
+      locked: params.locked ? true : false,
+      // whether the element is locked (cannot be moved)
+      grabbed: false,
+      // whether the element is grabbed by the mouse; renderer sets this privately
+      grabbable: params.grabbable === void 0 ? true : params.grabbable ? true : false,
+      // whether the element can be grabbed
+      pannable: params.pannable === void 0 ? group === "edges" ? true : false : params.pannable ? true : false,
+      // whether the element has passthrough panning enabled
+      active: false,
+      // whether the element is active from user interaction
+      classes: new Set$1(),
+      // map ( className => true )
+      animation: {
+        // object for currently-running animations
+        current: [],
+        queue: []
+      },
+      rscratch: {},
+      // object in which the renderer can store information
+      scratch: params.scratch || {},
+      // scratch objects
+      edges: [],
+      // array of connected edges
+      children: [],
+      // array of children
+      parent: params.parent && params.parent.isNode() ? params.parent : null,
+      // parent ref
+      traversalCache: {},
+      // cache of output of traversal functions
+      backgrounding: false,
+      // whether background images are loading
+      bbCache: null,
+      // cache of the current bounding box
+      bbCacheShift: {
+        x: 0,
+        y: 0
+      },
+      // shift applied to cached bb to be applied on next get
+      bodyBounds: null,
+      // bounds cache of element body, w/o overlay
+      overlayBounds: null,
+      // bounds cache of element body, including overlay
+      labelBounds: {
+        // bounds cache of labels
+        all: null,
+        source: null,
+        target: null,
+        main: null
+      },
+      arrowBounds: {
+        // bounds cache of edge arrows
+        source: null,
+        target: null,
+        "mid-source": null,
+        "mid-target": null
+      }
+    };
+    if (_p.position.x == null) {
+      _p.position.x = 0;
+    }
+    if (_p.position.y == null) {
+      _p.position.y = 0;
+    }
+    if (params.renderedPosition) {
+      var rpos = params.renderedPosition;
+      var pan = cy.pan();
+      var zoom2 = cy.zoom();
+      _p.position = {
+        x: (rpos.x - pan.x) / zoom2,
+        y: (rpos.y - pan.y) / zoom2
+      };
+    }
+    var classes = [];
+    if (array(params.classes)) {
+      classes = params.classes;
+    } else if (string(params.classes)) {
+      classes = params.classes.split(/\s+/);
+    }
+    for (var i2 = 0, l = classes.length; i2 < l; i2++) {
+      var cls = classes[i2];
+      if (!cls || cls === "") {
+        continue;
+      }
+      _p.classes.add(cls);
+    }
+    this.createEmitter();
+    if (restore === void 0 || restore) {
+      this.restore();
+    }
+    var bypass = params.style || params.css;
+    if (bypass) {
+      warn("Setting a `style` bypass at element creation should be done only when absolutely necessary.  Try to use the stylesheet instead.");
+      this.style(bypass);
+    }
+  };
+  var defineSearch = function defineSearch2(params) {
+    params = {
+      bfs: params.bfs || !params.dfs,
+      dfs: params.dfs || !params.bfs
+    };
+    return function searchFn(roots, fn2, directed) {
+      var options;
+      if (plainObject(roots) && !elementOrCollection(roots)) {
+        options = roots;
+        roots = options.roots || options.root;
+        fn2 = options.visit;
+        directed = options.directed;
+      }
+      directed = arguments.length === 2 && !fn$6(fn2) ? fn2 : directed;
+      fn2 = fn$6(fn2) ? fn2 : function() {
+      };
+      var cy = this._private.cy;
+      var v = roots = string(roots) ? this.filter(roots) : roots;
+      var Q = [];
+      var connectedNodes = [];
+      var connectedBy = {};
+      var id2depth = {};
+      var V = {};
+      var j = 0;
+      var found;
+      var _this$byGroup = this.byGroup(), nodes = _this$byGroup.nodes, edges = _this$byGroup.edges;
+      for (var i2 = 0; i2 < v.length; i2++) {
+        var vi = v[i2];
+        var viId = vi.id();
+        if (vi.isNode()) {
+          Q.unshift(vi);
+          if (params.bfs) {
+            V[viId] = true;
+            connectedNodes.push(vi);
+          }
+          id2depth[viId] = 0;
+        }
+      }
+      var _loop = function _loop2() {
+        var v3 = params.bfs ? Q.shift() : Q.pop();
+        var vId = v3.id();
+        if (params.dfs) {
+          if (V[vId]) {
+            return 0;
+          }
+          V[vId] = true;
+          connectedNodes.push(v3);
+        }
+        var depth = id2depth[vId];
+        var prevEdge = connectedBy[vId];
+        var src = prevEdge != null ? prevEdge.source() : null;
+        var tgt = prevEdge != null ? prevEdge.target() : null;
+        var prevNode = prevEdge == null ? void 0 : v3.same(src) ? tgt[0] : src[0];
+        var ret;
+        ret = fn2(v3, prevEdge, prevNode, j++, depth);
+        if (ret === true) {
+          found = v3;
+          return 1;
+        }
+        if (ret === false) {
+          return 1;
+        }
+        var vwEdges = v3.connectedEdges().filter(function(e2) {
+          return (!directed || e2.source().same(v3)) && edges.has(e2);
+        });
+        for (var _i2 = 0; _i2 < vwEdges.length; _i2++) {
+          var e = vwEdges[_i2];
+          var w = e.connectedNodes().filter(function(n) {
+            return !n.same(v3) && nodes.has(n);
+          });
+          var wId = w.id();
+          if (w.length !== 0 && !V[wId]) {
+            w = w[0];
+            Q.push(w);
+            if (params.bfs) {
+              V[wId] = true;
+              connectedNodes.push(w);
+            }
+            connectedBy[wId] = e;
+            id2depth[wId] = id2depth[vId] + 1;
+          }
+        }
+      }, _ret;
+      while (Q.length !== 0) {
+        _ret = _loop();
+        if (_ret === 0) continue;
+        if (_ret === 1) break;
+      }
+      var connectedEles = cy.collection();
+      for (var _i = 0; _i < connectedNodes.length; _i++) {
+        var node = connectedNodes[_i];
+        var edge = connectedBy[node.id()];
+        if (edge != null) {
+          connectedEles.push(edge);
+        }
+        connectedEles.push(node);
+      }
+      return {
+        path: cy.collection(connectedEles),
+        found: cy.collection(found)
+      };
+    };
+  };
+  var elesfn$v = {
+    breadthFirstSearch: defineSearch({
+      bfs: true
+    }),
+    depthFirstSearch: defineSearch({
+      dfs: true
+    })
+  };
+  elesfn$v.bfs = elesfn$v.breadthFirstSearch;
+  elesfn$v.dfs = elesfn$v.depthFirstSearch;
+  var heap$2 = { exports: {} };
+  var heap$1 = heap$2.exports;
+  var hasRequiredHeap$1;
+  function requireHeap$1() {
+    if (hasRequiredHeap$1) return heap$2.exports;
+    hasRequiredHeap$1 = 1;
+    (function(module, exports$1) {
+      (function() {
+        var Heap2, defaultCmp, floor, heapify, heappop, heappush, heappushpop, heapreplace, insort, min2, nlargest, nsmallest, updateItem, _siftdown, _siftup;
+        floor = Math.floor, min2 = Math.min;
+        defaultCmp = function(x2, y2) {
+          if (x2 < y2) {
+            return -1;
+          }
+          if (x2 > y2) {
+            return 1;
+          }
+          return 0;
+        };
+        insort = function(a2, x2, lo, hi, cmp) {
+          var mid;
+          if (lo == null) {
+            lo = 0;
+          }
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          if (lo < 0) {
+            throw new Error("lo must be non-negative");
+          }
+          if (hi == null) {
+            hi = a2.length;
+          }
+          while (lo < hi) {
+            mid = floor((lo + hi) / 2);
+            if (cmp(x2, a2[mid]) < 0) {
+              hi = mid;
+            } else {
+              lo = mid + 1;
+            }
+          }
+          return [].splice.apply(a2, [lo, lo - lo].concat(x2)), x2;
+        };
+        heappush = function(array2, item, cmp) {
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          array2.push(item);
+          return _siftdown(array2, 0, array2.length - 1, cmp);
+        };
+        heappop = function(array2, cmp) {
+          var lastelt, returnitem;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          lastelt = array2.pop();
+          if (array2.length) {
+            returnitem = array2[0];
+            array2[0] = lastelt;
+            _siftup(array2, 0, cmp);
+          } else {
+            returnitem = lastelt;
+          }
+          return returnitem;
+        };
+        heapreplace = function(array2, item, cmp) {
+          var returnitem;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          returnitem = array2[0];
+          array2[0] = item;
+          _siftup(array2, 0, cmp);
+          return returnitem;
+        };
+        heappushpop = function(array2, item, cmp) {
+          var _ref;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          if (array2.length && cmp(array2[0], item) < 0) {
+            _ref = [array2[0], item], item = _ref[0], array2[0] = _ref[1];
+            _siftup(array2, 0, cmp);
+          }
+          return item;
+        };
+        heapify = function(array2, cmp) {
+          var i2, _i, _len, _ref1, _results, _results1;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          _ref1 = (function() {
+            _results1 = [];
+            for (var _j = 0, _ref = floor(array2.length / 2); 0 <= _ref ? _j < _ref : _j > _ref; 0 <= _ref ? _j++ : _j--) {
+              _results1.push(_j);
+            }
+            return _results1;
+          }).apply(this).reverse();
+          _results = [];
+          for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+            i2 = _ref1[_i];
+            _results.push(_siftup(array2, i2, cmp));
+          }
+          return _results;
+        };
+        updateItem = function(array2, item, cmp) {
+          var pos;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          pos = array2.indexOf(item);
+          if (pos === -1) {
+            return;
+          }
+          _siftdown(array2, 0, pos, cmp);
+          return _siftup(array2, pos, cmp);
+        };
+        nlargest = function(array2, n, cmp) {
+          var elem, result, _i, _len, _ref;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          result = array2.slice(0, n);
+          if (!result.length) {
+            return result;
+          }
+          heapify(result, cmp);
+          _ref = array2.slice(n);
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            elem = _ref[_i];
+            heappushpop(result, elem, cmp);
+          }
+          return result.sort(cmp).reverse();
+        };
+        nsmallest = function(array2, n, cmp) {
+          var elem, los, result, _i, _j, _len, _ref, _ref1, _results;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          if (n * 10 <= array2.length) {
+            result = array2.slice(0, n).sort(cmp);
+            if (!result.length) {
+              return result;
+            }
+            los = result[result.length - 1];
+            _ref = array2.slice(n);
+            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+              elem = _ref[_i];
+              if (cmp(elem, los) < 0) {
+                insort(result, elem, 0, null, cmp);
+                result.pop();
+                los = result[result.length - 1];
+              }
+            }
+            return result;
+          }
+          heapify(array2, cmp);
+          _results = [];
+          for (_j = 0, _ref1 = min2(n, array2.length); 0 <= _ref1 ? _j < _ref1 : _j > _ref1; 0 <= _ref1 ? ++_j : --_j) {
+            _results.push(heappop(array2, cmp));
+          }
+          return _results;
+        };
+        _siftdown = function(array2, startpos, pos, cmp) {
+          var newitem, parent, parentpos;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          newitem = array2[pos];
+          while (pos > startpos) {
+            parentpos = pos - 1 >> 1;
+            parent = array2[parentpos];
+            if (cmp(newitem, parent) < 0) {
+              array2[pos] = parent;
+              pos = parentpos;
+              continue;
+            }
+            break;
+          }
+          return array2[pos] = newitem;
+        };
+        _siftup = function(array2, pos, cmp) {
+          var childpos, endpos, newitem, rightpos, startpos;
+          if (cmp == null) {
+            cmp = defaultCmp;
+          }
+          endpos = array2.length;
+          startpos = pos;
+          newitem = array2[pos];
+          childpos = 2 * pos + 1;
+          while (childpos < endpos) {
+            rightpos = childpos + 1;
+            if (rightpos < endpos && !(cmp(array2[childpos], array2[rightpos]) < 0)) {
+              childpos = rightpos;
+            }
+            array2[pos] = array2[childpos];
+            pos = childpos;
+            childpos = 2 * pos + 1;
+          }
+          array2[pos] = newitem;
+          return _siftdown(array2, startpos, pos, cmp);
+        };
+        Heap2 = (function() {
+          Heap3.push = heappush;
+          Heap3.pop = heappop;
+          Heap3.replace = heapreplace;
+          Heap3.pushpop = heappushpop;
+          Heap3.heapify = heapify;
+          Heap3.updateItem = updateItem;
+          Heap3.nlargest = nlargest;
+          Heap3.nsmallest = nsmallest;
+          function Heap3(cmp) {
+            this.cmp = cmp != null ? cmp : defaultCmp;
+            this.nodes = [];
+          }
+          Heap3.prototype.push = function(x2) {
+            return heappush(this.nodes, x2, this.cmp);
+          };
+          Heap3.prototype.pop = function() {
+            return heappop(this.nodes, this.cmp);
+          };
+          Heap3.prototype.peek = function() {
+            return this.nodes[0];
+          };
+          Heap3.prototype.contains = function(x2) {
+            return this.nodes.indexOf(x2) !== -1;
+          };
+          Heap3.prototype.replace = function(x2) {
+            return heapreplace(this.nodes, x2, this.cmp);
+          };
+          Heap3.prototype.pushpop = function(x2) {
+            return heappushpop(this.nodes, x2, this.cmp);
+          };
+          Heap3.prototype.heapify = function() {
+            return heapify(this.nodes, this.cmp);
+          };
+          Heap3.prototype.updateItem = function(x2) {
+            return updateItem(this.nodes, x2, this.cmp);
+          };
+          Heap3.prototype.clear = function() {
+            return this.nodes = [];
+          };
+          Heap3.prototype.empty = function() {
+            return this.nodes.length === 0;
+          };
+          Heap3.prototype.size = function() {
+            return this.nodes.length;
+          };
+          Heap3.prototype.clone = function() {
+            var heap2;
+            heap2 = new Heap3();
+            heap2.nodes = this.nodes.slice(0);
+            return heap2;
+          };
+          Heap3.prototype.toArray = function() {
+            return this.nodes.slice(0);
+          };
+          Heap3.prototype.insert = Heap3.prototype.push;
+          Heap3.prototype.top = Heap3.prototype.peek;
+          Heap3.prototype.front = Heap3.prototype.peek;
+          Heap3.prototype.has = Heap3.prototype.contains;
+          Heap3.prototype.copy = Heap3.prototype.clone;
+          return Heap3;
+        })();
+        (function(root2, factory) {
+          {
+            return module.exports = factory();
+          }
+        })(this, function() {
+          return Heap2;
+        });
+      }).call(heap$1);
+    })(heap$2);
+    return heap$2.exports;
+  }
+  var heap;
+  var hasRequiredHeap;
+  function requireHeap() {
+    if (hasRequiredHeap) return heap;
+    hasRequiredHeap = 1;
+    heap = requireHeap$1();
+    return heap;
+  }
+  var heapExports = requireHeap();
+  var Heap = /* @__PURE__ */ getDefaultExportFromCjs(heapExports);
+  var dijkstraDefaults = defaults$g({
+    root: null,
+    weight: function weight(edge) {
+      return 1;
+    },
+    directed: false
+  });
+  var elesfn$u = {
+    dijkstra: function dijkstra(options) {
+      if (!plainObject(options)) {
+        var args = arguments;
+        options = {
+          root: args[0],
+          weight: args[1],
+          directed: args[2]
+        };
+      }
+      var _dijkstraDefaults = dijkstraDefaults(options), root2 = _dijkstraDefaults.root, weight = _dijkstraDefaults.weight, directed = _dijkstraDefaults.directed;
+      var eles = this;
+      var weightFn = weight;
+      var source = string(root2) ? this.filter(root2)[0] : root2[0];
+      var dist2 = {};
+      var prev = {};
+      var knownDist = {};
+      var _this$byGroup = this.byGroup(), nodes = _this$byGroup.nodes, edges = _this$byGroup.edges;
+      edges.unmergeBy(function(ele) {
+        return ele.isLoop();
+      });
+      var getDist2 = function getDist3(node2) {
+        return dist2[node2.id()];
+      };
+      var setDist = function setDist2(node2, d) {
+        dist2[node2.id()] = d;
+        Q.updateItem(node2);
+      };
+      var Q = new Heap(function(a2, b) {
+        return getDist2(a2) - getDist2(b);
+      });
+      for (var i2 = 0; i2 < nodes.length; i2++) {
+        var node = nodes[i2];
+        dist2[node.id()] = node.same(source) ? 0 : Infinity;
+        Q.push(node);
+      }
+      var distBetween = function distBetween2(u2, v3) {
+        var uvs = (directed ? u2.edgesTo(v3) : u2.edgesWith(v3)).intersect(edges);
+        var smallestDistance = Infinity;
+        var smallestEdge;
+        for (var _i = 0; _i < uvs.length; _i++) {
+          var edge = uvs[_i];
+          var _weight = weightFn(edge);
+          if (_weight < smallestDistance || !smallestEdge) {
+            smallestDistance = _weight;
+            smallestEdge = edge;
+          }
+        }
+        return {
+          edge: smallestEdge,
+          dist: smallestDistance
+        };
+      };
+      while (Q.size() > 0) {
+        var u = Q.pop();
+        var smalletsDist = getDist2(u);
+        var uid = u.id();
+        knownDist[uid] = smalletsDist;
+        if (smalletsDist === Infinity) {
+          continue;
+        }
+        var neighbors = u.neighborhood().intersect(nodes);
+        for (var _i2 = 0; _i2 < neighbors.length; _i2++) {
+          var v = neighbors[_i2];
+          var vid = v.id();
+          var vDist = distBetween(u, v);
+          var alt = smalletsDist + vDist.dist;
+          if (alt < getDist2(v)) {
+            setDist(v, alt);
+            prev[vid] = {
+              node: u,
+              edge: vDist.edge
+            };
+          }
+        }
+      }
+      return {
+        distanceTo: function distanceTo(node2) {
+          var target = string(node2) ? nodes.filter(node2)[0] : node2[0];
+          return knownDist[target.id()];
+        },
+        pathTo: function pathTo(node2) {
+          var target = string(node2) ? nodes.filter(node2)[0] : node2[0];
+          var S = [];
+          var u2 = target;
+          var uid2 = u2.id();
+          if (target.length > 0) {
+            S.unshift(target);
+            while (prev[uid2]) {
+              var p2 = prev[uid2];
+              S.unshift(p2.edge);
+              S.unshift(p2.node);
+              u2 = p2.node;
+              uid2 = u2.id();
+            }
+          }
+          return eles.spawn(S);
+        }
+      };
+    }
+  };
+  var elesfn$t = {
+    // kruskal's algorithm (finds min spanning tree, assuming undirected graph)
+    // implemented from pseudocode from wikipedia
+    kruskal: function kruskal(weightFn) {
+      weightFn = weightFn || function(edge2) {
+        return 1;
+      };
+      var _this$byGroup = this.byGroup(), nodes = _this$byGroup.nodes, edges = _this$byGroup.edges;
+      var numNodes = nodes.length;
+      var forest = new Array(numNodes);
+      var A = nodes;
+      var findSetIndex = function findSetIndex2(ele) {
+        for (var i3 = 0; i3 < forest.length; i3++) {
+          var eles = forest[i3];
+          if (eles.has(ele)) {
+            return i3;
+          }
+        }
+      };
+      for (var i2 = 0; i2 < numNodes; i2++) {
+        forest[i2] = this.spawn(nodes[i2]);
+      }
+      var S = edges.sort(function(a2, b) {
+        return weightFn(a2) - weightFn(b);
+      });
+      for (var _i = 0; _i < S.length; _i++) {
+        var edge = S[_i];
+        var u = edge.source()[0];
+        var v = edge.target()[0];
+        var setUIndex = findSetIndex(u);
+        var setVIndex = findSetIndex(v);
+        var setU = forest[setUIndex];
+        var setV = forest[setVIndex];
+        if (setUIndex !== setVIndex) {
+          A.merge(edge);
+          setU.merge(setV);
+          forest.splice(setVIndex, 1);
+        }
+      }
+      return A;
+    }
+  };
+  var aStarDefaults = defaults$g({
+    root: null,
+    goal: null,
+    weight: function weight(edge) {
+      return 1;
+    },
+    heuristic: function heuristic(edge) {
+      return 0;
+    },
+    directed: false
+  });
+  var elesfn$s = {
+    // Implemented from pseudocode from wikipedia
+    aStar: function aStar(options) {
+      var cy = this.cy();
+      var _aStarDefaults = aStarDefaults(options), root2 = _aStarDefaults.root, goal = _aStarDefaults.goal, heuristic = _aStarDefaults.heuristic, directed = _aStarDefaults.directed, weight = _aStarDefaults.weight;
+      root2 = cy.collection(root2)[0];
+      goal = cy.collection(goal)[0];
+      var sid = root2.id();
+      var tid = goal.id();
+      var gScore = {};
+      var fScore = {};
+      var closedSetIds = {};
+      var openSet = new Heap(function(a2, b) {
+        return fScore[a2.id()] - fScore[b.id()];
+      });
+      var openSetIds = new Set$1();
+      var cameFrom = {};
+      var cameFromEdge = {};
+      var addToOpenSet = function addToOpenSet2(ele, id2) {
+        openSet.push(ele);
+        openSetIds.add(id2);
+      };
+      var cMin, cMinId;
+      var popFromOpenSet = function popFromOpenSet2() {
+        cMin = openSet.pop();
+        cMinId = cMin.id();
+        openSetIds["delete"](cMinId);
+      };
+      var isInOpenSet = function isInOpenSet2(id2) {
+        return openSetIds.has(id2);
+      };
+      addToOpenSet(root2, sid);
+      gScore[sid] = 0;
+      fScore[sid] = heuristic(root2);
+      var steps = 0;
+      while (openSet.size() > 0) {
+        popFromOpenSet();
+        steps++;
+        if (cMinId === tid) {
+          var path = [];
+          var pathNode = goal;
+          var pathNodeId = tid;
+          var pathEdge = cameFromEdge[pathNodeId];
+          for (; ; ) {
+            path.unshift(pathNode);
+            if (pathEdge != null) {
+              path.unshift(pathEdge);
+            }
+            pathNode = cameFrom[pathNodeId];
+            if (pathNode == null) {
+              break;
+            }
+            pathNodeId = pathNode.id();
+            pathEdge = cameFromEdge[pathNodeId];
+          }
+          return {
+            found: true,
+            distance: gScore[cMinId],
+            path: this.spawn(path),
+            steps
+          };
+        }
+        closedSetIds[cMinId] = true;
+        var vwEdges = cMin._private.edges;
+        for (var i2 = 0; i2 < vwEdges.length; i2++) {
+          var e = vwEdges[i2];
+          if (!this.hasElementWithId(e.id())) {
+            continue;
+          }
+          if (directed && e.data("source") !== cMinId) {
+            continue;
+          }
+          var wSrc = e.source();
+          var wTgt = e.target();
+          var w = wSrc.id() !== cMinId ? wSrc : wTgt;
+          var wid = w.id();
+          if (!this.hasElementWithId(wid)) {
+            continue;
+          }
+          if (closedSetIds[wid]) {
+            continue;
+          }
+          var tempScore = gScore[cMinId] + weight(e);
+          if (!isInOpenSet(wid)) {
+            gScore[wid] = tempScore;
+            fScore[wid] = tempScore + heuristic(w);
+            addToOpenSet(w, wid);
+            cameFrom[wid] = cMin;
+            cameFromEdge[wid] = e;
+            continue;
+          }
+          if (tempScore < gScore[wid]) {
+            gScore[wid] = tempScore;
+            fScore[wid] = tempScore + heuristic(w);
+            cameFrom[wid] = cMin;
+            cameFromEdge[wid] = e;
+          }
+        }
+      }
+      return {
+        found: false,
+        distance: void 0,
+        path: void 0,
+        steps
+      };
+    }
+  };
+  var floydWarshallDefaults = defaults$g({
+    weight: function weight(edge) {
+      return 1;
+    },
+    directed: false
+  });
+  var elesfn$r = {
+    // Implemented from pseudocode from wikipedia
+    floydWarshall: function floydWarshall(options) {
+      var cy = this.cy();
+      var _floydWarshallDefault = floydWarshallDefaults(options), weight = _floydWarshallDefault.weight, directed = _floydWarshallDefault.directed;
+      var weightFn = weight;
+      var _this$byGroup = this.byGroup(), nodes = _this$byGroup.nodes, edges = _this$byGroup.edges;
+      var N = nodes.length;
+      var Nsq = N * N;
+      var indexOf = function indexOf2(node) {
+        return nodes.indexOf(node);
+      };
+      var atIndex = function atIndex2(i3) {
+        return nodes[i3];
+      };
+      var dist2 = new Array(Nsq);
+      for (var n = 0; n < Nsq; n++) {
+        var j = n % N;
+        var i2 = (n - j) / N;
+        if (i2 === j) {
+          dist2[n] = 0;
+        } else {
+          dist2[n] = Infinity;
+        }
+      }
+      var next = new Array(Nsq);
+      var edgeNext = new Array(Nsq);
+      for (var _i = 0; _i < edges.length; _i++) {
+        var edge = edges[_i];
+        var src = edge.source()[0];
+        var tgt = edge.target()[0];
+        if (src === tgt) {
+          continue;
+        }
+        var s = indexOf(src);
+        var t2 = indexOf(tgt);
+        var st = s * N + t2;
+        var _weight = weightFn(edge);
+        if (dist2[st] > _weight) {
+          dist2[st] = _weight;
+          next[st] = t2;
+          edgeNext[st] = edge;
+        }
+        if (!directed) {
+          var ts = t2 * N + s;
+          if (!directed && dist2[ts] > _weight) {
+            dist2[ts] = _weight;
+            next[ts] = s;
+            edgeNext[ts] = edge;
+          }
+        }
+      }
+      for (var k = 0; k < N; k++) {
+        for (var _i2 = 0; _i2 < N; _i2++) {
+          var ik = _i2 * N + k;
+          for (var _j = 0; _j < N; _j++) {
+            var ij = _i2 * N + _j;
+            var kj = k * N + _j;
+            if (dist2[ik] + dist2[kj] < dist2[ij]) {
+              dist2[ij] = dist2[ik] + dist2[kj];
+              next[ij] = next[ik];
+            }
+          }
+        }
+      }
+      var getArgEle = function getArgEle2(ele) {
+        return (string(ele) ? cy.filter(ele) : ele)[0];
+      };
+      var indexOfArgEle = function indexOfArgEle2(ele) {
+        return indexOf(getArgEle(ele));
+      };
+      var res = {
+        distance: function distance(from, to) {
+          var i3 = indexOfArgEle(from);
+          var j2 = indexOfArgEle(to);
+          return dist2[i3 * N + j2];
+        },
+        path: function path(from, to) {
+          var i3 = indexOfArgEle(from);
+          var j2 = indexOfArgEle(to);
+          var fromNode = atIndex(i3);
+          if (i3 === j2) {
+            return fromNode.collection();
+          }
+          if (next[i3 * N + j2] == null) {
+            return cy.collection();
+          }
+          var path2 = cy.collection();
+          var prev = i3;
+          var edge2;
+          path2.merge(fromNode);
+          while (i3 !== j2) {
+            prev = i3;
+            i3 = next[i3 * N + j2];
+            edge2 = edgeNext[prev * N + i3];
+            path2.merge(edge2);
+            path2.merge(atIndex(i3));
+          }
+          return path2;
+        }
+      };
+      return res;
+    }
+    // floydWarshall
+  };
+  var bellmanFordDefaults = defaults$g({
+    weight: function weight(edge) {
+      return 1;
+    },
+    directed: false,
+    root: null
+  });
+  var elesfn$q = {
+    // Implemented from pseudocode from wikipedia
+    bellmanFord: function bellmanFord(options) {
+      var _this = this;
+      var _bellmanFordDefaults = bellmanFordDefaults(options), weight = _bellmanFordDefaults.weight, directed = _bellmanFordDefaults.directed, root2 = _bellmanFordDefaults.root;
+      var weightFn = weight;
+      var eles = this;
+      var cy = this.cy();
+      var _this$byGroup = this.byGroup(), edges = _this$byGroup.edges, nodes = _this$byGroup.nodes;
+      var numNodes = nodes.length;
+      var infoMap = new Map$1();
+      var hasNegativeWeightCycle = false;
+      var negativeWeightCycles = [];
+      root2 = cy.collection(root2)[0];
+      edges.unmergeBy(function(edge2) {
+        return edge2.isLoop();
+      });
+      var numEdges = edges.length;
+      var getInfo2 = function getInfo3(node2) {
+        var obj = infoMap.get(node2.id());
+        if (!obj) {
+          obj = {};
+          infoMap.set(node2.id(), obj);
+        }
+        return obj;
+      };
+      var getNodeFromTo = function getNodeFromTo2(to) {
+        return (string(to) ? cy.$(to) : to)[0];
+      };
+      var distanceTo = function distanceTo2(to) {
+        return getInfo2(getNodeFromTo(to)).dist;
+      };
+      var pathTo = function pathTo2(to) {
+        var thisStart = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : root2;
+        var end = getNodeFromTo(to);
+        var path = [];
+        var node2 = end;
+        for (; ; ) {
+          if (node2 == null) {
+            return _this.spawn();
+          }
+          var _getInfo = getInfo2(node2), edge2 = _getInfo.edge, pred = _getInfo.pred;
+          path.unshift(node2[0]);
+          if (node2.same(thisStart) && path.length > 0) {
+            break;
+          }
+          if (edge2 != null) {
+            path.unshift(edge2);
+          }
+          node2 = pred;
+        }
+        return eles.spawn(path);
+      };
+      for (var i2 = 0; i2 < numNodes; i2++) {
+        var node = nodes[i2];
+        var info = getInfo2(node);
+        if (node.same(root2)) {
+          info.dist = 0;
+        } else {
+          info.dist = Infinity;
+        }
+        info.pred = null;
+        info.edge = null;
+      }
+      var replacedEdge = false;
+      var checkForEdgeReplacement = function checkForEdgeReplacement2(node1, node2, edge2, info1, info2, weight2) {
+        var dist2 = info1.dist + weight2;
+        if (dist2 < info2.dist && !edge2.same(info1.edge)) {
+          info2.dist = dist2;
+          info2.pred = node1;
+          info2.edge = edge2;
+          replacedEdge = true;
+        }
+      };
+      for (var _i = 1; _i < numNodes; _i++) {
+        replacedEdge = false;
+        for (var e = 0; e < numEdges; e++) {
+          var edge = edges[e];
+          var src = edge.source();
+          var tgt = edge.target();
+          var _weight = weightFn(edge);
+          var srcInfo = getInfo2(src);
+          var tgtInfo = getInfo2(tgt);
+          checkForEdgeReplacement(src, tgt, edge, srcInfo, tgtInfo, _weight);
+          if (!directed) {
+            checkForEdgeReplacement(tgt, src, edge, tgtInfo, srcInfo, _weight);
+          }
+        }
+        if (!replacedEdge) {
+          break;
+        }
+      }
+      if (replacedEdge) {
+        var negativeWeightCycleIds = [];
+        for (var _e = 0; _e < numEdges; _e++) {
+          var _edge = edges[_e];
+          var _src = _edge.source();
+          var _tgt = _edge.target();
+          var _weight2 = weightFn(_edge);
+          var srcDist = getInfo2(_src).dist;
+          var tgtDist = getInfo2(_tgt).dist;
+          if (srcDist + _weight2 < tgtDist || !directed && tgtDist + _weight2 < srcDist) {
+            if (!hasNegativeWeightCycle) {
+              warn("Graph contains a negative weight cycle for Bellman-Ford");
+              hasNegativeWeightCycle = true;
+            }
+            if (options.findNegativeWeightCycles !== false) {
+              var negativeNodes = [];
+              if (srcDist + _weight2 < tgtDist) {
+                negativeNodes.push(_src);
+              }
+              if (!directed && tgtDist + _weight2 < srcDist) {
+                negativeNodes.push(_tgt);
+              }
+              var numNegativeNodes = negativeNodes.length;
+              for (var n = 0; n < numNegativeNodes; n++) {
+                var start2 = negativeNodes[n];
+                var cycle = [start2];
+                cycle.push(getInfo2(start2).edge);
+                var _node = getInfo2(start2).pred;
+                while (cycle.indexOf(_node) === -1) {
+                  cycle.push(_node);
+                  cycle.push(getInfo2(_node).edge);
+                  _node = getInfo2(_node).pred;
+                }
+                cycle = cycle.slice(cycle.indexOf(_node));
+                var smallestId = cycle[0].id();
+                var smallestIndex = 0;
+                for (var c2 = 2; c2 < cycle.length; c2 += 2) {
+                  if (cycle[c2].id() < smallestId) {
+                    smallestId = cycle[c2].id();
+                    smallestIndex = c2;
+                  }
+                }
+                cycle = cycle.slice(smallestIndex).concat(cycle.slice(0, smallestIndex));
+                cycle.push(cycle[0]);
+                var cycleId = cycle.map(function(el) {
+                  return el.id();
+                }).join(",");
+                if (negativeWeightCycleIds.indexOf(cycleId) === -1) {
+                  negativeWeightCycles.push(eles.spawn(cycle));
+                  negativeWeightCycleIds.push(cycleId);
+                }
+              }
+            } else {
+              break;
+            }
+          }
+        }
+      }
+      return {
+        distanceTo,
+        pathTo,
+        hasNegativeWeightCycle,
+        negativeWeightCycles
+      };
+    }
+    // bellmanFord
+  };
+  var sqrt2 = Math.sqrt(2);
+  var collapse = function collapse2(edgeIndex, nodeMap, remainingEdges) {
+    if (remainingEdges.length === 0) {
+      error("Karger-Stein must be run on a connected (sub)graph");
+    }
+    var edgeInfo = remainingEdges[edgeIndex];
+    var sourceIn = edgeInfo[1];
+    var targetIn = edgeInfo[2];
+    var partition1 = nodeMap[sourceIn];
+    var partition2 = nodeMap[targetIn];
+    var newEdges = remainingEdges;
+    for (var i2 = newEdges.length - 1; i2 >= 0; i2--) {
+      var edge = newEdges[i2];
+      var src = edge[1];
+      var tgt = edge[2];
+      if (nodeMap[src] === partition1 && nodeMap[tgt] === partition2 || nodeMap[src] === partition2 && nodeMap[tgt] === partition1) {
+        newEdges.splice(i2, 1);
+      }
+    }
+    for (var _i = 0; _i < newEdges.length; _i++) {
+      var _edge = newEdges[_i];
+      if (_edge[1] === partition2) {
+        newEdges[_i] = _edge.slice();
+        newEdges[_i][1] = partition1;
+      } else if (_edge[2] === partition2) {
+        newEdges[_i] = _edge.slice();
+        newEdges[_i][2] = partition1;
+      }
+    }
+    for (var _i2 = 0; _i2 < nodeMap.length; _i2++) {
+      if (nodeMap[_i2] === partition2) {
+        nodeMap[_i2] = partition1;
+      }
+    }
+    return newEdges;
+  };
+  var contractUntil = function contractUntil2(metaNodeMap, remainingEdges, size, sizeLimit) {
+    while (size > sizeLimit) {
+      var edgeIndex = Math.floor(Math.random() * remainingEdges.length);
+      remainingEdges = collapse(edgeIndex, metaNodeMap, remainingEdges);
+      size--;
+    }
+    return remainingEdges;
+  };
+  var elesfn$p = {
+    // Computes the minimum cut of an undirected graph
+    // Returns the correct answer with high probability
+    kargerStein: function kargerStein() {
+      var _this = this;
+      var _this$byGroup = this.byGroup(), nodes = _this$byGroup.nodes, edges = _this$byGroup.edges;
+      edges.unmergeBy(function(edge) {
+        return edge.isLoop();
+      });
+      var numNodes = nodes.length;
+      var numEdges = edges.length;
+      var numIter = Math.ceil(Math.pow(Math.log(numNodes) / Math.LN2, 2));
+      var stopSize = Math.floor(numNodes / sqrt2);
+      if (numNodes < 2) {
+        error("At least 2 nodes are required for Karger-Stein algorithm");
+        return void 0;
+      }
+      var edgeIndexes = [];
+      for (var i2 = 0; i2 < numEdges; i2++) {
+        var e = edges[i2];
+        edgeIndexes.push([i2, nodes.indexOf(e.source()), nodes.indexOf(e.target())]);
+      }
+      var minCutSize = Infinity;
+      var minCutEdgeIndexes = [];
+      var minCutNodeMap = new Array(numNodes);
+      var metaNodeMap = new Array(numNodes);
+      var metaNodeMap2 = new Array(numNodes);
+      var copyNodesMap = function copyNodesMap2(from, to) {
+        for (var _i3 = 0; _i3 < numNodes; _i3++) {
+          to[_i3] = from[_i3];
+        }
+      };
+      for (var iter = 0; iter <= numIter; iter++) {
+        for (var _i4 = 0; _i4 < numNodes; _i4++) {
+          metaNodeMap[_i4] = _i4;
+        }
+        var edgesState = contractUntil(metaNodeMap, edgeIndexes.slice(), numNodes, stopSize);
+        var edgesState2 = edgesState.slice();
+        copyNodesMap(metaNodeMap, metaNodeMap2);
+        var res1 = contractUntil(metaNodeMap, edgesState, stopSize, 2);
+        var res2 = contractUntil(metaNodeMap2, edgesState2, stopSize, 2);
+        if (res1.length <= res2.length && res1.length < minCutSize) {
+          minCutSize = res1.length;
+          minCutEdgeIndexes = res1;
+          copyNodesMap(metaNodeMap, minCutNodeMap);
+        } else if (res2.length <= res1.length && res2.length < minCutSize) {
+          minCutSize = res2.length;
+          minCutEdgeIndexes = res2;
+          copyNodesMap(metaNodeMap2, minCutNodeMap);
+        }
+      }
+      var cut = this.spawn(minCutEdgeIndexes.map(function(e2) {
+        return edges[e2[0]];
+      }));
+      var partition1 = this.spawn();
+      var partition2 = this.spawn();
+      var witnessNodePartition = minCutNodeMap[0];
+      for (var _i5 = 0; _i5 < minCutNodeMap.length; _i5++) {
+        var partitionId = minCutNodeMap[_i5];
+        var node = nodes[_i5];
+        if (partitionId === witnessNodePartition) {
+          partition1.merge(node);
+        } else {
+          partition2.merge(node);
+        }
+      }
+      var constructComponent = function constructComponent2(subset) {
+        var component = _this.spawn();
+        subset.forEach(function(node2) {
+          component.merge(node2);
+          node2.connectedEdges().forEach(function(edge) {
+            if (_this.contains(edge) && !cut.contains(edge)) {
+              component.merge(edge);
+            }
+          });
+        });
+        return component;
+      };
+      var components = [constructComponent(partition1), constructComponent(partition2)];
+      var ret = {
+        cut,
+        components,
+        // n.b. partitions are included to be compatible with the old api spec
+        // (could be removed in a future major version)
+        partition1,
+        partition2
+      };
+      return ret;
+    }
+  };
+  var _Math$hypot;
+  var copyPosition = function copyPosition2(p2) {
+    return {
+      x: p2.x,
+      y: p2.y
+    };
+  };
+  var modelToRenderedPosition$1 = function modelToRenderedPosition2(p2, zoom2, pan) {
+    return {
+      x: p2.x * zoom2 + pan.x,
+      y: p2.y * zoom2 + pan.y
+    };
+  };
+  var renderedToModelPosition = function renderedToModelPosition2(p2, zoom2, pan) {
+    return {
+      x: (p2.x - pan.x) / zoom2,
+      y: (p2.y - pan.y) / zoom2
+    };
+  };
+  var array2point = function array2point2(arr) {
+    return {
+      x: arr[0],
+      y: arr[1]
+    };
+  };
+  var min = function min2(arr) {
+    var begin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    var end = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : arr.length;
+    var min3 = Infinity;
+    for (var i2 = begin; i2 < end; i2++) {
+      var val = arr[i2];
+      if (isFinite(val)) {
+        min3 = Math.min(val, min3);
+      }
+    }
+    return min3;
+  };
+  var max = function max2(arr) {
+    var begin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    var end = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : arr.length;
+    var max3 = -Infinity;
+    for (var i2 = begin; i2 < end; i2++) {
+      var val = arr[i2];
+      if (isFinite(val)) {
+        max3 = Math.max(val, max3);
+      }
+    }
+    return max3;
+  };
+  var mean = function mean2(arr) {
+    var begin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    var end = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : arr.length;
+    var total = 0;
+    var n = 0;
+    for (var i2 = begin; i2 < end; i2++) {
+      var val = arr[i2];
+      if (isFinite(val)) {
+        total += val;
+        n++;
+      }
+    }
+    return total / n;
+  };
+  var median = function median2(arr) {
+    var begin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    var end = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : arr.length;
+    var copy2 = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true;
+    var sort = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : true;
+    var includeHoles = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : true;
+    if (copy2) {
+      arr = arr.slice(begin, end);
+    } else {
+      if (end < arr.length) {
+        arr.splice(end, arr.length - end);
+      }
+      if (begin > 0) {
+        arr.splice(0, begin);
+      }
+    }
+    var off = 0;
+    for (var i2 = arr.length - 1; i2 >= 0; i2--) {
+      var v = arr[i2];
+      if (includeHoles) {
+        if (!isFinite(v)) {
+          arr[i2] = -Infinity;
+          off++;
+        }
+      } else {
+        arr.splice(i2, 1);
+      }
+    }
+    if (sort) {
+      arr.sort(function(a2, b) {
+        return a2 - b;
+      });
+    }
+    var len = arr.length;
+    var mid = Math.floor(len / 2);
+    if (len % 2 !== 0) {
+      return arr[mid + 1 + off];
+    } else {
+      return (arr[mid - 1 + off] + arr[mid + off]) / 2;
+    }
+  };
+  var deg2rad = function deg2rad2(deg) {
+    return Math.PI * deg / 180;
+  };
+  var getAngleFromDisp = function getAngleFromDisp2(dispX, dispY) {
+    return Math.atan2(dispY, dispX) - Math.PI / 2;
+  };
+  var log2 = Math.log2 || function(n) {
+    return Math.log(n) / Math.log(2);
+  };
+  var signum = function signum2(x2) {
+    if (x2 > 0) {
+      return 1;
+    } else if (x2 < 0) {
+      return -1;
+    } else {
+      return 0;
+    }
+  };
+  var dist = function dist2(p1, p2) {
+    return Math.sqrt(sqdist(p1, p2));
+  };
+  var sqdist = function sqdist2(p1, p2) {
+    var dx = p2.x - p1.x;
+    var dy = p2.y - p1.y;
+    return dx * dx + dy * dy;
+  };
+  var inPlaceSumNormalize = function inPlaceSumNormalize2(v) {
+    var length = v.length;
+    var total = 0;
+    for (var i2 = 0; i2 < length; i2++) {
+      total += v[i2];
+    }
+    for (var _i = 0; _i < length; _i++) {
+      v[_i] = v[_i] / total;
+    }
+    return v;
+  };
+  var qbezierAt = function qbezierAt2(p0, p1, p2, t2) {
+    return (1 - t2) * (1 - t2) * p0 + 2 * (1 - t2) * t2 * p1 + t2 * t2 * p2;
+  };
+  var qbezierPtAt = function qbezierPtAt2(p0, p1, p2, t2) {
+    return {
+      x: qbezierAt(p0.x, p1.x, p2.x, t2),
+      y: qbezierAt(p0.y, p1.y, p2.y, t2)
+    };
+  };
+  var lineAt = function lineAt2(p0, p1, t2, d) {
+    var vec = {
+      x: p1.x - p0.x,
+      y: p1.y - p0.y
+    };
+    var vecDist = dist(p0, p1);
+    var normVec = {
+      x: vec.x / vecDist,
+      y: vec.y / vecDist
+    };
+    t2 = t2 == null ? 0 : t2;
+    d = d != null ? d : t2 * vecDist;
+    return {
+      x: p0.x + normVec.x * d,
+      y: p0.y + normVec.y * d
+    };
+  };
+  var bound = function bound2(min2, val, max2) {
+    return Math.max(min2, Math.min(max2, val));
+  };
+  var makeBoundingBox = function makeBoundingBox2(bb) {
+    if (bb == null) {
+      return {
+        x1: Infinity,
+        y1: Infinity,
+        x2: -Infinity,
+        y2: -Infinity,
+        w: 0,
+        h: 0
+      };
+    } else if (bb.x1 != null && bb.y1 != null) {
+      if (bb.x2 != null && bb.y2 != null && bb.x2 >= bb.x1 && bb.y2 >= bb.y1) {
+        return {
+          x1: bb.x1,
+          y1: bb.y1,
+          x2: bb.x2,
+          y2: bb.y2,
+          w: bb.x2 - bb.x1,
+          h: bb.y2 - bb.y1
+        };
+      } else if (bb.w != null && bb.h != null && bb.w >= 0 && bb.h >= 0) {
+        return {
+          x1: bb.x1,
+          y1: bb.y1,
+          x2: bb.x1 + bb.w,
+          y2: bb.y1 + bb.h,
+          w: bb.w,
+          h: bb.h
+        };
+      }
+    }
+  };
+  var copyBoundingBox = function copyBoundingBox2(bb) {
+    return {
+      x1: bb.x1,
+      x2: bb.x2,
+      w: bb.w,
+      y1: bb.y1,
+      y2: bb.y2,
+      h: bb.h
+    };
+  };
+  var clearBoundingBox = function clearBoundingBox2(bb) {
+    bb.x1 = Infinity;
+    bb.y1 = Infinity;
+    bb.x2 = -Infinity;
+    bb.y2 = -Infinity;
+    bb.w = 0;
+    bb.h = 0;
+  };
+  var updateBoundingBox = function updateBoundingBox2(bb1, bb2) {
+    bb1.x1 = Math.min(bb1.x1, bb2.x1);
+    bb1.x2 = Math.max(bb1.x2, bb2.x2);
+    bb1.w = bb1.x2 - bb1.x1;
+    bb1.y1 = Math.min(bb1.y1, bb2.y1);
+    bb1.y2 = Math.max(bb1.y2, bb2.y2);
+    bb1.h = bb1.y2 - bb1.y1;
+  };
+  var expandBoundingBoxByPoint = function expandBoundingBoxByPoint2(bb, x2, y2) {
+    bb.x1 = Math.min(bb.x1, x2);
+    bb.x2 = Math.max(bb.x2, x2);
+    bb.w = bb.x2 - bb.x1;
+    bb.y1 = Math.min(bb.y1, y2);
+    bb.y2 = Math.max(bb.y2, y2);
+    bb.h = bb.y2 - bb.y1;
+  };
+  var expandBoundingBox = function expandBoundingBox2(bb) {
+    var padding = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    bb.x1 -= padding;
+    bb.x2 += padding;
+    bb.y1 -= padding;
+    bb.y2 += padding;
+    bb.w = bb.x2 - bb.x1;
+    bb.h = bb.y2 - bb.y1;
+    return bb;
+  };
+  var expandBoundingBoxSides = function expandBoundingBoxSides2(bb) {
+    var padding = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [0];
+    var top2, right, bottom, left;
+    if (padding.length === 1) {
+      top2 = right = bottom = left = padding[0];
+    } else if (padding.length === 2) {
+      top2 = bottom = padding[0];
+      left = right = padding[1];
+    } else if (padding.length === 4) {
+      var _padding = _slicedToArray(padding, 4);
+      top2 = _padding[0];
+      right = _padding[1];
+      bottom = _padding[2];
+      left = _padding[3];
+    }
+    bb.x1 -= left;
+    bb.x2 += right;
+    bb.y1 -= top2;
+    bb.y2 += bottom;
+    bb.w = bb.x2 - bb.x1;
+    bb.h = bb.y2 - bb.y1;
+    return bb;
+  };
+  var assignBoundingBox = function assignBoundingBox2(bb1, bb2) {
+    bb1.x1 = bb2.x1;
+    bb1.y1 = bb2.y1;
+    bb1.x2 = bb2.x2;
+    bb1.y2 = bb2.y2;
+    bb1.w = bb1.x2 - bb1.x1;
+    bb1.h = bb1.y2 - bb1.y1;
+  };
+  var boundingBoxesIntersect = function boundingBoxesIntersect2(bb1, bb2) {
+    if (bb1.x1 > bb2.x2) {
+      return false;
+    }
+    if (bb2.x1 > bb1.x2) {
+      return false;
+    }
+    if (bb1.x2 < bb2.x1) {
+      return false;
+    }
+    if (bb2.x2 < bb1.x1) {
+      return false;
+    }
+    if (bb1.y2 < bb2.y1) {
+      return false;
+    }
+    if (bb2.y2 < bb1.y1) {
+      return false;
+    }
+    if (bb1.y1 > bb2.y2) {
+      return false;
+    }
+    if (bb2.y1 > bb1.y2) {
+      return false;
+    }
+    return true;
+  };
+  var inBoundingBox = function inBoundingBox2(bb, x2, y2) {
+    return bb.x1 <= x2 && x2 <= bb.x2 && bb.y1 <= y2 && y2 <= bb.y2;
+  };
+  var pointInBoundingBox = function pointInBoundingBox2(bb, pt) {
+    return inBoundingBox(bb, pt.x, pt.y);
+  };
+  var boundingBoxInBoundingBox = function boundingBoxInBoundingBox2(bb1, bb2) {
+    return inBoundingBox(bb1, bb2.x1, bb2.y1) && inBoundingBox(bb1, bb2.x2, bb2.y2);
+  };
+  var hypot = (_Math$hypot = Math.hypot) !== null && _Math$hypot !== void 0 ? _Math$hypot : function(x2, y2) {
+    return Math.sqrt(x2 * x2 + y2 * y2);
+  };
+  function inflatePolygon(polygon2, d) {
+    if (polygon2.length < 3) {
+      throw new Error("Need at least 3 vertices");
+    }
+    var add2 = function add3(a2, b) {
+      return {
+        x: a2.x + b.x,
+        y: a2.y + b.y
+      };
+    };
+    var sub = function sub2(a2, b) {
+      return {
+        x: a2.x - b.x,
+        y: a2.y - b.y
+      };
+    };
+    var scale2 = function scale3(v, s) {
+      return {
+        x: v.x * s,
+        y: v.y * s
+      };
+    };
+    var cross = function cross2(u, v) {
+      return u.x * v.y - u.y * v.x;
+    };
+    var normalize2 = function normalize3(v) {
+      var len = hypot(v.x, v.y);
+      return len === 0 ? {
+        x: 0,
+        y: 0
+      } : {
+        x: v.x / len,
+        y: v.y / len
+      };
+    };
+    var signedArea = function signedArea2(pts3) {
+      var A = 0;
+      for (var i3 = 0; i3 < pts3.length; i3++) {
+        var p3 = pts3[i3], q2 = pts3[(i3 + 1) % pts3.length];
+        A += p3.x * q2.y - q2.x * p3.y;
+      }
+      return A / 2;
+    };
+    var intersectLines = function intersectLines2(p1, p22, p3, p4) {
+      var r = sub(p22, p1);
+      var s = sub(p4, p3);
+      var denom = cross(r, s);
+      if (Math.abs(denom) < 1e-9) {
+        return add2(p1, scale2(r, 0.5));
+      }
+      var t2 = cross(sub(p3, p1), s) / denom;
+      return add2(p1, scale2(r, t2));
+    };
+    var pts2 = polygon2.map(function(p3) {
+      return {
+        x: p3.x,
+        y: p3.y
+      };
+    });
+    if (signedArea(pts2) < 0) pts2.reverse();
+    var n = pts2.length;
+    var normals = [];
+    for (var i2 = 0; i2 < n; i2++) {
+      var p2 = pts2[i2], q = pts2[(i2 + 1) % n];
+      var edge = sub(q, p2);
+      var out = normalize2({
+        x: edge.y,
+        y: -edge.x
+      });
+      normals.push(out);
+    }
+    var offsetEdges = normals.map(function(nrm, i3) {
+      var p1 = add2(pts2[i3], scale2(nrm, d));
+      var p22 = add2(pts2[(i3 + 1) % n], scale2(nrm, d));
+      return {
+        p1,
+        p2: p22
+      };
+    });
+    var inflated = [];
+    for (var _i2 = 0; _i2 < n; _i2++) {
+      var prevEdge = offsetEdges[(_i2 - 1 + n) % n];
+      var currEdge = offsetEdges[_i2];
+      var ip = intersectLines(prevEdge.p1, prevEdge.p2, currEdge.p1, currEdge.p2);
+      inflated.push(ip);
+    }
+    return inflated;
+  }
+  function miterBox(pts2, centerX, centerY, width, height, strokeWidth) {
+    var tpts = transformPoints(pts2, centerX, centerY, width, height);
+    var offsetPoints = inflatePolygon(tpts, strokeWidth);
+    var bb = makeBoundingBox();
+    offsetPoints.forEach(function(pt) {
+      return expandBoundingBoxByPoint(bb, pt.x, pt.y);
+    });
+    return bb;
+  }
+  var roundRectangleIntersectLine = function roundRectangleIntersectLine2(x2, y2, nodeX, nodeY, width, height, padding) {
+    var radius2 = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : "auto";
+    var cornerRadius = radius2 === "auto" ? getRoundRectangleRadius(width, height) : radius2;
+    var halfWidth = width / 2;
+    var halfHeight = height / 2;
+    cornerRadius = Math.min(cornerRadius, halfWidth, halfHeight);
+    var doWidth = cornerRadius !== halfWidth, doHeight = cornerRadius !== halfHeight;
+    var straightLineIntersections;
+    if (doWidth) {
+      var topStartX = nodeX - halfWidth + cornerRadius - padding;
+      var topStartY = nodeY - halfHeight - padding;
+      var topEndX = nodeX + halfWidth - cornerRadius + padding;
+      var topEndY = topStartY;
+      straightLineIntersections = finiteLinesIntersect(x2, y2, nodeX, nodeY, topStartX, topStartY, topEndX, topEndY, false);
+      if (straightLineIntersections.length > 0) {
+        return straightLineIntersections;
+      }
+    }
+    if (doHeight) {
+      var rightStartX = nodeX + halfWidth + padding;
+      var rightStartY = nodeY - halfHeight + cornerRadius - padding;
+      var rightEndX = rightStartX;
+      var rightEndY = nodeY + halfHeight - cornerRadius + padding;
+      straightLineIntersections = finiteLinesIntersect(x2, y2, nodeX, nodeY, rightStartX, rightStartY, rightEndX, rightEndY, false);
+      if (straightLineIntersections.length > 0) {
+        return straightLineIntersections;
+      }
+    }
+    if (doWidth) {
+      var bottomStartX = nodeX - halfWidth + cornerRadius - padding;
+      var bottomStartY = nodeY + halfHeight + padding;
+      var bottomEndX = nodeX + halfWidth - cornerRadius + padding;
+      var bottomEndY = bottomStartY;
+      straightLineIntersections = finiteLinesIntersect(x2, y2, nodeX, nodeY, bottomStartX, bottomStartY, bottomEndX, bottomEndY, false);
+      if (straightLineIntersections.length > 0) {
+        return straightLineIntersections;
+      }
+    }
+    if (doHeight) {
+      var leftStartX = nodeX - halfWidth - padding;
+      var leftStartY = nodeY - halfHeight + cornerRadius - padding;
+      var leftEndX = leftStartX;
+      var leftEndY = nodeY + halfHeight - cornerRadius + padding;
+      straightLineIntersections = finiteLinesIntersect(x2, y2, nodeX, nodeY, leftStartX, leftStartY, leftEndX, leftEndY, false);
+      if (straightLineIntersections.length > 0) {
+        return straightLineIntersections;
+      }
+    }
+    var arcIntersections;
+    {
+      var topLeftCenterX = nodeX - halfWidth + cornerRadius;
+      var topLeftCenterY = nodeY - halfHeight + cornerRadius;
+      arcIntersections = intersectLineCircle(x2, y2, nodeX, nodeY, topLeftCenterX, topLeftCenterY, cornerRadius + padding);
+      if (arcIntersections.length > 0 && arcIntersections[0] <= topLeftCenterX && arcIntersections[1] <= topLeftCenterY) {
+        return [arcIntersections[0], arcIntersections[1]];
+      }
+    }
+    {
+      var topRightCenterX = nodeX + halfWidth - cornerRadius;
+      var topRightCenterY = nodeY - halfHeight + cornerRadius;
+      arcIntersections = intersectLineCircle(x2, y2, nodeX, nodeY, topRightCenterX, topRightCenterY, cornerRadius + padding);
+      if (arcIntersections.length > 0 && arcIntersections[0] >= topRightCenterX && arcIntersections[1] <= topRightCenterY) {
+        return [arcIntersections[0], arcIntersections[1]];
+      }
+    }
+    {
+      var bottomRightCenterX = nodeX + halfWidth - cornerRadius;
+      var bottomRightCenterY = nodeY + halfHeight - cornerRadius;
+      arcIntersections = intersectLineCircle(x2, y2, nodeX, nodeY, bottomRightCenterX, bottomRightCenterY, cornerRadius + padding);
+      if (arcIntersections.length > 0 && arcIntersections[0] >= bottomRightCenterX && arcIntersections[1] >= bottomRightCenterY) {
+        return [arcIntersections[0], arcIntersections[1]];
+      }
+    }
+    {
+      var bottomLeftCenterX = nodeX - halfWidth + cornerRadius;
+      var bottomLeftCenterY = nodeY + halfHeight - cornerRadius;
+      arcIntersections = intersectLineCircle(x2, y2, nodeX, nodeY, bottomLeftCenterX, bottomLeftCenterY, cornerRadius + padding);
+      if (arcIntersections.length > 0 && arcIntersections[0] <= bottomLeftCenterX && arcIntersections[1] >= bottomLeftCenterY) {
+        return [arcIntersections[0], arcIntersections[1]];
+      }
+    }
+    return [];
+  };
+  var inLineVicinity = function inLineVicinity2(x2, y2, lx1, ly1, lx2, ly2, tolerance) {
+    var t2 = tolerance;
+    var x1 = Math.min(lx1, lx2);
+    var x22 = Math.max(lx1, lx2);
+    var y1 = Math.min(ly1, ly2);
+    var y22 = Math.max(ly1, ly2);
+    return x1 - t2 <= x2 && x2 <= x22 + t2 && y1 - t2 <= y2 && y2 <= y22 + t2;
+  };
+  var inBezierVicinity = function inBezierVicinity2(x2, y2, x1, y1, x22, y22, x3, y3, tolerance) {
+    var bb = {
+      x1: Math.min(x1, x3, x22) - tolerance,
+      x2: Math.max(x1, x3, x22) + tolerance,
+      y1: Math.min(y1, y3, y22) - tolerance,
+      y2: Math.max(y1, y3, y22) + tolerance
+    };
+    if (x2 < bb.x1 || x2 > bb.x2 || y2 < bb.y1 || y2 > bb.y2) {
+      return false;
+    } else {
+      return true;
+    }
+  };
+  var solveQuadratic = function solveQuadratic2(a2, b, c2, val) {
+    c2 -= val;
+    var r = b * b - 4 * a2 * c2;
+    if (r < 0) {
+      return [];
+    }
+    var sqrtR = Math.sqrt(r);
+    var denom = 2 * a2;
+    var root1 = (-b + sqrtR) / denom;
+    var root2 = (-b - sqrtR) / denom;
+    return [root1, root2];
+  };
+  var solveCubic = function solveCubic2(a2, b, c2, d, result) {
+    var epsilon3 = 1e-5;
+    if (a2 === 0) {
+      a2 = epsilon3;
+    }
+    b /= a2;
+    c2 /= a2;
+    d /= a2;
+    var discriminant, q, r, dum1, s, t2, term1, r13;
+    q = (3 * c2 - b * b) / 9;
+    r = -(27 * d) + b * (9 * c2 - 2 * (b * b));
+    r /= 54;
+    discriminant = q * q * q + r * r;
+    result[1] = 0;
+    term1 = b / 3;
+    if (discriminant > 0) {
+      s = r + Math.sqrt(discriminant);
+      s = s < 0 ? -Math.pow(-s, 1 / 3) : Math.pow(s, 1 / 3);
+      t2 = r - Math.sqrt(discriminant);
+      t2 = t2 < 0 ? -Math.pow(-t2, 1 / 3) : Math.pow(t2, 1 / 3);
+      result[0] = -term1 + s + t2;
+      term1 += (s + t2) / 2;
+      result[4] = result[2] = -term1;
+      term1 = Math.sqrt(3) * (-t2 + s) / 2;
+      result[3] = term1;
+      result[5] = -term1;
+      return;
+    }
+    result[5] = result[3] = 0;
+    if (discriminant === 0) {
+      r13 = r < 0 ? -Math.pow(-r, 1 / 3) : Math.pow(r, 1 / 3);
+      result[0] = -term1 + 2 * r13;
+      result[4] = result[2] = -(r13 + term1);
+      return;
+    }
+    q = -q;
+    dum1 = q * q * q;
+    dum1 = Math.acos(r / Math.sqrt(dum1));
+    r13 = 2 * Math.sqrt(q);
+    result[0] = -term1 + r13 * Math.cos(dum1 / 3);
+    result[2] = -term1 + r13 * Math.cos((dum1 + 2 * Math.PI) / 3);
+    result[4] = -term1 + r13 * Math.cos((dum1 + 4 * Math.PI) / 3);
+    return;
+  };
+  var sqdistToQuadraticBezier = function sqdistToQuadraticBezier2(x2, y2, x1, y1, x22, y22, x3, y3) {
+    var a2 = 1 * x1 * x1 - 4 * x1 * x22 + 2 * x1 * x3 + 4 * x22 * x22 - 4 * x22 * x3 + x3 * x3 + y1 * y1 - 4 * y1 * y22 + 2 * y1 * y3 + 4 * y22 * y22 - 4 * y22 * y3 + y3 * y3;
+    var b = 1 * 9 * x1 * x22 - 3 * x1 * x1 - 3 * x1 * x3 - 6 * x22 * x22 + 3 * x22 * x3 + 9 * y1 * y22 - 3 * y1 * y1 - 3 * y1 * y3 - 6 * y22 * y22 + 3 * y22 * y3;
+    var c2 = 1 * 3 * x1 * x1 - 6 * x1 * x22 + x1 * x3 - x1 * x2 + 2 * x22 * x22 + 2 * x22 * x2 - x3 * x2 + 3 * y1 * y1 - 6 * y1 * y22 + y1 * y3 - y1 * y2 + 2 * y22 * y22 + 2 * y22 * y2 - y3 * y2;
+    var d = 1 * x1 * x22 - x1 * x1 + x1 * x2 - x22 * x2 + y1 * y22 - y1 * y1 + y1 * y2 - y22 * y2;
+    var roots = [];
+    solveCubic(a2, b, c2, d, roots);
+    var zeroThreshold = 1e-7;
+    var params = [];
+    for (var index2 = 0; index2 < 6; index2 += 2) {
+      if (Math.abs(roots[index2 + 1]) < zeroThreshold && roots[index2] >= 0 && roots[index2] <= 1) {
+        params.push(roots[index2]);
+      }
+    }
+    params.push(1);
+    params.push(0);
+    var minDistanceSquared = -1;
+    var curX, curY, distSquared;
+    for (var i2 = 0; i2 < params.length; i2++) {
+      curX = Math.pow(1 - params[i2], 2) * x1 + 2 * (1 - params[i2]) * params[i2] * x22 + params[i2] * params[i2] * x3;
+      curY = Math.pow(1 - params[i2], 2) * y1 + 2 * (1 - params[i2]) * params[i2] * y22 + params[i2] * params[i2] * y3;
+      distSquared = Math.pow(curX - x2, 2) + Math.pow(curY - y2, 2);
+      if (minDistanceSquared >= 0) {
+        if (distSquared < minDistanceSquared) {
+          minDistanceSquared = distSquared;
+        }
+      } else {
+        minDistanceSquared = distSquared;
+      }
+    }
+    return minDistanceSquared;
+  };
+  var sqdistToFiniteLine = function sqdistToFiniteLine2(x2, y2, x1, y1, x22, y22) {
+    var offset = [x2 - x1, y2 - y1];
+    var line = [x22 - x1, y22 - y1];
+    var lineSq = line[0] * line[0] + line[1] * line[1];
+    var hypSq = offset[0] * offset[0] + offset[1] * offset[1];
+    var dotProduct = offset[0] * line[0] + offset[1] * line[1];
+    var adjSq = dotProduct * dotProduct / lineSq;
+    if (dotProduct < 0) {
+      return hypSq;
+    }
+    if (adjSq > lineSq) {
+      return (x2 - x22) * (x2 - x22) + (y2 - y22) * (y2 - y22);
+    }
+    return hypSq - adjSq;
+  };
+  var pointInsidePolygonPoints = function pointInsidePolygonPoints2(x2, y2, points) {
+    var x1, y1, x22, y22;
+    var y3;
+    var up = 0;
+    for (var i2 = 0; i2 < points.length / 2; i2++) {
+      x1 = points[i2 * 2];
+      y1 = points[i2 * 2 + 1];
+      if (i2 + 1 < points.length / 2) {
+        x22 = points[(i2 + 1) * 2];
+        y22 = points[(i2 + 1) * 2 + 1];
+      } else {
+        x22 = points[(i2 + 1 - points.length / 2) * 2];
+        y22 = points[(i2 + 1 - points.length / 2) * 2 + 1];
+      }
+      if (x1 == x2 && x22 == x2) ;
+      else if (x1 >= x2 && x2 >= x22 || x1 <= x2 && x2 <= x22) {
+        y3 = (x2 - x1) / (x22 - x1) * (y22 - y1) + y1;
+        if (y3 > y2) {
+          up++;
+        }
+      } else {
+        continue;
+      }
+    }
+    if (up % 2 === 0) {
+      return false;
+    } else {
+      return true;
+    }
+  };
+  var pointInsidePolygon = function pointInsidePolygon2(x2, y2, basePoints, centerX, centerY, width, height, direction, padding) {
+    var transformedPoints = new Array(basePoints.length);
+    var angle2;
+    if (direction[0] != null) {
+      angle2 = Math.atan(direction[1] / direction[0]);
+      if (direction[0] < 0) {
+        angle2 = angle2 + Math.PI / 2;
+      } else {
+        angle2 = -angle2 - Math.PI / 2;
+      }
+    } else {
+      angle2 = direction;
+    }
+    var cos2 = Math.cos(-angle2);
+    var sin2 = Math.sin(-angle2);
+    for (var i2 = 0; i2 < transformedPoints.length / 2; i2++) {
+      transformedPoints[i2 * 2] = width / 2 * (basePoints[i2 * 2] * cos2 - basePoints[i2 * 2 + 1] * sin2);
+      transformedPoints[i2 * 2 + 1] = height / 2 * (basePoints[i2 * 2 + 1] * cos2 + basePoints[i2 * 2] * sin2);
+      transformedPoints[i2 * 2] += centerX;
+      transformedPoints[i2 * 2 + 1] += centerY;
+    }
+    var points;
+    if (padding > 0) {
+      var expandedLineSet = expandPolygon(transformedPoints, -padding);
+      points = joinLines(expandedLineSet);
+    } else {
+      points = transformedPoints;
+    }
+    return pointInsidePolygonPoints(x2, y2, points);
+  };
+  var pointInsideRoundPolygon = function pointInsideRoundPolygon2(x2, y2, basePoints, centerX, centerY, width, height, corners) {
+    var cutPolygonPoints = new Array(basePoints.length * 2);
+    for (var i2 = 0; i2 < corners.length; i2++) {
+      var corner = corners[i2];
+      cutPolygonPoints[i2 * 4 + 0] = corner.startX;
+      cutPolygonPoints[i2 * 4 + 1] = corner.startY;
+      cutPolygonPoints[i2 * 4 + 2] = corner.stopX;
+      cutPolygonPoints[i2 * 4 + 3] = corner.stopY;
+      var squaredDistance = Math.pow(corner.cx - x2, 2) + Math.pow(corner.cy - y2, 2);
+      if (squaredDistance <= Math.pow(corner.radius, 2)) {
+        return true;
+      }
+    }
+    return pointInsidePolygonPoints(x2, y2, cutPolygonPoints);
+  };
+  var joinLines = function joinLines2(lineSet) {
+    var vertices = new Array(lineSet.length / 2);
+    var currentLineStartX, currentLineStartY, currentLineEndX, currentLineEndY;
+    var nextLineStartX, nextLineStartY, nextLineEndX, nextLineEndY;
+    for (var i2 = 0; i2 < lineSet.length / 4; i2++) {
+      currentLineStartX = lineSet[i2 * 4];
+      currentLineStartY = lineSet[i2 * 4 + 1];
+      currentLineEndX = lineSet[i2 * 4 + 2];
+      currentLineEndY = lineSet[i2 * 4 + 3];
+      if (i2 < lineSet.length / 4 - 1) {
+        nextLineStartX = lineSet[(i2 + 1) * 4];
+        nextLineStartY = lineSet[(i2 + 1) * 4 + 1];
+        nextLineEndX = lineSet[(i2 + 1) * 4 + 2];
+        nextLineEndY = lineSet[(i2 + 1) * 4 + 3];
+      } else {
+        nextLineStartX = lineSet[0];
+        nextLineStartY = lineSet[1];
+        nextLineEndX = lineSet[2];
+        nextLineEndY = lineSet[3];
+      }
+      var intersection2 = finiteLinesIntersect(currentLineStartX, currentLineStartY, currentLineEndX, currentLineEndY, nextLineStartX, nextLineStartY, nextLineEndX, nextLineEndY, true);
+      vertices[i2 * 2] = intersection2[0];
+      vertices[i2 * 2 + 1] = intersection2[1];
+    }
+    return vertices;
+  };
+  var expandPolygon = function expandPolygon2(points, pad) {
+    var expandedLineSet = new Array(points.length * 2);
+    var currentPointX, currentPointY, nextPointX, nextPointY;
+    for (var i2 = 0; i2 < points.length / 2; i2++) {
+      currentPointX = points[i2 * 2];
+      currentPointY = points[i2 * 2 + 1];
+      if (i2 < points.length / 2 - 1) {
+        nextPointX = points[(i2 + 1) * 2];
+        nextPointY = points[(i2 + 1) * 2 + 1];
+      } else {
+        nextPointX = points[0];
+        nextPointY = points[1];
+      }
+      var offsetX = nextPointY - currentPointY;
+      var offsetY = -(nextPointX - currentPointX);
+      var offsetLength = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
+      var normalizedOffsetX = offsetX / offsetLength;
+      var normalizedOffsetY = offsetY / offsetLength;
+      expandedLineSet[i2 * 4] = currentPointX + normalizedOffsetX * pad;
+      expandedLineSet[i2 * 4 + 1] = currentPointY + normalizedOffsetY * pad;
+      expandedLineSet[i2 * 4 + 2] = nextPointX + normalizedOffsetX * pad;
+      expandedLineSet[i2 * 4 + 3] = nextPointY + normalizedOffsetY * pad;
+    }
+    return expandedLineSet;
+  };
+  var intersectLineEllipse = function intersectLineEllipse2(x2, y2, centerX, centerY, ellipseWradius, ellipseHradius) {
+    var dispX = centerX - x2;
+    var dispY = centerY - y2;
+    dispX /= ellipseWradius;
+    dispY /= ellipseHradius;
+    var len = Math.sqrt(dispX * dispX + dispY * dispY);
+    var newLength = len - 1;
+    if (newLength < 0) {
+      return [];
+    }
+    var lenProportion = newLength / len;
+    return [(centerX - x2) * lenProportion + x2, (centerY - y2) * lenProportion + y2];
+  };
+  var checkInEllipse = function checkInEllipse2(x2, y2, width, height, centerX, centerY, padding) {
+    x2 -= centerX;
+    y2 -= centerY;
+    x2 /= width / 2 + padding;
+    y2 /= height / 2 + padding;
+    return x2 * x2 + y2 * y2 <= 1;
+  };
+  var intersectLineCircle = function intersectLineCircle2(x1, y1, x2, y2, centerX, centerY, radius2) {
+    var d = [x2 - x1, y2 - y1];
+    var f = [x1 - centerX, y1 - centerY];
+    var a2 = d[0] * d[0] + d[1] * d[1];
+    var b = 2 * (f[0] * d[0] + f[1] * d[1]);
+    var c2 = f[0] * f[0] + f[1] * f[1] - radius2 * radius2;
+    var discriminant = b * b - 4 * a2 * c2;
+    if (discriminant < 0) {
+      return [];
+    }
+    var t1 = (-b + Math.sqrt(discriminant)) / (2 * a2);
+    var t2 = (-b - Math.sqrt(discriminant)) / (2 * a2);
+    var tMin = Math.min(t1, t2);
+    var tMax = Math.max(t1, t2);
+    var inRangeParams = [];
+    if (tMin >= 0 && tMin <= 1) {
+      inRangeParams.push(tMin);
+    }
+    if (tMax >= 0 && tMax <= 1) {
+      inRangeParams.push(tMax);
+    }
+    if (inRangeParams.length === 0) {
+      return [];
+    }
+    var nearIntersectionX = inRangeParams[0] * d[0] + x1;
+    var nearIntersectionY = inRangeParams[0] * d[1] + y1;
+    if (inRangeParams.length > 1) {
+      if (inRangeParams[0] == inRangeParams[1]) {
+        return [nearIntersectionX, nearIntersectionY];
+      } else {
+        var farIntersectionX = inRangeParams[1] * d[0] + x1;
+        var farIntersectionY = inRangeParams[1] * d[1] + y1;
+        return [nearIntersectionX, nearIntersectionY, farIntersectionX, farIntersectionY];
+      }
+    } else {
+      return [nearIntersectionX, nearIntersectionY];
+    }
+  };
+  var midOfThree = function midOfThree2(a2, b, c2) {
+    if (b <= a2 && a2 <= c2 || c2 <= a2 && a2 <= b) {
+      return a2;
+    } else if (a2 <= b && b <= c2 || c2 <= b && b <= a2) {
+      return b;
+    } else {
+      return c2;
+    }
+  };
+  var finiteLinesIntersect = function finiteLinesIntersect2(x1, y1, x2, y2, x3, y3, x4, y4, infiniteLines) {
+    var dx13 = x1 - x3;
+    var dx21 = x2 - x1;
+    var dx43 = x4 - x3;
+    var dy13 = y1 - y3;
+    var dy21 = y2 - y1;
+    var dy43 = y4 - y3;
+    var ua_t = dx43 * dy13 - dy43 * dx13;
+    var ub_t = dx21 * dy13 - dy21 * dx13;
+    var u_b = dy43 * dx21 - dx43 * dy21;
+    if (u_b !== 0) {
+      var ua = ua_t / u_b;
+      var ub = ub_t / u_b;
+      var flptThreshold = 1e-3;
+      var _min = 0 - flptThreshold;
+      var _max = 1 + flptThreshold;
+      if (_min <= ua && ua <= _max && _min <= ub && ub <= _max) {
+        return [x1 + ua * dx21, y1 + ua * dy21];
+      } else {
+        if (!infiniteLines) {
+          return [];
+        } else {
+          return [x1 + ua * dx21, y1 + ua * dy21];
+        }
+      }
+    } else {
+      if (ua_t === 0 || ub_t === 0) {
+        if (midOfThree(x1, x2, x4) === x4) {
+          return [x4, y4];
+        }
+        if (midOfThree(x1, x2, x3) === x3) {
+          return [x3, y3];
+        }
+        if (midOfThree(x3, x4, x2) === x2) {
+          return [x2, y2];
+        }
+        return [];
+      } else {
+        return [];
+      }
+    }
+  };
+  var transformPoints = function transformPoints2(points, centerX, centerY, width, height) {
+    var ret = [];
+    var halfW = width / 2;
+    var halfH = height / 2;
+    var x2 = centerX;
+    var y2 = centerY;
+    ret.push({
+      x: x2 + halfW * points[0],
+      y: y2 + halfH * points[1]
+    });
+    for (var i2 = 1; i2 < points.length / 2; i2++) {
+      ret.push({
+        x: x2 + halfW * points[i2 * 2],
+        y: y2 + halfH * points[i2 * 2 + 1]
+      });
+    }
+    return ret;
+  };
+  var polygonIntersectLine = function polygonIntersectLine2(x2, y2, basePoints, centerX, centerY, width, height, padding) {
+    var intersections = [];
+    var intersection2;
+    var transformedPoints = new Array(basePoints.length);
+    var doTransform = true;
+    if (width == null) {
+      doTransform = false;
+    }
+    var points;
+    if (doTransform) {
+      for (var i2 = 0; i2 < transformedPoints.length / 2; i2++) {
+        transformedPoints[i2 * 2] = basePoints[i2 * 2] * width + centerX;
+        transformedPoints[i2 * 2 + 1] = basePoints[i2 * 2 + 1] * height + centerY;
+      }
+      if (padding > 0) {
+        var expandedLineSet = expandPolygon(transformedPoints, -padding);
+        points = joinLines(expandedLineSet);
+      } else {
+        points = transformedPoints;
+      }
+    } else {
+      points = basePoints;
+    }
+    var currentX, currentY, nextX, nextY;
+    for (var _i3 = 0; _i3 < points.length / 2; _i3++) {
+      currentX = points[_i3 * 2];
+      currentY = points[_i3 * 2 + 1];
+      if (_i3 < points.length / 2 - 1) {
+        nextX = points[(_i3 + 1) * 2];
+        nextY = points[(_i3 + 1) * 2 + 1];
+      } else {
+        nextX = points[0];
+        nextY = points[1];
+      }
+      intersection2 = finiteLinesIntersect(x2, y2, centerX, centerY, currentX, currentY, nextX, nextY);
+      if (intersection2.length !== 0) {
+        intersections.push(intersection2[0], intersection2[1]);
+      }
+    }
+    return intersections;
+  };
+  var roundPolygonIntersectLine = function roundPolygonIntersectLine2(x2, y2, basePoints, centerX, centerY, width, height, padding, corners) {
+    var intersections = [];
+    var intersection2;
+    var lines = new Array(basePoints.length * 2);
+    corners.forEach(function(corner, i3) {
+      if (i3 === 0) {
+        lines[lines.length - 2] = corner.startX;
+        lines[lines.length - 1] = corner.startY;
+      } else {
+        lines[i3 * 4 - 2] = corner.startX;
+        lines[i3 * 4 - 1] = corner.startY;
+      }
+      lines[i3 * 4] = corner.stopX;
+      lines[i3 * 4 + 1] = corner.stopY;
+      intersection2 = intersectLineCircle(x2, y2, centerX, centerY, corner.cx, corner.cy, corner.radius);
+      if (intersection2.length !== 0) {
+        intersections.push(intersection2[0], intersection2[1]);
+      }
+    });
+    for (var i2 = 0; i2 < lines.length / 4; i2++) {
+      intersection2 = finiteLinesIntersect(x2, y2, centerX, centerY, lines[i2 * 4], lines[i2 * 4 + 1], lines[i2 * 4 + 2], lines[i2 * 4 + 3], false);
+      if (intersection2.length !== 0) {
+        intersections.push(intersection2[0], intersection2[1]);
+      }
+    }
+    if (intersections.length > 2) {
+      var lowestIntersection = [intersections[0], intersections[1]];
+      var lowestSquaredDistance = Math.pow(lowestIntersection[0] - x2, 2) + Math.pow(lowestIntersection[1] - y2, 2);
+      for (var _i4 = 1; _i4 < intersections.length / 2; _i4++) {
+        var squaredDistance = Math.pow(intersections[_i4 * 2] - x2, 2) + Math.pow(intersections[_i4 * 2 + 1] - y2, 2);
+        if (squaredDistance <= lowestSquaredDistance) {
+          lowestIntersection[0] = intersections[_i4 * 2];
+          lowestIntersection[1] = intersections[_i4 * 2 + 1];
+          lowestSquaredDistance = squaredDistance;
+        }
+      }
+      return lowestIntersection;
+    }
+    return intersections;
+  };
+  var shortenIntersection = function shortenIntersection2(intersection2, offset, amount) {
+    var disp = [intersection2[0] - offset[0], intersection2[1] - offset[1]];
+    var length = Math.sqrt(disp[0] * disp[0] + disp[1] * disp[1]);
+    var lenRatio = (length - amount) / length;
+    if (lenRatio < 0) {
+      lenRatio = 1e-5;
+    }
+    return [offset[0] + lenRatio * disp[0], offset[1] + lenRatio * disp[1]];
+  };
+  var generateUnitNgonPointsFitToSquare = function generateUnitNgonPointsFitToSquare2(sides, rotationRadians) {
+    var points = generateUnitNgonPoints(sides, rotationRadians);
+    points = fitPolygonToSquare(points);
+    return points;
+  };
+  var fitPolygonToSquare = function fitPolygonToSquare2(points) {
+    var x2, y2;
+    var sides = points.length / 2;
+    var minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+    for (var i2 = 0; i2 < sides; i2++) {
+      x2 = points[2 * i2];
+      y2 = points[2 * i2 + 1];
+      minX = Math.min(minX, x2);
+      maxX = Math.max(maxX, x2);
+      minY = Math.min(minY, y2);
+      maxY = Math.max(maxY, y2);
+    }
+    var sx = 2 / (maxX - minX);
+    var sy = 2 / (maxY - minY);
+    for (var _i5 = 0; _i5 < sides; _i5++) {
+      x2 = points[2 * _i5] = points[2 * _i5] * sx;
+      y2 = points[2 * _i5 + 1] = points[2 * _i5 + 1] * sy;
+      minX = Math.min(minX, x2);
+      maxX = Math.max(maxX, x2);
+      minY = Math.min(minY, y2);
+      maxY = Math.max(maxY, y2);
+    }
+    if (minY < -1) {
+      for (var _i6 = 0; _i6 < sides; _i6++) {
+        y2 = points[2 * _i6 + 1] = points[2 * _i6 + 1] + (-1 - minY);
+      }
+    }
+    return points;
+  };
+  var generateUnitNgonPoints = function generateUnitNgonPoints2(sides, rotationRadians) {
+    var increment = 1 / sides * 2 * Math.PI;
+    var startAngle = sides % 2 === 0 ? Math.PI / 2 + increment / 2 : Math.PI / 2;
+    startAngle += rotationRadians;
+    var points = new Array(sides * 2);
+    var currentAngle;
+    for (var i2 = 0; i2 < sides; i2++) {
+      currentAngle = i2 * increment + startAngle;
+      points[2 * i2] = Math.cos(currentAngle);
+      points[2 * i2 + 1] = Math.sin(-currentAngle);
+    }
+    return points;
+  };
+  var getRoundRectangleRadius = function getRoundRectangleRadius2(width, height) {
+    return Math.min(width / 4, height / 4, 8);
+  };
+  var getRoundPolygonRadius = function getRoundPolygonRadius2(width, height) {
+    return Math.min(width / 10, height / 10, 8);
+  };
+  var getCutRectangleCornerLength = function getCutRectangleCornerLength2() {
+    return 8;
+  };
+  var bezierPtsToQuadCoeff = function bezierPtsToQuadCoeff2(p0, p1, p2) {
+    return [p0 - 2 * p1 + p2, 2 * (p1 - p0), p0];
+  };
+  var getBarrelCurveConstants = function getBarrelCurveConstants2(width, height) {
+    return {
+      heightOffset: Math.min(15, 0.05 * height),
+      widthOffset: Math.min(100, 0.25 * width),
+      ctrlPtOffsetPct: 0.05
+    };
+  };
+  function satPolygonIntersection(poly1, poly2) {
+    function getAxes(polygon2) {
+      var axes2 = [];
+      for (var i2 = 0; i2 < polygon2.length; i2++) {
+        var p1 = polygon2[i2];
+        var p2 = polygon2[(i2 + 1) % polygon2.length];
+        var edge = {
+          x: p2.x - p1.x,
+          y: p2.y - p1.y
+        };
+        var normal = {
+          x: -edge.y,
+          y: edge.x
+        };
+        var length = Math.sqrt(normal.x * normal.x + normal.y * normal.y);
+        axes2.push({
+          x: normal.x / length,
+          y: normal.y / length
+        });
+      }
+      return axes2;
+    }
+    function project(polygon2, axis2) {
+      var min2 = Infinity;
+      var max2 = -Infinity;
+      var _iterator = _createForOfIteratorHelper(polygon2), _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          var point = _step.value;
+          var projection2 = point.x * axis2.x + point.y * axis2.y;
+          min2 = Math.min(min2, projection2);
+          max2 = Math.max(max2, projection2);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return {
+        min: min2,
+        max: max2
+      };
+    }
+    function overlaps(proj12, proj22) {
+      return !(proj12.max < proj22.min || proj22.max < proj12.min);
+    }
+    var axes = [].concat(_toConsumableArray(getAxes(poly1)), _toConsumableArray(getAxes(poly2)));
+    var _iterator2 = _createForOfIteratorHelper(axes), _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+        var axis = _step2.value;
+        var proj1 = project(poly1, axis);
+        var proj2 = project(poly2, axis);
+        if (!overlaps(proj1, proj2)) {
+          return false;
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    return true;
+  }
+  var pageRankDefaults = defaults$g({
+    dampingFactor: 0.8,
+    precision: 1e-6,
+    iterations: 200,
+    weight: function weight(edge) {
+      return 1;
+    }
+  });
+  var elesfn$o = {
+    pageRank: function pageRank(options) {
+      var _pageRankDefaults = pageRankDefaults(options), dampingFactor = _pageRankDefaults.dampingFactor, precision = _pageRankDefaults.precision, iterations = _pageRankDefaults.iterations, weight = _pageRankDefaults.weight;
+      var cy = this._private.cy;
+      var _this$byGroup = this.byGroup(), nodes = _this$byGroup.nodes, edges = _this$byGroup.edges;
+      var numNodes = nodes.length;
+      var numNodesSqd = numNodes * numNodes;
+      var numEdges = edges.length;
+      var matrix = new Array(numNodesSqd);
+      var columnSum = new Array(numNodes);
+      var additionalProb = (1 - dampingFactor) / numNodes;
+      for (var i2 = 0; i2 < numNodes; i2++) {
+        for (var j = 0; j < numNodes; j++) {
+          var n = i2 * numNodes + j;
+          matrix[n] = 0;
+        }
+        columnSum[i2] = 0;
+      }
+      for (var _i = 0; _i < numEdges; _i++) {
+        var edge = edges[_i];
+        var srcId = edge.data("source");
+        var tgtId = edge.data("target");
+        if (srcId === tgtId) {
+          continue;
+        }
+        var s = nodes.indexOfId(srcId);
+        var t2 = nodes.indexOfId(tgtId);
+        var w = weight(edge);
+        var _n = t2 * numNodes + s;
+        matrix[_n] += w;
+        columnSum[s] += w;
+      }
+      var p2 = 1 / numNodes + additionalProb;
+      for (var _j = 0; _j < numNodes; _j++) {
+        if (columnSum[_j] === 0) {
+          for (var _i2 = 0; _i2 < numNodes; _i2++) {
+            var _n2 = _i2 * numNodes + _j;
+            matrix[_n2] = p2;
+          }
+        } else {
+          for (var _i3 = 0; _i3 < numNodes; _i3++) {
+            var _n3 = _i3 * numNodes + _j;
+            matrix[_n3] = matrix[_n3] / columnSum[_j] + additionalProb;
+          }
+        }
+      }
+      var eigenvector = new Array(numNodes);
+      var temp = new Array(numNodes);
+      var previous;
+      for (var _i4 = 0; _i4 < numNodes; _i4++) {
+        eigenvector[_i4] = 1;
+      }
+      for (var iter = 0; iter < iterations; iter++) {
+        for (var _i5 = 0; _i5 < numNodes; _i5++) {
+          temp[_i5] = 0;
+        }
+        for (var _i6 = 0; _i6 < numNodes; _i6++) {
+          for (var _j2 = 0; _j2 < numNodes; _j2++) {
+            var _n4 = _i6 * numNodes + _j2;
+            temp[_i6] += matrix[_n4] * eigenvector[_j2];
+          }
+        }
+        inPlaceSumNormalize(temp);
+        previous = eigenvector;
+        eigenvector = temp;
+        temp = previous;
+        var diff = 0;
+        for (var _i7 = 0; _i7 < numNodes; _i7++) {
+          var delta = previous[_i7] - eigenvector[_i7];
+          diff += delta * delta;
+        }
+        if (diff < precision) {
+          break;
+        }
+      }
+      var res = {
+        rank: function rank(node) {
+          node = cy.collection(node)[0];
+          return eigenvector[nodes.indexOf(node)];
+        }
+      };
+      return res;
+    }
+    // pageRank
+  };
+  var defaults$f = defaults$g({
+    root: null,
+    weight: function weight(edge) {
+      return 1;
+    },
+    directed: false,
+    alpha: 0
+  });
+  var elesfn$n = {
+    degreeCentralityNormalized: function degreeCentralityNormalized(options) {
+      options = defaults$f(options);
+      var cy = this.cy();
+      var nodes = this.nodes();
+      var numNodes = nodes.length;
+      if (!options.directed) {
+        var degrees2 = {};
+        var maxDegree = 0;
+        for (var i2 = 0; i2 < numNodes; i2++) {
+          var node = nodes[i2];
+          options.root = node;
+          var currDegree = this.degreeCentrality(options);
+          if (maxDegree < currDegree.degree) {
+            maxDegree = currDegree.degree;
+          }
+          degrees2[node.id()] = currDegree.degree;
+        }
+        return {
+          degree: function degree(node2) {
+            if (maxDegree === 0) {
+              return 0;
+            }
+            if (string(node2)) {
+              node2 = cy.filter(node2);
+            }
+            return degrees2[node2.id()] / maxDegree;
+          }
+        };
+      } else {
+        var indegrees = {};
+        var outdegrees = {};
+        var maxIndegree = 0;
+        var maxOutdegree = 0;
+        for (var _i = 0; _i < numNodes; _i++) {
+          var _node = nodes[_i];
+          var id2 = _node.id();
+          options.root = _node;
+          var _currDegree = this.degreeCentrality(options);
+          if (maxIndegree < _currDegree.indegree) maxIndegree = _currDegree.indegree;
+          if (maxOutdegree < _currDegree.outdegree) maxOutdegree = _currDegree.outdegree;
+          indegrees[id2] = _currDegree.indegree;
+          outdegrees[id2] = _currDegree.outdegree;
+        }
+        return {
+          indegree: function indegree(node2) {
+            if (maxIndegree == 0) {
+              return 0;
+            }
+            if (string(node2)) {
+              node2 = cy.filter(node2);
+            }
+            return indegrees[node2.id()] / maxIndegree;
+          },
+          outdegree: function outdegree(node2) {
+            if (maxOutdegree === 0) {
+              return 0;
+            }
+            if (string(node2)) {
+              node2 = cy.filter(node2);
+            }
+            return outdegrees[node2.id()] / maxOutdegree;
+          }
+        };
+      }
+    },
+    // degreeCentralityNormalized
+    // Implemented from the algorithm in Opsahl's paper
+    // "Node centrality in weighted networks: Generalizing degree and shortest paths"
+    // check the heading 2 "Degree"
+    degreeCentrality: function degreeCentrality(options) {
+      options = defaults$f(options);
+      var cy = this.cy();
+      var callingEles = this;
+      var _options = options, root2 = _options.root, weight = _options.weight, directed = _options.directed, alpha = _options.alpha;
+      root2 = cy.collection(root2)[0];
+      if (!directed) {
+        var connEdges = root2.connectedEdges().intersection(callingEles);
+        var k = connEdges.length;
+        var s = 0;
+        for (var i2 = 0; i2 < connEdges.length; i2++) {
+          s += weight(connEdges[i2]);
+        }
+        return {
+          degree: Math.pow(k, 1 - alpha) * Math.pow(s, alpha)
+        };
+      } else {
+        var edges = root2.connectedEdges();
+        var incoming = edges.filter(function(edge) {
+          return edge.target().same(root2) && callingEles.has(edge);
+        });
+        var outgoing = edges.filter(function(edge) {
+          return edge.source().same(root2) && callingEles.has(edge);
+        });
+        var k_in = incoming.length;
+        var k_out = outgoing.length;
+        var s_in = 0;
+        var s_out = 0;
+        for (var _i2 = 0; _i2 < incoming.length; _i2++) {
+          s_in += weight(incoming[_i2]);
+        }
+        for (var _i3 = 0; _i3 < outgoing.length; _i3++) {
+          s_out += weight(outgoing[_i3]);
+        }
+        return {
+          indegree: Math.pow(k_in, 1 - alpha) * Math.pow(s_in, alpha),
+          outdegree: Math.pow(k_out, 1 - alpha) * Math.pow(s_out, alpha)
+        };
+      }
+    }
+    // degreeCentrality
+  };
+  elesfn$n.dc = elesfn$n.degreeCentrality;
+  elesfn$n.dcn = elesfn$n.degreeCentralityNormalised = elesfn$n.degreeCentralityNormalized;
+  var defaults$e = defaults$g({
+    harmonic: true,
+    weight: function weight() {
+      return 1;
+    },
+    directed: false,
+    root: null
+  });
+  var elesfn$m = {
+    closenessCentralityNormalized: function closenessCentralityNormalized(options) {
+      var _defaults = defaults$e(options), harmonic = _defaults.harmonic, weight = _defaults.weight, directed = _defaults.directed;
+      var cy = this.cy();
+      var closenesses = {};
+      var maxCloseness = 0;
+      var nodes = this.nodes();
+      var fw = this.floydWarshall({
+        weight,
+        directed
+      });
+      for (var i2 = 0; i2 < nodes.length; i2++) {
+        var currCloseness = 0;
+        var node_i = nodes[i2];
+        for (var j = 0; j < nodes.length; j++) {
+          if (i2 !== j) {
+            var d = fw.distance(node_i, nodes[j]);
+            if (harmonic) {
+              currCloseness += 1 / d;
+            } else {
+              currCloseness += d;
+            }
+          }
+        }
+        if (!harmonic) {
+          currCloseness = 1 / currCloseness;
+        }
+        if (maxCloseness < currCloseness) {
+          maxCloseness = currCloseness;
+        }
+        closenesses[node_i.id()] = currCloseness;
+      }
+      return {
+        closeness: function closeness(node) {
+          if (maxCloseness == 0) {
+            return 0;
+          }
+          if (string(node)) {
+            node = cy.filter(node)[0].id();
+          } else {
+            node = node.id();
+          }
+          return closenesses[node] / maxCloseness;
+        }
+      };
+    },
+    // Implemented from pseudocode from wikipedia
+    closenessCentrality: function closenessCentrality(options) {
+      var _defaults2 = defaults$e(options), root2 = _defaults2.root, weight = _defaults2.weight, directed = _defaults2.directed, harmonic = _defaults2.harmonic;
+      root2 = this.filter(root2)[0];
+      var dijkstra = this.dijkstra({
+        root: root2,
+        weight,
+        directed
+      });
+      var totalDistance = 0;
+      var nodes = this.nodes();
+      for (var i2 = 0; i2 < nodes.length; i2++) {
+        var n = nodes[i2];
+        if (!n.same(root2)) {
+          var d = dijkstra.distanceTo(n);
+          if (harmonic) {
+            totalDistance += 1 / d;
+          } else {
+            totalDistance += d;
+          }
+        }
+      }
+      return harmonic ? totalDistance : 1 / totalDistance;
+    }
+    // closenessCentrality
+  };
+  elesfn$m.cc = elesfn$m.closenessCentrality;
+  elesfn$m.ccn = elesfn$m.closenessCentralityNormalised = elesfn$m.closenessCentralityNormalized;
+  var defaults$d = defaults$g({
+    weight: null,
+    directed: false
+  });
+  var elesfn$l = {
+    // Implemented from the algorithm in the paper "On Variants of Shortest-Path Betweenness Centrality and their Generic Computation" by Ulrik Brandes
+    betweennessCentrality: function betweennessCentrality(options) {
+      var _defaults = defaults$d(options), directed = _defaults.directed, weight = _defaults.weight;
+      var weighted = weight != null;
+      var cy = this.cy();
+      var V = this.nodes();
+      var A = {};
+      var _C = {};
+      var max2 = 0;
+      var C2 = {
+        set: function set2(key, val) {
+          _C[key] = val;
+          if (val > max2) {
+            max2 = val;
+          }
+        },
+        get: function get2(key) {
+          return _C[key];
+        }
+      };
+      for (var i2 = 0; i2 < V.length; i2++) {
+        var v = V[i2];
+        var vid = v.id();
+        if (directed) {
+          A[vid] = v.outgoers().nodes();
+        } else {
+          A[vid] = v.openNeighborhood().nodes();
+        }
+        C2.set(vid, 0);
+      }
+      var _loop = function _loop2() {
+        var sid = V[s].id();
+        var S = [];
+        var P = {};
+        var g = {};
+        var d = {};
+        var Q = new Heap(function(a2, b) {
+          return d[a2] - d[b];
+        });
+        for (var _i = 0; _i < V.length; _i++) {
+          var _vid = V[_i].id();
+          P[_vid] = [];
+          g[_vid] = 0;
+          d[_vid] = Infinity;
+        }
+        g[sid] = 1;
+        d[sid] = 0;
+        Q.push(sid);
+        while (!Q.empty()) {
+          var _v = Q.pop();
+          S.push(_v);
+          if (weighted) {
+            for (var j = 0; j < A[_v].length; j++) {
+              var w = A[_v][j];
+              var vEle = cy.getElementById(_v);
+              var edge = void 0;
+              if (vEle.edgesTo(w).length > 0) {
+                edge = vEle.edgesTo(w)[0];
+              } else {
+                edge = w.edgesTo(vEle)[0];
+              }
+              var edgeWeight = weight(edge);
+              w = w.id();
+              if (d[w] > d[_v] + edgeWeight) {
+                d[w] = d[_v] + edgeWeight;
+                if (Q.nodes.indexOf(w) < 0) {
+                  Q.push(w);
+                } else {
+                  Q.updateItem(w);
+                }
+                g[w] = 0;
+                P[w] = [];
+              }
+              if (d[w] == d[_v] + edgeWeight) {
+                g[w] = g[w] + g[_v];
+                P[w].push(_v);
+              }
+            }
+          } else {
+            for (var _j = 0; _j < A[_v].length; _j++) {
+              var _w = A[_v][_j].id();
+              if (d[_w] == Infinity) {
+                Q.push(_w);
+                d[_w] = d[_v] + 1;
+              }
+              if (d[_w] == d[_v] + 1) {
+                g[_w] = g[_w] + g[_v];
+                P[_w].push(_v);
+              }
+            }
+          }
+        }
+        var e = {};
+        for (var _i2 = 0; _i2 < V.length; _i2++) {
+          e[V[_i2].id()] = 0;
+        }
+        while (S.length > 0) {
+          var _w2 = S.pop();
+          for (var _j2 = 0; _j2 < P[_w2].length; _j2++) {
+            var _v2 = P[_w2][_j2];
+            e[_v2] = e[_v2] + g[_v2] / g[_w2] * (1 + e[_w2]);
+          }
+          if (_w2 != V[s].id()) {
+            C2.set(_w2, C2.get(_w2) + e[_w2]);
+          }
+        }
+      };
+      for (var s = 0; s < V.length; s++) {
+        _loop();
+      }
+      var ret = {
+        betweenness: function betweenness(node) {
+          var id2 = cy.collection(node).id();
+          return C2.get(id2);
+        },
+        betweennessNormalized: function betweennessNormalized(node) {
+          if (max2 == 0) {
+            return 0;
+          }
+          var id2 = cy.collection(node).id();
+          return C2.get(id2) / max2;
+        }
+      };
+      ret.betweennessNormalised = ret.betweennessNormalized;
+      return ret;
+    }
+    // betweennessCentrality
+  };
+  elesfn$l.bc = elesfn$l.betweennessCentrality;
+  var defaults$c = defaults$g({
+    expandFactor: 2,
+    // affects time of computation and cluster granularity to some extent: M * M
+    inflateFactor: 2,
+    // affects cluster granularity (the greater the value, the more clusters): M(i,j) / E(j)
+    multFactor: 1,
+    // optional self loops for each node. Use a neutral value to improve cluster computations.
+    maxIterations: 20,
+    // maximum number of iterations of the MCL algorithm in a single run
+    attributes: [
+      // attributes/features used to group nodes, ie. similarity values between nodes
+      function(edge) {
+        return 1;
+      }
+    ]
+  });
+  var setOptions$3 = function setOptions2(options) {
+    return defaults$c(options);
+  };
+  var getSimilarity$1 = function getSimilarity2(edge, attributes) {
+    var total = 0;
+    for (var i2 = 0; i2 < attributes.length; i2++) {
+      total += attributes[i2](edge);
+    }
+    return total;
+  };
+  var addLoops = function addLoops2(M, n, val) {
+    for (var i2 = 0; i2 < n; i2++) {
+      M[i2 * n + i2] = val;
+    }
+  };
+  var normalize = function normalize2(M, n) {
+    var sum2;
+    for (var col = 0; col < n; col++) {
+      sum2 = 0;
+      for (var row = 0; row < n; row++) {
+        sum2 += M[row * n + col];
+      }
+      for (var _row = 0; _row < n; _row++) {
+        M[_row * n + col] = M[_row * n + col] / sum2;
+      }
+    }
+  };
+  var mmult = function mmult2(A, B, n) {
+    var C2 = new Array(n * n);
+    for (var i2 = 0; i2 < n; i2++) {
+      for (var j = 0; j < n; j++) {
+        C2[i2 * n + j] = 0;
+      }
+      for (var k = 0; k < n; k++) {
+        for (var _j = 0; _j < n; _j++) {
+          C2[i2 * n + _j] += A[i2 * n + k] * B[k * n + _j];
+        }
+      }
+    }
+    return C2;
+  };
+  var expand = function expand2(M, n, expandFactor) {
+    var _M = M.slice(0);
+    for (var p2 = 1; p2 < expandFactor; p2++) {
+      M = mmult(M, _M, n);
+    }
+    return M;
+  };
+  var inflate = function inflate2(M, n, inflateFactor) {
+    var _M = new Array(n * n);
+    for (var i2 = 0; i2 < n * n; i2++) {
+      _M[i2] = Math.pow(M[i2], inflateFactor);
+    }
+    normalize(_M, n);
+    return _M;
+  };
+  var hasConverged = function hasConverged2(M, _M, n2, roundFactor) {
+    for (var i2 = 0; i2 < n2; i2++) {
+      var v12 = Math.round(M[i2] * Math.pow(10, roundFactor)) / Math.pow(10, roundFactor);
+      var v22 = Math.round(_M[i2] * Math.pow(10, roundFactor)) / Math.pow(10, roundFactor);
+      if (v12 !== v22) {
+        return false;
+      }
+    }
+    return true;
+  };
+  var assign$2 = function assign2(M, n, nodes, cy) {
+    var clusters = [];
+    for (var i2 = 0; i2 < n; i2++) {
+      var cluster = [];
+      for (var j = 0; j < n; j++) {
+        if (Math.round(M[i2 * n + j] * 1e3) / 1e3 > 0) {
+          cluster.push(nodes[j]);
+        }
+      }
+      if (cluster.length !== 0) {
+        clusters.push(cy.collection(cluster));
+      }
+    }
+    return clusters;
+  };
+  var isDuplicate = function isDuplicate2(c1, c2) {
+    for (var i2 = 0; i2 < c1.length; i2++) {
+      if (!c2[i2] || c1[i2].id() !== c2[i2].id()) {
+        return false;
+      }
+    }
+    return true;
+  };
+  var removeDuplicates = function removeDuplicates2(clusters) {
+    for (var i2 = 0; i2 < clusters.length; i2++) {
+      for (var j = 0; j < clusters.length; j++) {
+        if (i2 != j && isDuplicate(clusters[i2], clusters[j])) {
+          clusters.splice(j, 1);
+        }
+      }
+    }
+    return clusters;
+  };
+  var markovClustering = function markovClustering2(options) {
+    var nodes = this.nodes();
+    var edges = this.edges();
+    var cy = this.cy();
+    var opts = setOptions$3(options);
+    var id2position = {};
+    for (var i2 = 0; i2 < nodes.length; i2++) {
+      id2position[nodes[i2].id()] = i2;
+    }
+    var n = nodes.length, n2 = n * n;
+    var M = new Array(n2), _M;
+    for (var _i = 0; _i < n2; _i++) {
+      M[_i] = 0;
+    }
+    for (var e = 0; e < edges.length; e++) {
+      var edge = edges[e];
+      var _i2 = id2position[edge.source().id()];
+      var j = id2position[edge.target().id()];
+      var sim = getSimilarity$1(edge, opts.attributes);
+      M[_i2 * n + j] += sim;
+      M[j * n + _i2] += sim;
+    }
+    addLoops(M, n, opts.multFactor);
+    normalize(M, n);
+    var isStillMoving = true;
+    var iterations = 0;
+    while (isStillMoving && iterations < opts.maxIterations) {
+      isStillMoving = false;
+      _M = expand(M, n, opts.expandFactor);
+      M = inflate(_M, n, opts.inflateFactor);
+      if (!hasConverged(M, _M, n2, 4)) {
+        isStillMoving = true;
+      }
+      iterations++;
+    }
+    var clusters = assign$2(M, n, nodes, cy);
+    clusters = removeDuplicates(clusters);
+    return clusters;
+  };
+  var markovClustering$1 = {
+    markovClustering,
+    mcl: markovClustering
+  };
+  var identity$1 = function identity2(x2) {
+    return x2;
+  };
+  var absDiff = function absDiff2(p2, q) {
+    return Math.abs(q - p2);
+  };
+  var addAbsDiff = function addAbsDiff2(total, p2, q) {
+    return total + absDiff(p2, q);
+  };
+  var addSquaredDiff = function addSquaredDiff2(total, p2, q) {
+    return total + Math.pow(q - p2, 2);
+  };
+  var sqrt = function sqrt3(x2) {
+    return Math.sqrt(x2);
+  };
+  var maxAbsDiff = function maxAbsDiff2(currentMax, p2, q) {
+    return Math.max(currentMax, absDiff(p2, q));
+  };
+  var getDistance = function getDistance2(length, getP, getQ, init2, visit) {
+    var post = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : identity$1;
+    var ret = init2;
+    var p2, q;
+    for (var dim = 0; dim < length; dim++) {
+      p2 = getP(dim);
+      q = getQ(dim);
+      ret = visit(ret, p2, q);
+    }
+    return post(ret);
+  };
+  var distances = {
+    euclidean: function euclidean(length, getP, getQ) {
+      if (length >= 2) {
+        return getDistance(length, getP, getQ, 0, addSquaredDiff, sqrt);
+      } else {
+        return getDistance(length, getP, getQ, 0, addAbsDiff);
+      }
+    },
+    squaredEuclidean: function squaredEuclidean(length, getP, getQ) {
+      return getDistance(length, getP, getQ, 0, addSquaredDiff);
+    },
+    manhattan: function manhattan(length, getP, getQ) {
+      return getDistance(length, getP, getQ, 0, addAbsDiff);
+    },
+    max: function max2(length, getP, getQ) {
+      return getDistance(length, getP, getQ, -Infinity, maxAbsDiff);
+    }
+  };
+  distances["squared-euclidean"] = distances["squaredEuclidean"];
+  distances["squaredeuclidean"] = distances["squaredEuclidean"];
+  function clusteringDistance(method, length, getP, getQ, nodeP, nodeQ) {
+    var impl2;
+    if (fn$6(method)) {
+      impl2 = method;
+    } else {
+      impl2 = distances[method] || distances.euclidean;
+    }
+    if (length === 0 && fn$6(method)) {
+      return impl2(nodeP, nodeQ);
+    } else {
+      return impl2(length, getP, getQ, nodeP, nodeQ);
+    }
+  }
+  var defaults$b = defaults$g({
+    k: 2,
+    m: 2,
+    sensitivityThreshold: 1e-4,
+    distance: "euclidean",
+    maxIterations: 10,
+    attributes: [],
+    testMode: false,
+    testCentroids: null
+  });
+  var setOptions$2 = function setOptions2(options) {
+    return defaults$b(options);
+  };
+  var getDist = function getDist2(type2, node, centroid, attributes, mode) {
+    var noNodeP = mode !== "kMedoids";
+    var getP = noNodeP ? function(i2) {
+      return centroid[i2];
+    } : function(i2) {
+      return attributes[i2](centroid);
+    };
+    var getQ = function getQ2(i2) {
+      return attributes[i2](node);
+    };
+    var nodeP = centroid;
+    var nodeQ = node;
+    return clusteringDistance(type2, attributes.length, getP, getQ, nodeP, nodeQ);
+  };
+  var randomCentroids = function randomCentroids2(nodes, k, attributes) {
+    var ndim = attributes.length;
+    var min2 = new Array(ndim);
+    var max2 = new Array(ndim);
+    var centroids = new Array(k);
+    var centroid = null;
+    for (var i2 = 0; i2 < ndim; i2++) {
+      min2[i2] = nodes.min(attributes[i2]).value;
+      max2[i2] = nodes.max(attributes[i2]).value;
+    }
+    for (var c2 = 0; c2 < k; c2++) {
+      centroid = [];
+      for (var _i = 0; _i < ndim; _i++) {
+        centroid[_i] = Math.random() * (max2[_i] - min2[_i]) + min2[_i];
+      }
+      centroids[c2] = centroid;
+    }
+    return centroids;
+  };
+  var classify = function classify2(node, centroids, distance, attributes, type2) {
+    var min2 = Infinity;
+    var index2 = 0;
+    for (var i2 = 0; i2 < centroids.length; i2++) {
+      var dist2 = getDist(distance, node, centroids[i2], attributes, type2);
+      if (dist2 < min2) {
+        min2 = dist2;
+        index2 = i2;
+      }
+    }
+    return index2;
+  };
+  var buildCluster = function buildCluster2(centroid, nodes, assignment) {
+    var cluster = [];
+    var node = null;
+    for (var n = 0; n < nodes.length; n++) {
+      node = nodes[n];
+      if (assignment[node.id()] === centroid) {
+        cluster.push(node);
+      }
+    }
+    return cluster;
+  };
+  var haveValuesConverged = function haveValuesConverged2(v12, v22, sensitivityThreshold) {
+    return Math.abs(v22 - v12) <= sensitivityThreshold;
+  };
+  var haveMatricesConverged = function haveMatricesConverged2(v12, v22, sensitivityThreshold) {
+    for (var i2 = 0; i2 < v12.length; i2++) {
+      for (var j = 0; j < v12[i2].length; j++) {
+        var diff = Math.abs(v12[i2][j] - v22[i2][j]);
+        if (diff > sensitivityThreshold) {
+          return false;
+        }
+      }
+    }
+    return true;
+  };
+  var seenBefore = function seenBefore2(node, medoids, n) {
+    for (var i2 = 0; i2 < n; i2++) {
+      if (node === medoids[i2]) return true;
+    }
+    return false;
+  };
+  var randomMedoids = function randomMedoids2(nodes, k) {
+    var medoids = new Array(k);
+    if (nodes.length < 50) {
+      for (var i2 = 0; i2 < k; i2++) {
+        var node = nodes[Math.floor(Math.random() * nodes.length)];
+        while (seenBefore(node, medoids, i2)) {
+          node = nodes[Math.floor(Math.random() * nodes.length)];
+        }
+        medoids[i2] = node;
+      }
+    } else {
+      for (var _i2 = 0; _i2 < k; _i2++) {
+        medoids[_i2] = nodes[Math.floor(Math.random() * nodes.length)];
+      }
+    }
+    return medoids;
+  };
+  var findCost = function findCost2(potentialNewMedoid, cluster, attributes) {
+    var cost = 0;
+    for (var n = 0; n < cluster.length; n++) {
+      cost += getDist("manhattan", cluster[n], potentialNewMedoid, attributes, "kMedoids");
+    }
+    return cost;
+  };
+  var kMeans = function kMeans2(options) {
+    var cy = this.cy();
+    var nodes = this.nodes();
+    var node = null;
+    var opts = setOptions$2(options);
+    var clusters = new Array(opts.k);
+    var assignment = {};
+    var centroids;
+    if (opts.testMode) {
+      if (typeof opts.testCentroids === "number") {
+        opts.testCentroids;
+        centroids = randomCentroids(nodes, opts.k, opts.attributes);
+      } else if (_typeof(opts.testCentroids) === "object") {
+        centroids = opts.testCentroids;
+      } else {
+        centroids = randomCentroids(nodes, opts.k, opts.attributes);
+      }
+    } else {
+      centroids = randomCentroids(nodes, opts.k, opts.attributes);
+    }
+    var isStillMoving = true;
+    var iterations = 0;
+    while (isStillMoving && iterations < opts.maxIterations) {
+      for (var n = 0; n < nodes.length; n++) {
+        node = nodes[n];
+        assignment[node.id()] = classify(node, centroids, opts.distance, opts.attributes, "kMeans");
+      }
+      isStillMoving = false;
+      for (var c2 = 0; c2 < opts.k; c2++) {
+        var cluster = buildCluster(c2, nodes, assignment);
+        if (cluster.length === 0) {
+          continue;
+        }
+        var ndim = opts.attributes.length;
+        var centroid = centroids[c2];
+        var newCentroid = new Array(ndim);
+        var sum2 = new Array(ndim);
+        for (var d = 0; d < ndim; d++) {
+          sum2[d] = 0;
+          for (var i2 = 0; i2 < cluster.length; i2++) {
+            node = cluster[i2];
+            sum2[d] += opts.attributes[d](node);
+          }
+          newCentroid[d] = sum2[d] / cluster.length;
+          if (!haveValuesConverged(newCentroid[d], centroid[d], opts.sensitivityThreshold)) {
+            isStillMoving = true;
+          }
+        }
+        centroids[c2] = newCentroid;
+        clusters[c2] = cy.collection(cluster);
+      }
+      iterations++;
+    }
+    return clusters;
+  };
+  var kMedoids = function kMedoids2(options) {
+    var cy = this.cy();
+    var nodes = this.nodes();
+    var node = null;
+    var opts = setOptions$2(options);
+    var clusters = new Array(opts.k);
+    var medoids;
+    var assignment = {};
+    var curCost;
+    var minCosts = new Array(opts.k);
+    if (opts.testMode) {
+      if (typeof opts.testCentroids === "number") ;
+      else if (_typeof(opts.testCentroids) === "object") {
+        medoids = opts.testCentroids;
+      } else {
+        medoids = randomMedoids(nodes, opts.k);
+      }
+    } else {
+      medoids = randomMedoids(nodes, opts.k);
+    }
+    var isStillMoving = true;
+    var iterations = 0;
+    while (isStillMoving && iterations < opts.maxIterations) {
+      for (var n = 0; n < nodes.length; n++) {
+        node = nodes[n];
+        assignment[node.id()] = classify(node, medoids, opts.distance, opts.attributes, "kMedoids");
+      }
+      isStillMoving = false;
+      for (var m2 = 0; m2 < medoids.length; m2++) {
+        var cluster = buildCluster(m2, nodes, assignment);
+        if (cluster.length === 0) {
+          continue;
+        }
+        minCosts[m2] = findCost(medoids[m2], cluster, opts.attributes);
+        for (var _n = 0; _n < cluster.length; _n++) {
+          curCost = findCost(cluster[_n], cluster, opts.attributes);
+          if (curCost < minCosts[m2]) {
+            minCosts[m2] = curCost;
+            medoids[m2] = cluster[_n];
+            isStillMoving = true;
+          }
+        }
+        clusters[m2] = cy.collection(cluster);
+      }
+      iterations++;
+    }
+    return clusters;
+  };
+  var updateCentroids = function updateCentroids2(centroids, nodes, U, weight, opts) {
+    var numerator, denominator;
+    for (var n = 0; n < nodes.length; n++) {
+      for (var c2 = 0; c2 < centroids.length; c2++) {
+        weight[n][c2] = Math.pow(U[n][c2], opts.m);
+      }
+    }
+    for (var _c = 0; _c < centroids.length; _c++) {
+      for (var dim = 0; dim < opts.attributes.length; dim++) {
+        numerator = 0;
+        denominator = 0;
+        for (var _n2 = 0; _n2 < nodes.length; _n2++) {
+          numerator += weight[_n2][_c] * opts.attributes[dim](nodes[_n2]);
+          denominator += weight[_n2][_c];
+        }
+        centroids[_c][dim] = numerator / denominator;
+      }
+    }
+  };
+  var updateMembership = function updateMembership2(U, _U, centroids, nodes, opts) {
+    for (var i2 = 0; i2 < U.length; i2++) {
+      _U[i2] = U[i2].slice();
+    }
+    var sum2, numerator, denominator;
+    var pow = 2 / (opts.m - 1);
+    for (var c2 = 0; c2 < centroids.length; c2++) {
+      for (var n = 0; n < nodes.length; n++) {
+        sum2 = 0;
+        for (var k = 0; k < centroids.length; k++) {
+          numerator = getDist(opts.distance, nodes[n], centroids[c2], opts.attributes, "cmeans");
+          denominator = getDist(opts.distance, nodes[n], centroids[k], opts.attributes, "cmeans");
+          sum2 += Math.pow(numerator / denominator, pow);
+        }
+        U[n][c2] = 1 / sum2;
+      }
+    }
+  };
+  var assign$1 = function assign2(nodes, U, opts, cy) {
+    var clusters = new Array(opts.k);
+    for (var c2 = 0; c2 < clusters.length; c2++) {
+      clusters[c2] = [];
+    }
+    var max2;
+    var index2;
+    for (var n = 0; n < U.length; n++) {
+      max2 = -Infinity;
+      index2 = -1;
+      for (var _c2 = 0; _c2 < U[0].length; _c2++) {
+        if (U[n][_c2] > max2) {
+          max2 = U[n][_c2];
+          index2 = _c2;
+        }
+      }
+      clusters[index2].push(nodes[n]);
+    }
+    for (var _c3 = 0; _c3 < clusters.length; _c3++) {
+      clusters[_c3] = cy.collection(clusters[_c3]);
+    }
+    return clusters;
+  };
+  var fuzzyCMeans = function fuzzyCMeans2(options) {
+    var cy = this.cy();
+    var nodes = this.nodes();
+    var opts = setOptions$2(options);
+    var clusters;
+    var centroids;
+    var U;
+    var _U;
+    var weight;
+    _U = new Array(nodes.length);
+    for (var i2 = 0; i2 < nodes.length; i2++) {
+      _U[i2] = new Array(opts.k);
+    }
+    U = new Array(nodes.length);
+    for (var _i3 = 0; _i3 < nodes.length; _i3++) {
+      U[_i3] = new Array(opts.k);
+    }
+    for (var _i4 = 0; _i4 < nodes.length; _i4++) {
+      var total = 0;
+      for (var j = 0; j < opts.k; j++) {
+        U[_i4][j] = Math.random();
+        total += U[_i4][j];
+      }
+      for (var _j = 0; _j < opts.k; _j++) {
+        U[_i4][_j] = U[_i4][_j] / total;
+      }
+    }
+    centroids = new Array(opts.k);
+    for (var _i5 = 0; _i5 < opts.k; _i5++) {
+      centroids[_i5] = new Array(opts.attributes.length);
+    }
+    weight = new Array(nodes.length);
+    for (var _i6 = 0; _i6 < nodes.length; _i6++) {
+      weight[_i6] = new Array(opts.k);
+    }
+    var isStillMoving = true;
+    var iterations = 0;
+    while (isStillMoving && iterations < opts.maxIterations) {
+      isStillMoving = false;
+      updateCentroids(centroids, nodes, U, weight, opts);
+      updateMembership(U, _U, centroids, nodes, opts);
+      if (!haveMatricesConverged(U, _U, opts.sensitivityThreshold)) {
+        isStillMoving = true;
+      }
+      iterations++;
+    }
+    clusters = assign$1(nodes, U, opts, cy);
+    return {
+      clusters,
+      degreeOfMembership: U
+    };
+  };
+  var kClustering = {
+    kMeans,
+    kMedoids,
+    fuzzyCMeans,
+    fcm: fuzzyCMeans
+  };
+  var defaults$a = defaults$g({
+    distance: "euclidean",
+    // distance metric to compare nodes
+    linkage: "min",
+    // linkage criterion : how to determine the distance between clusters of nodes
+    mode: "threshold",
+    // mode:'threshold' => clusters must be threshold distance apart
+    threshold: Infinity,
+    // the distance threshold
+    // mode:'dendrogram' => the nodes are organised as leaves in a tree (siblings are close), merging makes clusters
+    addDendrogram: false,
+    // whether to add the dendrogram to the graph for viz
+    dendrogramDepth: 0,
+    // depth at which dendrogram branches are merged into the returned clusters
+    attributes: []
+    // array of attr functions
+  });
+  var linkageAliases = {
+    "single": "min",
+    "complete": "max"
+  };
+  var setOptions$1 = function setOptions2(options) {
+    var opts = defaults$a(options);
+    var preferredAlias = linkageAliases[opts.linkage];
+    if (preferredAlias != null) {
+      opts.linkage = preferredAlias;
+    }
+    return opts;
+  };
+  var mergeClosest = function mergeClosest2(clusters, index2, dists, mins, opts) {
+    var minKey = 0;
+    var min2 = Infinity;
+    var dist2;
+    var attrs = opts.attributes;
+    var getDist2 = function getDist3(n1, n2) {
+      return clusteringDistance(opts.distance, attrs.length, function(i3) {
+        return attrs[i3](n1);
+      }, function(i3) {
+        return attrs[i3](n2);
+      }, n1, n2);
+    };
+    for (var i2 = 0; i2 < clusters.length; i2++) {
+      var key = clusters[i2].key;
+      var _dist = dists[key][mins[key]];
+      if (_dist < min2) {
+        minKey = key;
+        min2 = _dist;
+      }
+    }
+    if (opts.mode === "threshold" && min2 >= opts.threshold || opts.mode === "dendrogram" && clusters.length === 1) {
+      return false;
+    }
+    var c1 = index2[minKey];
+    var c2 = index2[mins[minKey]];
+    var merged;
+    if (opts.mode === "dendrogram") {
+      merged = {
+        left: c1,
+        right: c2,
+        key: c1.key
+      };
+    } else {
+      merged = {
+        value: c1.value.concat(c2.value),
+        key: c1.key
+      };
+    }
+    clusters[c1.index] = merged;
+    clusters.splice(c2.index, 1);
+    index2[c1.key] = merged;
+    for (var _i = 0; _i < clusters.length; _i++) {
+      var cur2 = clusters[_i];
+      if (c1.key === cur2.key) {
+        dist2 = Infinity;
+      } else if (opts.linkage === "min") {
+        dist2 = dists[c1.key][cur2.key];
+        if (dists[c1.key][cur2.key] > dists[c2.key][cur2.key]) {
+          dist2 = dists[c2.key][cur2.key];
+        }
+      } else if (opts.linkage === "max") {
+        dist2 = dists[c1.key][cur2.key];
+        if (dists[c1.key][cur2.key] < dists[c2.key][cur2.key]) {
+          dist2 = dists[c2.key][cur2.key];
+        }
+      } else if (opts.linkage === "mean") {
+        dist2 = (dists[c1.key][cur2.key] * c1.size + dists[c2.key][cur2.key] * c2.size) / (c1.size + c2.size);
+      } else {
+        if (opts.mode === "dendrogram") dist2 = getDist2(cur2.value, c1.value);
+        else dist2 = getDist2(cur2.value[0], c1.value[0]);
+      }
+      dists[c1.key][cur2.key] = dists[cur2.key][c1.key] = dist2;
+    }
+    for (var _i2 = 0; _i2 < clusters.length; _i2++) {
+      var key1 = clusters[_i2].key;
+      if (mins[key1] === c1.key || mins[key1] === c2.key) {
+        var _min = key1;
+        for (var j = 0; j < clusters.length; j++) {
+          var key2 = clusters[j].key;
+          if (dists[key1][key2] < dists[key1][_min]) {
+            _min = key2;
+          }
+        }
+        mins[key1] = _min;
+      }
+      clusters[_i2].index = _i2;
+    }
+    c1.key = c2.key = c1.index = c2.index = null;
+    return true;
+  };
+  var _getAllChildren = function getAllChildren(root2, arr, cy) {
+    if (!root2) return;
+    if (root2.value) {
+      arr.push(root2.value);
+    } else {
+      if (root2.left) _getAllChildren(root2.left, arr);
+      if (root2.right) _getAllChildren(root2.right, arr);
+    }
+  };
+  var _buildDendrogram = function buildDendrogram(root2, cy) {
+    if (!root2) return "";
+    if (root2.left && root2.right) {
+      var leftStr = _buildDendrogram(root2.left, cy);
+      var rightStr = _buildDendrogram(root2.right, cy);
+      var node = cy.add({
+        group: "nodes",
+        data: {
+          id: leftStr + "," + rightStr
+        }
+      });
+      cy.add({
+        group: "edges",
+        data: {
+          source: leftStr,
+          target: node.id()
+        }
+      });
+      cy.add({
+        group: "edges",
+        data: {
+          source: rightStr,
+          target: node.id()
+        }
+      });
+      return node.id();
+    } else if (root2.value) {
+      return root2.value.id();
+    }
+  };
+  var _buildClustersFromTree = function buildClustersFromTree(root2, k, cy) {
+    if (!root2) return [];
+    var left = [], right = [], leaves = [];
+    if (k === 0) {
+      if (root2.left) _getAllChildren(root2.left, left);
+      if (root2.right) _getAllChildren(root2.right, right);
+      leaves = left.concat(right);
+      return [cy.collection(leaves)];
+    } else if (k === 1) {
+      if (root2.value) {
+        return [cy.collection(root2.value)];
+      } else {
+        if (root2.left) _getAllChildren(root2.left, left);
+        if (root2.right) _getAllChildren(root2.right, right);
+        return [cy.collection(left), cy.collection(right)];
+      }
+    } else {
+      if (root2.value) {
+        return [cy.collection(root2.value)];
+      } else {
+        if (root2.left) left = _buildClustersFromTree(root2.left, k - 1, cy);
+        if (root2.right) right = _buildClustersFromTree(root2.right, k - 1, cy);
+        return left.concat(right);
+      }
+    }
+  };
+  var hierarchicalClustering = function hierarchicalClustering2(options) {
+    var cy = this.cy();
+    var nodes = this.nodes();
+    var opts = setOptions$1(options);
+    var attrs = opts.attributes;
+    var getDist2 = function getDist3(n1, n2) {
+      return clusteringDistance(opts.distance, attrs.length, function(i3) {
+        return attrs[i3](n1);
+      }, function(i3) {
+        return attrs[i3](n2);
+      }, n1, n2);
+    };
+    var clusters = [];
+    var dists = [];
+    var mins = [];
+    var index2 = [];
+    for (var n = 0; n < nodes.length; n++) {
+      var cluster = {
+        value: opts.mode === "dendrogram" ? nodes[n] : [nodes[n]],
+        key: n,
+        index: n
+      };
+      clusters[n] = cluster;
+      index2[n] = cluster;
+      dists[n] = [];
+      mins[n] = 0;
+    }
+    for (var i2 = 0; i2 < clusters.length; i2++) {
+      for (var j = 0; j <= i2; j++) {
+        var dist2 = void 0;
+        if (opts.mode === "dendrogram") {
+          dist2 = i2 === j ? Infinity : getDist2(clusters[i2].value, clusters[j].value);
+        } else {
+          dist2 = i2 === j ? Infinity : getDist2(clusters[i2].value[0], clusters[j].value[0]);
+        }
+        dists[i2][j] = dist2;
+        dists[j][i2] = dist2;
+        if (dist2 < dists[i2][mins[i2]]) {
+          mins[i2] = j;
+        }
+      }
+    }
+    var merged = mergeClosest(clusters, index2, dists, mins, opts);
+    while (merged) {
+      merged = mergeClosest(clusters, index2, dists, mins, opts);
+    }
+    var retClusters;
+    if (opts.mode === "dendrogram") {
+      retClusters = _buildClustersFromTree(clusters[0], opts.dendrogramDepth, cy);
+      if (opts.addDendrogram) _buildDendrogram(clusters[0], cy);
+    } else {
+      retClusters = new Array(clusters.length);
+      clusters.forEach(function(cluster2, i3) {
+        cluster2.key = cluster2.index = null;
+        retClusters[i3] = cy.collection(cluster2.value);
+      });
+    }
+    return retClusters;
+  };
+  var hierarchicalClustering$1 = {
+    hierarchicalClustering,
+    hca: hierarchicalClustering
+  };
+  var defaults$9 = defaults$g({
+    distance: "euclidean",
+    // distance metric to compare attributes between two nodes
+    preference: "median",
+    // suitability of a data point to serve as an exemplar
+    damping: 0.8,
+    // damping factor between [0.5, 1)
+    maxIterations: 1e3,
+    // max number of iterations to run
+    minIterations: 100,
+    // min number of iterations to run in order for clustering to stop
+    attributes: [
+      // functions to quantify the similarity between any two points
+      // e.g. node => node.data('weight')
+    ]
+  });
+  var setOptions = function setOptions2(options) {
+    var dmp = options.damping;
+    var pref = options.preference;
+    if (!(0.5 <= dmp && dmp < 1)) {
+      error("Damping must range on [0.5, 1).  Got: ".concat(dmp));
+    }
+    var validPrefs = ["median", "mean", "min", "max"];
+    if (!(validPrefs.some(function(v) {
+      return v === pref;
+    }) || number$1(pref))) {
+      error("Preference must be one of [".concat(validPrefs.map(function(p2) {
+        return "'".concat(p2, "'");
+      }).join(", "), "] or a number.  Got: ").concat(pref));
+    }
+    return defaults$9(options);
+  };
+  var getSimilarity = function getSimilarity2(type2, n1, n2, attributes) {
+    var attr = function attr2(n, i2) {
+      return attributes[i2](n);
+    };
+    return -clusteringDistance(type2, attributes.length, function(i2) {
+      return attr(n1, i2);
+    }, function(i2) {
+      return attr(n2, i2);
+    }, n1, n2);
+  };
+  var getPreference = function getPreference2(S, preference) {
+    var p2 = null;
+    if (preference === "median") {
+      p2 = median(S);
+    } else if (preference === "mean") {
+      p2 = mean(S);
+    } else if (preference === "min") {
+      p2 = min(S);
+    } else if (preference === "max") {
+      p2 = max(S);
+    } else {
+      p2 = preference;
+    }
+    return p2;
+  };
+  var findExemplars = function findExemplars2(n, R, A) {
+    var indices = [];
+    for (var i2 = 0; i2 < n; i2++) {
+      if (R[i2 * n + i2] + A[i2 * n + i2] > 0) {
+        indices.push(i2);
+      }
+    }
+    return indices;
+  };
+  var assignClusters = function assignClusters2(n, S, exemplars) {
+    var clusters = [];
+    for (var i2 = 0; i2 < n; i2++) {
+      var index2 = -1;
+      var max2 = -Infinity;
+      for (var ei = 0; ei < exemplars.length; ei++) {
+        var e = exemplars[ei];
+        if (S[i2 * n + e] > max2) {
+          index2 = e;
+          max2 = S[i2 * n + e];
+        }
+      }
+      if (index2 > 0) {
+        clusters.push(index2);
+      }
+    }
+    for (var _ei = 0; _ei < exemplars.length; _ei++) {
+      clusters[exemplars[_ei]] = exemplars[_ei];
+    }
+    return clusters;
+  };
+  var assign = function assign2(n, S, exemplars) {
+    var clusters = assignClusters(n, S, exemplars);
+    for (var ei = 0; ei < exemplars.length; ei++) {
+      var ii = [];
+      for (var c2 = 0; c2 < clusters.length; c2++) {
+        if (clusters[c2] === exemplars[ei]) {
+          ii.push(c2);
+        }
+      }
+      var maxI = -1;
+      var maxSum = -Infinity;
+      for (var i2 = 0; i2 < ii.length; i2++) {
+        var sum2 = 0;
+        for (var j = 0; j < ii.length; j++) {
+          sum2 += S[ii[j] * n + ii[i2]];
+        }
+        if (sum2 > maxSum) {
+          maxI = i2;
+          maxSum = sum2;
+        }
+      }
+      exemplars[ei] = ii[maxI];
+    }
+    clusters = assignClusters(n, S, exemplars);
+    return clusters;
+  };
+  var affinityPropagation = function affinityPropagation2(options) {
+    var cy = this.cy();
+    var nodes = this.nodes();
+    var opts = setOptions(options);
+    var id2position = {};
+    for (var i2 = 0; i2 < nodes.length; i2++) {
+      id2position[nodes[i2].id()] = i2;
+    }
+    var n;
+    var n2;
+    var S;
+    var p2;
+    var R;
+    var A;
+    n = nodes.length;
+    n2 = n * n;
+    S = new Array(n2);
+    for (var _i = 0; _i < n2; _i++) {
+      S[_i] = -Infinity;
+    }
+    for (var _i2 = 0; _i2 < n; _i2++) {
+      for (var j = 0; j < n; j++) {
+        if (_i2 !== j) {
+          S[_i2 * n + j] = getSimilarity(opts.distance, nodes[_i2], nodes[j], opts.attributes);
+        }
+      }
+    }
+    p2 = getPreference(S, opts.preference);
+    for (var _i3 = 0; _i3 < n; _i3++) {
+      S[_i3 * n + _i3] = p2;
+    }
+    R = new Array(n2);
+    for (var _i4 = 0; _i4 < n2; _i4++) {
+      R[_i4] = 0;
+    }
+    A = new Array(n2);
+    for (var _i5 = 0; _i5 < n2; _i5++) {
+      A[_i5] = 0;
+    }
+    var old = new Array(n);
+    var Rp = new Array(n);
+    var se = new Array(n);
+    for (var _i6 = 0; _i6 < n; _i6++) {
+      old[_i6] = 0;
+      Rp[_i6] = 0;
+      se[_i6] = 0;
+    }
+    var e = new Array(n * opts.minIterations);
+    for (var _i7 = 0; _i7 < e.length; _i7++) {
+      e[_i7] = 0;
+    }
+    var iter;
+    for (iter = 0; iter < opts.maxIterations; iter++) {
+      for (var _i8 = 0; _i8 < n; _i8++) {
+        var max2 = -Infinity, max22 = -Infinity, maxI = -1, AS = 0;
+        for (var _j = 0; _j < n; _j++) {
+          old[_j] = R[_i8 * n + _j];
+          AS = A[_i8 * n + _j] + S[_i8 * n + _j];
+          if (AS >= max2) {
+            max22 = max2;
+            max2 = AS;
+            maxI = _j;
+          } else if (AS > max22) {
+            max22 = AS;
+          }
+        }
+        for (var _j2 = 0; _j2 < n; _j2++) {
+          R[_i8 * n + _j2] = (1 - opts.damping) * (S[_i8 * n + _j2] - max2) + opts.damping * old[_j2];
+        }
+        R[_i8 * n + maxI] = (1 - opts.damping) * (S[_i8 * n + maxI] - max22) + opts.damping * old[maxI];
+      }
+      for (var _i9 = 0; _i9 < n; _i9++) {
+        var sum2 = 0;
+        for (var _j3 = 0; _j3 < n; _j3++) {
+          old[_j3] = A[_j3 * n + _i9];
+          Rp[_j3] = Math.max(0, R[_j3 * n + _i9]);
+          sum2 += Rp[_j3];
+        }
+        sum2 -= Rp[_i9];
+        Rp[_i9] = R[_i9 * n + _i9];
+        sum2 += Rp[_i9];
+        for (var _j4 = 0; _j4 < n; _j4++) {
+          A[_j4 * n + _i9] = (1 - opts.damping) * Math.min(0, sum2 - Rp[_j4]) + opts.damping * old[_j4];
+        }
+        A[_i9 * n + _i9] = (1 - opts.damping) * (sum2 - Rp[_i9]) + opts.damping * old[_i9];
+      }
+      var K2 = 0;
+      for (var _i10 = 0; _i10 < n; _i10++) {
+        var E = A[_i10 * n + _i10] + R[_i10 * n + _i10] > 0 ? 1 : 0;
+        e[iter % opts.minIterations * n + _i10] = E;
+        K2 += E;
+      }
+      if (K2 > 0 && (iter >= opts.minIterations - 1 || iter == opts.maxIterations - 1)) {
+        var _sum = 0;
+        for (var _i11 = 0; _i11 < n; _i11++) {
+          se[_i11] = 0;
+          for (var _j5 = 0; _j5 < opts.minIterations; _j5++) {
+            se[_i11] += e[_j5 * n + _i11];
+          }
+          if (se[_i11] === 0 || se[_i11] === opts.minIterations) {
+            _sum++;
+          }
+        }
+        if (_sum === n) {
+          break;
+        }
+      }
+    }
+    var exemplarsIndices = findExemplars(n, R, A);
+    var clusterIndices = assign(n, S, exemplarsIndices);
+    var clusters = {};
+    for (var c2 = 0; c2 < exemplarsIndices.length; c2++) {
+      clusters[exemplarsIndices[c2]] = [];
+    }
+    for (var _i12 = 0; _i12 < nodes.length; _i12++) {
+      var pos = id2position[nodes[_i12].id()];
+      var clusterIndex = clusterIndices[pos];
+      if (clusterIndex != null) {
+        clusters[clusterIndex].push(nodes[_i12]);
+      }
+    }
+    var retClusters = new Array(exemplarsIndices.length);
+    for (var _c = 0; _c < exemplarsIndices.length; _c++) {
+      retClusters[_c] = cy.collection(clusters[exemplarsIndices[_c]]);
+    }
+    return retClusters;
+  };
+  var affinityPropagation$1 = {
+    affinityPropagation,
+    ap: affinityPropagation
+  };
+  var hierholzerDefaults = defaults$g({
+    root: void 0,
+    directed: false
+  });
+  var elesfn$k = {
+    hierholzer: function hierholzer(options) {
+      if (!plainObject(options)) {
+        var args = arguments;
+        options = {
+          root: args[0],
+          directed: args[1]
+        };
+      }
+      var _hierholzerDefaults = hierholzerDefaults(options), root2 = _hierholzerDefaults.root, directed = _hierholzerDefaults.directed;
+      var eles = this;
+      var dflag = false;
+      var oddIn;
+      var oddOut;
+      var startVertex;
+      if (root2) startVertex = string(root2) ? this.filter(root2)[0].id() : root2[0].id();
+      var nodes = {};
+      var edges = {};
+      if (directed) {
+        eles.forEach(function(ele) {
+          var id2 = ele.id();
+          if (ele.isNode()) {
+            var ind = ele.indegree(true);
+            var outd = ele.outdegree(true);
+            var d1 = ind - outd;
+            var d2 = outd - ind;
+            if (d1 == 1) {
+              if (oddIn) dflag = true;
+              else oddIn = id2;
+            } else if (d2 == 1) {
+              if (oddOut) dflag = true;
+              else oddOut = id2;
+            } else if (d2 > 1 || d1 > 1) {
+              dflag = true;
+            }
+            nodes[id2] = [];
+            ele.outgoers().forEach(function(e) {
+              if (e.isEdge()) nodes[id2].push(e.id());
+            });
+          } else {
+            edges[id2] = [void 0, ele.target().id()];
+          }
+        });
+      } else {
+        eles.forEach(function(ele) {
+          var id2 = ele.id();
+          if (ele.isNode()) {
+            var d2 = ele.degree(true);
+            if (d2 % 2) {
+              if (!oddIn) oddIn = id2;
+              else if (!oddOut) oddOut = id2;
+              else dflag = true;
+            }
+            nodes[id2] = [];
+            ele.connectedEdges().forEach(function(e) {
+              return nodes[id2].push(e.id());
+            });
+          } else {
+            edges[id2] = [ele.source().id(), ele.target().id()];
+          }
+        });
+      }
+      var result = {
+        found: false,
+        trail: void 0
+      };
+      if (dflag) return result;
+      else if (oddOut && oddIn) {
+        if (directed) {
+          if (startVertex && oddOut != startVertex) {
+            return result;
+          }
+          startVertex = oddOut;
+        } else {
+          if (startVertex && oddOut != startVertex && oddIn != startVertex) {
+            return result;
+          } else if (!startVertex) {
+            startVertex = oddOut;
+          }
+        }
+      } else {
+        if (!startVertex) startVertex = eles[0].id();
+      }
+      var walk = function walk2(v) {
+        var currentNode = v;
+        var subtour2 = [v];
+        var adj, adjTail, adjHead;
+        while (nodes[currentNode].length) {
+          adj = nodes[currentNode].shift();
+          adjTail = edges[adj][0];
+          adjHead = edges[adj][1];
+          if (currentNode != adjHead) {
+            nodes[adjHead] = nodes[adjHead].filter(function(e) {
+              return e != adj;
+            });
+            currentNode = adjHead;
+          } else if (!directed && currentNode != adjTail) {
+            nodes[adjTail] = nodes[adjTail].filter(function(e) {
+              return e != adj;
+            });
+            currentNode = adjTail;
+          }
+          subtour2.unshift(adj);
+          subtour2.unshift(currentNode);
+        }
+        return subtour2;
+      };
+      var trail = [];
+      var subtour = [];
+      subtour = walk(startVertex);
+      while (subtour.length != 1) {
+        if (nodes[subtour[0]].length == 0) {
+          trail.unshift(eles.getElementById(subtour.shift()));
+          trail.unshift(eles.getElementById(subtour.shift()));
+        } else {
+          subtour = walk(subtour.shift()).concat(subtour);
+        }
+      }
+      trail.unshift(eles.getElementById(subtour.shift()));
+      for (var d in nodes) {
+        if (nodes[d].length) {
+          return result;
+        }
+      }
+      result.found = true;
+      result.trail = this.spawn(trail, true);
+      return result;
+    }
+  };
+  var hopcroftTarjanBiconnected = function hopcroftTarjanBiconnected2() {
+    var eles = this;
+    var nodes = {};
+    var id2 = 0;
+    var edgeCount = 0;
+    var components = [];
+    var stack = [];
+    var visitedEdges = {};
+    var buildComponent = function buildComponent2(x2, y2) {
+      var i2 = stack.length - 1;
+      var cutset = [];
+      var component = eles.spawn();
+      while (stack[i2].x != x2 || stack[i2].y != y2) {
+        cutset.push(stack.pop().edge);
+        i2--;
+      }
+      cutset.push(stack.pop().edge);
+      cutset.forEach(function(edge) {
+        var connectedNodes = edge.connectedNodes().intersection(eles);
+        component.merge(edge);
+        connectedNodes.forEach(function(node) {
+          var nodeId = node.id();
+          var connectedEdges = node.connectedEdges().intersection(eles);
+          component.merge(node);
+          if (!nodes[nodeId].cutVertex) {
+            component.merge(connectedEdges);
+          } else {
+            component.merge(connectedEdges.filter(function(edge2) {
+              return edge2.isLoop();
+            }));
+          }
+        });
+      });
+      components.push(component);
+    };
+    var _biconnectedSearch = function biconnectedSearch(root2, currentNode, parent) {
+      if (root2 === parent) edgeCount += 1;
+      nodes[currentNode] = {
+        id: id2,
+        low: id2++,
+        cutVertex: false
+      };
+      var edges = eles.getElementById(currentNode).connectedEdges().intersection(eles);
+      if (edges.size() === 0) {
+        components.push(eles.spawn(eles.getElementById(currentNode)));
+      } else {
+        var sourceId, targetId, otherNodeId, edgeId;
+        edges.forEach(function(edge) {
+          sourceId = edge.source().id();
+          targetId = edge.target().id();
+          otherNodeId = sourceId === currentNode ? targetId : sourceId;
+          if (otherNodeId !== parent) {
+            edgeId = edge.id();
+            if (!visitedEdges[edgeId]) {
+              visitedEdges[edgeId] = true;
+              stack.push({
+                x: currentNode,
+                y: otherNodeId,
+                edge
+              });
+            }
+            if (!(otherNodeId in nodes)) {
+              _biconnectedSearch(root2, otherNodeId, currentNode);
+              nodes[currentNode].low = Math.min(nodes[currentNode].low, nodes[otherNodeId].low);
+              if (nodes[currentNode].id <= nodes[otherNodeId].low) {
+                nodes[currentNode].cutVertex = true;
+                buildComponent(currentNode, otherNodeId);
+              }
+            } else {
+              nodes[currentNode].low = Math.min(nodes[currentNode].low, nodes[otherNodeId].id);
+            }
+          }
+        });
+      }
+    };
+    eles.forEach(function(ele) {
+      if (ele.isNode()) {
+        var nodeId = ele.id();
+        if (!(nodeId in nodes)) {
+          edgeCount = 0;
+          _biconnectedSearch(nodeId, nodeId);
+          nodes[nodeId].cutVertex = edgeCount > 1;
+        }
+      }
+    });
+    var cutVertices = Object.keys(nodes).filter(function(id3) {
+      return nodes[id3].cutVertex;
+    }).map(function(id3) {
+      return eles.getElementById(id3);
+    });
+    return {
+      cut: eles.spawn(cutVertices),
+      components
+    };
+  };
+  var hopcroftTarjanBiconnected$1 = {
+    hopcroftTarjanBiconnected,
+    htbc: hopcroftTarjanBiconnected,
+    htb: hopcroftTarjanBiconnected,
+    hopcroftTarjanBiconnectedComponents: hopcroftTarjanBiconnected
+  };
+  var tarjanStronglyConnected = function tarjanStronglyConnected2() {
+    var eles = this;
+    var nodes = {};
+    var index2 = 0;
+    var components = [];
+    var stack = [];
+    var cut = eles.spawn(eles);
+    var _stronglyConnectedSearch = function stronglyConnectedSearch(sourceNodeId) {
+      stack.push(sourceNodeId);
+      nodes[sourceNodeId] = {
+        index: index2,
+        low: index2++,
+        explored: false
+      };
+      var connectedEdges = eles.getElementById(sourceNodeId).connectedEdges().intersection(eles);
+      connectedEdges.forEach(function(edge) {
+        var targetNodeId = edge.target().id();
+        if (targetNodeId !== sourceNodeId) {
+          if (!(targetNodeId in nodes)) {
+            _stronglyConnectedSearch(targetNodeId);
+          }
+          if (!nodes[targetNodeId].explored) {
+            nodes[sourceNodeId].low = Math.min(nodes[sourceNodeId].low, nodes[targetNodeId].low);
+          }
+        }
+      });
+      if (nodes[sourceNodeId].index === nodes[sourceNodeId].low) {
+        var componentNodes = eles.spawn();
+        for (; ; ) {
+          var nodeId = stack.pop();
+          componentNodes.merge(eles.getElementById(nodeId));
+          nodes[nodeId].low = nodes[sourceNodeId].index;
+          nodes[nodeId].explored = true;
+          if (nodeId === sourceNodeId) {
+            break;
+          }
+        }
+        var componentEdges = componentNodes.edgesWith(componentNodes);
+        var component = componentNodes.merge(componentEdges);
+        components.push(component);
+        cut = cut.difference(component);
+      }
+    };
+    eles.forEach(function(ele) {
+      if (ele.isNode()) {
+        var nodeId = ele.id();
+        if (!(nodeId in nodes)) {
+          _stronglyConnectedSearch(nodeId);
+        }
+      }
+    });
+    return {
+      cut,
+      components
+    };
+  };
+  var tarjanStronglyConnected$1 = {
+    tarjanStronglyConnected,
+    tsc: tarjanStronglyConnected,
+    tscc: tarjanStronglyConnected,
+    tarjanStronglyConnectedComponents: tarjanStronglyConnected
+  };
+  var elesfn$j = {};
+  [elesfn$v, elesfn$u, elesfn$t, elesfn$s, elesfn$r, elesfn$q, elesfn$p, elesfn$o, elesfn$n, elesfn$m, elesfn$l, markovClustering$1, kClustering, hierarchicalClustering$1, affinityPropagation$1, elesfn$k, hopcroftTarjanBiconnected$1, tarjanStronglyConnected$1].forEach(function(props) {
+    extend(elesfn$j, props);
+  });
+  var STATE_PENDING = 0;
+  var STATE_FULFILLED = 1;
+  var STATE_REJECTED = 2;
+  var _api = function api(executor) {
+    if (!(this instanceof _api)) return new _api(executor);
+    this.id = "Thenable/1.0.7";
+    this.state = STATE_PENDING;
+    this.fulfillValue = void 0;
+    this.rejectReason = void 0;
+    this.onFulfilled = [];
+    this.onRejected = [];
+    this.proxy = {
+      then: this.then.bind(this)
+    };
+    if (typeof executor === "function") executor.call(this, this.fulfill.bind(this), this.reject.bind(this));
+  };
+  _api.prototype = {
+    /*  promise resolving methods  */
+    fulfill: function fulfill(value) {
+      return deliver(this, STATE_FULFILLED, "fulfillValue", value);
+    },
+    reject: function reject(value) {
+      return deliver(this, STATE_REJECTED, "rejectReason", value);
+    },
+    /*  "The then Method" [Promises/A+ 1.1, 1.2, 2.2]  */
+    then: function then(onFulfilled, onRejected) {
+      var curr = this;
+      var next = new _api();
+      curr.onFulfilled.push(resolver(onFulfilled, next, "fulfill"));
+      curr.onRejected.push(resolver(onRejected, next, "reject"));
+      execute(curr);
+      return next.proxy;
+    }
+  };
+  var deliver = function deliver2(curr, state, name2, value) {
+    if (curr.state === STATE_PENDING) {
+      curr.state = state;
+      curr[name2] = value;
+      execute(curr);
+    }
+    return curr;
+  };
+  var execute = function execute2(curr) {
+    if (curr.state === STATE_FULFILLED) execute_handlers(curr, "onFulfilled", curr.fulfillValue);
+    else if (curr.state === STATE_REJECTED) execute_handlers(curr, "onRejected", curr.rejectReason);
+  };
+  var execute_handlers = function execute_handlers2(curr, name2, value) {
+    if (curr[name2].length === 0) return;
+    var handlers2 = curr[name2];
+    curr[name2] = [];
+    var func = function func2() {
+      for (var i2 = 0; i2 < handlers2.length; i2++) handlers2[i2](value);
+    };
+    if (typeof setImmediate === "function") setImmediate(func);
+    else setTimeout(func, 0);
+  };
+  var resolver = function resolver2(cb, next, method) {
+    return function(value) {
+      if (typeof cb !== "function")
+        next[method].call(next, value);
+      else {
+        var result;
+        try {
+          result = cb(value);
+        } catch (e) {
+          next.reject(e);
+          return;
+        }
+        _resolve(next, result);
+      }
+    };
+  };
+  var _resolve = function resolve(promise2, x2) {
+    if (promise2 === x2 || promise2.proxy === x2) {
+      promise2.reject(new TypeError("cannot resolve promise with itself"));
+      return;
+    }
+    var then;
+    if (_typeof(x2) === "object" && x2 !== null || typeof x2 === "function") {
+      try {
+        then = x2.then;
+      } catch (e) {
+        promise2.reject(e);
+        return;
+      }
+    }
+    if (typeof then === "function") {
+      var resolved = false;
+      try {
+        then.call(
+          x2,
+          /*  resolvePromise  */
+          /*  [Promises/A+ 2.3.3.3.1]  */
+          function(y2) {
+            if (resolved) return;
+            resolved = true;
+            if (y2 === x2)
+              promise2.reject(new TypeError("circular thenable chain"));
+            else _resolve(promise2, y2);
+          },
+          /*  rejectPromise  */
+          /*  [Promises/A+ 2.3.3.3.2]  */
+          function(r) {
+            if (resolved) return;
+            resolved = true;
+            promise2.reject(r);
+          }
+        );
+      } catch (e) {
+        if (!resolved)
+          promise2.reject(e);
+      }
+      return;
+    }
+    promise2.fulfill(x2);
+  };
+  _api.all = function(ps) {
+    return new _api(function(resolveAll, rejectAll) {
+      var vals = new Array(ps.length);
+      var doneCount = 0;
+      var fulfill = function fulfill2(i3, val) {
+        vals[i3] = val;
+        doneCount++;
+        if (doneCount === ps.length) {
+          resolveAll(vals);
+        }
+      };
+      for (var i2 = 0; i2 < ps.length; i2++) {
+        (function(i3) {
+          var p2 = ps[i3];
+          var isPromise = p2 != null && p2.then != null;
+          if (isPromise) {
+            p2.then(function(val2) {
+              fulfill(i3, val2);
+            }, function(err) {
+              rejectAll(err);
+            });
+          } else {
+            var val = p2;
+            fulfill(i3, val);
+          }
+        })(i2);
+      }
+    });
+  };
+  _api.resolve = function(val) {
+    return new _api(function(resolve, reject) {
+      resolve(val);
+    });
+  };
+  _api.reject = function(val) {
+    return new _api(function(resolve, reject) {
+      reject(val);
+    });
+  };
+  var Promise$1 = typeof Promise !== "undefined" ? Promise : _api;
+  var Animation = function Animation2(target, opts, opts2) {
+    var isCore = core(target);
+    var isEle = !isCore;
+    var _p = this._private = extend({
+      duration: 1e3
+    }, opts, opts2);
+    _p.target = target;
+    _p.style = _p.style || _p.css;
+    _p.started = false;
+    _p.playing = false;
+    _p.hooked = false;
+    _p.applying = false;
+    _p.progress = 0;
+    _p.completes = [];
+    _p.frames = [];
+    if (_p.complete && fn$6(_p.complete)) {
+      _p.completes.push(_p.complete);
+    }
+    if (isEle) {
+      var pos = target.position();
+      _p.startPosition = _p.startPosition || {
+        x: pos.x,
+        y: pos.y
+      };
+      _p.startStyle = _p.startStyle || target.cy().style().getAnimationStartStyle(target, _p.style);
+    }
+    if (isCore) {
+      var pan = target.pan();
+      _p.startPan = {
+        x: pan.x,
+        y: pan.y
+      };
+      _p.startZoom = target.zoom();
+    }
+    this.length = 1;
+    this[0] = this;
+  };
+  var anifn = Animation.prototype;
+  extend(anifn, {
+    instanceString: function instanceString() {
+      return "animation";
+    },
+    hook: function hook() {
+      var _p = this._private;
+      if (!_p.hooked) {
+        var q;
+        var tAni = _p.target._private.animation;
+        if (_p.queue) {
+          q = tAni.queue;
+        } else {
+          q = tAni.current;
+        }
+        q.push(this);
+        if (elementOrCollection(_p.target)) {
+          _p.target.cy().addToAnimationPool(_p.target);
+        }
+        _p.hooked = true;
+      }
+      return this;
+    },
+    play: function play() {
+      var _p = this._private;
+      if (_p.progress === 1) {
+        _p.progress = 0;
+      }
+      _p.playing = true;
+      _p.started = false;
+      _p.stopped = false;
+      this.hook();
+      return this;
+    },
+    playing: function playing() {
+      return this._private.playing;
+    },
+    apply: function apply() {
+      var _p = this._private;
+      _p.applying = true;
+      _p.started = false;
+      _p.stopped = false;
+      this.hook();
+      return this;
+    },
+    applying: function applying() {
+      return this._private.applying;
+    },
+    pause: function pause() {
+      var _p = this._private;
+      _p.playing = false;
+      _p.started = false;
+      return this;
+    },
+    stop: function stop() {
+      var _p = this._private;
+      _p.playing = false;
+      _p.started = false;
+      _p.stopped = true;
+      return this;
+    },
+    rewind: function rewind() {
+      return this.progress(0);
+    },
+    fastforward: function fastforward() {
+      return this.progress(1);
+    },
+    time: function time(t2) {
+      var _p = this._private;
+      if (t2 === void 0) {
+        return _p.progress * _p.duration;
+      } else {
+        return this.progress(t2 / _p.duration);
+      }
+    },
+    progress: function progress(p2) {
+      var _p = this._private;
+      var wasPlaying = _p.playing;
+      if (p2 === void 0) {
+        return _p.progress;
+      } else {
+        if (wasPlaying) {
+          this.pause();
+        }
+        _p.progress = p2;
+        _p.started = false;
+        if (wasPlaying) {
+          this.play();
+        }
+      }
+      return this;
+    },
+    completed: function completed() {
+      return this._private.progress === 1;
+    },
+    reverse: function reverse() {
+      var _p = this._private;
+      var wasPlaying = _p.playing;
+      if (wasPlaying) {
+        this.pause();
+      }
+      _p.progress = 1 - _p.progress;
+      _p.started = false;
+      var swap = function swap2(a2, b) {
+        var _pa = _p[a2];
+        if (_pa == null) {
+          return;
+        }
+        _p[a2] = _p[b];
+        _p[b] = _pa;
+      };
+      swap("zoom", "startZoom");
+      swap("pan", "startPan");
+      swap("position", "startPosition");
+      if (_p.style) {
+        for (var i2 = 0; i2 < _p.style.length; i2++) {
+          var prop = _p.style[i2];
+          var name2 = prop.name;
+          var startStyleProp = _p.startStyle[name2];
+          _p.startStyle[name2] = prop;
+          _p.style[i2] = startStyleProp;
+        }
+      }
+      if (wasPlaying) {
+        this.play();
+      }
+      return this;
+    },
+    promise: function promise2(type2) {
+      var _p = this._private;
+      var arr;
+      switch (type2) {
+        case "frame":
+          arr = _p.frames;
+          break;
+        default:
+        case "complete":
+        case "completed":
+          arr = _p.completes;
+      }
+      return new Promise$1(function(resolve, reject) {
+        arr.push(function() {
+          resolve();
+        });
+      });
+    }
+  });
+  anifn.complete = anifn.completed;
+  anifn.run = anifn.play;
+  anifn.running = anifn.playing;
+  var define$3 = {
+    animated: function animated() {
+      return function animatedImpl() {
+        var self2 = this;
+        var selfIsArrayLike = self2.length !== void 0;
+        var all = selfIsArrayLike ? self2 : [self2];
+        var cy = this._private.cy || this;
+        if (!cy.styleEnabled()) {
+          return false;
+        }
+        var ele = all[0];
+        if (ele) {
+          return ele._private.animation.current.length > 0;
+        }
+      };
+    },
+    // animated
+    clearQueue: function clearQueue() {
+      return function clearQueueImpl() {
+        var self2 = this;
+        var selfIsArrayLike = self2.length !== void 0;
+        var all = selfIsArrayLike ? self2 : [self2];
+        var cy = this._private.cy || this;
+        if (!cy.styleEnabled()) {
+          return this;
+        }
+        for (var i2 = 0; i2 < all.length; i2++) {
+          var ele = all[i2];
+          ele._private.animation.queue = [];
+        }
+        return this;
+      };
+    },
+    // clearQueue
+    delay: function delay() {
+      return function delayImpl(time, complete) {
+        var cy = this._private.cy || this;
+        if (!cy.styleEnabled()) {
+          return this;
+        }
+        return this.animate({
+          delay: time,
+          duration: time,
+          complete
+        });
+      };
+    },
+    // delay
+    delayAnimation: function delayAnimation() {
+      return function delayAnimationImpl(time, complete) {
+        var cy = this._private.cy || this;
+        if (!cy.styleEnabled()) {
+          return this;
+        }
+        return this.animation({
+          delay: time,
+          duration: time,
+          complete
+        });
+      };
+    },
+    // delay
+    animation: function animation() {
+      return function animationImpl(properties, params) {
+        var self2 = this;
+        var selfIsArrayLike = self2.length !== void 0;
+        var all = selfIsArrayLike ? self2 : [self2];
+        var cy = this._private.cy || this;
+        var isCore = !selfIsArrayLike;
+        var isEles = !isCore;
+        if (!cy.styleEnabled()) {
+          return this;
+        }
+        var style = cy.style();
+        properties = extend({}, properties, params);
+        var propertiesEmpty = Object.keys(properties).length === 0;
+        if (propertiesEmpty) {
+          return new Animation(all[0], properties);
+        }
+        if (properties.duration === void 0) {
+          properties.duration = 400;
+        }
+        switch (properties.duration) {
+          case "slow":
+            properties.duration = 600;
+            break;
+          case "fast":
+            properties.duration = 200;
+            break;
+        }
+        if (isEles) {
+          properties.style = style.getPropsList(properties.style || properties.css);
+          properties.css = void 0;
+        }
+        if (isEles && properties.renderedPosition != null) {
+          var rpos = properties.renderedPosition;
+          var pan = cy.pan();
+          var zoom2 = cy.zoom();
+          properties.position = renderedToModelPosition(rpos, zoom2, pan);
+        }
+        if (isCore && properties.panBy != null) {
+          var panBy = properties.panBy;
+          var cyPan = cy.pan();
+          properties.pan = {
+            x: cyPan.x + panBy.x,
+            y: cyPan.y + panBy.y
+          };
+        }
+        var center2 = properties.center || properties.centre;
+        if (isCore && center2 != null) {
+          var centerPan = cy.getCenterPan(center2.eles, properties.zoom);
+          if (centerPan != null) {
+            properties.pan = centerPan;
+          }
+        }
+        if (isCore && properties.fit != null) {
+          var fit = properties.fit;
+          var fitVp = cy.getFitViewport(fit.eles || fit.boundingBox, fit.padding);
+          if (fitVp != null) {
+            properties.pan = fitVp.pan;
+            properties.zoom = fitVp.zoom;
+          }
+        }
+        if (isCore && plainObject(properties.zoom)) {
+          var vp = cy.getZoomedViewport(properties.zoom);
+          if (vp != null) {
+            if (vp.zoomed) {
+              properties.zoom = vp.zoom;
+            }
+            if (vp.panned) {
+              properties.pan = vp.pan;
+            }
+          } else {
+            properties.zoom = null;
+          }
+        }
+        return new Animation(all[0], properties);
+      };
+    },
+    // animate
+    animate: function animate() {
+      return function animateImpl(properties, params) {
+        var self2 = this;
+        var selfIsArrayLike = self2.length !== void 0;
+        var all = selfIsArrayLike ? self2 : [self2];
+        var cy = this._private.cy || this;
+        if (!cy.styleEnabled()) {
+          return this;
+        }
+        if (params) {
+          properties = extend({}, properties, params);
+        }
+        for (var i2 = 0; i2 < all.length; i2++) {
+          var ele = all[i2];
+          var queue = ele.animated() && (properties.queue === void 0 || properties.queue);
+          var ani = ele.animation(properties, queue ? {
+            queue: true
+          } : void 0);
+          ani.play();
+        }
+        return this;
+      };
+    },
+    // animate
+    stop: function stop() {
+      return function stopImpl(clearQueue, jumpToEnd) {
+        var self2 = this;
+        var selfIsArrayLike = self2.length !== void 0;
+        var all = selfIsArrayLike ? self2 : [self2];
+        var cy = this._private.cy || this;
+        if (!cy.styleEnabled()) {
+          return this;
+        }
+        for (var i2 = 0; i2 < all.length; i2++) {
+          var ele = all[i2];
+          var _p = ele._private;
+          var anis = _p.animation.current;
+          for (var j = 0; j < anis.length; j++) {
+            var ani = anis[j];
+            var ani_p = ani._private;
+            if (jumpToEnd) {
+              ani_p.duration = 0;
+            }
+          }
+          if (clearQueue) {
+            _p.animation.queue = [];
+          }
+          if (!jumpToEnd) {
+            _p.animation.current = [];
+          }
+        }
+        cy.notify("draw");
+        return this;
+      };
+    }
+    // stop
+  };
+  var isArray_1;
+  var hasRequiredIsArray;
+  function requireIsArray() {
+    if (hasRequiredIsArray) return isArray_1;
+    hasRequiredIsArray = 1;
+    var isArray = Array.isArray;
+    isArray_1 = isArray;
+    return isArray_1;
+  }
+  var _isKey;
+  var hasRequired_isKey;
+  function require_isKey() {
+    if (hasRequired_isKey) return _isKey;
+    hasRequired_isKey = 1;
+    var isArray = requireIsArray(), isSymbol = requireIsSymbol();
+    var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
+    function isKey(value, object2) {
+      if (isArray(value)) {
+        return false;
+      }
+      var type2 = typeof value;
+      if (type2 == "number" || type2 == "symbol" || type2 == "boolean" || value == null || isSymbol(value)) {
+        return true;
+      }
+      return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object2 != null && value in Object(object2);
+    }
+    _isKey = isKey;
+    return _isKey;
+  }
+  var isFunction_1;
+  var hasRequiredIsFunction;
+  function requireIsFunction() {
+    if (hasRequiredIsFunction) return isFunction_1;
+    hasRequiredIsFunction = 1;
+    var baseGetTag = require_baseGetTag(), isObject2 = requireIsObject();
+    var asyncTag = "[object AsyncFunction]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+    function isFunction(value) {
+      if (!isObject2(value)) {
+        return false;
+      }
+      var tag = baseGetTag(value);
+      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+    }
+    isFunction_1 = isFunction;
+    return isFunction_1;
+  }
+  var _coreJsData;
+  var hasRequired_coreJsData;
+  function require_coreJsData() {
+    if (hasRequired_coreJsData) return _coreJsData;
+    hasRequired_coreJsData = 1;
+    var root2 = require_root();
+    var coreJsData = root2["__core-js_shared__"];
+    _coreJsData = coreJsData;
+    return _coreJsData;
+  }
+  var _isMasked;
+  var hasRequired_isMasked;
+  function require_isMasked() {
+    if (hasRequired_isMasked) return _isMasked;
+    hasRequired_isMasked = 1;
+    var coreJsData = require_coreJsData();
+    var maskSrcKey = (function() {
+      var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
+      return uid ? "Symbol(src)_1." + uid : "";
+    })();
+    function isMasked(func) {
+      return !!maskSrcKey && maskSrcKey in func;
+    }
+    _isMasked = isMasked;
+    return _isMasked;
+  }
+  var _toSource;
+  var hasRequired_toSource;
+  function require_toSource() {
+    if (hasRequired_toSource) return _toSource;
+    hasRequired_toSource = 1;
+    var funcProto = Function.prototype;
+    var funcToString = funcProto.toString;
+    function toSource(func) {
+      if (func != null) {
+        try {
+          return funcToString.call(func);
+        } catch (e) {
+        }
+        try {
+          return func + "";
+        } catch (e) {
+        }
+      }
+      return "";
+    }
+    _toSource = toSource;
+    return _toSource;
+  }
+  var _baseIsNative;
+  var hasRequired_baseIsNative;
+  function require_baseIsNative() {
+    if (hasRequired_baseIsNative) return _baseIsNative;
+    hasRequired_baseIsNative = 1;
+    var isFunction = requireIsFunction(), isMasked = require_isMasked(), isObject2 = requireIsObject(), toSource = require_toSource();
+    var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+    var reIsHostCtor = /^\[object .+?Constructor\]$/;
+    var funcProto = Function.prototype, objectProto = Object.prototype;
+    var funcToString = funcProto.toString;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    var reIsNative = RegExp(
+      "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    );
+    function baseIsNative(value) {
+      if (!isObject2(value) || isMasked(value)) {
+        return false;
+      }
+      var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+      return pattern.test(toSource(value));
+    }
+    _baseIsNative = baseIsNative;
+    return _baseIsNative;
+  }
+  var _getValue;
+  var hasRequired_getValue;
+  function require_getValue() {
+    if (hasRequired_getValue) return _getValue;
+    hasRequired_getValue = 1;
+    function getValue2(object2, key) {
+      return object2 == null ? void 0 : object2[key];
+    }
+    _getValue = getValue2;
+    return _getValue;
+  }
+  var _getNative;
+  var hasRequired_getNative;
+  function require_getNative() {
+    if (hasRequired_getNative) return _getNative;
+    hasRequired_getNative = 1;
+    var baseIsNative = require_baseIsNative(), getValue2 = require_getValue();
+    function getNative(object2, key) {
+      var value = getValue2(object2, key);
+      return baseIsNative(value) ? value : void 0;
+    }
+    _getNative = getNative;
+    return _getNative;
+  }
+  var _nativeCreate;
+  var hasRequired_nativeCreate;
+  function require_nativeCreate() {
+    if (hasRequired_nativeCreate) return _nativeCreate;
+    hasRequired_nativeCreate = 1;
+    var getNative = require_getNative();
+    var nativeCreate = getNative(Object, "create");
+    _nativeCreate = nativeCreate;
+    return _nativeCreate;
+  }
+  var _hashClear;
+  var hasRequired_hashClear;
+  function require_hashClear() {
+    if (hasRequired_hashClear) return _hashClear;
+    hasRequired_hashClear = 1;
+    var nativeCreate = require_nativeCreate();
+    function hashClear() {
+      this.__data__ = nativeCreate ? nativeCreate(null) : {};
+      this.size = 0;
+    }
+    _hashClear = hashClear;
+    return _hashClear;
+  }
+  var _hashDelete;
+  var hasRequired_hashDelete;
+  function require_hashDelete() {
+    if (hasRequired_hashDelete) return _hashDelete;
+    hasRequired_hashDelete = 1;
+    function hashDelete(key) {
+      var result = this.has(key) && delete this.__data__[key];
+      this.size -= result ? 1 : 0;
+      return result;
+    }
+    _hashDelete = hashDelete;
+    return _hashDelete;
+  }
+  var _hashGet;
+  var hasRequired_hashGet;
+  function require_hashGet() {
+    if (hasRequired_hashGet) return _hashGet;
+    hasRequired_hashGet = 1;
+    var nativeCreate = require_nativeCreate();
+    var HASH_UNDEFINED = "__lodash_hash_undefined__";
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function hashGet(key) {
+      var data2 = this.__data__;
+      if (nativeCreate) {
+        var result = data2[key];
+        return result === HASH_UNDEFINED ? void 0 : result;
+      }
+      return hasOwnProperty.call(data2, key) ? data2[key] : void 0;
+    }
+    _hashGet = hashGet;
+    return _hashGet;
+  }
+  var _hashHas;
+  var hasRequired_hashHas;
+  function require_hashHas() {
+    if (hasRequired_hashHas) return _hashHas;
+    hasRequired_hashHas = 1;
+    var nativeCreate = require_nativeCreate();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function hashHas(key) {
+      var data2 = this.__data__;
+      return nativeCreate ? data2[key] !== void 0 : hasOwnProperty.call(data2, key);
+    }
+    _hashHas = hashHas;
+    return _hashHas;
+  }
+  var _hashSet;
+  var hasRequired_hashSet;
+  function require_hashSet() {
+    if (hasRequired_hashSet) return _hashSet;
+    hasRequired_hashSet = 1;
+    var nativeCreate = require_nativeCreate();
+    var HASH_UNDEFINED = "__lodash_hash_undefined__";
+    function hashSet(key, value) {
+      var data2 = this.__data__;
+      this.size += this.has(key) ? 0 : 1;
+      data2[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value;
+      return this;
+    }
+    _hashSet = hashSet;
+    return _hashSet;
+  }
+  var _Hash;
+  var hasRequired_Hash;
+  function require_Hash() {
+    if (hasRequired_Hash) return _Hash;
+    hasRequired_Hash = 1;
+    var hashClear = require_hashClear(), hashDelete = require_hashDelete(), hashGet = require_hashGet(), hashHas = require_hashHas(), hashSet = require_hashSet();
+    function Hash(entries) {
+      var index2 = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index2 < length) {
+        var entry = entries[index2];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    Hash.prototype.clear = hashClear;
+    Hash.prototype["delete"] = hashDelete;
+    Hash.prototype.get = hashGet;
+    Hash.prototype.has = hashHas;
+    Hash.prototype.set = hashSet;
+    _Hash = Hash;
+    return _Hash;
+  }
+  var _listCacheClear;
+  var hasRequired_listCacheClear;
+  function require_listCacheClear() {
+    if (hasRequired_listCacheClear) return _listCacheClear;
+    hasRequired_listCacheClear = 1;
+    function listCacheClear() {
+      this.__data__ = [];
+      this.size = 0;
+    }
+    _listCacheClear = listCacheClear;
+    return _listCacheClear;
+  }
+  var eq_1;
+  var hasRequiredEq;
+  function requireEq() {
+    if (hasRequiredEq) return eq_1;
+    hasRequiredEq = 1;
+    function eq(value, other) {
+      return value === other || value !== value && other !== other;
+    }
+    eq_1 = eq;
+    return eq_1;
+  }
+  var _assocIndexOf;
+  var hasRequired_assocIndexOf;
+  function require_assocIndexOf() {
+    if (hasRequired_assocIndexOf) return _assocIndexOf;
+    hasRequired_assocIndexOf = 1;
+    var eq = requireEq();
+    function assocIndexOf(array2, key) {
+      var length = array2.length;
+      while (length--) {
+        if (eq(array2[length][0], key)) {
+          return length;
+        }
+      }
+      return -1;
+    }
+    _assocIndexOf = assocIndexOf;
+    return _assocIndexOf;
+  }
+  var _listCacheDelete;
+  var hasRequired_listCacheDelete;
+  function require_listCacheDelete() {
+    if (hasRequired_listCacheDelete) return _listCacheDelete;
+    hasRequired_listCacheDelete = 1;
+    var assocIndexOf = require_assocIndexOf();
+    var arrayProto = Array.prototype;
+    var splice = arrayProto.splice;
+    function listCacheDelete(key) {
+      var data2 = this.__data__, index2 = assocIndexOf(data2, key);
+      if (index2 < 0) {
+        return false;
+      }
+      var lastIndex = data2.length - 1;
+      if (index2 == lastIndex) {
+        data2.pop();
+      } else {
+        splice.call(data2, index2, 1);
+      }
+      --this.size;
+      return true;
+    }
+    _listCacheDelete = listCacheDelete;
+    return _listCacheDelete;
+  }
+  var _listCacheGet;
+  var hasRequired_listCacheGet;
+  function require_listCacheGet() {
+    if (hasRequired_listCacheGet) return _listCacheGet;
+    hasRequired_listCacheGet = 1;
+    var assocIndexOf = require_assocIndexOf();
+    function listCacheGet(key) {
+      var data2 = this.__data__, index2 = assocIndexOf(data2, key);
+      return index2 < 0 ? void 0 : data2[index2][1];
+    }
+    _listCacheGet = listCacheGet;
+    return _listCacheGet;
+  }
+  var _listCacheHas;
+  var hasRequired_listCacheHas;
+  function require_listCacheHas() {
+    if (hasRequired_listCacheHas) return _listCacheHas;
+    hasRequired_listCacheHas = 1;
+    var assocIndexOf = require_assocIndexOf();
+    function listCacheHas(key) {
+      return assocIndexOf(this.__data__, key) > -1;
+    }
+    _listCacheHas = listCacheHas;
+    return _listCacheHas;
+  }
+  var _listCacheSet;
+  var hasRequired_listCacheSet;
+  function require_listCacheSet() {
+    if (hasRequired_listCacheSet) return _listCacheSet;
+    hasRequired_listCacheSet = 1;
+    var assocIndexOf = require_assocIndexOf();
+    function listCacheSet(key, value) {
+      var data2 = this.__data__, index2 = assocIndexOf(data2, key);
+      if (index2 < 0) {
+        ++this.size;
+        data2.push([key, value]);
+      } else {
+        data2[index2][1] = value;
+      }
+      return this;
+    }
+    _listCacheSet = listCacheSet;
+    return _listCacheSet;
+  }
+  var _ListCache;
+  var hasRequired_ListCache;
+  function require_ListCache() {
+    if (hasRequired_ListCache) return _ListCache;
+    hasRequired_ListCache = 1;
+    var listCacheClear = require_listCacheClear(), listCacheDelete = require_listCacheDelete(), listCacheGet = require_listCacheGet(), listCacheHas = require_listCacheHas(), listCacheSet = require_listCacheSet();
+    function ListCache(entries) {
+      var index2 = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index2 < length) {
+        var entry = entries[index2];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    ListCache.prototype.clear = listCacheClear;
+    ListCache.prototype["delete"] = listCacheDelete;
+    ListCache.prototype.get = listCacheGet;
+    ListCache.prototype.has = listCacheHas;
+    ListCache.prototype.set = listCacheSet;
+    _ListCache = ListCache;
+    return _ListCache;
+  }
+  var _Map;
+  var hasRequired_Map;
+  function require_Map() {
+    if (hasRequired_Map) return _Map;
+    hasRequired_Map = 1;
+    var getNative = require_getNative(), root2 = require_root();
+    var Map2 = getNative(root2, "Map");
+    _Map = Map2;
+    return _Map;
+  }
+  var _mapCacheClear;
+  var hasRequired_mapCacheClear;
+  function require_mapCacheClear() {
+    if (hasRequired_mapCacheClear) return _mapCacheClear;
+    hasRequired_mapCacheClear = 1;
+    var Hash = require_Hash(), ListCache = require_ListCache(), Map2 = require_Map();
+    function mapCacheClear() {
+      this.size = 0;
+      this.__data__ = {
+        "hash": new Hash(),
+        "map": new (Map2 || ListCache)(),
+        "string": new Hash()
+      };
+    }
+    _mapCacheClear = mapCacheClear;
+    return _mapCacheClear;
+  }
+  var _isKeyable;
+  var hasRequired_isKeyable;
+  function require_isKeyable() {
+    if (hasRequired_isKeyable) return _isKeyable;
+    hasRequired_isKeyable = 1;
+    function isKeyable(value) {
+      var type2 = typeof value;
+      return type2 == "string" || type2 == "number" || type2 == "symbol" || type2 == "boolean" ? value !== "__proto__" : value === null;
+    }
+    _isKeyable = isKeyable;
+    return _isKeyable;
+  }
+  var _getMapData;
+  var hasRequired_getMapData;
+  function require_getMapData() {
+    if (hasRequired_getMapData) return _getMapData;
+    hasRequired_getMapData = 1;
+    var isKeyable = require_isKeyable();
+    function getMapData(map2, key) {
+      var data2 = map2.__data__;
+      return isKeyable(key) ? data2[typeof key == "string" ? "string" : "hash"] : data2.map;
+    }
+    _getMapData = getMapData;
+    return _getMapData;
+  }
+  var _mapCacheDelete;
+  var hasRequired_mapCacheDelete;
+  function require_mapCacheDelete() {
+    if (hasRequired_mapCacheDelete) return _mapCacheDelete;
+    hasRequired_mapCacheDelete = 1;
+    var getMapData = require_getMapData();
+    function mapCacheDelete(key) {
+      var result = getMapData(this, key)["delete"](key);
+      this.size -= result ? 1 : 0;
+      return result;
+    }
+    _mapCacheDelete = mapCacheDelete;
+    return _mapCacheDelete;
+  }
+  var _mapCacheGet;
+  var hasRequired_mapCacheGet;
+  function require_mapCacheGet() {
+    if (hasRequired_mapCacheGet) return _mapCacheGet;
+    hasRequired_mapCacheGet = 1;
+    var getMapData = require_getMapData();
+    function mapCacheGet(key) {
+      return getMapData(this, key).get(key);
+    }
+    _mapCacheGet = mapCacheGet;
+    return _mapCacheGet;
+  }
+  var _mapCacheHas;
+  var hasRequired_mapCacheHas;
+  function require_mapCacheHas() {
+    if (hasRequired_mapCacheHas) return _mapCacheHas;
+    hasRequired_mapCacheHas = 1;
+    var getMapData = require_getMapData();
+    function mapCacheHas(key) {
+      return getMapData(this, key).has(key);
+    }
+    _mapCacheHas = mapCacheHas;
+    return _mapCacheHas;
+  }
+  var _mapCacheSet;
+  var hasRequired_mapCacheSet;
+  function require_mapCacheSet() {
+    if (hasRequired_mapCacheSet) return _mapCacheSet;
+    hasRequired_mapCacheSet = 1;
+    var getMapData = require_getMapData();
+    function mapCacheSet(key, value) {
+      var data2 = getMapData(this, key), size = data2.size;
+      data2.set(key, value);
+      this.size += data2.size == size ? 0 : 1;
+      return this;
+    }
+    _mapCacheSet = mapCacheSet;
+    return _mapCacheSet;
+  }
+  var _MapCache;
+  var hasRequired_MapCache;
+  function require_MapCache() {
+    if (hasRequired_MapCache) return _MapCache;
+    hasRequired_MapCache = 1;
+    var mapCacheClear = require_mapCacheClear(), mapCacheDelete = require_mapCacheDelete(), mapCacheGet = require_mapCacheGet(), mapCacheHas = require_mapCacheHas(), mapCacheSet = require_mapCacheSet();
+    function MapCache(entries) {
+      var index2 = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index2 < length) {
+        var entry = entries[index2];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    MapCache.prototype.clear = mapCacheClear;
+    MapCache.prototype["delete"] = mapCacheDelete;
+    MapCache.prototype.get = mapCacheGet;
+    MapCache.prototype.has = mapCacheHas;
+    MapCache.prototype.set = mapCacheSet;
+    _MapCache = MapCache;
+    return _MapCache;
+  }
+  var memoize_1;
+  var hasRequiredMemoize;
+  function requireMemoize() {
+    if (hasRequiredMemoize) return memoize_1;
+    hasRequiredMemoize = 1;
+    var MapCache = require_MapCache();
+    var FUNC_ERROR_TEXT = "Expected a function";
+    function memoize2(func, resolver2) {
+      if (typeof func != "function" || resolver2 != null && typeof resolver2 != "function") {
+        throw new TypeError(FUNC_ERROR_TEXT);
+      }
+      var memoized = function() {
+        var args = arguments, key = resolver2 ? resolver2.apply(this, args) : args[0], cache2 = memoized.cache;
+        if (cache2.has(key)) {
+          return cache2.get(key);
+        }
+        var result = func.apply(this, args);
+        memoized.cache = cache2.set(key, result) || cache2;
+        return result;
+      };
+      memoized.cache = new (memoize2.Cache || MapCache)();
+      return memoized;
+    }
+    memoize2.Cache = MapCache;
+    memoize_1 = memoize2;
+    return memoize_1;
+  }
+  var _memoizeCapped;
+  var hasRequired_memoizeCapped;
+  function require_memoizeCapped() {
+    if (hasRequired_memoizeCapped) return _memoizeCapped;
+    hasRequired_memoizeCapped = 1;
+    var memoize2 = requireMemoize();
+    var MAX_MEMOIZE_SIZE = 500;
+    function memoizeCapped(func) {
+      var result = memoize2(func, function(key) {
+        if (cache2.size === MAX_MEMOIZE_SIZE) {
+          cache2.clear();
+        }
+        return key;
+      });
+      var cache2 = result.cache;
+      return result;
+    }
+    _memoizeCapped = memoizeCapped;
+    return _memoizeCapped;
+  }
+  var _stringToPath;
+  var hasRequired_stringToPath;
+  function require_stringToPath() {
+    if (hasRequired_stringToPath) return _stringToPath;
+    hasRequired_stringToPath = 1;
+    var memoizeCapped = require_memoizeCapped();
+    var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+    var reEscapeChar = /\\(\\)?/g;
+    var stringToPath = memoizeCapped(function(string2) {
+      var result = [];
+      if (string2.charCodeAt(0) === 46) {
+        result.push("");
+      }
+      string2.replace(rePropName, function(match2, number2, quote, subString) {
+        result.push(quote ? subString.replace(reEscapeChar, "$1") : number2 || match2);
+      });
+      return result;
+    });
+    _stringToPath = stringToPath;
+    return _stringToPath;
+  }
+  var _arrayMap;
+  var hasRequired_arrayMap;
+  function require_arrayMap() {
+    if (hasRequired_arrayMap) return _arrayMap;
+    hasRequired_arrayMap = 1;
+    function arrayMap(array2, iteratee) {
+      var index2 = -1, length = array2 == null ? 0 : array2.length, result = Array(length);
+      while (++index2 < length) {
+        result[index2] = iteratee(array2[index2], index2, array2);
+      }
+      return result;
+    }
+    _arrayMap = arrayMap;
+    return _arrayMap;
+  }
+  var _baseToString;
+  var hasRequired_baseToString;
+  function require_baseToString() {
+    if (hasRequired_baseToString) return _baseToString;
+    hasRequired_baseToString = 1;
+    var Symbol2 = require_Symbol(), arrayMap = require_arrayMap(), isArray = requireIsArray(), isSymbol = requireIsSymbol();
+    var symbolProto = Symbol2 ? Symbol2.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0;
+    function baseToString(value) {
+      if (typeof value == "string") {
+        return value;
+      }
+      if (isArray(value)) {
+        return arrayMap(value, baseToString) + "";
+      }
+      if (isSymbol(value)) {
+        return symbolToString ? symbolToString.call(value) : "";
+      }
+      var result = value + "";
+      return result == "0" && 1 / value == -Infinity ? "-0" : result;
+    }
+    _baseToString = baseToString;
+    return _baseToString;
+  }
+  var toString_1;
+  var hasRequiredToString;
+  function requireToString() {
+    if (hasRequiredToString) return toString_1;
+    hasRequiredToString = 1;
+    var baseToString = require_baseToString();
+    function toString2(value) {
+      return value == null ? "" : baseToString(value);
+    }
+    toString_1 = toString2;
+    return toString_1;
+  }
+  var _castPath;
+  var hasRequired_castPath;
+  function require_castPath() {
+    if (hasRequired_castPath) return _castPath;
+    hasRequired_castPath = 1;
+    var isArray = requireIsArray(), isKey = require_isKey(), stringToPath = require_stringToPath(), toString2 = requireToString();
+    function castPath(value, object2) {
+      if (isArray(value)) {
+        return value;
+      }
+      return isKey(value, object2) ? [value] : stringToPath(toString2(value));
+    }
+    _castPath = castPath;
+    return _castPath;
+  }
+  var _toKey;
+  var hasRequired_toKey;
+  function require_toKey() {
+    if (hasRequired_toKey) return _toKey;
+    hasRequired_toKey = 1;
+    var isSymbol = requireIsSymbol();
+    function toKey(value) {
+      if (typeof value == "string" || isSymbol(value)) {
+        return value;
+      }
+      var result = value + "";
+      return result == "0" && 1 / value == -Infinity ? "-0" : result;
+    }
+    _toKey = toKey;
+    return _toKey;
+  }
+  var _baseGet;
+  var hasRequired_baseGet;
+  function require_baseGet() {
+    if (hasRequired_baseGet) return _baseGet;
+    hasRequired_baseGet = 1;
+    var castPath = require_castPath(), toKey = require_toKey();
+    function baseGet(object2, path) {
+      path = castPath(path, object2);
+      var index2 = 0, length = path.length;
+      while (object2 != null && index2 < length) {
+        object2 = object2[toKey(path[index2++])];
+      }
+      return index2 && index2 == length ? object2 : void 0;
+    }
+    _baseGet = baseGet;
+    return _baseGet;
+  }
+  var get_1;
+  var hasRequiredGet;
+  function requireGet() {
+    if (hasRequiredGet) return get_1;
+    hasRequiredGet = 1;
+    var baseGet = require_baseGet();
+    function get2(object2, path, defaultValue) {
+      var result = object2 == null ? void 0 : baseGet(object2, path);
+      return result === void 0 ? defaultValue : result;
+    }
+    get_1 = get2;
+    return get_1;
+  }
+  var getExports = requireGet();
+  var get = /* @__PURE__ */ getDefaultExportFromCjs(getExports);
+  var _defineProperty;
+  var hasRequired_defineProperty;
+  function require_defineProperty() {
+    if (hasRequired_defineProperty) return _defineProperty;
+    hasRequired_defineProperty = 1;
+    var getNative = require_getNative();
+    var defineProperty = (function() {
+      try {
+        var func = getNative(Object, "defineProperty");
+        func({}, "", {});
+        return func;
+      } catch (e) {
+      }
+    })();
+    _defineProperty = defineProperty;
+    return _defineProperty;
+  }
+  var _baseAssignValue;
+  var hasRequired_baseAssignValue;
+  function require_baseAssignValue() {
+    if (hasRequired_baseAssignValue) return _baseAssignValue;
+    hasRequired_baseAssignValue = 1;
+    var defineProperty = require_defineProperty();
+    function baseAssignValue(object2, key, value) {
+      if (key == "__proto__" && defineProperty) {
+        defineProperty(object2, key, {
+          "configurable": true,
+          "enumerable": true,
+          "value": value,
+          "writable": true
+        });
+      } else {
+        object2[key] = value;
+      }
+    }
+    _baseAssignValue = baseAssignValue;
+    return _baseAssignValue;
+  }
+  var _assignValue;
+  var hasRequired_assignValue;
+  function require_assignValue() {
+    if (hasRequired_assignValue) return _assignValue;
+    hasRequired_assignValue = 1;
+    var baseAssignValue = require_baseAssignValue(), eq = requireEq();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function assignValue(object2, key, value) {
+      var objValue = object2[key];
+      if (!(hasOwnProperty.call(object2, key) && eq(objValue, value)) || value === void 0 && !(key in object2)) {
+        baseAssignValue(object2, key, value);
+      }
+    }
+    _assignValue = assignValue;
+    return _assignValue;
+  }
+  var _isIndex;
+  var hasRequired_isIndex;
+  function require_isIndex() {
+    if (hasRequired_isIndex) return _isIndex;
+    hasRequired_isIndex = 1;
+    var MAX_SAFE_INTEGER = 9007199254740991;
+    var reIsUint = /^(?:0|[1-9]\d*)$/;
+    function isIndex(value, length) {
+      var type2 = typeof value;
+      length = length == null ? MAX_SAFE_INTEGER : length;
+      return !!length && (type2 == "number" || type2 != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+    }
+    _isIndex = isIndex;
+    return _isIndex;
+  }
+  var _baseSet;
+  var hasRequired_baseSet;
+  function require_baseSet() {
+    if (hasRequired_baseSet) return _baseSet;
+    hasRequired_baseSet = 1;
+    var assignValue = require_assignValue(), castPath = require_castPath(), isIndex = require_isIndex(), isObject2 = requireIsObject(), toKey = require_toKey();
+    function baseSet(object2, path, value, customizer) {
+      if (!isObject2(object2)) {
+        return object2;
+      }
+      path = castPath(path, object2);
+      var index2 = -1, length = path.length, lastIndex = length - 1, nested = object2;
+      while (nested != null && ++index2 < length) {
+        var key = toKey(path[index2]), newValue = value;
+        if (key === "__proto__" || key === "constructor" || key === "prototype") {
+          return object2;
+        }
+        if (index2 != lastIndex) {
+          var objValue = nested[key];
+          newValue = customizer ? customizer(objValue, key, nested) : void 0;
+          if (newValue === void 0) {
+            newValue = isObject2(objValue) ? objValue : isIndex(path[index2 + 1]) ? [] : {};
+          }
+        }
+        assignValue(nested, key, newValue);
+        nested = nested[key];
+      }
+      return object2;
+    }
+    _baseSet = baseSet;
+    return _baseSet;
+  }
+  var set_1;
+  var hasRequiredSet;
+  function requireSet() {
+    if (hasRequiredSet) return set_1;
+    hasRequiredSet = 1;
+    var baseSet = require_baseSet();
+    function set2(object2, path, value) {
+      return object2 == null ? object2 : baseSet(object2, path, value);
+    }
+    set_1 = set2;
+    return set_1;
+  }
+  var setExports = requireSet();
+  var set = /* @__PURE__ */ getDefaultExportFromCjs(setExports);
+  var _copyArray;
+  var hasRequired_copyArray;
+  function require_copyArray() {
+    if (hasRequired_copyArray) return _copyArray;
+    hasRequired_copyArray = 1;
+    function copyArray2(source, array2) {
+      var index2 = -1, length = source.length;
+      array2 || (array2 = Array(length));
+      while (++index2 < length) {
+        array2[index2] = source[index2];
+      }
+      return array2;
+    }
+    _copyArray = copyArray2;
+    return _copyArray;
+  }
+  var toPath_1;
+  var hasRequiredToPath;
+  function requireToPath() {
+    if (hasRequiredToPath) return toPath_1;
+    hasRequiredToPath = 1;
+    var arrayMap = require_arrayMap(), copyArray2 = require_copyArray(), isArray = requireIsArray(), isSymbol = requireIsSymbol(), stringToPath = require_stringToPath(), toKey = require_toKey(), toString2 = requireToString();
+    function toPath2(value) {
+      if (isArray(value)) {
+        return arrayMap(value, toKey);
+      }
+      return isSymbol(value) ? [value] : copyArray2(stringToPath(toString2(value)));
+    }
+    toPath_1 = toPath2;
+    return toPath_1;
+  }
+  var toPathExports = requireToPath();
+  var toPath = /* @__PURE__ */ getDefaultExportFromCjs(toPathExports);
+  var define$2 = {
+    // access data field
+    data: function data2(params) {
+      var defaults2 = {
+        field: "data",
+        bindingEvent: "data",
+        allowBinding: false,
+        allowSetting: false,
+        allowGetting: false,
+        settingEvent: "data",
+        settingTriggersEvent: false,
+        triggerFnName: "trigger",
+        immutableKeys: {},
+        // key => true if immutable
+        updateStyle: false,
+        beforeGet: function beforeGet(self2) {
+        },
+        beforeSet: function beforeSet(self2, obj) {
+        },
+        onSet: function onSet(self2) {
+        },
+        canSet: function canSet(self2) {
+          return true;
+        }
+      };
+      params = extend({}, defaults2, params);
+      return function dataImpl(name2, value) {
+        var p2 = params;
+        var self2 = this;
+        var selfIsArrayLike = self2.length !== void 0;
+        var all = selfIsArrayLike ? self2 : [self2];
+        var single = selfIsArrayLike ? self2[0] : self2;
+        if (string(name2)) {
+          var isPathLike = name2.indexOf(".") !== -1;
+          var path = isPathLike && toPath(name2);
+          if (p2.allowGetting && value === void 0) {
+            var ret;
+            if (single) {
+              p2.beforeGet(single);
+              if (path && single._private[p2.field][name2] === void 0) {
+                ret = get(single._private[p2.field], path);
+              } else {
+                ret = single._private[p2.field][name2];
+              }
+            }
+            return ret;
+          } else if (p2.allowSetting && value !== void 0) {
+            var valid2 = !p2.immutableKeys[name2];
+            if (valid2) {
+              var change = _defineProperty$1({}, name2, value);
+              p2.beforeSet(self2, change);
+              for (var i2 = 0, l = all.length; i2 < l; i2++) {
+                var ele = all[i2];
+                if (p2.canSet(ele)) {
+                  if (path && single._private[p2.field][name2] === void 0) {
+                    set(ele._private[p2.field], path, value);
+                  } else {
+                    ele._private[p2.field][name2] = value;
+                  }
+                }
+              }
+              if (p2.updateStyle) {
+                self2.updateStyle();
+              }
+              p2.onSet(self2);
+              if (p2.settingTriggersEvent) {
+                self2[p2.triggerFnName](p2.settingEvent);
+              }
+            }
+          }
+        } else if (p2.allowSetting && plainObject(name2)) {
+          var obj = name2;
+          var k, v;
+          var keys2 = Object.keys(obj);
+          p2.beforeSet(self2, obj);
+          for (var _i = 0; _i < keys2.length; _i++) {
+            k = keys2[_i];
+            v = obj[k];
+            var _valid = !p2.immutableKeys[k];
+            if (_valid) {
+              for (var j = 0; j < all.length; j++) {
+                var _ele = all[j];
+                if (p2.canSet(_ele)) {
+                  _ele._private[p2.field][k] = v;
+                }
+              }
+            }
+          }
+          if (p2.updateStyle) {
+            self2.updateStyle();
+          }
+          p2.onSet(self2);
+          if (p2.settingTriggersEvent) {
+            self2[p2.triggerFnName](p2.settingEvent);
+          }
+        } else if (p2.allowBinding && fn$6(name2)) {
+          var fn2 = name2;
+          self2.on(p2.bindingEvent, fn2);
+        } else if (p2.allowGetting && name2 === void 0) {
+          var _ret;
+          if (single) {
+            p2.beforeGet(single);
+            _ret = single._private[p2.field];
+          }
+          return _ret;
+        }
+        return self2;
+      };
+    },
+    // data
+    // remove data field
+    removeData: function removeData(params) {
+      var defaults2 = {
+        field: "data",
+        event: "data",
+        triggerFnName: "trigger",
+        triggerEvent: false,
+        immutableKeys: {}
+        // key => true if immutable
+      };
+      params = extend({}, defaults2, params);
+      return function removeDataImpl(names) {
+        var p2 = params;
+        var self2 = this;
+        var selfIsArrayLike = self2.length !== void 0;
+        var all = selfIsArrayLike ? self2 : [self2];
+        if (string(names)) {
+          var keys2 = names.split(/\s+/);
+          var l = keys2.length;
+          for (var i2 = 0; i2 < l; i2++) {
+            var key = keys2[i2];
+            if (emptyString(key)) {
+              continue;
+            }
+            var valid2 = !p2.immutableKeys[key];
+            if (valid2) {
+              for (var i_a = 0, l_a = all.length; i_a < l_a; i_a++) {
+                all[i_a]._private[p2.field][key] = void 0;
+              }
+            }
+          }
+          if (p2.triggerEvent) {
+            self2[p2.triggerFnName](p2.event);
+          }
+        } else if (names === void 0) {
+          for (var _i_a = 0, _l_a = all.length; _i_a < _l_a; _i_a++) {
+            var _privateFields = all[_i_a]._private[p2.field];
+            var _keys = Object.keys(_privateFields);
+            for (var _i2 = 0; _i2 < _keys.length; _i2++) {
+              var _key = _keys[_i2];
+              var validKeyToDelete = !p2.immutableKeys[_key];
+              if (validKeyToDelete) {
+                _privateFields[_key] = void 0;
+              }
+            }
+          }
+          if (p2.triggerEvent) {
+            self2[p2.triggerFnName](p2.event);
+          }
+        }
+        return self2;
+      };
+    }
+    // removeData
+  };
+  var define$1 = {
+    eventAliasesOn: function eventAliasesOn(proto) {
+      var p2 = proto;
+      p2.addListener = p2.listen = p2.bind = p2.on;
+      p2.unlisten = p2.unbind = p2.off = p2.removeListener;
+      p2.trigger = p2.emit;
+      p2.pon = p2.promiseOn = function(events, selector2) {
+        var self2 = this;
+        var args = Array.prototype.slice.call(arguments, 0);
+        return new Promise$1(function(resolve, reject) {
+          var callback = function callback2(e) {
+            self2.off.apply(self2, offArgs);
+            resolve(e);
+          };
+          var onArgs = args.concat([callback]);
+          var offArgs = onArgs.concat([]);
+          self2.on.apply(self2, onArgs);
+        });
+      };
+    }
+  };
+  var define = {};
+  [define$3, define$2, define$1].forEach(function(m2) {
+    extend(define, m2);
+  });
+  var elesfn$i = {
+    animate: define.animate(),
+    animation: define.animation(),
+    animated: define.animated(),
+    clearQueue: define.clearQueue(),
+    delay: define.delay(),
+    delayAnimation: define.delayAnimation(),
+    stop: define.stop()
+  };
+  var elesfn$h = {
+    classes: function classes(_classes) {
+      var self2 = this;
+      if (_classes === void 0) {
+        var ret = [];
+        self2[0]._private.classes.forEach(function(cls2) {
+          return ret.push(cls2);
+        });
+        return ret;
+      } else if (!array(_classes)) {
+        _classes = (_classes || "").match(/\S+/g) || [];
+      }
+      var changed = [];
+      var classesSet = new Set$1(_classes);
+      for (var j = 0; j < self2.length; j++) {
+        var ele = self2[j];
+        var _p = ele._private;
+        var eleClasses = _p.classes;
+        var changedEle = false;
+        for (var i2 = 0; i2 < _classes.length; i2++) {
+          var cls = _classes[i2];
+          var eleHasClass = eleClasses.has(cls);
+          if (!eleHasClass) {
+            changedEle = true;
+            break;
+          }
+        }
+        if (!changedEle) {
+          changedEle = eleClasses.size !== _classes.length;
+        }
+        if (changedEle) {
+          _p.classes = classesSet;
+          changed.push(ele);
+        }
+      }
+      if (changed.length > 0) {
+        this.spawn(changed).updateStyle().emit("class");
+      }
+      return self2;
+    },
+    addClass: function addClass(classes) {
+      return this.toggleClass(classes, true);
+    },
+    hasClass: function hasClass(className) {
+      var ele = this[0];
+      return ele != null && ele._private.classes.has(className);
+    },
+    toggleClass: function toggleClass(classes, toggle) {
+      if (!array(classes)) {
+        classes = classes.match(/\S+/g) || [];
+      }
+      var self2 = this;
+      var toggleUndefd = toggle === void 0;
+      var changed = [];
+      for (var i2 = 0, il = self2.length; i2 < il; i2++) {
+        var ele = self2[i2];
+        var eleClasses = ele._private.classes;
+        var changedEle = false;
+        for (var j = 0; j < classes.length; j++) {
+          var cls = classes[j];
+          var hasClass = eleClasses.has(cls);
+          var changedNow = false;
+          if (toggle || toggleUndefd && !hasClass) {
+            eleClasses.add(cls);
+            changedNow = true;
+          } else if (!toggle || toggleUndefd && hasClass) {
+            eleClasses["delete"](cls);
+            changedNow = true;
+          }
+          if (!changedEle && changedNow) {
+            changed.push(ele);
+            changedEle = true;
+          }
+        }
+      }
+      if (changed.length > 0) {
+        this.spawn(changed).updateStyle().emit("class");
+      }
+      return self2;
+    },
+    removeClass: function removeClass(classes) {
+      return this.toggleClass(classes, false);
+    },
+    flashClass: function flashClass(classes, duration) {
+      var self2 = this;
+      if (duration == null) {
+        duration = 250;
+      } else if (duration === 0) {
+        return self2;
+      }
+      self2.addClass(classes);
+      setTimeout(function() {
+        self2.removeClass(classes);
+      }, duration);
+      return self2;
+    }
+  };
+  elesfn$h.className = elesfn$h.classNames = elesfn$h.classes;
+  var tokens = {
+    metaChar: "[\\!\\\"\\#\\$\\%\\&\\'\\(\\)\\*\\+\\,\\.\\/\\:\\;\\<\\=\\>\\?\\@\\[\\]\\^\\`\\{\\|\\}\\~]",
+    // chars we need to escape in let names, etc
+    comparatorOp: "=|\\!=|>|>=|<|<=|\\$=|\\^=|\\*=",
+    // binary comparison op (used in data selectors)
+    boolOp: "\\?|\\!|\\^",
+    // boolean (unary) operators (used in data selectors)
+    string: `"(?:\\\\"|[^"])*"|'(?:\\\\'|[^'])*'`,
+    // string literals (used in data selectors) -- doublequotes | singlequotes
+    number,
+    // number literal (used in data selectors) --- e.g. 0.1234, 1234, 12e123
+    meta: "degree|indegree|outdegree",
+    // allowed metadata fields (i.e. allowed functions to use from Collection)
+    separator: "\\s*,\\s*",
+    // queries are separated by commas, e.g. edge[foo = 'bar'], node.someClass
+    descendant: "\\s+",
+    child: "\\s+>\\s+",
+    subject: "\\$",
+    group: "node|edge|\\*",
+    directedEdge: "\\s+->\\s+",
+    undirectedEdge: "\\s+<->\\s+"
+  };
+  tokens.variable = "(?:[\\w-.]|(?:\\\\" + tokens.metaChar + "))+";
+  tokens.className = "(?:[\\w-]|(?:\\\\" + tokens.metaChar + "))+";
+  tokens.value = tokens.string + "|" + tokens.number;
+  tokens.id = tokens.variable;
+  (function() {
+    var ops, op, i2;
+    ops = tokens.comparatorOp.split("|");
+    for (i2 = 0; i2 < ops.length; i2++) {
+      op = ops[i2];
+      tokens.comparatorOp += "|@" + op;
+    }
+    ops = tokens.comparatorOp.split("|");
+    for (i2 = 0; i2 < ops.length; i2++) {
+      op = ops[i2];
+      if (op.indexOf("!") >= 0) {
+        continue;
+      }
+      if (op === "=") {
+        continue;
+      }
+      tokens.comparatorOp += "|\\!" + op;
+    }
+  })();
+  var newQuery = function newQuery2() {
+    return {
+      checks: []
+    };
+  };
+  var Type = {
+    /** E.g. node */
+    GROUP: 0,
+    /** A collection of elements */
+    COLLECTION: 1,
+    /** A filter(ele) function */
+    FILTER: 2,
+    /** E.g. [foo > 1] */
+    DATA_COMPARE: 3,
+    /** E.g. [foo] */
+    DATA_EXIST: 4,
+    /** E.g. [?foo] */
+    DATA_BOOL: 5,
+    /** E.g. [[degree > 2]] */
+    META_COMPARE: 6,
+    /** E.g. :selected */
+    STATE: 7,
+    /** E.g. #foo */
+    ID: 8,
+    /** E.g. .foo */
+    CLASS: 9,
+    /** E.g. #foo <-> #bar */
+    UNDIRECTED_EDGE: 10,
+    /** E.g. #foo -> #bar */
+    DIRECTED_EDGE: 11,
+    /** E.g. $#foo -> #bar */
+    NODE_SOURCE: 12,
+    /** E.g. #foo -> $#bar */
+    NODE_TARGET: 13,
+    /** E.g. $#foo <-> #bar */
+    NODE_NEIGHBOR: 14,
+    /** E.g. #foo > #bar */
+    CHILD: 15,
+    /** E.g. #foo #bar */
+    DESCENDANT: 16,
+    /** E.g. $#foo > #bar */
+    PARENT: 17,
+    /** E.g. $#foo #bar */
+    ANCESTOR: 18,
+    /** E.g. #foo > $bar > #baz */
+    COMPOUND_SPLIT: 19,
+    /** Always matches, useful placeholder for subject in `COMPOUND_SPLIT` */
+    TRUE: 20
+  };
+  var stateSelectors = [{
+    selector: ":selected",
+    matches: function matches2(ele) {
+      return ele.selected();
+    }
+  }, {
+    selector: ":unselected",
+    matches: function matches2(ele) {
+      return !ele.selected();
+    }
+  }, {
+    selector: ":selectable",
+    matches: function matches2(ele) {
+      return ele.selectable();
+    }
+  }, {
+    selector: ":unselectable",
+    matches: function matches2(ele) {
+      return !ele.selectable();
+    }
+  }, {
+    selector: ":locked",
+    matches: function matches2(ele) {
+      return ele.locked();
+    }
+  }, {
+    selector: ":unlocked",
+    matches: function matches2(ele) {
+      return !ele.locked();
+    }
+  }, {
+    selector: ":visible",
+    matches: function matches2(ele) {
+      return ele.visible();
+    }
+  }, {
+    selector: ":hidden",
+    matches: function matches2(ele) {
+      return !ele.visible();
+    }
+  }, {
+    selector: ":transparent",
+    matches: function matches2(ele) {
+      return ele.transparent();
+    }
+  }, {
+    selector: ":grabbed",
+    matches: function matches2(ele) {
+      return ele.grabbed();
+    }
+  }, {
+    selector: ":free",
+    matches: function matches2(ele) {
+      return !ele.grabbed();
+    }
+  }, {
+    selector: ":removed",
+    matches: function matches2(ele) {
+      return ele.removed();
+    }
+  }, {
+    selector: ":inside",
+    matches: function matches2(ele) {
+      return !ele.removed();
+    }
+  }, {
+    selector: ":grabbable",
+    matches: function matches2(ele) {
+      return ele.grabbable();
+    }
+  }, {
+    selector: ":ungrabbable",
+    matches: function matches2(ele) {
+      return !ele.grabbable();
+    }
+  }, {
+    selector: ":animated",
+    matches: function matches2(ele) {
+      return ele.animated();
+    }
+  }, {
+    selector: ":unanimated",
+    matches: function matches2(ele) {
+      return !ele.animated();
+    }
+  }, {
+    selector: ":parent",
+    matches: function matches2(ele) {
+      return ele.isParent();
+    }
+  }, {
+    selector: ":childless",
+    matches: function matches2(ele) {
+      return ele.isChildless();
+    }
+  }, {
+    selector: ":child",
+    matches: function matches2(ele) {
+      return ele.isChild();
+    }
+  }, {
+    selector: ":orphan",
+    matches: function matches2(ele) {
+      return ele.isOrphan();
+    }
+  }, {
+    selector: ":nonorphan",
+    matches: function matches2(ele) {
+      return ele.isChild();
+    }
+  }, {
+    selector: ":compound",
+    matches: function matches2(ele) {
+      if (ele.isNode()) {
+        return ele.isParent();
+      } else {
+        return ele.source().isParent() || ele.target().isParent();
+      }
+    }
+  }, {
+    selector: ":loop",
+    matches: function matches2(ele) {
+      return ele.isLoop();
+    }
+  }, {
+    selector: ":simple",
+    matches: function matches2(ele) {
+      return ele.isSimple();
+    }
+  }, {
+    selector: ":active",
+    matches: function matches2(ele) {
+      return ele.active();
+    }
+  }, {
+    selector: ":inactive",
+    matches: function matches2(ele) {
+      return !ele.active();
+    }
+  }, {
+    selector: ":backgrounding",
+    matches: function matches2(ele) {
+      return ele.backgrounding();
+    }
+  }, {
+    selector: ":nonbackgrounding",
+    matches: function matches2(ele) {
+      return !ele.backgrounding();
+    }
+  }].sort(function(a2, b) {
+    return descending(a2.selector, b.selector);
+  });
+  var lookup = (function() {
+    var selToFn = {};
+    var s;
+    for (var i2 = 0; i2 < stateSelectors.length; i2++) {
+      s = stateSelectors[i2];
+      selToFn[s.selector] = s.matches;
+    }
+    return selToFn;
+  })();
+  var stateSelectorMatches = function stateSelectorMatches2(sel, ele) {
+    return lookup[sel](ele);
+  };
+  var stateSelectorRegex = "(" + stateSelectors.map(function(s) {
+    return s.selector;
+  }).join("|") + ")";
+  var cleanMetaChars = function cleanMetaChars2(str2) {
+    return str2.replace(new RegExp("\\\\(" + tokens.metaChar + ")", "g"), function(match2, $1) {
+      return $1;
+    });
+  };
+  var replaceLastQuery = function replaceLastQuery2(selector2, examiningQuery, replacementQuery) {
+    selector2[selector2.length - 1] = replacementQuery;
+  };
+  var exprs = [{
+    name: "group",
+    // just used for identifying when debugging
+    query: true,
+    regex: "(" + tokens.group + ")",
+    populate: function populate(selector2, query, _ref) {
+      var _ref2 = _slicedToArray(_ref, 1), group = _ref2[0];
+      query.checks.push({
+        type: Type.GROUP,
+        value: group === "*" ? group : group + "s"
+      });
+    }
+  }, {
+    name: "state",
+    query: true,
+    regex: stateSelectorRegex,
+    populate: function populate(selector2, query, _ref3) {
+      var _ref4 = _slicedToArray(_ref3, 1), state = _ref4[0];
+      query.checks.push({
+        type: Type.STATE,
+        value: state
+      });
+    }
+  }, {
+    name: "id",
+    query: true,
+    regex: "\\#(" + tokens.id + ")",
+    populate: function populate(selector2, query, _ref5) {
+      var _ref6 = _slicedToArray(_ref5, 1), id2 = _ref6[0];
+      query.checks.push({
+        type: Type.ID,
+        value: cleanMetaChars(id2)
+      });
+    }
+  }, {
+    name: "className",
+    query: true,
+    regex: "\\.(" + tokens.className + ")",
+    populate: function populate(selector2, query, _ref7) {
+      var _ref8 = _slicedToArray(_ref7, 1), className = _ref8[0];
+      query.checks.push({
+        type: Type.CLASS,
+        value: cleanMetaChars(className)
+      });
+    }
+  }, {
+    name: "dataExists",
+    query: true,
+    regex: "\\[\\s*(" + tokens.variable + ")\\s*\\]",
+    populate: function populate(selector2, query, _ref9) {
+      var _ref10 = _slicedToArray(_ref9, 1), variable = _ref10[0];
+      query.checks.push({
+        type: Type.DATA_EXIST,
+        field: cleanMetaChars(variable)
+      });
+    }
+  }, {
+    name: "dataCompare",
+    query: true,
+    regex: "\\[\\s*(" + tokens.variable + ")\\s*(" + tokens.comparatorOp + ")\\s*(" + tokens.value + ")\\s*\\]",
+    populate: function populate(selector2, query, _ref11) {
+      var _ref12 = _slicedToArray(_ref11, 3), variable = _ref12[0], comparatorOp = _ref12[1], value = _ref12[2];
+      var valueIsString = new RegExp("^" + tokens.string + "$").exec(value) != null;
+      if (valueIsString) {
+        value = value.substring(1, value.length - 1);
+      } else {
+        value = parseFloat(value);
+      }
+      query.checks.push({
+        type: Type.DATA_COMPARE,
+        field: cleanMetaChars(variable),
+        operator: comparatorOp,
+        value
+      });
+    }
+  }, {
+    name: "dataBool",
+    query: true,
+    regex: "\\[\\s*(" + tokens.boolOp + ")\\s*(" + tokens.variable + ")\\s*\\]",
+    populate: function populate(selector2, query, _ref13) {
+      var _ref14 = _slicedToArray(_ref13, 2), boolOp = _ref14[0], variable = _ref14[1];
+      query.checks.push({
+        type: Type.DATA_BOOL,
+        field: cleanMetaChars(variable),
+        operator: boolOp
+      });
+    }
+  }, {
+    name: "metaCompare",
+    query: true,
+    regex: "\\[\\[\\s*(" + tokens.meta + ")\\s*(" + tokens.comparatorOp + ")\\s*(" + tokens.number + ")\\s*\\]\\]",
+    populate: function populate(selector2, query, _ref15) {
+      var _ref16 = _slicedToArray(_ref15, 3), meta2 = _ref16[0], comparatorOp = _ref16[1], number2 = _ref16[2];
+      query.checks.push({
+        type: Type.META_COMPARE,
+        field: cleanMetaChars(meta2),
+        operator: comparatorOp,
+        value: parseFloat(number2)
+      });
+    }
+  }, {
+    name: "nextQuery",
+    separator: true,
+    regex: tokens.separator,
+    populate: function populate(selector2, query) {
+      var currentSubject = selector2.currentSubject;
+      var edgeCount = selector2.edgeCount;
+      var compoundCount = selector2.compoundCount;
+      var lastQ = selector2[selector2.length - 1];
+      if (currentSubject != null) {
+        lastQ.subject = currentSubject;
+        selector2.currentSubject = null;
+      }
+      lastQ.edgeCount = edgeCount;
+      lastQ.compoundCount = compoundCount;
+      selector2.edgeCount = 0;
+      selector2.compoundCount = 0;
+      var nextQuery = selector2[selector2.length++] = newQuery();
+      return nextQuery;
+    }
+  }, {
+    name: "directedEdge",
+    separator: true,
+    regex: tokens.directedEdge,
+    populate: function populate(selector2, query) {
+      if (selector2.currentSubject == null) {
+        var edgeQuery = newQuery();
+        var source = query;
+        var target = newQuery();
+        edgeQuery.checks.push({
+          type: Type.DIRECTED_EDGE,
+          source,
+          target
+        });
+        replaceLastQuery(selector2, query, edgeQuery);
+        selector2.edgeCount++;
+        return target;
+      } else {
+        var srcTgtQ = newQuery();
+        var _source = query;
+        var _target = newQuery();
+        srcTgtQ.checks.push({
+          type: Type.NODE_SOURCE,
+          source: _source,
+          target: _target
+        });
+        replaceLastQuery(selector2, query, srcTgtQ);
+        selector2.edgeCount++;
+        return _target;
+      }
+    }
+  }, {
+    name: "undirectedEdge",
+    separator: true,
+    regex: tokens.undirectedEdge,
+    populate: function populate(selector2, query) {
+      if (selector2.currentSubject == null) {
+        var edgeQuery = newQuery();
+        var source = query;
+        var target = newQuery();
+        edgeQuery.checks.push({
+          type: Type.UNDIRECTED_EDGE,
+          nodes: [source, target]
+        });
+        replaceLastQuery(selector2, query, edgeQuery);
+        selector2.edgeCount++;
+        return target;
+      } else {
+        var nhoodQ = newQuery();
+        var node = query;
+        var neighbor = newQuery();
+        nhoodQ.checks.push({
+          type: Type.NODE_NEIGHBOR,
+          node,
+          neighbor
+        });
+        replaceLastQuery(selector2, query, nhoodQ);
+        return neighbor;
+      }
+    }
+  }, {
+    name: "child",
+    separator: true,
+    regex: tokens.child,
+    populate: function populate(selector2, query) {
+      if (selector2.currentSubject == null) {
+        var parentChildQuery = newQuery();
+        var child = newQuery();
+        var parent = selector2[selector2.length - 1];
+        parentChildQuery.checks.push({
+          type: Type.CHILD,
+          parent,
+          child
+        });
+        replaceLastQuery(selector2, query, parentChildQuery);
+        selector2.compoundCount++;
+        return child;
+      } else if (selector2.currentSubject === query) {
+        var compound = newQuery();
+        var left = selector2[selector2.length - 1];
+        var right = newQuery();
+        var subject = newQuery();
+        var _child = newQuery();
+        var _parent = newQuery();
+        compound.checks.push({
+          type: Type.COMPOUND_SPLIT,
+          left,
+          right,
+          subject
+        });
+        subject.checks = query.checks;
+        query.checks = [{
+          type: Type.TRUE
+        }];
+        _parent.checks.push({
+          type: Type.TRUE
+        });
+        right.checks.push({
+          type: Type.PARENT,
+          // type is swapped on right side queries
+          parent: _parent,
+          child: _child
+          // empty for now
+        });
+        replaceLastQuery(selector2, left, compound);
+        selector2.currentSubject = subject;
+        selector2.compoundCount++;
+        return _child;
+      } else {
+        var _parent2 = newQuery();
+        var _child2 = newQuery();
+        var pcQChecks = [{
+          type: Type.PARENT,
+          parent: _parent2,
+          child: _child2
+        }];
+        _parent2.checks = query.checks;
+        query.checks = pcQChecks;
+        selector2.compoundCount++;
+        return _child2;
+      }
+    }
+  }, {
+    name: "descendant",
+    separator: true,
+    regex: tokens.descendant,
+    populate: function populate(selector2, query) {
+      if (selector2.currentSubject == null) {
+        var ancChQuery = newQuery();
+        var descendant = newQuery();
+        var ancestor = selector2[selector2.length - 1];
+        ancChQuery.checks.push({
+          type: Type.DESCENDANT,
+          ancestor,
+          descendant
+        });
+        replaceLastQuery(selector2, query, ancChQuery);
+        selector2.compoundCount++;
+        return descendant;
+      } else if (selector2.currentSubject === query) {
+        var compound = newQuery();
+        var left = selector2[selector2.length - 1];
+        var right = newQuery();
+        var subject = newQuery();
+        var _descendant = newQuery();
+        var _ancestor = newQuery();
+        compound.checks.push({
+          type: Type.COMPOUND_SPLIT,
+          left,
+          right,
+          subject
+        });
+        subject.checks = query.checks;
+        query.checks = [{
+          type: Type.TRUE
+        }];
+        _ancestor.checks.push({
+          type: Type.TRUE
+        });
+        right.checks.push({
+          type: Type.ANCESTOR,
+          // type is swapped on right side queries
+          ancestor: _ancestor,
+          descendant: _descendant
+          // empty for now
+        });
+        replaceLastQuery(selector2, left, compound);
+        selector2.currentSubject = subject;
+        selector2.compoundCount++;
+        return _descendant;
+      } else {
+        var _ancestor2 = newQuery();
+        var _descendant2 = newQuery();
+        var adQChecks = [{
+          type: Type.ANCESTOR,
+          ancestor: _ancestor2,
+          descendant: _descendant2
+        }];
+        _ancestor2.checks = query.checks;
+        query.checks = adQChecks;
+        selector2.compoundCount++;
+        return _descendant2;
+      }
+    }
+  }, {
+    name: "subject",
+    modifier: true,
+    regex: tokens.subject,
+    populate: function populate(selector2, query) {
+      if (selector2.currentSubject != null && selector2.currentSubject !== query) {
+        warn("Redefinition of subject in selector `" + selector2.toString() + "`");
+        return false;
+      }
+      selector2.currentSubject = query;
+      var topQ = selector2[selector2.length - 1];
+      var topChk = topQ.checks[0];
+      var topType = topChk == null ? null : topChk.type;
+      if (topType === Type.DIRECTED_EDGE) {
+        topChk.type = Type.NODE_TARGET;
+      } else if (topType === Type.UNDIRECTED_EDGE) {
+        topChk.type = Type.NODE_NEIGHBOR;
+        topChk.node = topChk.nodes[1];
+        topChk.neighbor = topChk.nodes[0];
+        topChk.nodes = null;
+      }
+    }
+  }];
+  exprs.forEach(function(e) {
+    return e.regexObj = new RegExp("^" + e.regex);
+  });
+  var consumeExpr = function consumeExpr2(remaining) {
+    var expr;
+    var match2;
+    var name2;
+    for (var j = 0; j < exprs.length; j++) {
+      var e = exprs[j];
+      var n = e.name;
+      var m2 = remaining.match(e.regexObj);
+      if (m2 != null) {
+        match2 = m2;
+        expr = e;
+        name2 = n;
+        var consumed = m2[0];
+        remaining = remaining.substring(consumed.length);
+        break;
+      }
+    }
+    return {
+      expr,
+      match: match2,
+      name: name2,
+      remaining
+    };
+  };
+  var consumeWhitespace = function consumeWhitespace2(remaining) {
+    var match2 = remaining.match(/^\s+/);
+    if (match2) {
+      var consumed = match2[0];
+      remaining = remaining.substring(consumed.length);
+    }
+    return remaining;
+  };
+  var parse = function parse2(selector2) {
+    var self2 = this;
+    var remaining = self2.inputText = selector2;
+    var currentQuery = self2[0] = newQuery();
+    self2.length = 1;
+    remaining = consumeWhitespace(remaining);
+    for (; ; ) {
+      var exprInfo = consumeExpr(remaining);
+      if (exprInfo.expr == null) {
+        warn("The selector `" + selector2 + "`is invalid");
+        return false;
+      } else {
+        var args = exprInfo.match.slice(1);
+        var ret = exprInfo.expr.populate(self2, currentQuery, args);
+        if (ret === false) {
+          return false;
+        } else if (ret != null) {
+          currentQuery = ret;
+        }
+      }
+      remaining = exprInfo.remaining;
+      if (remaining.match(/^\s*$/)) {
+        break;
+      }
+    }
+    var lastQ = self2[self2.length - 1];
+    if (self2.currentSubject != null) {
+      lastQ.subject = self2.currentSubject;
+    }
+    lastQ.edgeCount = self2.edgeCount;
+    lastQ.compoundCount = self2.compoundCount;
+    for (var i2 = 0; i2 < self2.length; i2++) {
+      var q = self2[i2];
+      if (q.compoundCount > 0 && q.edgeCount > 0) {
+        warn("The selector `" + selector2 + "` is invalid because it uses both a compound selector and an edge selector");
+        return false;
+      }
+      if (q.edgeCount > 1) {
+        warn("The selector `" + selector2 + "` is invalid because it uses multiple edge selectors");
+        return false;
+      } else if (q.edgeCount === 1) {
+        warn("The selector `" + selector2 + "` is deprecated.  Edge selectors do not take effect on changes to source and target nodes after an edge is added, for performance reasons.  Use a class or data selector on edges instead, updating the class or data of an edge when your app detects a change in source or target nodes.");
+      }
+    }
+    return true;
+  };
+  var toString = function toString2() {
+    if (this.toStringCache != null) {
+      return this.toStringCache;
+    }
+    var clean = function clean2(obj) {
+      if (obj == null) {
+        return "";
+      } else {
+        return obj;
+      }
+    };
+    var cleanVal = function cleanVal2(val) {
+      if (string(val)) {
+        return '"' + val + '"';
+      } else {
+        return clean(val);
+      }
+    };
+    var space = function space2(val) {
+      return " " + val + " ";
+    };
+    var checkToString = function checkToString2(check, subject) {
+      var type2 = check.type, value = check.value;
+      switch (type2) {
+        case Type.GROUP: {
+          var group = clean(value);
+          return group.substring(0, group.length - 1);
+        }
+        case Type.DATA_COMPARE: {
+          var field = check.field, operator2 = check.operator;
+          return "[" + field + space(clean(operator2)) + cleanVal(value) + "]";
+        }
+        case Type.DATA_BOOL: {
+          var _operator = check.operator, _field = check.field;
+          return "[" + clean(_operator) + _field + "]";
+        }
+        case Type.DATA_EXIST: {
+          var _field2 = check.field;
+          return "[" + _field2 + "]";
+        }
+        case Type.META_COMPARE: {
+          var _operator2 = check.operator, _field3 = check.field;
+          return "[[" + _field3 + space(clean(_operator2)) + cleanVal(value) + "]]";
+        }
+        case Type.STATE: {
+          return value;
+        }
+        case Type.ID: {
+          return "#" + value;
+        }
+        case Type.CLASS: {
+          return "." + value;
+        }
+        case Type.PARENT:
+        case Type.CHILD: {
+          return queryToString(check.parent, subject) + space(">") + queryToString(check.child, subject);
+        }
+        case Type.ANCESTOR:
+        case Type.DESCENDANT: {
+          return queryToString(check.ancestor, subject) + " " + queryToString(check.descendant, subject);
+        }
+        case Type.COMPOUND_SPLIT: {
+          var lhs = queryToString(check.left, subject);
+          var sub = queryToString(check.subject, subject);
+          var rhs = queryToString(check.right, subject);
+          return lhs + (lhs.length > 0 ? " " : "") + sub + rhs;
+        }
+        case Type.TRUE: {
+          return "";
+        }
+      }
+    };
+    var queryToString = function queryToString2(query2, subject) {
+      return query2.checks.reduce(function(str3, chk, i3) {
+        return str3 + (subject === query2 && i3 === 0 ? "$" : "") + checkToString(chk, subject);
+      }, "");
+    };
+    var str2 = "";
+    for (var i2 = 0; i2 < this.length; i2++) {
+      var query = this[i2];
+      str2 += queryToString(query, query.subject);
+      if (this.length > 1 && i2 < this.length - 1) {
+        str2 += ", ";
+      }
+    }
+    this.toStringCache = str2;
+    return str2;
+  };
+  var parse$1 = {
+    parse,
+    toString
+  };
+  var valCmp = function valCmp2(fieldVal, operator2, value) {
+    var matches2;
+    var isFieldStr = string(fieldVal);
+    var isFieldNum = number$1(fieldVal);
+    var isValStr = string(value);
+    var fieldStr, valStr;
+    var caseInsensitive = false;
+    var notExpr = false;
+    var isIneqCmp = false;
+    if (operator2.indexOf("!") >= 0) {
+      operator2 = operator2.replace("!", "");
+      notExpr = true;
+    }
+    if (operator2.indexOf("@") >= 0) {
+      operator2 = operator2.replace("@", "");
+      caseInsensitive = true;
+    }
+    if (isFieldStr || isValStr || caseInsensitive) {
+      fieldStr = !isFieldStr && !isFieldNum ? "" : "" + fieldVal;
+      valStr = "" + value;
+    }
+    if (caseInsensitive) {
+      fieldVal = fieldStr = fieldStr.toLowerCase();
+      value = valStr = valStr.toLowerCase();
+    }
+    switch (operator2) {
+      case "*=":
+        matches2 = fieldStr.indexOf(valStr) >= 0;
+        break;
+      case "$=":
+        matches2 = fieldStr.indexOf(valStr, fieldStr.length - valStr.length) >= 0;
+        break;
+      case "^=":
+        matches2 = fieldStr.indexOf(valStr) === 0;
+        break;
+      case "=":
+        matches2 = fieldVal === value;
+        break;
+      case ">":
+        isIneqCmp = true;
+        matches2 = fieldVal > value;
+        break;
+      case ">=":
+        isIneqCmp = true;
+        matches2 = fieldVal >= value;
+        break;
+      case "<":
+        isIneqCmp = true;
+        matches2 = fieldVal < value;
+        break;
+      case "<=":
+        isIneqCmp = true;
+        matches2 = fieldVal <= value;
+        break;
+      default:
+        matches2 = false;
+        break;
+    }
+    if (notExpr && (fieldVal != null || !isIneqCmp)) {
+      matches2 = !matches2;
+    }
+    return matches2;
+  };
+  var boolCmp = function boolCmp2(fieldVal, operator2) {
+    switch (operator2) {
+      case "?":
+        return fieldVal ? true : false;
+      case "!":
+        return fieldVal ? false : true;
+      case "^":
+        return fieldVal === void 0;
+    }
+  };
+  var existCmp = function existCmp2(fieldVal) {
+    return fieldVal !== void 0;
+  };
+  var data$1 = function data2(ele, field) {
+    return ele.data(field);
+  };
+  var meta = function meta2(ele, field) {
+    return ele[field]();
+  };
+  var match = [];
+  var matches$1 = function matches2(query, ele) {
+    return query.checks.every(function(chk) {
+      return match[chk.type](chk, ele);
+    });
+  };
+  match[Type.GROUP] = function(check, ele) {
+    var group = check.value;
+    return group === "*" || group === ele.group();
+  };
+  match[Type.STATE] = function(check, ele) {
+    var stateSelector = check.value;
+    return stateSelectorMatches(stateSelector, ele);
+  };
+  match[Type.ID] = function(check, ele) {
+    var id2 = check.value;
+    return ele.id() === id2;
+  };
+  match[Type.CLASS] = function(check, ele) {
+    var cls = check.value;
+    return ele.hasClass(cls);
+  };
+  match[Type.META_COMPARE] = function(check, ele) {
+    var field = check.field, operator2 = check.operator, value = check.value;
+    return valCmp(meta(ele, field), operator2, value);
+  };
+  match[Type.DATA_COMPARE] = function(check, ele) {
+    var field = check.field, operator2 = check.operator, value = check.value;
+    return valCmp(data$1(ele, field), operator2, value);
+  };
+  match[Type.DATA_BOOL] = function(check, ele) {
+    var field = check.field, operator2 = check.operator;
+    return boolCmp(data$1(ele, field), operator2);
+  };
+  match[Type.DATA_EXIST] = function(check, ele) {
+    var field = check.field;
+    check.operator;
+    return existCmp(data$1(ele, field));
+  };
+  match[Type.UNDIRECTED_EDGE] = function(check, ele) {
+    var qA = check.nodes[0];
+    var qB = check.nodes[1];
+    var src = ele.source();
+    var tgt = ele.target();
+    return matches$1(qA, src) && matches$1(qB, tgt) || matches$1(qB, src) && matches$1(qA, tgt);
+  };
+  match[Type.NODE_NEIGHBOR] = function(check, ele) {
+    return matches$1(check.node, ele) && ele.neighborhood().some(function(n) {
+      return n.isNode() && matches$1(check.neighbor, n);
+    });
+  };
+  match[Type.DIRECTED_EDGE] = function(check, ele) {
+    return matches$1(check.source, ele.source()) && matches$1(check.target, ele.target());
+  };
+  match[Type.NODE_SOURCE] = function(check, ele) {
+    return matches$1(check.source, ele) && ele.outgoers().some(function(n) {
+      return n.isNode() && matches$1(check.target, n);
+    });
+  };
+  match[Type.NODE_TARGET] = function(check, ele) {
+    return matches$1(check.target, ele) && ele.incomers().some(function(n) {
+      return n.isNode() && matches$1(check.source, n);
+    });
+  };
+  match[Type.CHILD] = function(check, ele) {
+    return matches$1(check.child, ele) && matches$1(check.parent, ele.parent());
+  };
+  match[Type.PARENT] = function(check, ele) {
+    return matches$1(check.parent, ele) && ele.children().some(function(c2) {
+      return matches$1(check.child, c2);
+    });
+  };
+  match[Type.DESCENDANT] = function(check, ele) {
+    return matches$1(check.descendant, ele) && ele.ancestors().some(function(a2) {
+      return matches$1(check.ancestor, a2);
+    });
+  };
+  match[Type.ANCESTOR] = function(check, ele) {
+    return matches$1(check.ancestor, ele) && ele.descendants().some(function(d) {
+      return matches$1(check.descendant, d);
+    });
+  };
+  match[Type.COMPOUND_SPLIT] = function(check, ele) {
+    return matches$1(check.subject, ele) && matches$1(check.left, ele) && matches$1(check.right, ele);
+  };
+  match[Type.TRUE] = function() {
+    return true;
+  };
+  match[Type.COLLECTION] = function(check, ele) {
+    var collection2 = check.value;
+    return collection2.has(ele);
+  };
+  match[Type.FILTER] = function(check, ele) {
+    var filter2 = check.value;
+    return filter2(ele);
+  };
+  var filter = function filter2(collection2) {
+    var self2 = this;
+    if (self2.length === 1 && self2[0].checks.length === 1 && self2[0].checks[0].type === Type.ID) {
+      return collection2.getElementById(self2[0].checks[0].value).collection();
+    }
+    var selectorFunction = function selectorFunction2(element2) {
+      for (var j = 0; j < self2.length; j++) {
+        var query = self2[j];
+        if (matches$1(query, element2)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    if (self2.text() == null) {
+      selectorFunction = function selectorFunction2() {
+        return true;
+      };
+    }
+    return collection2.filter(selectorFunction);
+  };
+  var matches = function matches2(ele) {
+    var self2 = this;
+    for (var j = 0; j < self2.length; j++) {
+      var query = self2[j];
+      if (matches$1(query, ele)) {
+        return true;
+      }
+    }
+    return false;
+  };
+  var matching = {
+    matches,
+    filter
+  };
+  var Selector = function Selector2(selector2) {
+    this.inputText = selector2;
+    this.currentSubject = null;
+    this.compoundCount = 0;
+    this.edgeCount = 0;
+    this.length = 0;
+    if (selector2 == null || string(selector2) && selector2.match(/^\s*$/)) ;
+    else if (elementOrCollection(selector2)) {
+      this.addQuery({
+        checks: [{
+          type: Type.COLLECTION,
+          value: selector2.collection()
+        }]
+      });
+    } else if (fn$6(selector2)) {
+      this.addQuery({
+        checks: [{
+          type: Type.FILTER,
+          value: selector2
+        }]
+      });
+    } else if (string(selector2)) {
+      if (!this.parse(selector2)) {
+        this.invalid = true;
+      }
+    } else {
+      error("A selector must be created from a string; found ");
+    }
+  };
+  var selfn = Selector.prototype;
+  [parse$1, matching].forEach(function(p2) {
+    return extend(selfn, p2);
+  });
+  selfn.text = function() {
+    return this.inputText;
+  };
+  selfn.size = function() {
+    return this.length;
+  };
+  selfn.eq = function(i2) {
+    return this[i2];
+  };
+  selfn.sameText = function(otherSel) {
+    return !this.invalid && !otherSel.invalid && this.text() === otherSel.text();
+  };
+  selfn.addQuery = function(q) {
+    this[this.length++] = q;
+  };
+  selfn.selector = selfn.toString;
+  var elesfn$g = {
+    allAre: function allAre(selector2) {
+      var selObj = new Selector(selector2);
+      return this.every(function(ele) {
+        return selObj.matches(ele);
+      });
+    },
+    is: function is(selector2) {
+      var selObj = new Selector(selector2);
+      return this.some(function(ele) {
+        return selObj.matches(ele);
+      });
+    },
+    some: function some(fn2, thisArg) {
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ret = !thisArg ? fn2(this[i2], i2, this) : fn2.apply(thisArg, [this[i2], i2, this]);
+        if (ret) {
+          return true;
+        }
+      }
+      return false;
+    },
+    every: function every(fn2, thisArg) {
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ret = !thisArg ? fn2(this[i2], i2, this) : fn2.apply(thisArg, [this[i2], i2, this]);
+        if (!ret) {
+          return false;
+        }
+      }
+      return true;
+    },
+    same: function same(collection2) {
+      if (this === collection2) {
+        return true;
+      }
+      collection2 = this.cy().collection(collection2);
+      var thisLength = this.length;
+      var collectionLength = collection2.length;
+      if (thisLength !== collectionLength) {
+        return false;
+      }
+      if (thisLength === 1) {
+        return this[0] === collection2[0];
+      }
+      return this.every(function(ele) {
+        return collection2.hasElementWithId(ele.id());
+      });
+    },
+    anySame: function anySame(collection2) {
+      collection2 = this.cy().collection(collection2);
+      return this.some(function(ele) {
+        return collection2.hasElementWithId(ele.id());
+      });
+    },
+    allAreNeighbors: function allAreNeighbors(collection2) {
+      collection2 = this.cy().collection(collection2);
+      var nhood = this.neighborhood();
+      return collection2.every(function(ele) {
+        return nhood.hasElementWithId(ele.id());
+      });
+    },
+    contains: function contains2(collection2) {
+      collection2 = this.cy().collection(collection2);
+      var self2 = this;
+      return collection2.every(function(ele) {
+        return self2.hasElementWithId(ele.id());
+      });
+    }
+  };
+  elesfn$g.allAreNeighbours = elesfn$g.allAreNeighbors;
+  elesfn$g.has = elesfn$g.contains;
+  elesfn$g.equal = elesfn$g.equals = elesfn$g.same;
+  var cache = function cache2(fn2, name2) {
+    return function traversalCache(arg1, arg2, arg3, arg4) {
+      var selectorOrEles = arg1;
+      var eles = this;
+      var key;
+      if (selectorOrEles == null) {
+        key = "";
+      } else if (elementOrCollection(selectorOrEles) && selectorOrEles.length === 1) {
+        key = selectorOrEles.id();
+      }
+      if (eles.length === 1 && key) {
+        var _p = eles[0]._private;
+        var tch = _p.traversalCache = _p.traversalCache || {};
+        var ch = tch[name2] = tch[name2] || [];
+        var hash = hashString(key);
+        var cacheHit = ch[hash];
+        if (cacheHit) {
+          return cacheHit;
+        } else {
+          return ch[hash] = fn2.call(eles, arg1, arg2, arg3, arg4);
+        }
+      } else {
+        return fn2.call(eles, arg1, arg2, arg3, arg4);
+      }
+    };
+  };
+  var elesfn$f = {
+    parent: function parent(selector2) {
+      var parents = [];
+      if (this.length === 1) {
+        var parent2 = this[0]._private.parent;
+        if (parent2) {
+          return parent2;
+        }
+      }
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        var _parent = ele._private.parent;
+        if (_parent) {
+          parents.push(_parent);
+        }
+      }
+      return this.spawn(parents, true).filter(selector2);
+    },
+    parents: function parents(selector2) {
+      var parents2 = [];
+      var eles = this.parent();
+      while (eles.nonempty()) {
+        for (var i2 = 0; i2 < eles.length; i2++) {
+          var ele = eles[i2];
+          parents2.push(ele);
+        }
+        eles = eles.parent();
+      }
+      return this.spawn(parents2, true).filter(selector2);
+    },
+    commonAncestors: function commonAncestors(selector2) {
+      var ancestors;
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        var parents = ele.parents();
+        ancestors = ancestors || parents;
+        ancestors = ancestors.intersect(parents);
+      }
+      return ancestors.filter(selector2);
+    },
+    orphans: function orphans(selector2) {
+      return this.stdFilter(function(ele) {
+        return ele.isOrphan();
+      }).filter(selector2);
+    },
+    nonorphans: function nonorphans(selector2) {
+      return this.stdFilter(function(ele) {
+        return ele.isChild();
+      }).filter(selector2);
+    },
+    children: cache(function(selector2) {
+      var children2 = [];
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        var eleChildren = ele._private.children;
+        for (var j = 0; j < eleChildren.length; j++) {
+          children2.push(eleChildren[j]);
+        }
+      }
+      return this.spawn(children2, true).filter(selector2);
+    }, "children"),
+    siblings: function siblings(selector2) {
+      return this.parent().children().not(this).filter(selector2);
+    },
+    isParent: function isParent2() {
+      var ele = this[0];
+      if (ele) {
+        return ele.isNode() && ele._private.children.length !== 0;
+      }
+    },
+    isChildless: function isChildless() {
+      var ele = this[0];
+      if (ele) {
+        return ele.isNode() && ele._private.children.length === 0;
+      }
+    },
+    isChild: function isChild() {
+      var ele = this[0];
+      if (ele) {
+        return ele.isNode() && ele._private.parent != null;
+      }
+    },
+    isOrphan: function isOrphan() {
+      var ele = this[0];
+      if (ele) {
+        return ele.isNode() && ele._private.parent == null;
+      }
+    },
+    descendants: function descendants(selector2) {
+      var elements = [];
+      function add2(eles) {
+        for (var i2 = 0; i2 < eles.length; i2++) {
+          var ele = eles[i2];
+          elements.push(ele);
+          if (ele.children().nonempty()) {
+            add2(ele.children());
+          }
+        }
+      }
+      add2(this.children());
+      return this.spawn(elements, true).filter(selector2);
+    }
+  };
+  function forEachCompound(eles, fn2, includeSelf, recursiveStep) {
+    var q = [];
+    var did = new Set$1();
+    var cy = eles.cy();
+    var hasCompounds = cy.hasCompoundNodes();
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      if (includeSelf) {
+        q.push(ele);
+      } else if (hasCompounds) {
+        recursiveStep(q, did, ele);
+      }
+    }
+    while (q.length > 0) {
+      var _ele = q.shift();
+      fn2(_ele);
+      did.add(_ele.id());
+      if (hasCompounds) {
+        recursiveStep(q, did, _ele);
+      }
+    }
+    return eles;
+  }
+  function addChildren(q, did, ele) {
+    if (ele.isParent()) {
+      var children2 = ele._private.children;
+      for (var i2 = 0; i2 < children2.length; i2++) {
+        var child = children2[i2];
+        if (!did.has(child.id())) {
+          q.push(child);
+        }
+      }
+    }
+  }
+  elesfn$f.forEachDown = function(fn2) {
+    var includeSelf = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+    return forEachCompound(this, fn2, includeSelf, addChildren);
+  };
+  function addParent(q, did, ele) {
+    if (ele.isChild()) {
+      var parent = ele._private.parent;
+      if (!did.has(parent.id())) {
+        q.push(parent);
+      }
+    }
+  }
+  elesfn$f.forEachUp = function(fn2) {
+    var includeSelf = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+    return forEachCompound(this, fn2, includeSelf, addParent);
+  };
+  function addParentAndChildren(q, did, ele) {
+    addParent(q, did, ele);
+    addChildren(q, did, ele);
+  }
+  elesfn$f.forEachUpAndDown = function(fn2) {
+    var includeSelf = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+    return forEachCompound(this, fn2, includeSelf, addParentAndChildren);
+  };
+  elesfn$f.ancestors = elesfn$f.parents;
+  var fn$5, elesfn$e;
+  fn$5 = elesfn$e = {
+    data: define.data({
+      field: "data",
+      bindingEvent: "data",
+      allowBinding: true,
+      allowSetting: true,
+      settingEvent: "data",
+      settingTriggersEvent: true,
+      triggerFnName: "trigger",
+      allowGetting: true,
+      immutableKeys: {
+        "id": true,
+        "source": true,
+        "target": true,
+        "parent": true
+      },
+      updateStyle: true
+    }),
+    removeData: define.removeData({
+      field: "data",
+      event: "data",
+      triggerFnName: "trigger",
+      triggerEvent: true,
+      immutableKeys: {
+        "id": true,
+        "source": true,
+        "target": true,
+        "parent": true
+      },
+      updateStyle: true
+    }),
+    scratch: define.data({
+      field: "scratch",
+      bindingEvent: "scratch",
+      allowBinding: true,
+      allowSetting: true,
+      settingEvent: "scratch",
+      settingTriggersEvent: true,
+      triggerFnName: "trigger",
+      allowGetting: true,
+      updateStyle: true
+    }),
+    removeScratch: define.removeData({
+      field: "scratch",
+      event: "scratch",
+      triggerFnName: "trigger",
+      triggerEvent: true,
+      updateStyle: true
+    }),
+    rscratch: define.data({
+      field: "rscratch",
+      allowBinding: false,
+      allowSetting: true,
+      settingTriggersEvent: false,
+      allowGetting: true
+    }),
+    removeRscratch: define.removeData({
+      field: "rscratch",
+      triggerEvent: false
+    }),
+    id: function id2() {
+      var ele = this[0];
+      if (ele) {
+        return ele._private.data.id;
+      }
+    }
+  };
+  fn$5.attr = fn$5.data;
+  fn$5.removeAttr = fn$5.removeData;
+  var data = elesfn$e;
+  var elesfn$d = {};
+  function defineDegreeFunction(callback) {
+    return function(includeLoops) {
+      var self2 = this;
+      if (includeLoops === void 0) {
+        includeLoops = true;
+      }
+      if (self2.length === 0) {
+        return;
+      }
+      if (self2.isNode() && !self2.removed()) {
+        var degree = 0;
+        var node = self2[0];
+        var connectedEdges = node._private.edges;
+        for (var i2 = 0; i2 < connectedEdges.length; i2++) {
+          var edge = connectedEdges[i2];
+          if (!includeLoops && edge.isLoop()) {
+            continue;
+          }
+          degree += callback(node, edge);
+        }
+        return degree;
+      } else {
+        return;
+      }
+    };
+  }
+  extend(elesfn$d, {
+    degree: defineDegreeFunction(function(node, edge) {
+      if (edge.source().same(edge.target())) {
+        return 2;
+      } else {
+        return 1;
+      }
+    }),
+    indegree: defineDegreeFunction(function(node, edge) {
+      if (edge.target().same(node)) {
+        return 1;
+      } else {
+        return 0;
+      }
+    }),
+    outdegree: defineDegreeFunction(function(node, edge) {
+      if (edge.source().same(node)) {
+        return 1;
+      } else {
+        return 0;
+      }
+    })
+  });
+  function defineDegreeBoundsFunction(degreeFn, callback) {
+    return function(includeLoops) {
+      var ret;
+      var nodes = this.nodes();
+      for (var i2 = 0; i2 < nodes.length; i2++) {
+        var ele = nodes[i2];
+        var degree = ele[degreeFn](includeLoops);
+        if (degree !== void 0 && (ret === void 0 || callback(degree, ret))) {
+          ret = degree;
+        }
+      }
+      return ret;
+    };
+  }
+  extend(elesfn$d, {
+    minDegree: defineDegreeBoundsFunction("degree", function(degree, min2) {
+      return degree < min2;
+    }),
+    maxDegree: defineDegreeBoundsFunction("degree", function(degree, max2) {
+      return degree > max2;
+    }),
+    minIndegree: defineDegreeBoundsFunction("indegree", function(degree, min2) {
+      return degree < min2;
+    }),
+    maxIndegree: defineDegreeBoundsFunction("indegree", function(degree, max2) {
+      return degree > max2;
+    }),
+    minOutdegree: defineDegreeBoundsFunction("outdegree", function(degree, min2) {
+      return degree < min2;
+    }),
+    maxOutdegree: defineDegreeBoundsFunction("outdegree", function(degree, max2) {
+      return degree > max2;
+    })
+  });
+  extend(elesfn$d, {
+    totalDegree: function totalDegree(includeLoops) {
+      var total = 0;
+      var nodes = this.nodes();
+      for (var i2 = 0; i2 < nodes.length; i2++) {
+        total += nodes[i2].degree(includeLoops);
+      }
+      return total;
+    }
+  });
+  var fn$4, elesfn$c;
+  var beforePositionSet = function beforePositionSet2(eles, newPos, silent) {
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      if (!ele.locked()) {
+        var oldPos = ele._private.position;
+        var delta = {
+          x: newPos.x != null ? newPos.x - oldPos.x : 0,
+          y: newPos.y != null ? newPos.y - oldPos.y : 0
+        };
+        if (ele.isParent() && !(delta.x === 0 && delta.y === 0)) {
+          ele.children().shift(delta, silent);
+        }
+        ele.dirtyBoundingBoxCache();
+      }
+    }
+  };
+  var positionDef = {
+    field: "position",
+    bindingEvent: "position",
+    allowBinding: true,
+    allowSetting: true,
+    settingEvent: "position",
+    settingTriggersEvent: true,
+    triggerFnName: "emitAndNotify",
+    allowGetting: true,
+    validKeys: ["x", "y"],
+    beforeGet: function beforeGet(ele) {
+      ele.updateCompoundBounds();
+    },
+    beforeSet: function beforeSet(eles, newPos) {
+      beforePositionSet(eles, newPos, false);
+    },
+    onSet: function onSet(eles) {
+      eles.dirtyCompoundBoundsCache();
+    },
+    canSet: function canSet(ele) {
+      return !ele.locked();
+    }
+  };
+  fn$4 = elesfn$c = {
+    position: define.data(positionDef),
+    // position but no notification to renderer
+    silentPosition: define.data(extend({}, positionDef, {
+      allowBinding: false,
+      allowSetting: true,
+      settingTriggersEvent: false,
+      allowGetting: false,
+      beforeSet: function beforeSet(eles, newPos) {
+        beforePositionSet(eles, newPos, true);
+      },
+      onSet: function onSet(eles) {
+        eles.dirtyCompoundBoundsCache();
+      }
+    })),
+    positions: function positions(pos, silent) {
+      if (plainObject(pos)) {
+        if (silent) {
+          this.silentPosition(pos);
+        } else {
+          this.position(pos);
+        }
+      } else if (fn$6(pos)) {
+        var _fn = pos;
+        var cy = this.cy();
+        cy.startBatch();
+        for (var i2 = 0; i2 < this.length; i2++) {
+          var ele = this[i2];
+          var _pos = void 0;
+          if (_pos = _fn(ele, i2)) {
+            if (silent) {
+              ele.silentPosition(_pos);
+            } else {
+              ele.position(_pos);
+            }
+          }
+        }
+        cy.endBatch();
+      }
+      return this;
+    },
+    silentPositions: function silentPositions(pos) {
+      return this.positions(pos, true);
+    },
+    shift: function shift2(dim, val, silent) {
+      var delta;
+      if (plainObject(dim)) {
+        delta = {
+          x: number$1(dim.x) ? dim.x : 0,
+          y: number$1(dim.y) ? dim.y : 0
+        };
+        silent = val;
+      } else if (string(dim) && number$1(val)) {
+        delta = {
+          x: 0,
+          y: 0
+        };
+        delta[dim] = val;
+      }
+      if (delta != null) {
+        var cy = this.cy();
+        cy.startBatch();
+        for (var i2 = 0; i2 < this.length; i2++) {
+          var ele = this[i2];
+          if (cy.hasCompoundNodes() && ele.isChild() && ele.ancestors().anySame(this)) {
+            continue;
+          }
+          var pos = ele.position();
+          var newPos = {
+            x: pos.x + delta.x,
+            y: pos.y + delta.y
+          };
+          if (silent) {
+            ele.silentPosition(newPos);
+          } else {
+            ele.position(newPos);
+          }
+        }
+        cy.endBatch();
+      }
+      return this;
+    },
+    silentShift: function silentShift(dim, val) {
+      if (plainObject(dim)) {
+        this.shift(dim, true);
+      } else if (string(dim) && number$1(val)) {
+        this.shift(dim, val, true);
+      }
+      return this;
+    },
+    // get/set the rendered (i.e. on screen) positon of the element
+    renderedPosition: function renderedPosition(dim, val) {
+      var ele = this[0];
+      var cy = this.cy();
+      var zoom2 = cy.zoom();
+      var pan = cy.pan();
+      var rpos = plainObject(dim) ? dim : void 0;
+      var setting = rpos !== void 0 || val !== void 0 && string(dim);
+      if (ele && ele.isNode()) {
+        if (setting) {
+          for (var i2 = 0; i2 < this.length; i2++) {
+            var _ele = this[i2];
+            if (val !== void 0) {
+              _ele.position(dim, (val - pan[dim]) / zoom2);
+            } else if (rpos !== void 0) {
+              _ele.position(renderedToModelPosition(rpos, zoom2, pan));
+            }
+          }
+        } else {
+          var pos = ele.position();
+          rpos = modelToRenderedPosition$1(pos, zoom2, pan);
+          if (dim === void 0) {
+            return rpos;
+          } else {
+            return rpos[dim];
+          }
+        }
+      } else if (!setting) {
+        return void 0;
+      }
+      return this;
+    },
+    // get/set the position relative to the parent
+    relativePosition: function relativePosition(dim, val) {
+      var ele = this[0];
+      var cy = this.cy();
+      var ppos = plainObject(dim) ? dim : void 0;
+      var setting = ppos !== void 0 || val !== void 0 && string(dim);
+      var hasCompoundNodes = cy.hasCompoundNodes();
+      if (ele && ele.isNode()) {
+        if (setting) {
+          for (var i2 = 0; i2 < this.length; i2++) {
+            var _ele2 = this[i2];
+            var parent = hasCompoundNodes ? _ele2.parent() : null;
+            var hasParent = parent && parent.length > 0;
+            var relativeToParent = hasParent;
+            if (hasParent) {
+              parent = parent[0];
+            }
+            var origin = relativeToParent ? parent.position() : {
+              x: 0,
+              y: 0
+            };
+            if (val !== void 0) {
+              _ele2.position(dim, val + origin[dim]);
+            } else if (ppos !== void 0) {
+              _ele2.position({
+                x: ppos.x + origin.x,
+                y: ppos.y + origin.y
+              });
+            }
+          }
+        } else {
+          var pos = ele.position();
+          var _parent = hasCompoundNodes ? ele.parent() : null;
+          var _hasParent = _parent && _parent.length > 0;
+          var _relativeToParent = _hasParent;
+          if (_hasParent) {
+            _parent = _parent[0];
+          }
+          var _origin = _relativeToParent ? _parent.position() : {
+            x: 0,
+            y: 0
+          };
+          ppos = {
+            x: pos.x - _origin.x,
+            y: pos.y - _origin.y
+          };
+          if (dim === void 0) {
+            return ppos;
+          } else {
+            return ppos[dim];
+          }
+        }
+      } else if (!setting) {
+        return void 0;
+      }
+      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;
+  var fn$3, elesfn$b;
+  fn$3 = elesfn$b = {};
+  elesfn$b.renderedBoundingBox = function(options) {
+    var bb = this.boundingBox(options);
+    var cy = this.cy();
+    var zoom2 = cy.zoom();
+    var pan = cy.pan();
+    var x1 = bb.x1 * zoom2 + pan.x;
+    var x2 = bb.x2 * zoom2 + pan.x;
+    var y1 = bb.y1 * zoom2 + pan.y;
+    var y2 = bb.y2 * zoom2 + pan.y;
+    return {
+      x1,
+      x2,
+      y1,
+      y2,
+      w: x2 - x1,
+      h: y2 - y1
+    };
+  };
+  elesfn$b.dirtyCompoundBoundsCache = function() {
+    var silent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    var cy = this.cy();
+    if (!cy.styleEnabled() || !cy.hasCompoundNodes()) {
+      return this;
+    }
+    this.forEachUp(function(ele) {
+      if (ele.isParent()) {
+        var _p = ele._private;
+        _p.compoundBoundsClean = false;
+        _p.bbCache = null;
+        if (!silent) {
+          ele.emitAndNotify("bounds");
+        }
+      }
+    });
+    return this;
+  };
+  elesfn$b.updateCompoundBounds = function() {
+    var force = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    var cy = this.cy();
+    if (!cy.styleEnabled() || !cy.hasCompoundNodes()) {
+      return this;
+    }
+    if (!force && cy.batching()) {
+      return this;
+    }
+    function update(parent) {
+      if (!parent.isParent()) {
+        return;
+      }
+      var _p2 = parent._private;
+      var children2 = parent.children();
+      var includeLabels = parent.pstyle("compound-sizing-wrt-labels").value === "include";
+      var min2 = {
+        width: {
+          val: parent.pstyle("min-width").pfValue,
+          left: parent.pstyle("min-width-bias-left"),
+          right: parent.pstyle("min-width-bias-right")
+        },
+        height: {
+          val: parent.pstyle("min-height").pfValue,
+          top: parent.pstyle("min-height-bias-top"),
+          bottom: parent.pstyle("min-height-bias-bottom")
+        }
+      };
+      var bb = children2.boundingBox({
+        includeLabels,
+        includeOverlays: false,
+        // updating the compound bounds happens outside of the regular
+        // cache cycle (i.e. before fired events)
+        useCache: false
+      });
+      var pos = _p2.position;
+      if (bb.w === 0 || bb.h === 0) {
+        bb = {
+          w: parent.pstyle("width").pfValue,
+          h: parent.pstyle("height").pfValue
+        };
+        bb.x1 = pos.x - bb.w / 2;
+        bb.x2 = pos.x + bb.w / 2;
+        bb.y1 = pos.y - bb.h / 2;
+        bb.y2 = pos.y + bb.h / 2;
+      }
+      function computeBiasValues(propDiff, propBias, propBiasComplement) {
+        var biasDiff = 0;
+        var biasComplementDiff = 0;
+        var biasTotal = propBias + propBiasComplement;
+        if (propDiff > 0 && biasTotal > 0) {
+          biasDiff = propBias / biasTotal * propDiff;
+          biasComplementDiff = propBiasComplement / biasTotal * propDiff;
+        }
+        return {
+          biasDiff,
+          biasComplementDiff
+        };
+      }
+      function computePaddingValues(width, height, paddingObject, relativeTo) {
+        if (paddingObject.units === "%") {
+          switch (relativeTo) {
+            case "width":
+              return width > 0 ? paddingObject.pfValue * width : 0;
+            case "height":
+              return height > 0 ? paddingObject.pfValue * height : 0;
+            case "average":
+              return width > 0 && height > 0 ? paddingObject.pfValue * (width + height) / 2 : 0;
+            case "min":
+              return width > 0 && height > 0 ? width > height ? paddingObject.pfValue * height : paddingObject.pfValue * width : 0;
+            case "max":
+              return width > 0 && height > 0 ? width > height ? paddingObject.pfValue * width : paddingObject.pfValue * height : 0;
+            default:
+              return 0;
+          }
+        } else if (paddingObject.units === "px") {
+          return paddingObject.pfValue;
+        } else {
+          return 0;
+        }
+      }
+      var leftVal = min2.width.left.value;
+      if (min2.width.left.units === "px" && min2.width.val > 0) {
+        leftVal = leftVal * 100 / min2.width.val;
+      }
+      var rightVal = min2.width.right.value;
+      if (min2.width.right.units === "px" && min2.width.val > 0) {
+        rightVal = rightVal * 100 / min2.width.val;
+      }
+      var topVal = min2.height.top.value;
+      if (min2.height.top.units === "px" && min2.height.val > 0) {
+        topVal = topVal * 100 / min2.height.val;
+      }
+      var bottomVal = min2.height.bottom.value;
+      if (min2.height.bottom.units === "px" && min2.height.val > 0) {
+        bottomVal = bottomVal * 100 / min2.height.val;
+      }
+      var widthBiasDiffs = computeBiasValues(min2.width.val - bb.w, leftVal, rightVal);
+      var diffLeft = widthBiasDiffs.biasDiff;
+      var diffRight = widthBiasDiffs.biasComplementDiff;
+      var heightBiasDiffs = computeBiasValues(min2.height.val - bb.h, topVal, bottomVal);
+      var diffTop = heightBiasDiffs.biasDiff;
+      var diffBottom = heightBiasDiffs.biasComplementDiff;
+      _p2.autoPadding = computePaddingValues(bb.w, bb.h, parent.pstyle("padding"), parent.pstyle("padding-relative-to").value);
+      _p2.autoWidth = Math.max(bb.w, min2.width.val);
+      pos.x = (-diffLeft + bb.x1 + bb.x2 + diffRight) / 2;
+      _p2.autoHeight = Math.max(bb.h, min2.height.val);
+      pos.y = (-diffTop + bb.y1 + bb.y2 + diffBottom) / 2;
+    }
+    for (var i2 = 0; i2 < this.length; i2++) {
+      var ele = this[i2];
+      var _p = ele._private;
+      if (!_p.compoundBoundsClean || force) {
+        update(ele);
+        if (!cy.batching()) {
+          _p.compoundBoundsClean = true;
+        }
+      }
+    }
+    return this;
+  };
+  var noninf = function noninf2(x2) {
+    if (x2 === Infinity || x2 === -Infinity) {
+      return 0;
+    }
+    return x2;
+  };
+  var updateBounds = function updateBounds2(b, x1, y1, x2, y2) {
+    if (x2 - x1 === 0 || y2 - y1 === 0) {
+      return;
+    }
+    if (x1 == null || y1 == null || x2 == null || y2 == null) {
+      return;
+    }
+    b.x1 = x1 < b.x1 ? x1 : b.x1;
+    b.x2 = x2 > b.x2 ? x2 : b.x2;
+    b.y1 = y1 < b.y1 ? y1 : b.y1;
+    b.y2 = y2 > b.y2 ? y2 : b.y2;
+    b.w = b.x2 - b.x1;
+    b.h = b.y2 - b.y1;
+  };
+  var updateBoundsFromBox = function updateBoundsFromBox2(b, b2) {
+    if (b2 == null) {
+      return b;
+    }
+    return updateBounds(b, b2.x1, b2.y1, b2.x2, b2.y2);
+  };
+  var prefixedProperty = function prefixedProperty2(obj, field, prefix) {
+    return getPrefixedProperty(obj, field, prefix);
+  };
+  var updateBoundsFromArrow = function updateBoundsFromArrow2(bounds2, ele, prefix) {
+    if (ele.cy().headless()) {
+      return;
+    }
+    var _p = ele._private;
+    var rstyle = _p.rstyle;
+    var halfArW = rstyle.arrowWidth / 2;
+    var arrowType = ele.pstyle(prefix + "-arrow-shape").value;
+    var x2;
+    var y2;
+    if (arrowType !== "none") {
+      if (prefix === "source") {
+        x2 = rstyle.srcX;
+        y2 = rstyle.srcY;
+      } else if (prefix === "target") {
+        x2 = rstyle.tgtX;
+        y2 = rstyle.tgtY;
+      } else {
+        x2 = rstyle.midX;
+        y2 = rstyle.midY;
+      }
+      var bbs = _p.arrowBounds = _p.arrowBounds || {};
+      var bb = bbs[prefix] = bbs[prefix] || {};
+      bb.x1 = x2 - halfArW;
+      bb.y1 = y2 - halfArW;
+      bb.x2 = x2 + halfArW;
+      bb.y2 = y2 + halfArW;
+      bb.w = bb.x2 - bb.x1;
+      bb.h = bb.y2 - bb.y1;
+      expandBoundingBox(bb, 1);
+      updateBounds(bounds2, bb.x1, bb.y1, bb.x2, bb.y2);
+    }
+  };
+  var updateBoundsFromLabel = function updateBoundsFromLabel2(bounds2, ele, prefix) {
+    if (ele.cy().headless()) {
+      return;
+    }
+    var prefixDash;
+    if (prefix) {
+      prefixDash = prefix + "-";
+    } else {
+      prefixDash = "";
+    }
+    var _p = ele._private;
+    var rstyle = _p.rstyle;
+    var label = ele.pstyle(prefixDash + "label").strValue;
+    if (label) {
+      var halign = ele.pstyle("text-halign");
+      var valign = ele.pstyle("text-valign");
+      var labelWidth = prefixedProperty(rstyle, "labelWidth", prefix);
+      var labelHeight = prefixedProperty(rstyle, "labelHeight", prefix);
+      var labelX = prefixedProperty(rstyle, "labelX", prefix);
+      var labelY = prefixedProperty(rstyle, "labelY", prefix);
+      var marginX = ele.pstyle(prefixDash + "text-margin-x").pfValue;
+      var marginY = ele.pstyle(prefixDash + "text-margin-y").pfValue;
+      var isEdge = ele.isEdge();
+      var rotation = ele.pstyle(prefixDash + "text-rotation");
+      var outlineWidth = ele.pstyle("text-outline-width").pfValue;
+      var borderWidth = ele.pstyle("text-border-width").pfValue;
+      var halfBorderWidth = borderWidth / 2;
+      var padding = ele.pstyle("text-background-padding").pfValue;
+      var marginOfError = 2;
+      var lh = labelHeight;
+      var lw = labelWidth;
+      var lw_2 = lw / 2;
+      var lh_2 = lh / 2;
+      var lx1, lx2, ly1, ly2;
+      if (isEdge) {
+        lx1 = labelX - lw_2;
+        lx2 = labelX + lw_2;
+        ly1 = labelY - lh_2;
+        ly2 = labelY + lh_2;
+      } else {
+        switch (halign.value) {
+          case "left":
+            lx1 = labelX - lw;
+            lx2 = labelX;
+            break;
+          case "center":
+            lx1 = labelX - lw_2;
+            lx2 = labelX + lw_2;
+            break;
+          case "right":
+            lx1 = labelX;
+            lx2 = labelX + lw;
+            break;
+        }
+        switch (valign.value) {
+          case "top":
+            ly1 = labelY - lh;
+            ly2 = labelY;
+            break;
+          case "center":
+            ly1 = labelY - lh_2;
+            ly2 = labelY + lh_2;
+            break;
+          case "bottom":
+            ly1 = labelY;
+            ly2 = labelY + lh;
+            break;
+        }
+      }
+      var leftPad = marginX - Math.max(outlineWidth, halfBorderWidth) - padding - marginOfError;
+      var rightPad = marginX + Math.max(outlineWidth, halfBorderWidth) + padding + marginOfError;
+      var topPad = marginY - Math.max(outlineWidth, halfBorderWidth) - padding - marginOfError;
+      var botPad = marginY + Math.max(outlineWidth, halfBorderWidth) + padding + marginOfError;
+      lx1 += leftPad;
+      lx2 += rightPad;
+      ly1 += topPad;
+      ly2 += botPad;
+      var bbPrefix = prefix || "main";
+      var bbs = _p.labelBounds;
+      var bb = bbs[bbPrefix] = bbs[bbPrefix] || {};
+      bb.x1 = lx1;
+      bb.y1 = ly1;
+      bb.x2 = lx2;
+      bb.y2 = ly2;
+      bb.w = lx2 - lx1;
+      bb.h = ly2 - ly1;
+      bb.leftPad = leftPad;
+      bb.rightPad = rightPad;
+      bb.topPad = topPad;
+      bb.botPad = botPad;
+      var isAutorotate = isEdge && rotation.strValue === "autorotate";
+      var isPfValue = rotation.pfValue != null && rotation.pfValue !== 0;
+      if (isAutorotate || isPfValue) {
+        var theta = isAutorotate ? prefixedProperty(_p.rstyle, "labelAngle", prefix) : rotation.pfValue;
+        var cos2 = Math.cos(theta);
+        var sin2 = Math.sin(theta);
+        var xo = (lx1 + lx2) / 2;
+        var yo = (ly1 + ly2) / 2;
+        if (!isEdge) {
+          switch (halign.value) {
+            case "left":
+              xo = lx2;
+              break;
+            case "right":
+              xo = lx1;
+              break;
+          }
+          switch (valign.value) {
+            case "top":
+              yo = ly2;
+              break;
+            case "bottom":
+              yo = ly1;
+              break;
+          }
+        }
+        var rotate2 = function rotate3(x2, y2) {
+          x2 = x2 - xo;
+          y2 = y2 - yo;
+          return {
+            x: x2 * cos2 - y2 * sin2 + xo,
+            y: x2 * sin2 + y2 * cos2 + yo
+          };
+        };
+        var px1y1 = rotate2(lx1, ly1);
+        var px1y2 = rotate2(lx1, ly2);
+        var px2y1 = rotate2(lx2, ly1);
+        var px2y2 = rotate2(lx2, ly2);
+        lx1 = Math.min(px1y1.x, px1y2.x, px2y1.x, px2y2.x);
+        lx2 = Math.max(px1y1.x, px1y2.x, px2y1.x, px2y2.x);
+        ly1 = Math.min(px1y1.y, px1y2.y, px2y1.y, px2y2.y);
+        ly2 = Math.max(px1y1.y, px1y2.y, px2y1.y, px2y2.y);
+      }
+      var bbPrefixRot = bbPrefix + "Rot";
+      var bbRot = bbs[bbPrefixRot] = bbs[bbPrefixRot] || {};
+      bbRot.x1 = lx1;
+      bbRot.y1 = ly1;
+      bbRot.x2 = lx2;
+      bbRot.y2 = ly2;
+      bbRot.w = lx2 - lx1;
+      bbRot.h = ly2 - ly1;
+      updateBounds(bounds2, lx1, ly1, lx2, ly2);
+      updateBounds(_p.labelBounds.all, lx1, ly1, lx2, ly2);
+    }
+    return bounds2;
+  };
+  var updateBoundsFromOutline = function updateBoundsFromOutline2(bounds2, ele) {
+    if (ele.cy().headless()) {
+      return;
+    }
+    var outlineOpacity = ele.pstyle("outline-opacity").value;
+    var outlineWidth = ele.pstyle("outline-width").value;
+    var outlineOffset = ele.pstyle("outline-offset").value;
+    var expansion = outlineWidth + outlineOffset;
+    updateBoundsFromMiter(bounds2, ele, outlineOpacity, expansion, "outside", expansion / 2);
+  };
+  var updateBoundsFromMiter = function updateBoundsFromMiter2(bounds2, ele, opacity, expansionSize, expansionPosition, useFallbackValue) {
+    if (opacity === 0 || expansionSize <= 0 || expansionPosition === "inside") {
+      return;
+    }
+    var cy = ele.cy();
+    var shape = ele.pstyle("shape").value;
+    var rshape = cy.renderer().nodeShapes[shape];
+    var _ele$position = ele.position(), x2 = _ele$position.x, y2 = _ele$position.y;
+    var w = ele.width();
+    var h = ele.height();
+    if (rshape.hasMiterBounds) {
+      if (expansionPosition === "center") {
+        expansionSize /= 2;
+      }
+      var mbb = rshape.miterBounds(x2, y2, w, h, expansionSize);
+      updateBoundsFromBox(bounds2, mbb);
+    } else if (useFallbackValue != null && useFallbackValue > 0) {
+      expandBoundingBoxSides(bounds2, [useFallbackValue, useFallbackValue, useFallbackValue, useFallbackValue]);
+    }
+  };
+  var updateBoundsFromMiterBorder = function updateBoundsFromMiterBorder2(bounds2, ele) {
+    if (ele.cy().headless()) {
+      return;
+    }
+    var borderOpacity = ele.pstyle("border-opacity").value;
+    var borderWidth = ele.pstyle("border-width").pfValue;
+    var borderPosition = ele.pstyle("border-position").value;
+    updateBoundsFromMiter(bounds2, ele, borderOpacity, borderWidth, borderPosition);
+  };
+  var boundingBoxImpl = function boundingBoxImpl2(ele, options) {
+    var cy = ele._private.cy;
+    var styleEnabled = cy.styleEnabled();
+    var headless = cy.headless();
+    var bounds2 = makeBoundingBox();
+    var _p = ele._private;
+    var isNode = ele.isNode();
+    var isEdge = ele.isEdge();
+    var ex1, ex2, ey1, ey2;
+    var x2, y2;
+    var rstyle = _p.rstyle;
+    var manualExpansion = isNode && styleEnabled ? ele.pstyle("bounds-expansion").pfValue : [0];
+    var isDisplayed = function isDisplayed2(ele2) {
+      return ele2.pstyle("display").value !== "none";
+    };
+    var displayed = !styleEnabled || isDisplayed(ele) && (!isEdge || isDisplayed(ele.source()) && isDisplayed(ele.target()));
+    if (displayed) {
+      var overlayOpacity = 0;
+      var overlayPadding = 0;
+      if (styleEnabled && options.includeOverlays) {
+        overlayOpacity = ele.pstyle("overlay-opacity").value;
+        if (overlayOpacity !== 0) {
+          overlayPadding = ele.pstyle("overlay-padding").value;
+        }
+      }
+      var underlayOpacity = 0;
+      var underlayPadding = 0;
+      if (styleEnabled && options.includeUnderlays) {
+        underlayOpacity = ele.pstyle("underlay-opacity").value;
+        if (underlayOpacity !== 0) {
+          underlayPadding = ele.pstyle("underlay-padding").value;
+        }
+      }
+      var padding = Math.max(overlayPadding, underlayPadding);
+      var w = 0;
+      var wHalf = 0;
+      if (styleEnabled) {
+        w = ele.pstyle("width").pfValue;
+        wHalf = w / 2;
+      }
+      if (isNode && options.includeNodes) {
+        var pos = ele.position();
+        x2 = pos.x;
+        y2 = pos.y;
+        var _w = ele.outerWidth();
+        var halfW = _w / 2;
+        var h = ele.outerHeight();
+        var halfH = h / 2;
+        ex1 = x2 - halfW;
+        ex2 = x2 + halfW;
+        ey1 = y2 - halfH;
+        ey2 = y2 + halfH;
+        updateBounds(bounds2, ex1, ey1, ex2, ey2);
+        if (styleEnabled) {
+          updateBoundsFromOutline(bounds2, ele);
+        }
+        if (styleEnabled && options.includeOutlines && !headless) {
+          updateBoundsFromOutline(bounds2, ele);
+        }
+        if (styleEnabled) {
+          updateBoundsFromMiterBorder(bounds2, ele);
+        }
+      } else if (isEdge && options.includeEdges) {
+        if (styleEnabled && !headless) {
+          var curveStyle = ele.pstyle("curve-style").strValue;
+          ex1 = Math.min(rstyle.srcX, rstyle.midX, rstyle.tgtX);
+          ex2 = Math.max(rstyle.srcX, rstyle.midX, rstyle.tgtX);
+          ey1 = Math.min(rstyle.srcY, rstyle.midY, rstyle.tgtY);
+          ey2 = Math.max(rstyle.srcY, rstyle.midY, rstyle.tgtY);
+          ex1 -= wHalf;
+          ex2 += wHalf;
+          ey1 -= wHalf;
+          ey2 += wHalf;
+          updateBounds(bounds2, ex1, ey1, ex2, ey2);
+          if (curveStyle === "haystack") {
+            var hpts = rstyle.haystackPts;
+            if (hpts && hpts.length === 2) {
+              ex1 = hpts[0].x;
+              ey1 = hpts[0].y;
+              ex2 = hpts[1].x;
+              ey2 = hpts[1].y;
+              if (ex1 > ex2) {
+                var temp = ex1;
+                ex1 = ex2;
+                ex2 = temp;
+              }
+              if (ey1 > ey2) {
+                var _temp = ey1;
+                ey1 = ey2;
+                ey2 = _temp;
+              }
+              updateBounds(bounds2, ex1 - wHalf, ey1 - wHalf, ex2 + wHalf, ey2 + wHalf);
+            }
+          } else if (curveStyle === "bezier" || curveStyle === "unbundled-bezier" || endsWith(curveStyle, "segments") || endsWith(curveStyle, "taxi")) {
+            var pts2;
+            switch (curveStyle) {
+              case "bezier":
+              case "unbundled-bezier":
+                pts2 = rstyle.bezierPts;
+                break;
+              case "segments":
+              case "taxi":
+              case "round-segments":
+              case "round-taxi":
+                pts2 = rstyle.linePts;
+                break;
+            }
+            if (pts2 != null) {
+              for (var j = 0; j < pts2.length; j++) {
+                var pt = pts2[j];
+                ex1 = pt.x - wHalf;
+                ex2 = pt.x + wHalf;
+                ey1 = pt.y - wHalf;
+                ey2 = pt.y + wHalf;
+                updateBounds(bounds2, ex1, ey1, ex2, ey2);
+              }
+            }
+          }
+        } else {
+          var n1 = ele.source();
+          var n1pos = n1.position();
+          var n2 = ele.target();
+          var n2pos = n2.position();
+          ex1 = n1pos.x;
+          ex2 = n2pos.x;
+          ey1 = n1pos.y;
+          ey2 = n2pos.y;
+          if (ex1 > ex2) {
+            var _temp2 = ex1;
+            ex1 = ex2;
+            ex2 = _temp2;
+          }
+          if (ey1 > ey2) {
+            var _temp3 = ey1;
+            ey1 = ey2;
+            ey2 = _temp3;
+          }
+          ex1 -= wHalf;
+          ex2 += wHalf;
+          ey1 -= wHalf;
+          ey2 += wHalf;
+          updateBounds(bounds2, ex1, ey1, ex2, ey2);
+        }
+      }
+      if (styleEnabled && options.includeEdges && isEdge) {
+        updateBoundsFromArrow(bounds2, ele, "mid-source");
+        updateBoundsFromArrow(bounds2, ele, "mid-target");
+        updateBoundsFromArrow(bounds2, ele, "source");
+        updateBoundsFromArrow(bounds2, ele, "target");
+      }
+      if (styleEnabled) {
+        var ghost = ele.pstyle("ghost").value === "yes";
+        if (ghost) {
+          var gx = ele.pstyle("ghost-offset-x").pfValue;
+          var gy = ele.pstyle("ghost-offset-y").pfValue;
+          updateBounds(bounds2, bounds2.x1 + gx, bounds2.y1 + gy, bounds2.x2 + gx, bounds2.y2 + gy);
+        }
+      }
+      var bbBody = _p.bodyBounds = _p.bodyBounds || {};
+      assignBoundingBox(bbBody, bounds2);
+      expandBoundingBoxSides(bbBody, manualExpansion);
+      expandBoundingBox(bbBody, 1);
+      if (styleEnabled) {
+        ex1 = bounds2.x1;
+        ex2 = bounds2.x2;
+        ey1 = bounds2.y1;
+        ey2 = bounds2.y2;
+        updateBounds(bounds2, ex1 - padding, ey1 - padding, ex2 + padding, ey2 + padding);
+      }
+      var bbOverlay = _p.overlayBounds = _p.overlayBounds || {};
+      assignBoundingBox(bbOverlay, bounds2);
+      expandBoundingBoxSides(bbOverlay, manualExpansion);
+      expandBoundingBox(bbOverlay, 1);
+      var bbLabels = _p.labelBounds = _p.labelBounds || {};
+      if (bbLabels.all != null) {
+        clearBoundingBox(bbLabels.all);
+      } else {
+        bbLabels.all = makeBoundingBox();
+      }
+      if (styleEnabled && options.includeLabels) {
+        if (options.includeMainLabels) {
+          updateBoundsFromLabel(bounds2, ele, null);
+        }
+        if (isEdge) {
+          if (options.includeSourceLabels) {
+            updateBoundsFromLabel(bounds2, ele, "source");
+          }
+          if (options.includeTargetLabels) {
+            updateBoundsFromLabel(bounds2, ele, "target");
+          }
+        }
+      }
+    }
+    bounds2.x1 = noninf(bounds2.x1);
+    bounds2.y1 = noninf(bounds2.y1);
+    bounds2.x2 = noninf(bounds2.x2);
+    bounds2.y2 = noninf(bounds2.y2);
+    bounds2.w = noninf(bounds2.x2 - bounds2.x1);
+    bounds2.h = noninf(bounds2.y2 - bounds2.y1);
+    if (bounds2.w > 0 && bounds2.h > 0 && displayed) {
+      expandBoundingBoxSides(bounds2, manualExpansion);
+      expandBoundingBox(bounds2, 1);
+    }
+    return bounds2;
+  };
+  var getKey = function getKey2(opts) {
+    var i2 = 0;
+    var tf = function tf2(val) {
+      return (val ? 1 : 0) << i2++;
+    };
+    var key = 0;
+    key += tf(opts.incudeNodes);
+    key += tf(opts.includeEdges);
+    key += tf(opts.includeLabels);
+    key += tf(opts.includeMainLabels);
+    key += tf(opts.includeSourceLabels);
+    key += tf(opts.includeTargetLabels);
+    key += tf(opts.includeOverlays);
+    key += tf(opts.includeOutlines);
+    return key;
+  };
+  var getBoundingBoxPosKey = function getBoundingBoxPosKey2(ele) {
+    var r = function r2(x2) {
+      return Math.round(x2);
+    };
+    if (ele.isEdge()) {
+      var p1 = ele.source().position();
+      var p2 = ele.target().position();
+      return hashIntsArray([r(p1.x), r(p1.y), r(p2.x), r(p2.y)]);
+    } else {
+      var p3 = ele.position();
+      return hashIntsArray([r(p3.x), r(p3.y)]);
+    }
+  };
+  var cachedBoundingBoxImpl = function cachedBoundingBoxImpl2(ele, opts) {
+    var _p = ele._private;
+    var bb;
+    var isEdge = ele.isEdge();
+    var key = opts == null ? defBbOptsKey : getKey(opts);
+    var usingDefOpts = key === defBbOptsKey;
+    if (_p.bbCache == null) {
+      bb = boundingBoxImpl(ele, defBbOpts);
+      _p.bbCache = bb;
+      _p.bbCachePosKey = getBoundingBoxPosKey(ele);
+    } else {
+      bb = _p.bbCache;
+    }
+    if (!usingDefOpts) {
+      var isNode = ele.isNode();
+      bb = makeBoundingBox();
+      if (opts.includeNodes && isNode || opts.includeEdges && !isNode) {
+        if (opts.includeOverlays) {
+          updateBoundsFromBox(bb, _p.overlayBounds);
+        } else {
+          updateBoundsFromBox(bb, _p.bodyBounds);
+        }
+      }
+      if (opts.includeLabels) {
+        if (opts.includeMainLabels && (!isEdge || opts.includeSourceLabels && opts.includeTargetLabels)) {
+          updateBoundsFromBox(bb, _p.labelBounds.all);
+        } else {
+          if (opts.includeMainLabels) {
+            updateBoundsFromBox(bb, _p.labelBounds.mainRot);
+          }
+          if (opts.includeSourceLabels) {
+            updateBoundsFromBox(bb, _p.labelBounds.sourceRot);
+          }
+          if (opts.includeTargetLabels) {
+            updateBoundsFromBox(bb, _p.labelBounds.targetRot);
+          }
+        }
+      }
+      bb.w = bb.x2 - bb.x1;
+      bb.h = bb.y2 - bb.y1;
+    }
+    return bb;
+  };
+  var defBbOpts = {
+    includeNodes: true,
+    includeEdges: true,
+    includeLabels: true,
+    includeMainLabels: true,
+    includeSourceLabels: true,
+    includeTargetLabels: true,
+    includeOverlays: true,
+    includeUnderlays: true,
+    includeOutlines: true,
+    useCache: true
+  };
+  var defBbOptsKey = getKey(defBbOpts);
+  var filledBbOpts = defaults$g(defBbOpts);
+  elesfn$b.boundingBox = function(options) {
+    var bounds2;
+    var useCache = options === void 0 || options.useCache === void 0 || options.useCache === true;
+    var isDirty = memoize(function(ele2) {
+      var _p = ele2._private;
+      return _p.bbCache == null || _p.styleDirty || _p.bbCachePosKey !== getBoundingBoxPosKey(ele2);
+    }, function(ele2) {
+      return ele2.id();
+    });
+    if (useCache && this.length === 1 && !isDirty(this[0])) {
+      if (options === void 0) {
+        options = defBbOpts;
+      } else {
+        options = filledBbOpts(options);
+      }
+      bounds2 = cachedBoundingBoxImpl(this[0], options);
+    } else {
+      bounds2 = makeBoundingBox();
+      options = options || defBbOpts;
+      var opts = filledBbOpts(options);
+      var eles = this;
+      var cy = eles.cy();
+      var styleEnabled = cy.styleEnabled();
+      this.edges().forEach(isDirty);
+      this.nodes().forEach(isDirty);
+      if (styleEnabled) {
+        this.recalculateRenderedStyle(useCache);
+      }
+      this.updateCompoundBounds(!useCache);
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var ele = eles[i2];
+        if (isDirty(ele)) {
+          ele.dirtyBoundingBoxCache();
+        }
+        updateBoundsFromBox(bounds2, cachedBoundingBoxImpl(ele, opts));
+      }
+    }
+    bounds2.x1 = noninf(bounds2.x1);
+    bounds2.y1 = noninf(bounds2.y1);
+    bounds2.x2 = noninf(bounds2.x2);
+    bounds2.y2 = noninf(bounds2.y2);
+    bounds2.w = noninf(bounds2.x2 - bounds2.x1);
+    bounds2.h = noninf(bounds2.y2 - bounds2.y1);
+    return bounds2;
+  };
+  elesfn$b.dirtyBoundingBoxCache = function() {
+    for (var i2 = 0; i2 < this.length; i2++) {
+      var _p = this[i2]._private;
+      _p.bbCache = null;
+      _p.bbCachePosKey = null;
+      _p.bodyBounds = null;
+      _p.overlayBounds = null;
+      _p.labelBounds.all = null;
+      _p.labelBounds.source = null;
+      _p.labelBounds.target = null;
+      _p.labelBounds.main = null;
+      _p.labelBounds.sourceRot = null;
+      _p.labelBounds.targetRot = null;
+      _p.labelBounds.mainRot = null;
+      _p.arrowBounds.source = null;
+      _p.arrowBounds.target = null;
+      _p.arrowBounds["mid-source"] = null;
+      _p.arrowBounds["mid-target"] = null;
+    }
+    this.emitAndNotify("bounds");
+    return this;
+  };
+  elesfn$b.boundingBoxAt = function(fn2) {
+    var nodes = this.nodes();
+    var cy = this.cy();
+    var hasCompoundNodes = cy.hasCompoundNodes();
+    var parents = cy.collection();
+    if (hasCompoundNodes) {
+      parents = nodes.filter(function(node) {
+        return node.isParent();
+      });
+      nodes = nodes.not(parents);
+    }
+    if (plainObject(fn2)) {
+      var obj = fn2;
+      fn2 = function fn3() {
+        return obj;
+      };
+    }
+    var storeOldPos = function storeOldPos2(node, i2) {
+      return node._private.bbAtOldPos = fn2(node, i2);
+    };
+    var getOldPos = function getOldPos2(node) {
+      return node._private.bbAtOldPos;
+    };
+    cy.startBatch();
+    nodes.forEach(storeOldPos).silentPositions(fn2);
+    if (hasCompoundNodes) {
+      parents.dirtyCompoundBoundsCache();
+      parents.dirtyBoundingBoxCache();
+      parents.updateCompoundBounds(true);
+    }
+    var bb = copyBoundingBox(this.boundingBox({
+      useCache: false
+    }));
+    nodes.silentPositions(getOldPos);
+    if (hasCompoundNodes) {
+      parents.dirtyCompoundBoundsCache();
+      parents.dirtyBoundingBoxCache();
+      parents.updateCompoundBounds(true);
+    }
+    cy.endBatch();
+    return bb;
+  };
+  fn$3.boundingbox = fn$3.bb = fn$3.boundingBox;
+  fn$3.renderedBoundingbox = fn$3.renderedBoundingBox;
+  var bounds = elesfn$b;
+  var fn$2, elesfn$a;
+  fn$2 = elesfn$a = {};
+  var defineDimFns = function defineDimFns2(opts) {
+    opts.uppercaseName = capitalize(opts.name);
+    opts.autoName = "auto" + opts.uppercaseName;
+    opts.labelName = "label" + opts.uppercaseName;
+    opts.outerName = "outer" + opts.uppercaseName;
+    opts.uppercaseOuterName = capitalize(opts.outerName);
+    fn$2[opts.name] = function dimImpl() {
+      var ele = this[0];
+      var _p = ele._private;
+      var cy = _p.cy;
+      var styleEnabled = cy._private.styleEnabled;
+      if (ele) {
+        if (styleEnabled) {
+          if (ele.isParent()) {
+            ele.updateCompoundBounds();
+            return _p[opts.autoName] || 0;
+          }
+          var d = ele.pstyle(opts.name);
+          switch (d.strValue) {
+            case "label":
+              ele.recalculateRenderedStyle();
+              return _p.rstyle[opts.labelName] || 0;
+            default:
+              return d.pfValue;
+          }
+        } else {
+          return 1;
+        }
+      }
+    };
+    fn$2["outer" + opts.uppercaseName] = function outerDimImpl() {
+      var ele = this[0];
+      var _p = ele._private;
+      var cy = _p.cy;
+      var styleEnabled = cy._private.styleEnabled;
+      if (ele) {
+        if (styleEnabled) {
+          var dim = ele[opts.name]();
+          var borderPos = ele.pstyle("border-position").value;
+          var border;
+          if (borderPos === "center") {
+            border = ele.pstyle("border-width").pfValue;
+          } else if (borderPos === "outside") {
+            border = 2 * ele.pstyle("border-width").pfValue;
+          } else {
+            border = 0;
+          }
+          var padding = 2 * ele.padding();
+          return dim + border + padding;
+        } else {
+          return 1;
+        }
+      }
+    };
+    fn$2["rendered" + opts.uppercaseName] = function renderedDimImpl() {
+      var ele = this[0];
+      if (ele) {
+        var d = ele[opts.name]();
+        return d * this.cy().zoom();
+      }
+    };
+    fn$2["rendered" + opts.uppercaseOuterName] = function renderedOuterDimImpl() {
+      var ele = this[0];
+      if (ele) {
+        var od = ele[opts.outerName]();
+        return od * this.cy().zoom();
+      }
+    };
+  };
+  defineDimFns({
+    name: "width"
+  });
+  defineDimFns({
+    name: "height"
+  });
+  elesfn$a.padding = function() {
+    var ele = this[0];
+    var _p = ele._private;
+    if (ele.isParent()) {
+      ele.updateCompoundBounds();
+      if (_p.autoPadding !== void 0) {
+        return _p.autoPadding;
+      } else {
+        return ele.pstyle("padding").pfValue;
+      }
+    } else {
+      return ele.pstyle("padding").pfValue;
+    }
+  };
+  elesfn$a.paddedHeight = function() {
+    var ele = this[0];
+    return ele.height() + 2 * ele.padding();
+  };
+  elesfn$a.paddedWidth = function() {
+    var ele = this[0];
+    return ele.width() + 2 * ele.padding();
+  };
+  var widthHeight = elesfn$a;
+  var ifEdge = function ifEdge2(ele, getValue2) {
+    if (ele.isEdge() && ele.takesUpSpace()) {
+      return getValue2(ele);
+    }
+  };
+  var ifEdgeRenderedPosition = function ifEdgeRenderedPosition2(ele, getPoint) {
+    if (ele.isEdge() && ele.takesUpSpace()) {
+      var cy = ele.cy();
+      return modelToRenderedPosition$1(getPoint(ele), cy.zoom(), cy.pan());
+    }
+  };
+  var ifEdgeRenderedPositions = function ifEdgeRenderedPositions2(ele, getPoints) {
+    if (ele.isEdge() && ele.takesUpSpace()) {
+      var cy = ele.cy();
+      var pan = cy.pan();
+      var zoom2 = cy.zoom();
+      return getPoints(ele).map(function(p2) {
+        return modelToRenderedPosition$1(p2, zoom2, pan);
+      });
+    }
+  };
+  var controlPoints = function controlPoints2(ele) {
+    return ele.renderer().getControlPoints(ele);
+  };
+  var segmentPoints = function segmentPoints2(ele) {
+    return ele.renderer().getSegmentPoints(ele);
+  };
+  var sourceEndpoint = function sourceEndpoint2(ele) {
+    return ele.renderer().getSourceEndpoint(ele);
+  };
+  var targetEndpoint = function targetEndpoint2(ele) {
+    return ele.renderer().getTargetEndpoint(ele);
+  };
+  var midpoint = function midpoint2(ele) {
+    return ele.renderer().getEdgeMidpoint(ele);
+  };
+  var pts = {
+    controlPoints: {
+      get: controlPoints,
+      mult: true
+    },
+    segmentPoints: {
+      get: segmentPoints,
+      mult: true
+    },
+    sourceEndpoint: {
+      get: sourceEndpoint
+    },
+    targetEndpoint: {
+      get: targetEndpoint
+    },
+    midpoint: {
+      get: midpoint
+    }
+  };
+  var renderedName = function renderedName2(name2) {
+    return "rendered" + name2[0].toUpperCase() + name2.substr(1);
+  };
+  var edgePoints = Object.keys(pts).reduce(function(obj, name2) {
+    var spec = pts[name2];
+    var rName = renderedName(name2);
+    obj[name2] = function() {
+      return ifEdge(this, spec.get);
+    };
+    if (spec.mult) {
+      obj[rName] = function() {
+        return ifEdgeRenderedPositions(this, spec.get);
+      };
+    } else {
+      obj[rName] = function() {
+        return ifEdgeRenderedPosition(this, spec.get);
+      };
+    }
+    return obj;
+  }, {});
+  var dimensions = extend({}, position, bounds, widthHeight, edgePoints);
+  var Event = function Event2(src, props) {
+    this.recycle(src, props);
+  };
+  function returnFalse() {
+    return false;
+  }
+  function returnTrue() {
+    return true;
+  }
+  Event.prototype = {
+    instanceString: function instanceString() {
+      return "event";
+    },
+    recycle: function recycle(src, props) {
+      this.isImmediatePropagationStopped = this.isPropagationStopped = this.isDefaultPrevented = returnFalse;
+      if (src != null && src.preventDefault) {
+        this.type = src.type;
+        this.isDefaultPrevented = src.defaultPrevented ? returnTrue : returnFalse;
+      } else if (src != null && src.type) {
+        props = src;
+      } else {
+        this.type = src;
+      }
+      if (props != null) {
+        this.originalEvent = props.originalEvent;
+        this.type = props.type != null ? props.type : this.type;
+        this.cy = props.cy;
+        this.target = props.target;
+        this.position = props.position;
+        this.renderedPosition = props.renderedPosition;
+        this.namespace = props.namespace;
+        this.layout = props.layout;
+      }
+      if (this.cy != null && this.position != null && this.renderedPosition == null) {
+        var pos = this.position;
+        var zoom2 = this.cy.zoom();
+        var pan = this.cy.pan();
+        this.renderedPosition = {
+          x: pos.x * zoom2 + pan.x,
+          y: pos.y * zoom2 + pan.y
+        };
+      }
+      this.timeStamp = src && src.timeStamp || Date.now();
+    },
+    preventDefault: function preventDefault() {
+      this.isDefaultPrevented = returnTrue;
+      var e = this.originalEvent;
+      if (!e) {
+        return;
+      }
+      if (e.preventDefault) {
+        e.preventDefault();
+      }
+    },
+    stopPropagation: function stopPropagation() {
+      this.isPropagationStopped = returnTrue;
+      var e = this.originalEvent;
+      if (!e) {
+        return;
+      }
+      if (e.stopPropagation) {
+        e.stopPropagation();
+      }
+    },
+    stopImmediatePropagation: function stopImmediatePropagation() {
+      this.isImmediatePropagationStopped = returnTrue;
+      this.stopPropagation();
+    },
+    isDefaultPrevented: returnFalse,
+    isPropagationStopped: returnFalse,
+    isImmediatePropagationStopped: returnFalse
+  };
+  var eventRegex = /^([^.]+)(\.(?:[^.]+))?$/;
+  var universalNamespace = ".*";
+  var defaults$8 = {
+    qualifierCompare: function qualifierCompare(q1, q2) {
+      return q1 === q2;
+    },
+    eventMatches: function eventMatches() {
+      return true;
+    },
+    addEventFields: function addEventFields() {
+    },
+    callbackContext: function callbackContext(context) {
+      return context;
+    },
+    beforeEmit: function beforeEmit() {
+    },
+    afterEmit: function afterEmit() {
+    },
+    bubble: function bubble() {
+      return false;
+    },
+    parent: function parent() {
+      return null;
+    },
+    context: null
+  };
+  var defaultsKeys = Object.keys(defaults$8);
+  var emptyOpts = {};
+  function Emitter() {
+    var opts = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : emptyOpts;
+    var context = arguments.length > 1 ? arguments[1] : void 0;
+    for (var i2 = 0; i2 < defaultsKeys.length; i2++) {
+      var key = defaultsKeys[i2];
+      this[key] = opts[key] || defaults$8[key];
+    }
+    this.context = context || this.context;
+    this.listeners = [];
+    this.emitting = 0;
+  }
+  var p = Emitter.prototype;
+  var forEachEvent = function forEachEvent2(self2, handler, events, qualifier, callback, conf, confOverrides) {
+    if (fn$6(qualifier)) {
+      callback = qualifier;
+      qualifier = null;
+    }
+    if (confOverrides) {
+      if (conf == null) {
+        conf = confOverrides;
+      } else {
+        conf = extend({}, conf, confOverrides);
+      }
+    }
+    var eventList = array(events) ? events : events.split(/\s+/);
+    for (var i2 = 0; i2 < eventList.length; i2++) {
+      var evt = eventList[i2];
+      if (emptyString(evt)) {
+        continue;
+      }
+      var match2 = evt.match(eventRegex);
+      if (match2) {
+        var type2 = match2[1];
+        var namespace2 = match2[2] ? match2[2] : null;
+        var ret = handler(self2, evt, type2, namespace2, qualifier, callback, conf);
+        if (ret === false) {
+          break;
+        }
+      }
+    }
+  };
+  var makeEventObj = function makeEventObj2(self2, obj) {
+    self2.addEventFields(self2.context, obj);
+    return new Event(obj.type, obj);
+  };
+  var forEachEventObj = function forEachEventObj2(self2, handler, events) {
+    if (event(events)) {
+      handler(self2, events);
+      return;
+    } else if (plainObject(events)) {
+      handler(self2, makeEventObj(self2, events));
+      return;
+    }
+    var eventList = array(events) ? events : events.split(/\s+/);
+    for (var i2 = 0; i2 < eventList.length; i2++) {
+      var evt = eventList[i2];
+      if (emptyString(evt)) {
+        continue;
+      }
+      var match2 = evt.match(eventRegex);
+      if (match2) {
+        var type2 = match2[1];
+        var namespace2 = match2[2] ? match2[2] : null;
+        var eventObj = makeEventObj(self2, {
+          type: type2,
+          namespace: namespace2,
+          target: self2.context
+        });
+        handler(self2, eventObj);
+      }
+    }
+  };
+  p.on = p.addListener = function(events, qualifier, callback, conf, confOverrides) {
+    forEachEvent(this, function(self2, event2, type2, namespace2, qualifier2, callback2, conf2) {
+      if (fn$6(callback2)) {
+        self2.listeners.push({
+          event: event2,
+          // full event string
+          callback: callback2,
+          // callback to run
+          type: type2,
+          // the event type (e.g. 'click')
+          namespace: namespace2,
+          // the event namespace (e.g. ".foo")
+          qualifier: qualifier2,
+          // a restriction on whether to match this emitter
+          conf: conf2
+          // additional configuration
+        });
+      }
+    }, events, qualifier, callback, conf, confOverrides);
+    return this;
+  };
+  p.one = function(events, qualifier, callback, conf) {
+    return this.on(events, qualifier, callback, conf, {
+      one: true
+    });
+  };
+  p.removeListener = p.off = function(events, qualifier, callback, conf) {
+    var _this = this;
+    if (this.emitting !== 0) {
+      this.listeners = copyArray(this.listeners);
+    }
+    var listeners = this.listeners;
+    var _loop = function _loop2(i3) {
+      var listener = listeners[i3];
+      forEachEvent(_this, function(self2, event2, type2, namespace2, qualifier2, callback2) {
+        if ((listener.type === type2 || events === "*") && (!namespace2 && listener.namespace !== ".*" || listener.namespace === namespace2) && (!qualifier2 || self2.qualifierCompare(listener.qualifier, qualifier2)) && (!callback2 || listener.callback === callback2)) {
+          listeners.splice(i3, 1);
+          return false;
+        }
+      }, events, qualifier, callback, conf);
+    };
+    for (var i2 = listeners.length - 1; i2 >= 0; i2--) {
+      _loop(i2);
+    }
+    return this;
+  };
+  p.removeAllListeners = function() {
+    return this.removeListener("*");
+  };
+  p.emit = p.trigger = function(events, extraParams, manualCallback) {
+    var listeners = this.listeners;
+    var numListenersBeforeEmit = listeners.length;
+    this.emitting++;
+    if (!array(extraParams)) {
+      extraParams = [extraParams];
+    }
+    forEachEventObj(this, function(self2, eventObj) {
+      if (manualCallback != null) {
+        listeners = [{
+          event: eventObj.event,
+          type: eventObj.type,
+          namespace: eventObj.namespace,
+          callback: manualCallback
+        }];
+        numListenersBeforeEmit = listeners.length;
+      }
+      var _loop2 = function _loop22() {
+        var listener = listeners[i2];
+        if (listener.type === eventObj.type && (!listener.namespace || listener.namespace === eventObj.namespace || listener.namespace === universalNamespace) && self2.eventMatches(self2.context, listener, eventObj)) {
+          var args = [eventObj];
+          if (extraParams != null) {
+            push(args, extraParams);
+          }
+          self2.beforeEmit(self2.context, listener, eventObj);
+          if (listener.conf && listener.conf.one) {
+            self2.listeners = self2.listeners.filter(function(l) {
+              return l !== listener;
+            });
+          }
+          var context = self2.callbackContext(self2.context, listener, eventObj);
+          var ret = listener.callback.apply(context, args);
+          self2.afterEmit(self2.context, listener, eventObj);
+          if (ret === false) {
+            eventObj.stopPropagation();
+            eventObj.preventDefault();
+          }
+        }
+      };
+      for (var i2 = 0; i2 < numListenersBeforeEmit; i2++) {
+        _loop2();
+      }
+      if (self2.bubble(self2.context) && !eventObj.isPropagationStopped()) {
+        self2.parent(self2.context).emit(eventObj, extraParams);
+      }
+    }, events);
+    this.emitting--;
+    return this;
+  };
+  var emitterOptions$1 = {
+    qualifierCompare: function qualifierCompare(selector1, selector2) {
+      if (selector1 == null || selector2 == null) {
+        return selector1 == null && selector2 == null;
+      } else {
+        return selector1.sameText(selector2);
+      }
+    },
+    eventMatches: function eventMatches(ele, listener, eventObj) {
+      var selector2 = listener.qualifier;
+      if (selector2 != null) {
+        return ele !== eventObj.target && element(eventObj.target) && selector2.matches(eventObj.target);
+      }
+      return true;
+    },
+    addEventFields: function addEventFields(ele, evt) {
+      evt.cy = ele.cy();
+      evt.target = ele;
+    },
+    callbackContext: function callbackContext(ele, listener, eventObj) {
+      return listener.qualifier != null ? eventObj.target : ele;
+    },
+    beforeEmit: function beforeEmit(context, listener) {
+      if (listener.conf && listener.conf.once) {
+        listener.conf.onceCollection.removeListener(listener.event, listener.qualifier, listener.callback);
+      }
+    },
+    bubble: function bubble() {
+      return true;
+    },
+    parent: function parent(ele) {
+      return ele.isChild() ? ele.parent() : ele.cy();
+    }
+  };
+  var argSelector$1 = function argSelector2(arg) {
+    if (string(arg)) {
+      return new Selector(arg);
+    } else {
+      return arg;
+    }
+  };
+  var elesfn$9 = {
+    createEmitter: function createEmitter() {
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        var _p = ele._private;
+        if (!_p.emitter) {
+          _p.emitter = new Emitter(emitterOptions$1, ele);
+        }
+      }
+      return this;
+    },
+    emitter: function emitter() {
+      return this._private.emitter;
+    },
+    on: function on(events, selector2, callback) {
+      var argSel = argSelector$1(selector2);
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        ele.emitter().on(events, argSel, callback);
+      }
+      return this;
+    },
+    removeListener: function removeListener(events, selector2, callback) {
+      var argSel = argSelector$1(selector2);
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        ele.emitter().removeListener(events, argSel, callback);
+      }
+      return this;
+    },
+    removeAllListeners: function removeAllListeners() {
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        ele.emitter().removeAllListeners();
+      }
+      return this;
+    },
+    one: function one2(events, selector2, callback) {
+      var argSel = argSelector$1(selector2);
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        ele.emitter().one(events, argSel, callback);
+      }
+      return this;
+    },
+    once: function once(events, selector2, callback) {
+      var argSel = argSelector$1(selector2);
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        ele.emitter().on(events, argSel, callback, {
+          once: true,
+          onceCollection: this
+        });
+      }
+    },
+    emit: function emit(events, extraParams) {
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        ele.emitter().emit(events, extraParams);
+      }
+      return this;
+    },
+    emitAndNotify: function emitAndNotify(event2, extraParams) {
+      if (this.length === 0) {
+        return;
+      }
+      this.cy().notify(event2, this);
+      this.emit(event2, extraParams);
+      return this;
+    }
+  };
+  define.eventAliasesOn(elesfn$9);
+  var elesfn$8 = {
+    nodes: function nodes(selector2) {
+      return this.filter(function(ele) {
+        return ele.isNode();
+      }).filter(selector2);
+    },
+    edges: function edges(selector2) {
+      return this.filter(function(ele) {
+        return ele.isEdge();
+      }).filter(selector2);
+    },
+    // internal helper to get nodes and edges as separate collections with single iteration over elements
+    byGroup: function byGroup2() {
+      var nodes = this.spawn();
+      var edges = this.spawn();
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        if (ele.isNode()) {
+          nodes.push(ele);
+        } else {
+          edges.push(ele);
+        }
+      }
+      return {
+        nodes,
+        edges
+      };
+    },
+    filter: function filter2(_filter, thisArg) {
+      if (_filter === void 0) {
+        return this;
+      } else if (string(_filter) || elementOrCollection(_filter)) {
+        return new Selector(_filter).filter(this);
+      } else if (fn$6(_filter)) {
+        var filterEles = this.spawn();
+        var eles = this;
+        for (var i2 = 0; i2 < eles.length; i2++) {
+          var ele = eles[i2];
+          var include = thisArg ? _filter.apply(thisArg, [ele, i2, eles]) : _filter(ele, i2, eles);
+          if (include) {
+            filterEles.push(ele);
+          }
+        }
+        return filterEles;
+      }
+      return this.spawn();
+    },
+    not: function not(toRemove) {
+      if (!toRemove) {
+        return this;
+      } else {
+        if (string(toRemove)) {
+          toRemove = this.filter(toRemove);
+        }
+        var elements = this.spawn();
+        for (var i2 = 0; i2 < this.length; i2++) {
+          var element2 = this[i2];
+          var remove2 = toRemove.has(element2);
+          if (!remove2) {
+            elements.push(element2);
+          }
+        }
+        return elements;
+      }
+    },
+    absoluteComplement: function absoluteComplement() {
+      var cy = this.cy();
+      return cy.mutableElements().not(this);
+    },
+    intersect: function intersect(other) {
+      if (string(other)) {
+        var selector2 = other;
+        return this.filter(selector2);
+      }
+      var elements = this.spawn();
+      var col1 = this;
+      var col2 = other;
+      var col1Smaller = this.length < other.length;
+      var colS = col1Smaller ? col1 : col2;
+      var colL = col1Smaller ? col2 : col1;
+      for (var i2 = 0; i2 < colS.length; i2++) {
+        var ele = colS[i2];
+        if (colL.has(ele)) {
+          elements.push(ele);
+        }
+      }
+      return elements;
+    },
+    xor: function xor(other) {
+      var cy = this._private.cy;
+      if (string(other)) {
+        other = cy.$(other);
+      }
+      var elements = this.spawn();
+      var col1 = this;
+      var col2 = other;
+      var add2 = function add3(col, other2) {
+        for (var i2 = 0; i2 < col.length; i2++) {
+          var ele = col[i2];
+          var id2 = ele._private.data.id;
+          var inOther = other2.hasElementWithId(id2);
+          if (!inOther) {
+            elements.push(ele);
+          }
+        }
+      };
+      add2(col1, col2);
+      add2(col2, col1);
+      return elements;
+    },
+    diff: function diff(other) {
+      var cy = this._private.cy;
+      if (string(other)) {
+        other = cy.$(other);
+      }
+      var left = this.spawn();
+      var right = this.spawn();
+      var both = this.spawn();
+      var col1 = this;
+      var col2 = other;
+      var add2 = function add3(col, other2, retEles) {
+        for (var i2 = 0; i2 < col.length; i2++) {
+          var ele = col[i2];
+          var id2 = ele._private.data.id;
+          var inOther = other2.hasElementWithId(id2);
+          if (inOther) {
+            both.merge(ele);
+          } else {
+            retEles.push(ele);
+          }
+        }
+      };
+      add2(col1, col2, left);
+      add2(col2, col1, right);
+      return {
+        left,
+        right,
+        both
+      };
+    },
+    add: function add2(toAdd) {
+      var cy = this._private.cy;
+      if (!toAdd) {
+        return this;
+      }
+      if (string(toAdd)) {
+        var selector2 = toAdd;
+        toAdd = cy.mutableElements().filter(selector2);
+      }
+      var elements = this.spawnSelf();
+      for (var i2 = 0; i2 < toAdd.length; i2++) {
+        var ele = toAdd[i2];
+        var add3 = !this.has(ele);
+        if (add3) {
+          elements.push(ele);
+        }
+      }
+      return elements;
+    },
+    // in place merge on calling collection
+    merge: function merge2(toAdd) {
+      var _p = this._private;
+      var cy = _p.cy;
+      if (!toAdd) {
+        return this;
+      }
+      if (toAdd && string(toAdd)) {
+        var selector2 = toAdd;
+        toAdd = cy.mutableElements().filter(selector2);
+      }
+      var map2 = _p.map;
+      for (var i2 = 0; i2 < toAdd.length; i2++) {
+        var toAddEle = toAdd[i2];
+        var id2 = toAddEle._private.data.id;
+        var add2 = !map2.has(id2);
+        if (add2) {
+          var index2 = this.length++;
+          this[index2] = toAddEle;
+          map2.set(id2, {
+            ele: toAddEle,
+            index: index2
+          });
+        }
+      }
+      return this;
+    },
+    unmergeAt: function unmergeAt(i2) {
+      var ele = this[i2];
+      var id2 = ele.id();
+      var _p = this._private;
+      var map2 = _p.map;
+      this[i2] = void 0;
+      map2["delete"](id2);
+      var unmergedLastEle = i2 === this.length - 1;
+      if (this.length > 1 && !unmergedLastEle) {
+        var lastEleI = this.length - 1;
+        var lastEle = this[lastEleI];
+        var lastEleId = lastEle._private.data.id;
+        this[lastEleI] = void 0;
+        this[i2] = lastEle;
+        map2.set(lastEleId, {
+          ele: lastEle,
+          index: i2
+        });
+      }
+      this.length--;
+      return this;
+    },
+    // remove single ele in place in calling collection
+    unmergeOne: function unmergeOne(ele) {
+      ele = ele[0];
+      var _p = this._private;
+      var id2 = ele._private.data.id;
+      var map2 = _p.map;
+      var entry = map2.get(id2);
+      if (!entry) {
+        return this;
+      }
+      var i2 = entry.index;
+      this.unmergeAt(i2);
+      return this;
+    },
+    // remove eles in place on calling collection
+    unmerge: function unmerge(toRemove) {
+      var cy = this._private.cy;
+      if (!toRemove) {
+        return this;
+      }
+      if (toRemove && string(toRemove)) {
+        var selector2 = toRemove;
+        toRemove = cy.mutableElements().filter(selector2);
+      }
+      for (var i2 = 0; i2 < toRemove.length; i2++) {
+        this.unmergeOne(toRemove[i2]);
+      }
+      return this;
+    },
+    unmergeBy: function unmergeBy(toRmFn) {
+      for (var i2 = this.length - 1; i2 >= 0; i2--) {
+        var ele = this[i2];
+        if (toRmFn(ele)) {
+          this.unmergeAt(i2);
+        }
+      }
+      return this;
+    },
+    map: function map2(mapFn, thisArg) {
+      var arr = [];
+      var eles = this;
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var ele = eles[i2];
+        var ret = thisArg ? mapFn.apply(thisArg, [ele, i2, eles]) : mapFn(ele, i2, eles);
+        arr.push(ret);
+      }
+      return arr;
+    },
+    reduce: function reduce(fn2, initialValue) {
+      var val = initialValue;
+      var eles = this;
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        val = fn2(val, eles[i2], i2, eles);
+      }
+      return val;
+    },
+    max: function max2(valFn, thisArg) {
+      var max3 = -Infinity;
+      var maxEle;
+      var eles = this;
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var ele = eles[i2];
+        var val = thisArg ? valFn.apply(thisArg, [ele, i2, eles]) : valFn(ele, i2, eles);
+        if (val > max3) {
+          max3 = val;
+          maxEle = ele;
+        }
+      }
+      return {
+        value: max3,
+        ele: maxEle
+      };
+    },
+    min: function min2(valFn, thisArg) {
+      var min3 = Infinity;
+      var minEle;
+      var eles = this;
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var ele = eles[i2];
+        var val = thisArg ? valFn.apply(thisArg, [ele, i2, eles]) : valFn(ele, i2, eles);
+        if (val < min3) {
+          min3 = val;
+          minEle = ele;
+        }
+      }
+      return {
+        value: min3,
+        ele: minEle
+      };
+    }
+  };
+  var fn$1 = elesfn$8;
+  fn$1["u"] = fn$1["|"] = fn$1["+"] = fn$1.union = fn$1.or = fn$1.add;
+  fn$1["\\"] = fn$1["!"] = fn$1["-"] = fn$1.difference = fn$1.relativeComplement = fn$1.subtract = fn$1.not;
+  fn$1["n"] = fn$1["&"] = fn$1["."] = fn$1.and = fn$1.intersection = fn$1.intersect;
+  fn$1["^"] = fn$1["(+)"] = fn$1["(-)"] = fn$1.symmetricDifference = fn$1.symdiff = fn$1.xor;
+  fn$1.fnFilter = fn$1.filterFn = fn$1.stdFilter = fn$1.filter;
+  fn$1.complement = fn$1.abscomp = fn$1.absoluteComplement;
+  var elesfn$7 = {
+    isNode: function isNode() {
+      return this.group() === "nodes";
+    },
+    isEdge: function isEdge() {
+      return this.group() === "edges";
+    },
+    isLoop: function isLoop() {
+      return this.isEdge() && this.source()[0] === this.target()[0];
+    },
+    isSimple: function isSimple() {
+      return this.isEdge() && this.source()[0] !== this.target()[0];
+    },
+    group: function group() {
+      var ele = this[0];
+      if (ele) {
+        return ele._private.group;
+      }
+    }
+  };
+  var zIndexSort = function zIndexSort2(a2, b) {
+    var cy = a2.cy();
+    var hasCompoundNodes = cy.hasCompoundNodes();
+    function getDepth(ele) {
+      var style = ele.pstyle("z-compound-depth");
+      if (style.value === "auto") {
+        return hasCompoundNodes ? ele.zDepth() : 0;
+      } else if (style.value === "bottom") {
+        return -1;
+      } else if (style.value === "top") {
+        return MAX_INT$1;
+      }
+      return 0;
+    }
+    var depthDiff = getDepth(a2) - getDepth(b);
+    if (depthDiff !== 0) {
+      return depthDiff;
+    }
+    function getEleDepth(ele) {
+      var style = ele.pstyle("z-index-compare");
+      if (style.value === "auto") {
+        return ele.isNode() ? 1 : 0;
+      }
+      return 0;
+    }
+    var eleDiff = getEleDepth(a2) - getEleDepth(b);
+    if (eleDiff !== 0) {
+      return eleDiff;
+    }
+    var zDiff = a2.pstyle("z-index").value - b.pstyle("z-index").value;
+    if (zDiff !== 0) {
+      return zDiff;
+    }
+    return a2.poolIndex() - b.poolIndex();
+  };
+  var elesfn$6 = {
+    forEach: function forEach(fn2, thisArg) {
+      if (fn$6(fn2)) {
+        var N = this.length;
+        for (var i2 = 0; i2 < N; i2++) {
+          var ele = this[i2];
+          var ret = thisArg ? fn2.apply(thisArg, [ele, i2, this]) : fn2(ele, i2, this);
+          if (ret === false) {
+            break;
+          }
+        }
+      }
+      return this;
+    },
+    toArray: function toArray2() {
+      var array2 = [];
+      for (var i2 = 0; i2 < this.length; i2++) {
+        array2.push(this[i2]);
+      }
+      return array2;
+    },
+    slice: function slice2(start2, end) {
+      var array2 = [];
+      var thisSize = this.length;
+      if (end == null) {
+        end = thisSize;
+      }
+      if (start2 == null) {
+        start2 = 0;
+      }
+      if (start2 < 0) {
+        start2 = thisSize + start2;
+      }
+      if (end < 0) {
+        end = thisSize + end;
+      }
+      for (var i2 = start2; i2 >= 0 && i2 < end && i2 < thisSize; i2++) {
+        array2.push(this[i2]);
+      }
+      return this.spawn(array2);
+    },
+    size: function size() {
+      return this.length;
+    },
+    eq: function eq(i2) {
+      return this[i2] || this.spawn();
+    },
+    first: function first() {
+      return this[0] || this.spawn();
+    },
+    last: function last() {
+      return this[this.length - 1] || this.spawn();
+    },
+    empty: function empty2() {
+      return this.length === 0;
+    },
+    nonempty: function nonempty() {
+      return !this.empty();
+    },
+    sort: function sort(sortFn) {
+      if (!fn$6(sortFn)) {
+        return this;
+      }
+      var sorted = this.toArray().sort(sortFn);
+      return this.spawn(sorted);
+    },
+    sortByZIndex: function sortByZIndex() {
+      return this.sort(zIndexSort);
+    },
+    zDepth: function zDepth() {
+      var ele = this[0];
+      if (!ele) {
+        return void 0;
+      }
+      var _p = ele._private;
+      var group = _p.group;
+      if (group === "nodes") {
+        var depth = _p.data.parent ? ele.parents().size() : 0;
+        if (!ele.isParent()) {
+          return MAX_INT$1 - 1;
+        }
+        return depth;
+      } else {
+        var src = _p.source;
+        var tgt = _p.target;
+        var srcDepth = src.zDepth();
+        var tgtDepth = tgt.zDepth();
+        return Math.max(srcDepth, tgtDepth, 0);
+      }
+    }
+  };
+  elesfn$6.each = elesfn$6.forEach;
+  var defineSymbolIterator = function defineSymbolIterator2() {
+    var typeofUndef = "undefined";
+    var isIteratorSupported = (typeof Symbol === "undefined" ? "undefined" : _typeof(Symbol)) != typeofUndef && _typeof(Symbol.iterator) != typeofUndef;
+    if (isIteratorSupported) {
+      elesfn$6[Symbol.iterator] = function() {
+        var _this = this;
+        var entry = {
+          value: void 0,
+          done: false
+        };
+        var i2 = 0;
+        var length = this.length;
+        return _defineProperty$1({
+          next: function next() {
+            if (i2 < length) {
+              entry.value = _this[i2++];
+            } else {
+              entry.value = void 0;
+              entry.done = true;
+            }
+            return entry;
+          }
+        }, Symbol.iterator, function() {
+          return this;
+        });
+      };
+    }
+  };
+  defineSymbolIterator();
+  var getLayoutDimensionOptions = defaults$g({
+    nodeDimensionsIncludeLabels: false
+  });
+  var elesfn$5 = {
+    // Calculates and returns node dimensions { x, y } based on options given
+    layoutDimensions: function layoutDimensions(options) {
+      options = getLayoutDimensionOptions(options);
+      var dims;
+      if (!this.takesUpSpace()) {
+        dims = {
+          w: 0,
+          h: 0
+        };
+      } else if (options.nodeDimensionsIncludeLabels) {
+        var bbDim = this.boundingBox();
+        dims = {
+          w: bbDim.w,
+          h: bbDim.h
+        };
+      } else {
+        dims = {
+          w: this.outerWidth(),
+          h: this.outerHeight()
+        };
+      }
+      if (dims.w === 0 || dims.h === 0) {
+        dims.w = dims.h = 1;
+      }
+      return dims;
+    },
+    // using standard layout options, apply position function (w/ or w/o animation)
+    layoutPositions: function layoutPositions(layout2, options, fn2) {
+      var nodes = this.nodes().filter(function(n) {
+        return !n.isParent();
+      });
+      var cy = this.cy();
+      var layoutEles = options.eles;
+      var getMemoizeKey = function getMemoizeKey2(node2) {
+        return node2.id();
+      };
+      var fnMem = memoize(fn2, getMemoizeKey);
+      layout2.emit({
+        type: "layoutstart",
+        layout: layout2
+      });
+      layout2.animations = [];
+      var calculateSpacing = function calculateSpacing2(spacing, nodesBb, pos) {
+        var center2 = {
+          x: nodesBb.x1 + nodesBb.w / 2,
+          y: nodesBb.y1 + nodesBb.h / 2
+        };
+        var spacingVector = {
+          // scale from center of bounding box (not necessarily 0,0)
+          x: (pos.x - center2.x) * spacing,
+          y: (pos.y - center2.y) * spacing
+        };
+        return {
+          x: center2.x + spacingVector.x,
+          y: center2.y + spacingVector.y
+        };
+      };
+      var useSpacingFactor = options.spacingFactor && options.spacingFactor !== 1;
+      var spacingBb = function spacingBb2() {
+        if (!useSpacingFactor) {
+          return null;
+        }
+        var bb2 = makeBoundingBox();
+        for (var i3 = 0; i3 < nodes.length; i3++) {
+          var node2 = nodes[i3];
+          var pos = fnMem(node2, i3);
+          expandBoundingBoxByPoint(bb2, pos.x, pos.y);
+        }
+        return bb2;
+      };
+      var bb = spacingBb();
+      var getFinalPos = memoize(function(node2, i3) {
+        var newPos2 = fnMem(node2, i3);
+        if (useSpacingFactor) {
+          var spacing = Math.abs(options.spacingFactor);
+          newPos2 = calculateSpacing(spacing, bb, newPos2);
+        }
+        if (options.transform != null) {
+          newPos2 = options.transform(node2, newPos2);
+        }
+        return newPos2;
+      }, getMemoizeKey);
+      if (options.animate) {
+        for (var i2 = 0; i2 < nodes.length; i2++) {
+          var node = nodes[i2];
+          var newPos = getFinalPos(node, i2);
+          var animateNode = options.animateFilter == null || options.animateFilter(node, i2);
+          if (animateNode) {
+            var ani = node.animation({
+              position: newPos,
+              duration: options.animationDuration,
+              easing: options.animationEasing
+            });
+            layout2.animations.push(ani);
+          } else {
+            node.position(newPos);
+          }
+        }
+        if (options.fit) {
+          var fitAni = cy.animation({
+            fit: {
+              boundingBox: layoutEles.boundingBoxAt(getFinalPos),
+              padding: options.padding
+            },
+            duration: options.animationDuration,
+            easing: options.animationEasing
+          });
+          layout2.animations.push(fitAni);
+        } else if (options.zoom !== void 0 && options.pan !== void 0) {
+          var zoomPanAni = cy.animation({
+            zoom: options.zoom,
+            pan: options.pan,
+            duration: options.animationDuration,
+            easing: options.animationEasing
+          });
+          layout2.animations.push(zoomPanAni);
+        }
+        layout2.animations.forEach(function(ani2) {
+          return ani2.play();
+        });
+        layout2.one("layoutready", options.ready);
+        layout2.emit({
+          type: "layoutready",
+          layout: layout2
+        });
+        Promise$1.all(layout2.animations.map(function(ani2) {
+          return ani2.promise();
+        })).then(function() {
+          layout2.one("layoutstop", options.stop);
+          layout2.emit({
+            type: "layoutstop",
+            layout: layout2
+          });
+        });
+      } else {
+        nodes.positions(getFinalPos);
+        if (options.fit) {
+          cy.fit(options.eles, options.padding);
+        }
+        if (options.zoom != null) {
+          cy.zoom(options.zoom);
+        }
+        if (options.pan) {
+          cy.pan(options.pan);
+        }
+        layout2.one("layoutready", options.ready);
+        layout2.emit({
+          type: "layoutready",
+          layout: layout2
+        });
+        layout2.one("layoutstop", options.stop);
+        layout2.emit({
+          type: "layoutstop",
+          layout: layout2
+        });
+      }
+      return this;
+    },
+    layout: function layout2(options) {
+      var cy = this.cy();
+      return cy.makeLayout(extend({}, options, {
+        eles: this
+      }));
+    }
+  };
+  elesfn$5.createLayout = elesfn$5.makeLayout = elesfn$5.layout;
+  function styleCache(key, fn2, ele) {
+    var _p = ele._private;
+    var cache2 = _p.styleCache = _p.styleCache || [];
+    var val;
+    if ((val = cache2[key]) != null) {
+      return val;
+    } else {
+      val = cache2[key] = fn2(ele);
+      return val;
+    }
+  }
+  function cacheStyleFunction(key, fn2) {
+    key = hashString(key);
+    return function cachedStyleFunction(ele) {
+      return styleCache(key, fn2, ele);
+    };
+  }
+  function cachePrototypeStyleFunction(key, fn2) {
+    key = hashString(key);
+    var selfFn = function selfFn2(ele) {
+      return fn2.call(ele);
+    };
+    return function cachedPrototypeStyleFunction() {
+      var ele = this[0];
+      if (ele) {
+        return styleCache(key, selfFn, ele);
+      }
+    };
+  }
+  var elesfn$4 = {
+    recalculateRenderedStyle: function recalculateRenderedStyle(useCache) {
+      var cy = this.cy();
+      var renderer2 = cy.renderer();
+      var styleEnabled = cy.styleEnabled();
+      if (renderer2 && styleEnabled) {
+        renderer2.recalculateRenderedStyle(this, useCache);
+      }
+      return this;
+    },
+    dirtyStyleCache: function dirtyStyleCache() {
+      var cy = this.cy();
+      var dirty = function dirty2(ele) {
+        return ele._private.styleCache = null;
+      };
+      if (cy.hasCompoundNodes()) {
+        var eles;
+        eles = this.spawnSelf().merge(this.descendants()).merge(this.parents());
+        eles.merge(eles.connectedEdges());
+        eles.forEach(dirty);
+      } else {
+        this.forEach(function(ele) {
+          dirty(ele);
+          ele.connectedEdges().forEach(dirty);
+        });
+      }
+      return this;
+    },
+    // fully updates (recalculates) the style for the elements
+    updateStyle: function updateStyle(notifyRenderer) {
+      var cy = this._private.cy;
+      if (!cy.styleEnabled()) {
+        return this;
+      }
+      if (cy.batching()) {
+        var bEles = cy._private.batchStyleEles;
+        bEles.merge(this);
+        return this;
+      }
+      var hasCompounds = cy.hasCompoundNodes();
+      var updatedEles = this;
+      notifyRenderer = notifyRenderer || notifyRenderer === void 0 ? true : false;
+      if (hasCompounds) {
+        updatedEles = this.spawnSelf().merge(this.descendants()).merge(this.parents());
+      }
+      var changedEles = updatedEles;
+      if (notifyRenderer) {
+        changedEles.emitAndNotify("style");
+      } else {
+        changedEles.emit("style");
+      }
+      updatedEles.forEach(function(ele) {
+        return ele._private.styleDirty = true;
+      });
+      return this;
+    },
+    // private: clears dirty flag and recalculates style
+    cleanStyle: function cleanStyle() {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return;
+      }
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        if (ele._private.styleDirty) {
+          ele._private.styleDirty = false;
+          cy.style().apply(ele);
+        }
+      }
+    },
+    // get the internal parsed style object for the specified property
+    parsedStyle: function parsedStyle(property) {
+      var includeNonDefault = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+      var ele = this[0];
+      var cy = ele.cy();
+      if (!cy.styleEnabled()) {
+        return;
+      }
+      if (ele) {
+        if (ele._private.styleDirty) {
+          ele._private.styleDirty = false;
+          cy.style().apply(ele);
+        }
+        var overriddenStyle = ele._private.style[property];
+        if (overriddenStyle != null) {
+          return overriddenStyle;
+        } else if (includeNonDefault) {
+          return cy.style().getDefaultProperty(property);
+        } else {
+          return null;
+        }
+      }
+    },
+    numericStyle: function numericStyle(property) {
+      var ele = this[0];
+      if (!ele.cy().styleEnabled()) {
+        return;
+      }
+      if (ele) {
+        var pstyle = ele.pstyle(property);
+        return pstyle.pfValue !== void 0 ? pstyle.pfValue : pstyle.value;
+      }
+    },
+    numericStyleUnits: function numericStyleUnits(property) {
+      var ele = this[0];
+      if (!ele.cy().styleEnabled()) {
+        return;
+      }
+      if (ele) {
+        return ele.pstyle(property).units;
+      }
+    },
+    // get the specified css property as a rendered value (i.e. on-screen value)
+    // or get the whole rendered style if no property specified (NB doesn't allow setting)
+    renderedStyle: function renderedStyle(property) {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return this;
+      }
+      var ele = this[0];
+      if (ele) {
+        return cy.style().getRenderedStyle(ele, property);
+      }
+    },
+    // read the calculated css style of the element or override the style (via a bypass)
+    style: function style(name2, value) {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return this;
+      }
+      var updateTransitions = false;
+      var style2 = cy.style();
+      if (plainObject(name2)) {
+        var props = name2;
+        style2.applyBypass(this, props, updateTransitions);
+        this.emitAndNotify("style");
+      } else if (string(name2)) {
+        if (value === void 0) {
+          var ele = this[0];
+          if (ele) {
+            return style2.getStylePropertyValue(ele, name2);
+          } else {
+            return;
+          }
+        } else {
+          style2.applyBypass(this, name2, value, updateTransitions);
+          this.emitAndNotify("style");
+        }
+      } else if (name2 === void 0) {
+        var _ele = this[0];
+        if (_ele) {
+          return style2.getRawStyle(_ele);
+        } else {
+          return;
+        }
+      }
+      return this;
+    },
+    removeStyle: function removeStyle(names) {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return this;
+      }
+      var updateTransitions = false;
+      var style = cy.style();
+      var eles = this;
+      if (names === void 0) {
+        for (var i2 = 0; i2 < eles.length; i2++) {
+          var ele = eles[i2];
+          style.removeAllBypasses(ele, updateTransitions);
+        }
+      } else {
+        names = names.split(/\s+/);
+        for (var _i = 0; _i < eles.length; _i++) {
+          var _ele2 = eles[_i];
+          style.removeBypasses(_ele2, names, updateTransitions);
+        }
+      }
+      this.emitAndNotify("style");
+      return this;
+    },
+    show: function show() {
+      this.css("display", "element");
+      return this;
+    },
+    hide: function hide() {
+      this.css("display", "none");
+      return this;
+    },
+    effectiveOpacity: function effectiveOpacity() {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return 1;
+      }
+      var hasCompoundNodes = cy.hasCompoundNodes();
+      var ele = this[0];
+      if (ele) {
+        var _p = ele._private;
+        var parentOpacity = ele.pstyle("opacity").value;
+        if (!hasCompoundNodes) {
+          return parentOpacity;
+        }
+        var parents = !_p.data.parent ? null : ele.parents();
+        if (parents) {
+          for (var i2 = 0; i2 < parents.length; i2++) {
+            var parent = parents[i2];
+            var opacity = parent.pstyle("opacity").value;
+            parentOpacity = opacity * parentOpacity;
+          }
+        }
+        return parentOpacity;
+      }
+    },
+    transparent: function transparent() {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return false;
+      }
+      var ele = this[0];
+      var hasCompoundNodes = ele.cy().hasCompoundNodes();
+      if (ele) {
+        if (!hasCompoundNodes) {
+          return ele.pstyle("opacity").value === 0;
+        } else {
+          return ele.effectiveOpacity() === 0;
+        }
+      }
+    },
+    backgrounding: function backgrounding() {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return false;
+      }
+      var ele = this[0];
+      return ele._private.backgrounding ? true : false;
+    }
+  };
+  function checkCompound(ele, parentOk) {
+    var _p = ele._private;
+    var parents = _p.data.parent ? ele.parents() : null;
+    if (parents) {
+      for (var i2 = 0; i2 < parents.length; i2++) {
+        var parent = parents[i2];
+        if (!parentOk(parent)) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+  function defineDerivedStateFunction(specs) {
+    var ok = specs.ok;
+    var edgeOkViaNode = specs.edgeOkViaNode || specs.ok;
+    var parentOk = specs.parentOk || specs.ok;
+    return function() {
+      var cy = this.cy();
+      if (!cy.styleEnabled()) {
+        return true;
+      }
+      var ele = this[0];
+      var hasCompoundNodes = cy.hasCompoundNodes();
+      if (ele) {
+        var _p = ele._private;
+        if (!ok(ele)) {
+          return false;
+        }
+        if (ele.isNode()) {
+          return !hasCompoundNodes || checkCompound(ele, parentOk);
+        } else {
+          var src = _p.source;
+          var tgt = _p.target;
+          return edgeOkViaNode(src) && (!hasCompoundNodes || checkCompound(src, edgeOkViaNode)) && (src === tgt || edgeOkViaNode(tgt) && (!hasCompoundNodes || checkCompound(tgt, edgeOkViaNode)));
+        }
+      }
+    };
+  }
+  var eleTakesUpSpace = cacheStyleFunction("eleTakesUpSpace", function(ele) {
+    return ele.pstyle("display").value === "element" && ele.width() !== 0 && (ele.isNode() ? ele.height() !== 0 : true);
+  });
+  elesfn$4.takesUpSpace = cachePrototypeStyleFunction("takesUpSpace", defineDerivedStateFunction({
+    ok: eleTakesUpSpace
+  }));
+  var eleInteractive = cacheStyleFunction("eleInteractive", function(ele) {
+    return ele.pstyle("events").value === "yes" && ele.pstyle("visibility").value === "visible" && eleTakesUpSpace(ele);
+  });
+  var parentInteractive = cacheStyleFunction("parentInteractive", function(parent) {
+    return parent.pstyle("visibility").value === "visible" && eleTakesUpSpace(parent);
+  });
+  elesfn$4.interactive = cachePrototypeStyleFunction("interactive", defineDerivedStateFunction({
+    ok: eleInteractive,
+    parentOk: parentInteractive,
+    edgeOkViaNode: eleTakesUpSpace
+  }));
+  elesfn$4.noninteractive = function() {
+    var ele = this[0];
+    if (ele) {
+      return !ele.interactive();
+    }
+  };
+  var eleVisible = cacheStyleFunction("eleVisible", function(ele) {
+    return ele.pstyle("visibility").value === "visible" && ele.pstyle("opacity").pfValue !== 0 && eleTakesUpSpace(ele);
+  });
+  var edgeVisibleViaNode = eleTakesUpSpace;
+  elesfn$4.visible = cachePrototypeStyleFunction("visible", defineDerivedStateFunction({
+    ok: eleVisible,
+    edgeOkViaNode: edgeVisibleViaNode
+  }));
+  elesfn$4.hidden = function() {
+    var ele = this[0];
+    if (ele) {
+      return !ele.visible();
+    }
+  };
+  elesfn$4.isBundledBezier = cachePrototypeStyleFunction("isBundledBezier", function() {
+    if (!this.cy().styleEnabled()) {
+      return false;
+    }
+    return !this.removed() && this.pstyle("curve-style").value === "bezier" && this.takesUpSpace();
+  });
+  elesfn$4.bypass = elesfn$4.css = elesfn$4.style;
+  elesfn$4.renderedCss = elesfn$4.renderedStyle;
+  elesfn$4.removeBypass = elesfn$4.removeCss = elesfn$4.removeStyle;
+  elesfn$4.pstyle = elesfn$4.parsedStyle;
+  var elesfn$3 = {};
+  function defineSwitchFunction(params) {
+    return function() {
+      var args = arguments;
+      var changedEles = [];
+      if (args.length === 2) {
+        var data2 = args[0];
+        var handler = args[1];
+        this.on(params.event, data2, handler);
+      } else if (args.length === 1 && fn$6(args[0])) {
+        var _handler = args[0];
+        this.on(params.event, _handler);
+      } else if (args.length === 0 || args.length === 1 && array(args[0])) {
+        var addlEvents = args.length === 1 ? args[0] : null;
+        for (var i2 = 0; i2 < this.length; i2++) {
+          var ele = this[i2];
+          var able = !params.ableField || ele._private[params.ableField];
+          var changed = ele._private[params.field] != params.value;
+          if (params.overrideAble) {
+            var overrideAble = params.overrideAble(ele);
+            if (overrideAble !== void 0) {
+              able = overrideAble;
+              if (!overrideAble) {
+                return this;
+              }
+            }
+          }
+          if (able) {
+            ele._private[params.field] = params.value;
+            if (changed) {
+              changedEles.push(ele);
+            }
+          }
+        }
+        var changedColl = this.spawn(changedEles);
+        changedColl.updateStyle();
+        changedColl.emit(params.event);
+        if (addlEvents) {
+          changedColl.emit(addlEvents);
+        }
+      }
+      return this;
+    };
+  }
+  function defineSwitchSet(params) {
+    elesfn$3[params.field] = function() {
+      var ele = this[0];
+      if (ele) {
+        if (params.overrideField) {
+          var val = params.overrideField(ele);
+          if (val !== void 0) {
+            return val;
+          }
+        }
+        return ele._private[params.field];
+      }
+    };
+    elesfn$3[params.on] = defineSwitchFunction({
+      event: params.on,
+      field: params.field,
+      ableField: params.ableField,
+      overrideAble: params.overrideAble,
+      value: true
+    });
+    elesfn$3[params.off] = defineSwitchFunction({
+      event: params.off,
+      field: params.field,
+      ableField: params.ableField,
+      overrideAble: params.overrideAble,
+      value: false
+    });
+  }
+  defineSwitchSet({
+    field: "locked",
+    overrideField: function overrideField(ele) {
+      return ele.cy().autolock() ? true : void 0;
+    },
+    on: "lock",
+    off: "unlock"
+  });
+  defineSwitchSet({
+    field: "grabbable",
+    overrideField: function overrideField(ele) {
+      return ele.cy().autoungrabify() || ele.pannable() ? false : void 0;
+    },
+    on: "grabify",
+    off: "ungrabify"
+  });
+  defineSwitchSet({
+    field: "selected",
+    ableField: "selectable",
+    overrideAble: function overrideAble(ele) {
+      return ele.cy().autounselectify() ? false : void 0;
+    },
+    on: "select",
+    off: "unselect"
+  });
+  defineSwitchSet({
+    field: "selectable",
+    overrideField: function overrideField(ele) {
+      return ele.cy().autounselectify() ? false : void 0;
+    },
+    on: "selectify",
+    off: "unselectify"
+  });
+  elesfn$3.deselect = elesfn$3.unselect;
+  elesfn$3.grabbed = function() {
+    var ele = this[0];
+    if (ele) {
+      return ele._private.grabbed;
+    }
+  };
+  defineSwitchSet({
+    field: "active",
+    on: "activate",
+    off: "unactivate"
+  });
+  defineSwitchSet({
+    field: "pannable",
+    on: "panify",
+    off: "unpanify"
+  });
+  elesfn$3.inactive = function() {
+    var ele = this[0];
+    if (ele) {
+      return !ele._private.active;
+    }
+  };
+  var elesfn$2 = {};
+  var defineDagExtremity = function defineDagExtremity2(params) {
+    return function dagExtremityImpl(selector2) {
+      var eles = this;
+      var ret = [];
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var ele = eles[i2];
+        if (!ele.isNode()) {
+          continue;
+        }
+        var disqualified = false;
+        var edges = ele.connectedEdges();
+        for (var j = 0; j < edges.length; j++) {
+          var edge = edges[j];
+          var src = edge.source();
+          var tgt = edge.target();
+          if (params.noIncomingEdges && tgt === ele && src !== ele || params.noOutgoingEdges && src === ele && tgt !== ele) {
+            disqualified = true;
+            break;
+          }
+        }
+        if (!disqualified) {
+          ret.push(ele);
+        }
+      }
+      return this.spawn(ret, true).filter(selector2);
+    };
+  };
+  var defineDagOneHop = function defineDagOneHop2(params) {
+    return function(selector2) {
+      var eles = this;
+      var oEles = [];
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var ele = eles[i2];
+        if (!ele.isNode()) {
+          continue;
+        }
+        var edges = ele.connectedEdges();
+        for (var j = 0; j < edges.length; j++) {
+          var edge = edges[j];
+          var src = edge.source();
+          var tgt = edge.target();
+          if (params.outgoing && src === ele) {
+            oEles.push(edge);
+            oEles.push(tgt);
+          } else if (params.incoming && tgt === ele) {
+            oEles.push(edge);
+            oEles.push(src);
+          }
+        }
+      }
+      return this.spawn(oEles, true).filter(selector2);
+    };
+  };
+  var defineDagAllHops = function defineDagAllHops2(params) {
+    return function(selector2) {
+      var eles = this;
+      var sEles = [];
+      var sElesIds = {};
+      for (; ; ) {
+        var next = params.outgoing ? eles.outgoers() : eles.incomers();
+        if (next.length === 0) {
+          break;
+        }
+        var newNext = false;
+        for (var i2 = 0; i2 < next.length; i2++) {
+          var n = next[i2];
+          var nid = n.id();
+          if (!sElesIds[nid]) {
+            sElesIds[nid] = true;
+            sEles.push(n);
+            newNext = true;
+          }
+        }
+        if (!newNext) {
+          break;
+        }
+        eles = next;
+      }
+      return this.spawn(sEles, true).filter(selector2);
+    };
+  };
+  elesfn$2.clearTraversalCache = function() {
+    for (var i2 = 0; i2 < this.length; i2++) {
+      this[i2]._private.traversalCache = null;
+    }
+  };
+  extend(elesfn$2, {
+    // get the root nodes in the DAG
+    roots: defineDagExtremity({
+      noIncomingEdges: true
+    }),
+    // get the leaf nodes in the DAG
+    leaves: defineDagExtremity({
+      noOutgoingEdges: true
+    }),
+    // normally called children in graph theory
+    // these nodes =edges=> outgoing nodes
+    outgoers: cache(defineDagOneHop({
+      outgoing: true
+    }), "outgoers"),
+    // aka DAG descendants
+    successors: defineDagAllHops({
+      outgoing: true
+    }),
+    // normally called parents in graph theory
+    // these nodes <=edges= incoming nodes
+    incomers: cache(defineDagOneHop({
+      incoming: true
+    }), "incomers"),
+    // aka DAG ancestors
+    predecessors: defineDagAllHops({})
+  });
+  extend(elesfn$2, {
+    neighborhood: cache(function(selector2) {
+      var elements = [];
+      var nodes = this.nodes();
+      for (var i2 = 0; i2 < nodes.length; i2++) {
+        var node = nodes[i2];
+        var connectedEdges = node.connectedEdges();
+        for (var j = 0; j < connectedEdges.length; j++) {
+          var edge = connectedEdges[j];
+          var src = edge.source();
+          var tgt = edge.target();
+          var otherNode = node === src ? tgt : src;
+          if (otherNode.length > 0) {
+            elements.push(otherNode[0]);
+          }
+          elements.push(edge[0]);
+        }
+      }
+      return this.spawn(elements, true).filter(selector2);
+    }, "neighborhood"),
+    closedNeighborhood: function closedNeighborhood(selector2) {
+      return this.neighborhood().add(this).filter(selector2);
+    },
+    openNeighborhood: function openNeighborhood(selector2) {
+      return this.neighborhood(selector2);
+    }
+  });
+  elesfn$2.neighbourhood = elesfn$2.neighborhood;
+  elesfn$2.closedNeighbourhood = elesfn$2.closedNeighborhood;
+  elesfn$2.openNeighbourhood = elesfn$2.openNeighborhood;
+  extend(elesfn$2, {
+    source: cache(function sourceImpl(selector2) {
+      var ele = this[0];
+      var src;
+      if (ele) {
+        src = ele._private.source || ele.cy().collection();
+      }
+      return src && selector2 ? src.filter(selector2) : src;
+    }, "source"),
+    target: cache(function targetImpl(selector2) {
+      var ele = this[0];
+      var tgt;
+      if (ele) {
+        tgt = ele._private.target || ele.cy().collection();
+      }
+      return tgt && selector2 ? tgt.filter(selector2) : tgt;
+    }, "target"),
+    sources: defineSourceFunction({
+      attr: "source"
+    }),
+    targets: defineSourceFunction({
+      attr: "target"
+    })
+  });
+  function defineSourceFunction(params) {
+    return function sourceImpl(selector2) {
+      var sources = [];
+      for (var i2 = 0; i2 < this.length; i2++) {
+        var ele = this[i2];
+        var src = ele._private[params.attr];
+        if (src) {
+          sources.push(src);
+        }
+      }
+      return this.spawn(sources, true).filter(selector2);
+    };
+  }
+  extend(elesfn$2, {
+    edgesWith: cache(defineEdgesWithFunction(), "edgesWith"),
+    edgesTo: cache(defineEdgesWithFunction({
+      thisIsSrc: true
+    }), "edgesTo")
+  });
+  function defineEdgesWithFunction(params) {
+    return function edgesWithImpl(otherNodes) {
+      var elements = [];
+      var cy = this._private.cy;
+      var p2 = params || {};
+      if (string(otherNodes)) {
+        otherNodes = cy.$(otherNodes);
+      }
+      for (var h = 0; h < otherNodes.length; h++) {
+        var edges = otherNodes[h]._private.edges;
+        for (var i2 = 0; i2 < edges.length; i2++) {
+          var edge = edges[i2];
+          var edgeData = edge._private.data;
+          var thisToOther = this.hasElementWithId(edgeData.source) && otherNodes.hasElementWithId(edgeData.target);
+          var otherToThis = otherNodes.hasElementWithId(edgeData.source) && this.hasElementWithId(edgeData.target);
+          var edgeConnectsThisAndOther = thisToOther || otherToThis;
+          if (!edgeConnectsThisAndOther) {
+            continue;
+          }
+          if (p2.thisIsSrc || p2.thisIsTgt) {
+            if (p2.thisIsSrc && !thisToOther) {
+              continue;
+            }
+            if (p2.thisIsTgt && !otherToThis) {
+              continue;
+            }
+          }
+          elements.push(edge);
+        }
+      }
+      return this.spawn(elements, true);
+    };
+  }
+  extend(elesfn$2, {
+    connectedEdges: cache(function(selector2) {
+      var retEles = [];
+      var eles = this;
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var node = eles[i2];
+        if (!node.isNode()) {
+          continue;
+        }
+        var edges = node._private.edges;
+        for (var j = 0; j < edges.length; j++) {
+          var edge = edges[j];
+          retEles.push(edge);
+        }
+      }
+      return this.spawn(retEles, true).filter(selector2);
+    }, "connectedEdges"),
+    connectedNodes: cache(function(selector2) {
+      var retEles = [];
+      var eles = this;
+      for (var i2 = 0; i2 < eles.length; i2++) {
+        var edge = eles[i2];
+        if (!edge.isEdge()) {
+          continue;
+        }
+        retEles.push(edge.source()[0]);
+        retEles.push(edge.target()[0]);
+      }
+      return this.spawn(retEles, true).filter(selector2);
+    }, "connectedNodes"),
+    parallelEdges: cache(defineParallelEdgesFunction(), "parallelEdges"),
+    codirectedEdges: cache(defineParallelEdgesFunction({
+      codirected: true
+    }), "codirectedEdges")
+  });
+  function defineParallelEdgesFunction(params) {
+    var defaults2 = {
+      codirected: false
+    };
+    params = extend({}, defaults2, params);
+    return function parallelEdgesImpl(selector2) {
+      var elements = [];
+      var edges = this.edges();
+      var p2 = params;
+      for (var i2 = 0; i2 < edges.length; i2++) {
+        var edge1 = edges[i2];
+        var edge1_p = edge1._private;
+        var src1 = edge1_p.source;
+        var srcid1 = src1._private.data.id;
+        var tgtid1 = edge1_p.data.target;
+        var srcEdges1 = src1._private.edges;
+        for (var j = 0; j < srcEdges1.length; j++) {
+          var edge2 = srcEdges1[j];
+          var edge2data = edge2._private.data;
+          var tgtid2 = edge2data.target;
+          var srcid2 = edge2data.source;
+          var codirected = tgtid2 === tgtid1 && srcid2 === srcid1;
+          var oppdirected = srcid1 === tgtid2 && tgtid1 === srcid2;
+          if (p2.codirected && codirected || !p2.codirected && (codirected || oppdirected)) {
+            elements.push(edge2);
+          }
+        }
+      }
+      return this.spawn(elements, true).filter(selector2);
+    };
+  }
+  extend(elesfn$2, {
+    components: function components(root2) {
+      var self2 = this;
+      var cy = self2.cy();
+      var visited = cy.collection();
+      var unvisited = root2 == null ? self2.nodes() : root2.nodes();
+      var components2 = [];
+      if (root2 != null && unvisited.empty()) {
+        unvisited = root2.sources();
+      }
+      var visitInComponent = function visitInComponent2(node, component) {
+        visited.merge(node);
+        unvisited.unmerge(node);
+        component.merge(node);
+      };
+      if (unvisited.empty()) {
+        return self2.spawn();
+      }
+      var _loop = function _loop2() {
+        var cmpt = cy.collection();
+        components2.push(cmpt);
+        var root3 = unvisited[0];
+        visitInComponent(root3, cmpt);
+        self2.bfs({
+          directed: false,
+          roots: root3,
+          visit: function visit(v) {
+            return visitInComponent(v, cmpt);
+          }
+        });
+        cmpt.forEach(function(node) {
+          node.connectedEdges().forEach(function(e) {
+            if (self2.has(e) && cmpt.has(e.source()) && cmpt.has(e.target())) {
+              cmpt.merge(e);
+            }
+          });
+        });
+      };
+      do {
+        _loop();
+      } while (unvisited.length > 0);
+      return components2;
+    },
+    component: function component() {
+      var ele = this[0];
+      return ele.cy().mutableElements().components(ele)[0];
+    }
+  });
+  elesfn$2.componentsOf = elesfn$2.components;
+  var Collection = function Collection2(cy, elements) {
+    var unique = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+    var removed = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
+    if (cy === void 0) {
+      error("A collection must have a reference to the core");
+      return;
+    }
+    var map2 = new Map$1();
+    var createdElements = false;
+    if (!elements) {
+      elements = [];
+    } else if (elements.length > 0 && plainObject(elements[0]) && !element(elements[0])) {
+      createdElements = true;
+      var eles = [];
+      var elesIds = new Set$1();
+      for (var i2 = 0, l = elements.length; i2 < l; i2++) {
+        var json2 = elements[i2];
+        if (json2.data == null) {
+          json2.data = {};
+        }
+        var _data = json2.data;
+        if (_data.id == null) {
+          _data.id = uuid();
+        } else if (cy.hasElementWithId(_data.id) || elesIds.has(_data.id)) {
+          continue;
+        }
+        var ele = new Element(cy, json2, false);
+        eles.push(ele);
+        elesIds.add(_data.id);
+      }
+      elements = eles;
+    }
+    this.length = 0;
+    for (var _i = 0, _l = elements.length; _i < _l; _i++) {
+      var element$1 = elements[_i][0];
+      if (element$1 == null) {
+        continue;
+      }
+      var id2 = element$1._private.data.id;
+      if (!unique || !map2.has(id2)) {
+        if (unique) {
+          map2.set(id2, {
+            index: this.length,
+            ele: element$1
+          });
+        }
+        this[this.length] = element$1;
+        this.length++;
+      }
+    }
+    this._private = {
+      eles: this,
+      cy,
+      get map() {
+        if (this.lazyMap == null) {
+          this.rebuildMap();
+        }
+        return this.lazyMap;
+      },
+      set map(m2) {
+        this.lazyMap = m2;
+      },
+      rebuildMap: function rebuildMap() {
+        var m2 = this.lazyMap = new Map$1();
+        var eles2 = this.eles;
+        for (var _i2 = 0; _i2 < eles2.length; _i2++) {
+          var _ele = eles2[_i2];
+          m2.set(_ele.id(), {
+            index: _i2,
+            ele: _ele
+          });
+        }
+      }
+    };
+    if (unique) {
+      this._private.map = map2;
+    }
+    if (createdElements && !removed) {
+      this.restore();
+    }
+  };
+  var elesfn$1 = Element.prototype = Collection.prototype = Object.create(Array.prototype);
+  elesfn$1.instanceString = function() {
+    return "collection";
+  };
+  elesfn$1.spawn = function(eles, unique) {
+    return new Collection(this.cy(), eles, unique);
+  };
+  elesfn$1.spawnSelf = function() {
+    return this.spawn(this);
+  };
+  elesfn$1.cy = function() {
+    return this._private.cy;
+  };
+  elesfn$1.renderer = function() {
+    return this._private.cy.renderer();
+  };
+  elesfn$1.element = function() {
+    return this[0];
+  };
+  elesfn$1.collection = function() {
+    if (collection(this)) {
+      return this;
+    } else {
+      return new Collection(this._private.cy, [this]);
+    }
+  };
+  elesfn$1.unique = function() {
+    return new Collection(this._private.cy, this, true);
+  };
+  elesfn$1.hasElementWithId = function(id2) {
+    id2 = "" + id2;
+    return this._private.map.has(id2);
+  };
+  elesfn$1.getElementById = function(id2) {
+    id2 = "" + id2;
+    var cy = this._private.cy;
+    var entry = this._private.map.get(id2);
+    return entry ? entry.ele : new Collection(cy);
+  };
+  elesfn$1.$id = elesfn$1.getElementById;
+  elesfn$1.poolIndex = function() {
+    var cy = this._private.cy;
+    var eles = cy._private.elements;
+    var id2 = this[0]._private.data.id;
+    return eles._private.map.get(id2).index;
+  };
+  elesfn$1.indexOf = function(ele) {
+    var id2 = ele[0]._private.data.id;
+    return this._private.map.get(id2).index;
+  };
+  elesfn$1.indexOfId = function(id2) {
+    id2 = "" + id2;
+    return this._private.map.get(id2).index;
+  };
+  elesfn$1.json = function(obj) {
+    var ele = this.element();
+    var cy = this.cy();
+    if (ele == null && obj) {
+      return this;
+    }
+    if (ele == null) {
+      return void 0;
+    }
+    var p2 = ele._private;
+    if (plainObject(obj)) {
+      cy.startBatch();
+      if (obj.data) {
+        ele.data(obj.data);
+        var _data2 = p2.data;
+        if (ele.isEdge()) {
+          var move = false;
+          var spec = {};
+          var src = obj.data.source;
+          var tgt = obj.data.target;
+          if (src != null && src != _data2.source) {
+            spec.source = "" + src;
+            move = true;
+          }
+          if (tgt != null && tgt != _data2.target) {
+            spec.target = "" + tgt;
+            move = true;
+          }
+          if (move) {
+            ele = ele.move(spec);
+          }
+        } else {
+          var newParentValSpecd = "parent" in obj.data;
+          var parent = obj.data.parent;
+          if (newParentValSpecd && (parent != null || _data2.parent != null) && parent != _data2.parent) {
+            if (parent === void 0) {
+              parent = null;
+            }
+            if (parent != null) {
+              parent = "" + parent;
+            }
+            ele = ele.move({
+              parent
+            });
+          }
+        }
+      }
+      if (obj.position) {
+        ele.position(obj.position);
+      }
+      var checkSwitch = function checkSwitch2(k, trueFnName, falseFnName) {
+        var obj_k = obj[k];
+        if (obj_k != null && obj_k !== p2[k]) {
+          if (obj_k) {
+            ele[trueFnName]();
+          } else {
+            ele[falseFnName]();
+          }
+        }
+      };
+      checkSwitch("removed", "remove", "restore");
+      checkSwitch("selected", "select", "unselect");
+      checkSwitch("selectable", "selectify", "unselectify");
+      checkSwitch("locked", "lock", "unlock");
+      checkSwitch("grabbable", "grabify", "ungrabify");
+      checkSwitch("pannable", "panify", "unpanify");
+      if (obj.classes != null) {
+        ele.classes(obj.classes);
+      }
+      cy.endBatch();
+      return this;
+    } else if (obj === void 0) {
+      var json2 = {
+        data: copy(p2.data),
+        position: copy(p2.position),
+        group: p2.group,
+        removed: p2.removed,
+        selected: p2.selected,
+        selectable: p2.selectable,
+        locked: p2.locked,
+        grabbable: p2.grabbable,
+        pannable: p2.pannable,
+        classes: null
+      };
+      json2.classes = "";
+      var i2 = 0;
+      p2.classes.forEach(function(cls) {
+        return json2.classes += i2++ === 0 ? cls : " " + cls;
+      });
+      return json2;
+    }
+  };
+  elesfn$1.jsons = function() {
+    var jsons = [];
+    for (var i2 = 0; i2 < this.length; i2++) {
+      var ele = this[i2];
+      var json2 = ele.json();
+      jsons.push(json2);
+    }
+    return jsons;
+  };
+  elesfn$1.clone = function() {
+    var cy = this.cy();
+    var elesArr = [];
+    for (var i2 = 0; i2 < this.length; i2++) {
+      var ele = this[i2];
+      var json2 = ele.json();
+      var clone2 = new Element(cy, json2, false);
+      elesArr.push(clone2);
+    }
+    return new Collection(cy, elesArr);
+  };
+  elesfn$1.copy = elesfn$1.clone;
+  elesfn$1.restore = function() {
+    var notifyRenderer = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+    var addToPool = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+    var self2 = this;
+    var cy = self2.cy();
+    var cy_p = cy._private;
+    var nodes = [];
+    var edges = [];
+    var elements;
+    for (var _i3 = 0, l = self2.length; _i3 < l; _i3++) {
+      var ele = self2[_i3];
+      if (addToPool && !ele.removed()) {
+        continue;
+      }
+      if (ele.isNode()) {
+        nodes.push(ele);
+      } else {
+        edges.push(ele);
+      }
+    }
+    elements = nodes.concat(edges);
+    var i2;
+    var removeFromElements = function removeFromElements2() {
+      elements.splice(i2, 1);
+      i2--;
+    };
+    for (i2 = 0; i2 < elements.length; i2++) {
+      var _ele2 = elements[i2];
+      var _private = _ele2._private;
+      var _data3 = _private.data;
+      _ele2.clearTraversalCache();
+      if (!addToPool && !_private.removed) ;
+      else if (_data3.id === void 0) {
+        _data3.id = uuid();
+      } else if (number$1(_data3.id)) {
+        _data3.id = "" + _data3.id;
+      } else if (emptyString(_data3.id) || !string(_data3.id)) {
+        error("Can not create element with invalid string ID `" + _data3.id + "`");
+        removeFromElements();
+        continue;
+      } else if (cy.hasElementWithId(_data3.id)) {
+        error("Can not create second element with ID `" + _data3.id + "`");
+        removeFromElements();
+        continue;
+      }
+      var id2 = _data3.id;
+      if (_ele2.isNode()) {
+        var pos = _private.position;
+        if (pos.x == null) {
+          pos.x = 0;
+        }
+        if (pos.y == null) {
+          pos.y = 0;
+        }
+      }
+      if (_ele2.isEdge()) {
+        var edge = _ele2;
+        var fields = ["source", "target"];
+        var fieldsLength = fields.length;
+        var badSourceOrTarget = false;
+        for (var j = 0; j < fieldsLength; j++) {
+          var field = fields[j];
+          var val = _data3[field];
+          if (number$1(val)) {
+            val = _data3[field] = "" + _data3[field];
+          }
+          if (val == null || val === "") {
+            error("Can not create edge `" + id2 + "` with unspecified " + field);
+            badSourceOrTarget = true;
+          } else if (!cy.hasElementWithId(val)) {
+            error("Can not create edge `" + id2 + "` with nonexistant " + field + " `" + val + "`");
+            badSourceOrTarget = true;
+          }
+        }
+        if (badSourceOrTarget) {
+          removeFromElements();
+          continue;
+        }
+        var src = cy.getElementById(_data3.source);
+        var tgt = cy.getElementById(_data3.target);
+        if (src.same(tgt)) {
+          src._private.edges.push(edge);
+        } else {
+          src._private.edges.push(edge);
+          tgt._private.edges.push(edge);
+        }
+        edge._private.source = src;
+        edge._private.target = tgt;
+      }
+      _private.map = new Map$1();
+      _private.map.set(id2, {
+        ele: _ele2,
+        index: 0
+      });
+      _private.removed = false;
+      if (addToPool) {
+        cy.addToPool(_ele2);
+      }
+    }
+    for (var _i4 = 0; _i4 < nodes.length; _i4++) {
+      var node = nodes[_i4];
+      var _data4 = node._private.data;
+      if (number$1(_data4.parent)) {
+        _data4.parent = "" + _data4.parent;
+      }
+      var parentId = _data4.parent;
+      var specifiedParent = parentId != null;
+      if (specifiedParent || node._private.parent) {
+        var parent = node._private.parent ? cy.collection().merge(node._private.parent) : cy.getElementById(parentId);
+        if (parent.empty()) {
+          _data4.parent = void 0;
+        } else if (parent[0].removed()) {
+          warn("Node added with missing parent, reference to parent removed");
+          _data4.parent = void 0;
+          node._private.parent = null;
+        } else {
+          var selfAsParent = false;
+          var ancestor = parent;
+          while (!ancestor.empty()) {
+            if (node.same(ancestor)) {
+              selfAsParent = true;
+              _data4.parent = void 0;
+              break;
+            }
+            ancestor = ancestor.parent();
+          }
+          if (!selfAsParent) {
+            parent[0]._private.children.push(node);
+            node._private.parent = parent[0];
+            cy_p.hasCompoundNodes = true;
+          }
+        }
+      }
+    }
+    if (elements.length > 0) {
+      var restored = elements.length === self2.length ? self2 : new Collection(cy, elements);
+      for (var _i5 = 0; _i5 < restored.length; _i5++) {
+        var _ele3 = restored[_i5];
+        if (_ele3.isNode()) {
+          continue;
+        }
+        _ele3.parallelEdges().clearTraversalCache();
+        _ele3.source().clearTraversalCache();
+        _ele3.target().clearTraversalCache();
+      }
+      var toUpdateStyle;
+      if (cy_p.hasCompoundNodes) {
+        toUpdateStyle = cy.collection().merge(restored).merge(restored.connectedNodes()).merge(restored.parent());
+      } else {
+        toUpdateStyle = restored;
+      }
+      toUpdateStyle.dirtyCompoundBoundsCache().dirtyBoundingBoxCache().updateStyle(notifyRenderer);
+      if (notifyRenderer) {
+        restored.emitAndNotify("add");
+      } else if (addToPool) {
+        restored.emit("add");
+      }
+    }
+    return self2;
+  };
+  elesfn$1.removed = function() {
+    var ele = this[0];
+    return ele && ele._private.removed;
+  };
+  elesfn$1.inside = function() {
+    var ele = this[0];
+    return ele && !ele._private.removed;
+  };
+  elesfn$1.remove = function() {
+    var notifyRenderer = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+    var removeFromPool = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+    var self2 = this;
+    var elesToRemove = [];
+    var elesToRemoveIds = {};
+    var cy = self2._private.cy;
+    function addConnectedEdges(node) {
+      var edges = node._private.edges;
+      for (var i3 = 0; i3 < edges.length; i3++) {
+        add2(edges[i3]);
+      }
+    }
+    function addChildren2(node) {
+      var children2 = node._private.children;
+      for (var i3 = 0; i3 < children2.length; i3++) {
+        add2(children2[i3]);
+      }
+    }
+    function add2(ele2) {
+      var alreadyAdded = elesToRemoveIds[ele2.id()];
+      if (removeFromPool && ele2.removed() || alreadyAdded) {
+        return;
+      } else {
+        elesToRemoveIds[ele2.id()] = true;
+      }
+      if (ele2.isNode()) {
+        elesToRemove.push(ele2);
+        addConnectedEdges(ele2);
+        addChildren2(ele2);
+      } else {
+        elesToRemove.unshift(ele2);
+      }
+    }
+    for (var i2 = 0, l = self2.length; i2 < l; i2++) {
+      var ele = self2[i2];
+      add2(ele);
+    }
+    function removeEdgeRef(node, edge) {
+      var connectedEdges = node._private.edges;
+      removeFromArray(connectedEdges, edge);
+      node.clearTraversalCache();
+    }
+    function removeParallelRef(pllEdge2) {
+      pllEdge2.clearTraversalCache();
+    }
+    var alteredParents = [];
+    alteredParents.ids = {};
+    function removeChildRef(parent2, ele2) {
+      ele2 = ele2[0];
+      parent2 = parent2[0];
+      var children2 = parent2._private.children;
+      var pid = parent2.id();
+      removeFromArray(children2, ele2);
+      ele2._private.parent = null;
+      if (!alteredParents.ids[pid]) {
+        alteredParents.ids[pid] = true;
+        alteredParents.push(parent2);
+      }
+    }
+    self2.dirtyCompoundBoundsCache();
+    if (removeFromPool) {
+      cy.removeFromPool(elesToRemove);
+    }
+    for (var _i6 = 0; _i6 < elesToRemove.length; _i6++) {
+      var _ele4 = elesToRemove[_i6];
+      if (_ele4.isEdge()) {
+        var src = _ele4.source()[0];
+        var tgt = _ele4.target()[0];
+        removeEdgeRef(src, _ele4);
+        removeEdgeRef(tgt, _ele4);
+        var pllEdges = _ele4.parallelEdges();
+        for (var j = 0; j < pllEdges.length; j++) {
+          var pllEdge = pllEdges[j];
+          removeParallelRef(pllEdge);
+          if (pllEdge.isBundledBezier()) {
+            pllEdge.dirtyBoundingBoxCache();
+          }
+        }
+      } else {
+        var parent = _ele4.parent();
+        if (parent.length !== 0) {
+          removeChildRef(parent, _ele4);
+        }
+      }
+      if (removeFromPool) {
+        _ele4._private.removed = true;
+      }
+    }
+    var elesStillInside = cy._private.elements;
+    cy._private.hasCompoundNodes = false;
+    for (var _i7 = 0; _i7 < elesStillInside.length; _i7++) {
+      var _ele5 = elesStillInside[_i7];
+      if (_ele5.isParent()) {
+        cy._private.hasCompoundNodes = true;
+        break;
+      }
+    }
+    var removedElements = new Collection(this.cy(), elesToRemove);
+    if (removedElements.size() > 0) {
+      if (notifyRenderer) {
+        removedElements.emitAndNotify("remove");
+      } else if (removeFromPool) {
+        removedElements.emit("remove");
+      }
+    }
+    for (var _i8 = 0; _i8 < alteredParents.length; _i8++) {
+      var _ele6 = alteredParents[_i8];
+      if (!removeFromPool || !_ele6.removed()) {
+        _ele6.updateStyle();
+      }
+    }
+    return removedElements;
+  };
+  elesfn$1.move = function(struct) {
+    var cy = this._private.cy;
+    var eles = this;
+    var notifyRenderer = false;
+    var modifyPool = false;
+    var toString2 = function toString3(id2) {
+      return id2 == null ? id2 : "" + id2;
+    };
+    if (struct.source !== void 0 || struct.target !== void 0) {
+      var srcId = toString2(struct.source);
+      var tgtId = toString2(struct.target);
+      var srcExists = srcId != null && cy.hasElementWithId(srcId);
+      var tgtExists = tgtId != null && cy.hasElementWithId(tgtId);
+      if (srcExists || tgtExists) {
+        cy.batch(function() {
+          eles.remove(notifyRenderer, modifyPool);
+          eles.emitAndNotify("moveout");
+          for (var i2 = 0; i2 < eles.length; i2++) {
+            var ele = eles[i2];
+            var _data5 = ele._private.data;
+            if (ele.isEdge()) {
+              if (srcExists) {
+                _data5.source = srcId;
+              }
+              if (tgtExists) {
+                _data5.target = tgtId;
+              }
+            }
+          }
+          eles.restore(notifyRenderer, modifyPool);
+        });
+        eles.emitAndNotify("move");
+      }
+    } else if (struct.parent !== void 0) {
+      var parentId = toString2(struct.parent);
+      var parentExists = parentId === null || cy.hasElementWithId(parentId);
+      if (parentExists) {
+        var pidToAssign = parentId === null ? void 0 : parentId;
+        cy.batch(function() {
+          var updated = eles.remove(notifyRenderer, modifyPool);
+          updated.emitAndNotify("moveout");
+          for (var i2 = 0; i2 < eles.length; i2++) {
+            var ele = eles[i2];
+            var _data6 = ele._private.data;
+            if (ele.isNode()) {
+              _data6.parent = pidToAssign;
+            }
+          }
+          updated.restore(notifyRenderer, modifyPool);
+        });
+        eles.emitAndNotify("move");
+      }
+    }
+    return this;
+  };
+  [elesfn$j, elesfn$i, elesfn$h, elesfn$g, elesfn$f, data, elesfn$d, dimensions, elesfn$9, elesfn$8, elesfn$7, elesfn$6, elesfn$5, elesfn$4, elesfn$3, elesfn$2].forEach(function(props) {
+    extend(elesfn$1, props);
+  });
+  var corefn$9 = {
+    add: function add2(opts) {
+      var elements;
+      var cy = this;
+      if (elementOrCollection(opts)) {
+        var eles = opts;
+        if (eles._private.cy === cy) {
+          elements = eles.restore();
+        } else {
+          var jsons = [];
+          for (var i2 = 0; i2 < eles.length; i2++) {
+            var ele = eles[i2];
+            jsons.push(ele.json());
+          }
+          elements = new Collection(cy, jsons);
+        }
+      } else if (array(opts)) {
+        var _jsons = opts;
+        elements = new Collection(cy, _jsons);
+      } else if (plainObject(opts) && (array(opts.nodes) || array(opts.edges))) {
+        var elesByGroup = opts;
+        var _jsons2 = [];
+        var grs = ["nodes", "edges"];
+        for (var _i = 0, il = grs.length; _i < il; _i++) {
+          var group = grs[_i];
+          var elesArray = elesByGroup[group];
+          if (array(elesArray)) {
+            for (var j = 0, jl = elesArray.length; j < jl; j++) {
+              var json2 = extend({
+                group
+              }, elesArray[j]);
+              _jsons2.push(json2);
+            }
+          }
+        }
+        elements = new Collection(cy, _jsons2);
+      } else {
+        var _json = opts;
+        elements = new Element(cy, _json).collection();
+      }
+      return elements;
+    },
+    remove: function remove2(collection2) {
+      if (elementOrCollection(collection2)) ;
+      else if (string(collection2)) {
+        var selector2 = collection2;
+        collection2 = this.$(selector2);
+      }
+      return collection2.remove();
+    }
+  };
+  function generateCubicBezier(mX1, mY1, mX2, mY2) {
+    var NEWTON_ITERATIONS = 4, NEWTON_MIN_SLOPE = 1e-3, SUBDIVISION_PRECISION = 1e-7, SUBDIVISION_MAX_ITERATIONS = 10, kSplineTableSize = 11, kSampleStepSize = 1 / (kSplineTableSize - 1), float32ArraySupported = typeof Float32Array !== "undefined";
+    if (arguments.length !== 4) {
+      return false;
+    }
+    for (var i2 = 0; i2 < 4; ++i2) {
+      if (typeof arguments[i2] !== "number" || isNaN(arguments[i2]) || !isFinite(arguments[i2])) {
+        return false;
+      }
+    }
+    mX1 = Math.min(mX1, 1);
+    mX2 = Math.min(mX2, 1);
+    mX1 = Math.max(mX1, 0);
+    mX2 = Math.max(mX2, 0);
+    var mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+    function A(aA1, aA2) {
+      return 1 - 3 * aA2 + 3 * aA1;
+    }
+    function B(aA1, aA2) {
+      return 3 * aA2 - 6 * aA1;
+    }
+    function C2(aA1) {
+      return 3 * aA1;
+    }
+    function calcBezier(aT, aA1, aA2) {
+      return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C2(aA1)) * aT;
+    }
+    function getSlope(aT, aA1, aA2) {
+      return 3 * A(aA1, aA2) * aT * aT + 2 * B(aA1, aA2) * aT + C2(aA1);
+    }
+    function newtonRaphsonIterate(aX, aGuessT) {
+      for (var _i = 0; _i < NEWTON_ITERATIONS; ++_i) {
+        var currentSlope = getSlope(aGuessT, mX1, mX2);
+        if (currentSlope === 0) {
+          return aGuessT;
+        }
+        var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+        aGuessT -= currentX / currentSlope;
+      }
+      return aGuessT;
+    }
+    function calcSampleValues() {
+      for (var _i2 = 0; _i2 < kSplineTableSize; ++_i2) {
+        mSampleValues[_i2] = calcBezier(_i2 * kSampleStepSize, mX1, mX2);
+      }
+    }
+    function binarySubdivide(aX, aA, aB) {
+      var currentX, currentT, i3 = 0;
+      do {
+        currentT = aA + (aB - aA) / 2;
+        currentX = calcBezier(currentT, mX1, mX2) - aX;
+        if (currentX > 0) {
+          aB = currentT;
+        } else {
+          aA = currentT;
+        }
+      } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i3 < SUBDIVISION_MAX_ITERATIONS);
+      return currentT;
+    }
+    function getTForX(aX) {
+      var intervalStart = 0, currentSample = 1, lastSample = kSplineTableSize - 1;
+      for (; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample) {
+        intervalStart += kSampleStepSize;
+      }
+      --currentSample;
+      var dist2 = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample + 1] - mSampleValues[currentSample]), guessForT = intervalStart + dist2 * kSampleStepSize, initialSlope = getSlope(guessForT, mX1, mX2);
+      if (initialSlope >= NEWTON_MIN_SLOPE) {
+        return newtonRaphsonIterate(aX, guessForT);
+      } else if (initialSlope === 0) {
+        return guessForT;
+      } else {
+        return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize);
+      }
+    }
+    var _precomputed = false;
+    function precompute() {
+      _precomputed = true;
+      if (mX1 !== mY1 || mX2 !== mY2) {
+        calcSampleValues();
+      }
+    }
+    var f = function f2(aX) {
+      if (!_precomputed) {
+        precompute();
+      }
+      if (mX1 === mY1 && mX2 === mY2) {
+        return aX;
+      }
+      if (aX === 0) {
+        return 0;
+      }
+      if (aX === 1) {
+        return 1;
+      }
+      return calcBezier(getTForX(aX), mY1, mY2);
+    };
+    f.getControlPoints = function() {
+      return [{
+        x: mX1,
+        y: mY1
+      }, {
+        x: mX2,
+        y: mY2
+      }];
+    };
+    var str2 = "generateBezier(" + [mX1, mY1, mX2, mY2] + ")";
+    f.toString = function() {
+      return str2;
+    };
+    return f;
+  }
+  var generateSpringRK4 = /* @__PURE__ */ (function() {
+    function springAccelerationForState(state) {
+      return -state.tension * state.x - state.friction * state.v;
+    }
+    function springEvaluateStateWithDerivative(initialState, dt, derivative) {
+      var state = {
+        x: initialState.x + derivative.dx * dt,
+        v: initialState.v + derivative.dv * dt,
+        tension: initialState.tension,
+        friction: initialState.friction
+      };
+      return {
+        dx: state.v,
+        dv: springAccelerationForState(state)
+      };
+    }
+    function springIntegrateState(state, dt) {
+      var a2 = {
+        dx: state.v,
+        dv: springAccelerationForState(state)
+      }, b = springEvaluateStateWithDerivative(state, dt * 0.5, a2), c2 = springEvaluateStateWithDerivative(state, dt * 0.5, b), d = springEvaluateStateWithDerivative(state, dt, c2), dxdt = 1 / 6 * (a2.dx + 2 * (b.dx + c2.dx) + d.dx), dvdt = 1 / 6 * (a2.dv + 2 * (b.dv + c2.dv) + d.dv);
+      state.x = state.x + dxdt * dt;
+      state.v = state.v + dvdt * dt;
+      return state;
+    }
+    return function springRK4Factory(tension, friction, duration) {
+      var initState = {
+        x: -1,
+        v: 0,
+        tension: null,
+        friction: null
+      }, path = [0], time_lapsed = 0, tolerance = 1 / 1e4, DT = 16 / 1e3, have_duration, dt, last_state;
+      tension = parseFloat(tension) || 500;
+      friction = parseFloat(friction) || 20;
+      duration = duration || null;
+      initState.tension = tension;
+      initState.friction = friction;
+      have_duration = duration !== null;
+      if (have_duration) {
+        time_lapsed = springRK4Factory(tension, friction);
+        dt = time_lapsed / duration * DT;
+      } else {
+        dt = DT;
+      }
+      for (; ; ) {
+        last_state = springIntegrateState(last_state || initState, dt);
+        path.push(1 + last_state.x);
+        time_lapsed += 16;
+        if (!(Math.abs(last_state.x) > tolerance && Math.abs(last_state.v) > tolerance)) {
+          break;
+        }
+      }
+      return !have_duration ? time_lapsed : function(percentComplete) {
+        return path[percentComplete * (path.length - 1) | 0];
+      };
+    };
+  })();
+  var cubicBezier = function cubicBezier2(t1, p1, t2, p2) {
+    var bezier = generateCubicBezier(t1, p1, t2, p2);
+    return function(start2, end, percent) {
+      return start2 + (end - start2) * bezier(percent);
+    };
+  };
+  var easings = {
+    "linear": function linear2(start2, end, percent) {
+      return start2 + (end - start2) * percent;
+    },
+    // default easings
+    "ease": cubicBezier(0.25, 0.1, 0.25, 1),
+    "ease-in": cubicBezier(0.42, 0, 1, 1),
+    "ease-out": cubicBezier(0, 0, 0.58, 1),
+    "ease-in-out": cubicBezier(0.42, 0, 0.58, 1),
+    // sine
+    "ease-in-sine": cubicBezier(0.47, 0, 0.745, 0.715),
+    "ease-out-sine": cubicBezier(0.39, 0.575, 0.565, 1),
+    "ease-in-out-sine": cubicBezier(0.445, 0.05, 0.55, 0.95),
+    // quad
+    "ease-in-quad": cubicBezier(0.55, 0.085, 0.68, 0.53),
+    "ease-out-quad": cubicBezier(0.25, 0.46, 0.45, 0.94),
+    "ease-in-out-quad": cubicBezier(0.455, 0.03, 0.515, 0.955),
+    // cubic
+    "ease-in-cubic": cubicBezier(0.55, 0.055, 0.675, 0.19),
+    "ease-out-cubic": cubicBezier(0.215, 0.61, 0.355, 1),
+    "ease-in-out-cubic": cubicBezier(0.645, 0.045, 0.355, 1),
+    // quart
+    "ease-in-quart": cubicBezier(0.895, 0.03, 0.685, 0.22),
+    "ease-out-quart": cubicBezier(0.165, 0.84, 0.44, 1),
+    "ease-in-out-quart": cubicBezier(0.77, 0, 0.175, 1),
+    // quint
+    "ease-in-quint": cubicBezier(0.755, 0.05, 0.855, 0.06),
+    "ease-out-quint": cubicBezier(0.23, 1, 0.32, 1),
+    "ease-in-out-quint": cubicBezier(0.86, 0, 0.07, 1),
+    // expo
+    "ease-in-expo": cubicBezier(0.95, 0.05, 0.795, 0.035),
+    "ease-out-expo": cubicBezier(0.19, 1, 0.22, 1),
+    "ease-in-out-expo": cubicBezier(1, 0, 0, 1),
+    // circ
+    "ease-in-circ": cubicBezier(0.6, 0.04, 0.98, 0.335),
+    "ease-out-circ": cubicBezier(0.075, 0.82, 0.165, 1),
+    "ease-in-out-circ": cubicBezier(0.785, 0.135, 0.15, 0.86),
+    // user param easings...
+    "spring": function spring(tension, friction, duration) {
+      if (duration === 0) {
+        return easings.linear;
+      }
+      var spring2 = generateSpringRK4(tension, friction, duration);
+      return function(start2, end, percent) {
+        return start2 + (end - start2) * spring2(percent);
+      };
+    },
+    "cubic-bezier": cubicBezier
+  };
+  function getEasedValue(type2, start2, end, percent, easingFn) {
+    if (percent === 1) {
+      return end;
+    }
+    if (start2 === end) {
+      return end;
+    }
+    var val = easingFn(start2, end, percent);
+    if (type2 == null) {
+      return val;
+    }
+    if (type2.roundValue || type2.color) {
+      val = Math.round(val);
+    }
+    if (type2.min !== void 0) {
+      val = Math.max(val, type2.min);
+    }
+    if (type2.max !== void 0) {
+      val = Math.min(val, type2.max);
+    }
+    return val;
+  }
+  function getValue(prop, spec) {
+    if (prop.pfValue != null || prop.value != null) {
+      if (prop.pfValue != null && (spec == null || spec.type.units !== "%")) {
+        return prop.pfValue;
+      } else {
+        return prop.value;
+      }
+    } else {
+      return prop;
+    }
+  }
+  function ease(startProp, endProp, percent, easingFn, propSpec) {
+    var type2 = propSpec != null ? propSpec.type : null;
+    if (percent < 0) {
+      percent = 0;
+    } else if (percent > 1) {
+      percent = 1;
+    }
+    var start2 = getValue(startProp, propSpec);
+    var end = getValue(endProp, propSpec);
+    if (number$1(start2) && number$1(end)) {
+      return getEasedValue(type2, start2, end, percent, easingFn);
+    } else if (array(start2) && array(end)) {
+      var easedArr = [];
+      for (var i2 = 0; i2 < end.length; i2++) {
+        var si = start2[i2];
+        var ei = end[i2];
+        if (si != null && ei != null) {
+          var val = getEasedValue(type2, si, ei, percent, easingFn);
+          easedArr.push(val);
+        } else {
+          easedArr.push(ei);
+        }
+      }
+      return easedArr;
+    }
+    return void 0;
+  }
+  function step$1(self2, ani, now2, isCore) {
+    var isEles = !isCore;
+    var _p = self2._private;
+    var ani_p = ani._private;
+    var pEasing = ani_p.easing;
+    var startTime = ani_p.startTime;
+    var cy = isCore ? self2 : self2.cy();
+    var style = cy.style();
+    if (!ani_p.easingImpl) {
+      if (pEasing == null) {
+        ani_p.easingImpl = easings["linear"];
+      } else {
+        var easingVals;
+        if (string(pEasing)) {
+          var easingProp = style.parse("transition-timing-function", pEasing);
+          easingVals = easingProp.value;
+        } else {
+          easingVals = pEasing;
+        }
+        var name2, args;
+        if (string(easingVals)) {
+          name2 = easingVals;
+          args = [];
+        } else {
+          name2 = easingVals[1];
+          args = easingVals.slice(2).map(function(n) {
+            return +n;
+          });
+        }
+        if (args.length > 0) {
+          if (name2 === "spring") {
+            args.push(ani_p.duration);
+          }
+          ani_p.easingImpl = easings[name2].apply(null, args);
+        } else {
+          ani_p.easingImpl = easings[name2];
+        }
+      }
+    }
+    var easing = ani_p.easingImpl;
+    var percent;
+    if (ani_p.duration === 0) {
+      percent = 1;
+    } else {
+      percent = (now2 - startTime) / ani_p.duration;
+    }
+    if (ani_p.applying) {
+      percent = ani_p.progress;
+    }
+    if (percent < 0) {
+      percent = 0;
+    } else if (percent > 1) {
+      percent = 1;
+    }
+    if (ani_p.delay == null) {
+      var startPos = ani_p.startPosition;
+      var endPos = ani_p.position;
+      if (endPos && isEles && !self2.locked()) {
+        var newPos = {};
+        if (valid(startPos.x, endPos.x)) {
+          newPos.x = ease(startPos.x, endPos.x, percent, easing);
+        }
+        if (valid(startPos.y, endPos.y)) {
+          newPos.y = ease(startPos.y, endPos.y, percent, easing);
+        }
+        self2.position(newPos);
+      }
+      var startPan = ani_p.startPan;
+      var endPan = ani_p.pan;
+      var pan = _p.pan;
+      var animatingPan = endPan != null && isCore;
+      if (animatingPan) {
+        if (valid(startPan.x, endPan.x)) {
+          pan.x = ease(startPan.x, endPan.x, percent, easing);
+        }
+        if (valid(startPan.y, endPan.y)) {
+          pan.y = ease(startPan.y, endPan.y, percent, easing);
+        }
+        self2.emit("pan");
+      }
+      var startZoom = ani_p.startZoom;
+      var endZoom = ani_p.zoom;
+      var animatingZoom = endZoom != null && isCore;
+      if (animatingZoom) {
+        if (valid(startZoom, endZoom)) {
+          _p.zoom = bound(_p.minZoom, ease(startZoom, endZoom, percent, easing), _p.maxZoom);
+        }
+        self2.emit("zoom");
+      }
+      if (animatingPan || animatingZoom) {
+        self2.emit("viewport");
+      }
+      var props = ani_p.style;
+      if (props && props.length > 0 && isEles) {
+        for (var i2 = 0; i2 < props.length; i2++) {
+          var prop = props[i2];
+          var _name = prop.name;
+          var end = prop;
+          var start2 = ani_p.startStyle[_name];
+          var propSpec = style.properties[start2.name];
+          var easedVal = ease(start2, end, percent, easing, propSpec);
+          style.overrideBypass(self2, _name, easedVal);
+        }
+        self2.emit("style");
+      }
+    }
+    ani_p.progress = percent;
+    return percent;
+  }
+  function valid(start2, end) {
+    if (start2 == null || end == null) {
+      return false;
+    }
+    if (number$1(start2) && number$1(end)) {
+      return true;
+    } else if (start2 && end) {
+      return true;
+    }
+    return false;
+  }
+  function startAnimation(self2, ani, now2, isCore) {
+    var ani_p = ani._private;
+    ani_p.started = true;
+    ani_p.startTime = now2 - ani_p.progress * ani_p.duration;
+  }
+  function stepAll(now2, cy) {
+    var eles = cy._private.aniEles;
+    var doneEles = [];
+    function stepOne(ele2, isCore) {
+      var _p = ele2._private;
+      var current = _p.animation.current;
+      var queue = _p.animation.queue;
+      var ranAnis = false;
+      if (current.length === 0) {
+        var next = queue.shift();
+        if (next) {
+          current.push(next);
+        }
+      }
+      var callbacks = function callbacks2(_callbacks) {
+        for (var j = _callbacks.length - 1; j >= 0; j--) {
+          var cb = _callbacks[j];
+          cb();
+        }
+        _callbacks.splice(0, _callbacks.length);
+      };
+      for (var i2 = current.length - 1; i2 >= 0; i2--) {
+        var ani = current[i2];
+        var ani_p = ani._private;
+        if (ani_p.stopped) {
+          current.splice(i2, 1);
+          ani_p.hooked = false;
+          ani_p.playing = false;
+          ani_p.started = false;
+          callbacks(ani_p.frames);
+          continue;
+        }
+        if (!ani_p.playing && !ani_p.applying) {
+          continue;
+        }
+        if (ani_p.playing && ani_p.applying) {
+          ani_p.applying = false;
+        }
+        if (!ani_p.started) {
+          startAnimation(ele2, ani, now2);
+        }
+        step$1(ele2, ani, now2, isCore);
+        if (ani_p.applying) {
+          ani_p.applying = false;
+        }
+        callbacks(ani_p.frames);
+        if (ani_p.step != null) {
+          ani_p.step(now2);
+        }
+        if (ani.completed()) {
+          current.splice(i2, 1);
+          ani_p.hooked = false;
+          ani_p.playing = false;
+          ani_p.started = false;
+          callbacks(ani_p.completes);
+        }
+        ranAnis = true;
+      }
+      if (!isCore && current.length === 0 && queue.length === 0) {
+        doneEles.push(ele2);
+      }
+      return ranAnis;
+    }
+    var ranEleAni = false;
+    for (var e = 0; e < eles.length; e++) {
+      var ele = eles[e];
+      var handledThisEle = stepOne(ele);
+      ranEleAni = ranEleAni || handledThisEle;
+    }
+    var ranCoreAni = stepOne(cy, true);
+    if (ranEleAni || ranCoreAni) {
+      if (eles.length > 0) {
+        cy.notify("draw", eles);
+      } else {
+        cy.notify("draw");
+      }
+    }
+    eles.unmerge(doneEles);
+    cy.emit("step");
+  }
+  var corefn$8 = {
+    // pull in animation functions
+    animate: define.animate(),
+    animation: define.animation(),
+    animated: define.animated(),
+    clearQueue: define.clearQueue(),
+    delay: define.delay(),
+    delayAnimation: define.delayAnimation(),
+    stop: define.stop(),
+    addToAnimationPool: function addToAnimationPool(eles) {
+      var cy = this;
+      if (!cy.styleEnabled()) {
+        return;
+      }
+      cy._private.aniEles.merge(eles);
+    },
+    stopAnimationLoop: function stopAnimationLoop() {
+      this._private.animationsRunning = false;
+    },
+    startAnimationLoop: function startAnimationLoop() {
+      var cy = this;
+      cy._private.animationsRunning = true;
+      if (!cy.styleEnabled()) {
+        return;
+      }
+      function headlessStep() {
+        if (!cy._private.animationsRunning) {
+          return;
+        }
+        requestAnimationFrame(function animationStep(now2) {
+          stepAll(now2, cy);
+          headlessStep();
+        });
+      }
+      var renderer2 = cy.renderer();
+      if (renderer2 && renderer2.beforeRender) {
+        renderer2.beforeRender(function rendererAnimationStep(willDraw, now2) {
+          stepAll(now2, cy);
+        }, renderer2.beforeRenderPriorities.animations);
+      } else {
+        headlessStep();
+      }
+    }
+  };
+  var emitterOptions = {
+    qualifierCompare: function qualifierCompare(selector1, selector2) {
+      if (selector1 == null || selector2 == null) {
+        return selector1 == null && selector2 == null;
+      } else {
+        return selector1.sameText(selector2);
+      }
+    },
+    eventMatches: function eventMatches(cy, listener, eventObj) {
+      var selector2 = listener.qualifier;
+      if (selector2 != null) {
+        return cy !== eventObj.target && element(eventObj.target) && selector2.matches(eventObj.target);
+      }
+      return true;
+    },
+    addEventFields: function addEventFields(cy, evt) {
+      evt.cy = cy;
+      evt.target = cy;
+    },
+    callbackContext: function callbackContext(cy, listener, eventObj) {
+      return listener.qualifier != null ? eventObj.target : cy;
+    }
+  };
+  var argSelector = function argSelector2(arg) {
+    if (string(arg)) {
+      return new Selector(arg);
+    } else {
+      return arg;
+    }
+  };
+  var elesfn = {
+    createEmitter: function createEmitter() {
+      var _p = this._private;
+      if (!_p.emitter) {
+        _p.emitter = new Emitter(emitterOptions, this);
+      }
+      return this;
+    },
+    emitter: function emitter() {
+      return this._private.emitter;
+    },
+    on: function on(events, selector2, callback) {
+      this.emitter().on(events, argSelector(selector2), callback);
+      return this;
+    },
+    removeListener: function removeListener(events, selector2, callback) {
+      this.emitter().removeListener(events, argSelector(selector2), callback);
+      return this;
+    },
+    removeAllListeners: function removeAllListeners() {
+      this.emitter().removeAllListeners();
+      return this;
+    },
+    one: function one2(events, selector2, callback) {
+      this.emitter().one(events, argSelector(selector2), callback);
+      return this;
+    },
+    once: function once(events, selector2, callback) {
+      this.emitter().one(events, argSelector(selector2), callback);
+      return this;
+    },
+    emit: function emit(events, extraParams) {
+      this.emitter().emit(events, extraParams);
+      return this;
+    },
+    emitAndNotify: function emitAndNotify(event2, eles) {
+      this.emit(event2);
+      this.notify(event2, eles);
+      return this;
+    }
+  };
+  define.eventAliasesOn(elesfn);
+  var corefn$7 = {
+    png: function png(options) {
+      var renderer2 = this._private.renderer;
+      options = options || {};
+      return renderer2.png(options);
+    },
+    jpg: function jpg(options) {
+      var renderer2 = this._private.renderer;
+      options = options || {};
+      options.bg = options.bg || "#fff";
+      return renderer2.jpg(options);
+    }
+  };
+  corefn$7.jpeg = corefn$7.jpg;
+  var corefn$6 = {
+    layout: function layout2(options) {
+      var cy = this;
+      if (options == null) {
+        error("Layout options must be specified to make a layout");
+        return;
+      }
+      if (options.name == null) {
+        error("A `name` must be specified to make a layout");
+        return;
+      }
+      var name2 = options.name;
+      var Layout = cy.extension("layout", name2);
+      if (Layout == null) {
+        error("No such layout `" + name2 + "` found.  Did you forget to import it and `cytoscape.use()` it?");
+        return;
+      }
+      var eles;
+      if (string(options.eles)) {
+        eles = cy.$(options.eles);
+      } else {
+        eles = options.eles != null ? options.eles : cy.$();
+      }
+      var layout3 = new Layout(extend({}, options, {
+        cy,
+        eles
+      }));
+      return layout3;
+    }
+  };
+  corefn$6.createLayout = corefn$6.makeLayout = corefn$6.layout;
+  var corefn$5 = {
+    notify: function notify(eventName, eventEles) {
+      var _p = this._private;
+      if (this.batching()) {
+        _p.batchNotifications = _p.batchNotifications || {};
+        var eles = _p.batchNotifications[eventName] = _p.batchNotifications[eventName] || this.collection();
+        if (eventEles != null) {
+          eles.merge(eventEles);
+        }
+        return;
+      }
+      if (!_p.notificationsEnabled) {
+        return;
+      }
+      var renderer2 = this.renderer();
+      if (this.destroyed() || !renderer2) {
+        return;
+      }
+      renderer2.notify(eventName, eventEles);
+    },
+    notifications: function notifications(bool2) {
+      var p2 = this._private;
+      if (bool2 === void 0) {
+        return p2.notificationsEnabled;
+      } else {
+        p2.notificationsEnabled = bool2 ? true : false;
+      }
+      return this;
+    },
+    noNotifications: function noNotifications(callback) {
+      this.notifications(false);
+      callback();
+      this.notifications(true);
+    },
+    batching: function batching() {
+      return this._private.batchCount > 0;
+    },
+    startBatch: function startBatch() {
+      var _p = this._private;
+      if (_p.batchCount == null) {
+        _p.batchCount = 0;
+      }
+      if (_p.batchCount === 0) {
+        _p.batchStyleEles = this.collection();
+        _p.batchNotifications = {};
+      }
+      _p.batchCount++;
+      return this;
+    },
+    endBatch: function endBatch() {
+      var _p = this._private;
+      if (_p.batchCount === 0) {
+        return this;
+      }
+      _p.batchCount--;
+      if (_p.batchCount === 0) {
+        _p.batchStyleEles.updateStyle();
+        var renderer2 = this.renderer();
+        Object.keys(_p.batchNotifications).forEach(function(eventName) {
+          var eles = _p.batchNotifications[eventName];
+          if (eles.empty()) {
+            renderer2.notify(eventName);
+          } else {
+            renderer2.notify(eventName, eles);
+          }
+        });
+      }
+      return this;
+    },
+    batch: function batch(callback) {
+      this.startBatch();
+      callback();
+      this.endBatch();
+      return this;
+    },
+    // for backwards compatibility
+    batchData: function batchData(map2) {
+      var cy = this;
+      return this.batch(function() {
+        var ids = Object.keys(map2);
+        for (var i2 = 0; i2 < ids.length; i2++) {
+          var id2 = ids[i2];
+          var data2 = map2[id2];
+          var ele = cy.getElementById(id2);
+          ele.data(data2);
+        }
+      });
+    }
+  };
+  var rendererDefaults = defaults$g({
+    hideEdgesOnViewport: false,
+    textureOnViewport: false,
+    motionBlur: false,
+    motionBlurOpacity: 0.05,
+    pixelRatio: void 0,
+    desktopTapThreshold: 4,
+    touchTapThreshold: 8,
+    wheelSensitivity: 1,
+    debug: false,
+    showFps: false,
+    // webgl options
+    webgl: false,
+    webglDebug: false,
+    webglDebugShowAtlases: false,
+    // defaults good for mobile
+    webglTexSize: 2048,
+    webglTexRows: 36,
+    webglTexRowsNodes: 18,
+    webglBatchSize: 2048,
+    webglTexPerBatch: 14,
+    webglBgColor: [255, 255, 255]
+  });
+  var corefn$4 = {
+    renderTo: function renderTo(context, zoom2, pan, pxRatio) {
+      var r = this._private.renderer;
+      r.renderTo(context, zoom2, pan, pxRatio);
+      return this;
+    },
+    renderer: function renderer2() {
+      return this._private.renderer;
+    },
+    forceRender: function forceRender() {
+      this.notify("draw");
+      return this;
+    },
+    resize: function resize() {
+      this.invalidateSize();
+      this.emitAndNotify("resize");
+      return this;
+    },
+    initRenderer: function initRenderer(options) {
+      var cy = this;
+      var RendererProto = cy.extension("renderer", options.name);
+      if (RendererProto == null) {
+        error("Can not initialise: No such renderer `".concat(options.name, "` found. Did you forget to import it and `cytoscape.use()` it?"));
+        return;
+      }
+      if (options.wheelSensitivity !== void 0) {
+        warn("You have set a custom wheel sensitivity.  This will make your app zoom unnaturally when using mainstream mice.  You should change this value from the default only if you can guarantee that all your users will use the same hardware and OS configuration as your current machine.");
+      }
+      var rOpts = rendererDefaults(options);
+      rOpts.cy = cy;
+      cy._private.renderer = new RendererProto(rOpts);
+      this.notify("init");
+    },
+    destroyRenderer: function destroyRenderer() {
+      var cy = this;
+      cy.notify("destroy");
+      var domEle = cy.container();
+      if (domEle) {
+        domEle._cyreg = null;
+        while (domEle.childNodes.length > 0) {
+          domEle.removeChild(domEle.childNodes[0]);
+        }
+      }
+      cy._private.renderer = null;
+      cy.mutableElements().forEach(function(ele) {
+        var _p = ele._private;
+        _p.rscratch = {};
+        _p.rstyle = {};
+        _p.animation.current = [];
+        _p.animation.queue = [];
+      });
+    },
+    onRender: function onRender(fn2) {
+      return this.on("render", fn2);
+    },
+    offRender: function offRender(fn2) {
+      return this.off("render", fn2);
+    }
+  };
+  corefn$4.invalidateDimensions = corefn$4.resize;
+  var corefn$3 = {
+    // get a collection
+    // - empty collection on no args
+    // - collection of elements in the graph on selector arg
+    // - guarantee a returned collection when elements or collection specified
+    collection: function collection2(eles, opts) {
+      if (string(eles)) {
+        return this.$(eles);
+      } else if (elementOrCollection(eles)) {
+        return eles.collection();
+      } else if (array(eles)) {
+        if (!opts) {
+          opts = {};
+        }
+        return new Collection(this, eles, opts.unique, opts.removed);
+      }
+      return new Collection(this);
+    },
+    nodes: function nodes(selector2) {
+      var nodes2 = this.$(function(ele) {
+        return ele.isNode();
+      });
+      if (selector2) {
+        return nodes2.filter(selector2);
+      }
+      return nodes2;
+    },
+    edges: function edges(selector2) {
+      var edges2 = this.$(function(ele) {
+        return ele.isEdge();
+      });
+      if (selector2) {
+        return edges2.filter(selector2);
+      }
+      return edges2;
+    },
+    // search the graph like jQuery
+    $: function $(selector2) {
+      var eles = this._private.elements;
+      if (selector2) {
+        return eles.filter(selector2);
+      } else {
+        return eles.spawnSelf();
+      }
+    },
+    mutableElements: function mutableElements() {
+      return this._private.elements;
+    }
+  };
+  corefn$3.elements = corefn$3.filter = corefn$3.$;
+  var styfn$8 = {};
+  var TRUE = "t";
+  var FALSE = "f";
+  styfn$8.apply = function(eles) {
+    var self2 = this;
+    var _p = self2._private;
+    var cy = _p.cy;
+    var updatedEles = cy.collection();
+    for (var ie2 = 0; ie2 < eles.length; ie2++) {
+      var ele = eles[ie2];
+      var cxtMeta = self2.getContextMeta(ele);
+      if (cxtMeta.empty) {
+        continue;
+      }
+      var cxtStyle = self2.getContextStyle(cxtMeta);
+      var app = self2.applyContextStyle(cxtMeta, cxtStyle, ele);
+      if (ele._private.appliedInitStyle) {
+        self2.updateTransitions(ele, app.diffProps);
+      } else {
+        ele._private.appliedInitStyle = true;
+      }
+      var hintsDiff = self2.updateStyleHints(ele);
+      if (hintsDiff) {
+        updatedEles.push(ele);
+      }
+    }
+    return updatedEles;
+  };
+  styfn$8.getPropertiesDiff = function(oldCxtKey, newCxtKey) {
+    var self2 = this;
+    var cache2 = self2._private.propDiffs = self2._private.propDiffs || {};
+    var dualCxtKey = oldCxtKey + "-" + newCxtKey;
+    var cachedVal = cache2[dualCxtKey];
+    if (cachedVal) {
+      return cachedVal;
+    }
+    var diffProps = [];
+    var addedProp = {};
+    for (var i2 = 0; i2 < self2.length; i2++) {
+      var cxt = self2[i2];
+      var oldHasCxt = oldCxtKey[i2] === TRUE;
+      var newHasCxt = newCxtKey[i2] === TRUE;
+      var cxtHasDiffed = oldHasCxt !== newHasCxt;
+      var cxtHasMappedProps = cxt.mappedProperties.length > 0;
+      if (cxtHasDiffed || newHasCxt && cxtHasMappedProps) {
+        var props = void 0;
+        if (cxtHasDiffed && cxtHasMappedProps) {
+          props = cxt.properties;
+        } else if (cxtHasDiffed) {
+          props = cxt.properties;
+        } else if (cxtHasMappedProps) {
+          props = cxt.mappedProperties;
+        }
+        for (var j = 0; j < props.length; j++) {
+          var prop = props[j];
+          var name2 = prop.name;
+          var laterCxtOverrides = false;
+          for (var k = i2 + 1; k < self2.length; k++) {
+            var laterCxt = self2[k];
+            var hasLaterCxt = newCxtKey[k] === TRUE;
+            if (!hasLaterCxt) {
+              continue;
+            }
+            laterCxtOverrides = laterCxt.properties[prop.name] != null;
+            if (laterCxtOverrides) {
+              break;
+            }
+          }
+          if (!addedProp[name2] && !laterCxtOverrides) {
+            addedProp[name2] = true;
+            diffProps.push(name2);
+          }
+        }
+      }
+    }
+    cache2[dualCxtKey] = diffProps;
+    return diffProps;
+  };
+  styfn$8.getContextMeta = function(ele) {
+    var self2 = this;
+    var cxtKey = "";
+    var diffProps;
+    var prevKey = ele._private.styleCxtKey || "";
+    for (var i2 = 0; i2 < self2.length; i2++) {
+      var context = self2[i2];
+      var contextSelectorMatches = context.selector && context.selector.matches(ele);
+      if (contextSelectorMatches) {
+        cxtKey += TRUE;
+      } else {
+        cxtKey += FALSE;
+      }
+    }
+    diffProps = self2.getPropertiesDiff(prevKey, cxtKey);
+    ele._private.styleCxtKey = cxtKey;
+    return {
+      key: cxtKey,
+      diffPropNames: diffProps,
+      empty: diffProps.length === 0
+    };
+  };
+  styfn$8.getContextStyle = function(cxtMeta) {
+    var cxtKey = cxtMeta.key;
+    var self2 = this;
+    var cxtStyles = this._private.contextStyles = this._private.contextStyles || {};
+    if (cxtStyles[cxtKey]) {
+      return cxtStyles[cxtKey];
+    }
+    var style = {
+      _private: {
+        key: cxtKey
+      }
+    };
+    for (var i2 = 0; i2 < self2.length; i2++) {
+      var cxt = self2[i2];
+      var hasCxt = cxtKey[i2] === TRUE;
+      if (!hasCxt) {
+        continue;
+      }
+      for (var j = 0; j < cxt.properties.length; j++) {
+        var prop = cxt.properties[j];
+        style[prop.name] = prop;
+      }
+    }
+    cxtStyles[cxtKey] = style;
+    return style;
+  };
+  styfn$8.applyContextStyle = function(cxtMeta, cxtStyle, ele) {
+    var self2 = this;
+    var diffProps = cxtMeta.diffPropNames;
+    var retDiffProps = {};
+    var types2 = self2.types;
+    for (var i2 = 0; i2 < diffProps.length; i2++) {
+      var diffPropName = diffProps[i2];
+      var cxtProp = cxtStyle[diffPropName];
+      var eleProp = ele.pstyle(diffPropName);
+      if (!cxtProp) {
+        if (!eleProp) {
+          continue;
+        } else if (eleProp.bypass) {
+          cxtProp = {
+            name: diffPropName,
+            deleteBypassed: true
+          };
+        } else {
+          cxtProp = {
+            name: diffPropName,
+            "delete": true
+          };
+        }
+      }
+      if (eleProp === cxtProp) {
+        continue;
+      }
+      if (cxtProp.mapped === types2.fn && eleProp != null && eleProp.mapping != null && eleProp.mapping.value === cxtProp.value) {
+        var mapping = eleProp.mapping;
+        var fnValue = mapping.fnValue = cxtProp.value(ele);
+        if (fnValue === mapping.prevFnValue) {
+          continue;
+        }
+      }
+      var retDiffProp = retDiffProps[diffPropName] = {
+        prev: eleProp
+      };
+      self2.applyParsedProperty(ele, cxtProp);
+      retDiffProp.next = ele.pstyle(diffPropName);
+      if (retDiffProp.next && retDiffProp.next.bypass) {
+        retDiffProp.next = retDiffProp.next.bypassed;
+      }
+    }
+    return {
+      diffProps: retDiffProps
+    };
+  };
+  styfn$8.updateStyleHints = function(ele) {
+    var _p = ele._private;
+    var self2 = this;
+    var propNames = self2.propertyGroupNames;
+    var propGrKeys = self2.propertyGroupKeys;
+    var propHash = function propHash2(ele2, propNames2, seedKey) {
+      return self2.getPropertiesHash(ele2, propNames2, seedKey);
+    };
+    var oldStyleKey = _p.styleKey;
+    if (ele.removed()) {
+      return false;
+    }
+    var isNode = _p.group === "nodes";
+    var overriddenStyles = ele._private.style;
+    propNames = Object.keys(overriddenStyles);
+    for (var i2 = 0; i2 < propGrKeys.length; i2++) {
+      var grKey = propGrKeys[i2];
+      _p.styleKeys[grKey] = [DEFAULT_HASH_SEED, DEFAULT_HASH_SEED_ALT];
+    }
+    var updateGrKey1 = function updateGrKey12(val, grKey2) {
+      return _p.styleKeys[grKey2][0] = hashInt(val, _p.styleKeys[grKey2][0]);
+    };
+    var updateGrKey2 = function updateGrKey22(val, grKey2) {
+      return _p.styleKeys[grKey2][1] = hashIntAlt(val, _p.styleKeys[grKey2][1]);
+    };
+    var updateGrKey = function updateGrKey3(val, grKey2) {
+      updateGrKey1(val, grKey2);
+      updateGrKey2(val, grKey2);
+    };
+    var updateGrKeyWStr = function updateGrKeyWStr2(strVal, grKey2) {
+      for (var j = 0; j < strVal.length; j++) {
+        var ch = strVal.charCodeAt(j);
+        updateGrKey1(ch, grKey2);
+        updateGrKey2(ch, grKey2);
+      }
+    };
+    var N = 2e9;
+    var cleanNum = function cleanNum2(val) {
+      return -128 < val && val < 128 && Math.floor(val) !== val ? N - (val * 1024 | 0) : val;
+    };
+    for (var _i = 0; _i < propNames.length; _i++) {
+      var name2 = propNames[_i];
+      var parsedProp = overriddenStyles[name2];
+      if (parsedProp == null) {
+        continue;
+      }
+      var propInfo = this.properties[name2];
+      var type2 = propInfo.type;
+      var _grKey = propInfo.groupKey;
+      var normalizedNumberVal = void 0;
+      if (propInfo.hashOverride != null) {
+        normalizedNumberVal = propInfo.hashOverride(ele, parsedProp);
+      } else if (parsedProp.pfValue != null) {
+        normalizedNumberVal = parsedProp.pfValue;
+      }
+      var numberVal = propInfo.enums == null ? parsedProp.value : null;
+      var haveNormNum = normalizedNumberVal != null;
+      var haveUnitedNum = numberVal != null;
+      var haveNum = haveNormNum || haveUnitedNum;
+      var units = parsedProp.units;
+      if (type2.number && haveNum && !type2.multiple) {
+        var v = haveNormNum ? normalizedNumberVal : numberVal;
+        updateGrKey(cleanNum(v), _grKey);
+        if (!haveNormNum && units != null) {
+          updateGrKeyWStr(units, _grKey);
+        }
+      } else {
+        updateGrKeyWStr(parsedProp.strValue, _grKey);
+      }
+    }
+    var hash = [DEFAULT_HASH_SEED, DEFAULT_HASH_SEED_ALT];
+    for (var _i2 = 0; _i2 < propGrKeys.length; _i2++) {
+      var _grKey2 = propGrKeys[_i2];
+      var grHash = _p.styleKeys[_grKey2];
+      hash[0] = hashInt(grHash[0], hash[0]);
+      hash[1] = hashIntAlt(grHash[1], hash[1]);
+    }
+    _p.styleKey = combineHashes(hash[0], hash[1]);
+    var sk = _p.styleKeys;
+    _p.labelDimsKey = combineHashesArray(sk.labelDimensions);
+    var labelKeys = propHash(ele, ["label"], sk.labelDimensions);
+    _p.labelKey = combineHashesArray(labelKeys);
+    _p.labelStyleKey = combineHashesArray(hashArrays(sk.commonLabel, labelKeys));
+    if (!isNode) {
+      var sourceLabelKeys = propHash(ele, ["source-label"], sk.labelDimensions);
+      _p.sourceLabelKey = combineHashesArray(sourceLabelKeys);
+      _p.sourceLabelStyleKey = combineHashesArray(hashArrays(sk.commonLabel, sourceLabelKeys));
+      var targetLabelKeys = propHash(ele, ["target-label"], sk.labelDimensions);
+      _p.targetLabelKey = combineHashesArray(targetLabelKeys);
+      _p.targetLabelStyleKey = combineHashesArray(hashArrays(sk.commonLabel, targetLabelKeys));
+    }
+    if (isNode) {
+      var _p$styleKeys = _p.styleKeys, nodeBody = _p$styleKeys.nodeBody, nodeBorder = _p$styleKeys.nodeBorder, nodeOutline = _p$styleKeys.nodeOutline, backgroundImage = _p$styleKeys.backgroundImage, compound = _p$styleKeys.compound, pie = _p$styleKeys.pie, stripe = _p$styleKeys.stripe;
+      var nodeKeys = [nodeBody, nodeBorder, nodeOutline, backgroundImage, compound, pie, stripe].filter(function(k) {
+        return k != null;
+      }).reduce(hashArrays, [DEFAULT_HASH_SEED, DEFAULT_HASH_SEED_ALT]);
+      _p.nodeKey = combineHashesArray(nodeKeys);
+      _p.hasPie = pie != null && pie[0] !== DEFAULT_HASH_SEED && pie[1] !== DEFAULT_HASH_SEED_ALT;
+      _p.hasStripe = stripe != null && stripe[0] !== DEFAULT_HASH_SEED && stripe[1] !== DEFAULT_HASH_SEED_ALT;
+    }
+    return oldStyleKey !== _p.styleKey;
+  };
+  styfn$8.clearStyleHints = function(ele) {
+    var _p = ele._private;
+    _p.styleCxtKey = "";
+    _p.styleKeys = {};
+    _p.styleKey = null;
+    _p.labelKey = null;
+    _p.labelStyleKey = null;
+    _p.sourceLabelKey = null;
+    _p.sourceLabelStyleKey = null;
+    _p.targetLabelKey = null;
+    _p.targetLabelStyleKey = null;
+    _p.nodeKey = null;
+    _p.hasPie = null;
+    _p.hasStripe = null;
+  };
+  styfn$8.applyParsedProperty = function(ele, parsedProp) {
+    var self2 = this;
+    var prop = parsedProp;
+    var style = ele._private.style;
+    var flatProp;
+    var types2 = self2.types;
+    var type2 = self2.properties[prop.name].type;
+    var propIsBypass = prop.bypass;
+    var origProp = style[prop.name];
+    var origPropIsBypass = origProp && origProp.bypass;
+    var _p = ele._private;
+    var flatPropMapping = "mapping";
+    var getVal = function getVal2(p2) {
+      if (p2 == null) {
+        return null;
+      } else if (p2.pfValue != null) {
+        return p2.pfValue;
+      } else {
+        return p2.value;
+      }
+    };
+    var checkTriggers = function checkTriggers2() {
+      var fromVal = getVal(origProp);
+      var toVal = getVal(prop);
+      self2.checkTriggers(ele, prop.name, fromVal, toVal);
+    };
+    if (parsedProp.name === "curve-style" && ele.isEdge() && // loops must be bundled beziers
+    (parsedProp.value !== "bezier" && ele.isLoop() || // edges connected to compound nodes can not be haystacks
+    parsedProp.value === "haystack" && (ele.source().isParent() || ele.target().isParent()))) {
+      prop = parsedProp = this.parse(parsedProp.name, "bezier", propIsBypass);
+    }
+    if (prop["delete"]) {
+      style[prop.name] = void 0;
+      checkTriggers();
+      return true;
+    }
+    if (prop.deleteBypassed) {
+      if (!origProp) {
+        checkTriggers();
+        return true;
+      } else if (origProp.bypass) {
+        origProp.bypassed = void 0;
+        checkTriggers();
+        return true;
+      } else {
+        return false;
+      }
+    }
+    if (prop.deleteBypass) {
+      if (!origProp) {
+        checkTriggers();
+        return true;
+      } else if (origProp.bypass) {
+        style[prop.name] = origProp.bypassed;
+        checkTriggers();
+        return true;
+      } else {
+        return false;
+      }
+    }
+    var printMappingErr = function printMappingErr2() {
+      warn("Do not assign mappings to elements without corresponding data (i.e. ele `" + ele.id() + "` has no mapping for property `" + prop.name + "` with data field `" + prop.field + "`); try a `[" + prop.field + "]` selector to limit scope to elements with `" + prop.field + "` defined");
+    };
+    switch (prop.mapped) {
+      // flatten the property if mapped
+      case types2.mapData: {
+        var fields = prop.field.split(".");
+        var fieldVal = _p.data;
+        for (var i2 = 0; i2 < fields.length && fieldVal; i2++) {
+          var field = fields[i2];
+          fieldVal = fieldVal[field];
+        }
+        if (fieldVal == null) {
+          printMappingErr();
+          return false;
+        }
+        var percent;
+        if (!number$1(fieldVal)) {
+          warn("Do not use continuous mappers without specifying numeric data (i.e. `" + prop.field + ": " + fieldVal + "` for `" + ele.id() + "` is non-numeric)");
+          return false;
+        } else {
+          var fieldWidth = prop.fieldMax - prop.fieldMin;
+          if (fieldWidth === 0) {
+            percent = 0;
+          } else {
+            percent = (fieldVal - prop.fieldMin) / fieldWidth;
+          }
+        }
+        if (percent < 0) {
+          percent = 0;
+        } else if (percent > 1) {
+          percent = 1;
+        }
+        if (type2.color) {
+          var r1 = prop.valueMin[0];
+          var r2 = prop.valueMax[0];
+          var g1 = prop.valueMin[1];
+          var g2 = prop.valueMax[1];
+          var b1 = prop.valueMin[2];
+          var b2 = prop.valueMax[2];
+          var a1 = prop.valueMin[3] == null ? 1 : prop.valueMin[3];
+          var a2 = prop.valueMax[3] == null ? 1 : prop.valueMax[3];
+          var clr = [Math.round(r1 + (r2 - r1) * percent), Math.round(g1 + (g2 - g1) * percent), Math.round(b1 + (b2 - b1) * percent), Math.round(a1 + (a2 - a1) * percent)];
+          flatProp = {
+            // colours are simple, so just create the flat property instead of expensive string parsing
+            bypass: prop.bypass,
+            // we're a bypass if the mapping property is a bypass
+            name: prop.name,
+            value: clr,
+            strValue: "rgb(" + clr[0] + ", " + clr[1] + ", " + clr[2] + ")"
+          };
+        } else if (type2.number) {
+          var calcValue = prop.valueMin + (prop.valueMax - prop.valueMin) * percent;
+          flatProp = this.parse(prop.name, calcValue, prop.bypass, flatPropMapping);
+        } else {
+          return false;
+        }
+        if (!flatProp) {
+          printMappingErr();
+          return false;
+        }
+        flatProp.mapping = prop;
+        prop = flatProp;
+        break;
+      }
+      // direct mapping
+      case types2.data: {
+        var _fields = prop.field.split(".");
+        var _fieldVal = _p.data;
+        for (var _i3 = 0; _i3 < _fields.length && _fieldVal; _i3++) {
+          var _field = _fields[_i3];
+          _fieldVal = _fieldVal[_field];
+        }
+        if (_fieldVal != null) {
+          flatProp = this.parse(prop.name, _fieldVal, prop.bypass, flatPropMapping);
+        }
+        if (!flatProp) {
+          printMappingErr();
+          return false;
+        }
+        flatProp.mapping = prop;
+        prop = flatProp;
+        break;
+      }
+      case types2.fn: {
+        var fn2 = prop.value;
+        var fnRetVal = prop.fnValue != null ? prop.fnValue : fn2(ele);
+        prop.prevFnValue = fnRetVal;
+        if (fnRetVal == null) {
+          warn("Custom function mappers may not return null (i.e. `" + prop.name + "` for ele `" + ele.id() + "` is null)");
+          return false;
+        }
+        flatProp = this.parse(prop.name, fnRetVal, prop.bypass, flatPropMapping);
+        if (!flatProp) {
+          warn("Custom function mappers may not return invalid values for the property type (i.e. `" + prop.name + "` for ele `" + ele.id() + "` is invalid)");
+          return false;
+        }
+        flatProp.mapping = copy(prop);
+        prop = flatProp;
+        break;
+      }
+      case void 0:
+        break;
+      // just set the property
+      default:
+        return false;
+    }
+    if (propIsBypass) {
+      if (origPropIsBypass) {
+        prop.bypassed = origProp.bypassed;
+      } else {
+        prop.bypassed = origProp;
+      }
+      style[prop.name] = prop;
+    } else {
+      if (origPropIsBypass) {
+        origProp.bypassed = prop;
+      } else {
+        style[prop.name] = prop;
+      }
+    }
+    checkTriggers();
+    return true;
+  };
+  styfn$8.cleanElements = function(eles, keepBypasses) {
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      this.clearStyleHints(ele);
+      ele.dirtyCompoundBoundsCache();
+      ele.dirtyBoundingBoxCache();
+      if (!keepBypasses) {
+        ele._private.style = {};
+      } else {
+        var style = ele._private.style;
+        var propNames = Object.keys(style);
+        for (var j = 0; j < propNames.length; j++) {
+          var propName = propNames[j];
+          var eleProp = style[propName];
+          if (eleProp != null) {
+            if (eleProp.bypass) {
+              eleProp.bypassed = null;
+            } else {
+              style[propName] = null;
+            }
+          }
+        }
+      }
+    }
+  };
+  styfn$8.update = function() {
+    var cy = this._private.cy;
+    var eles = cy.mutableElements();
+    eles.updateStyle();
+  };
+  styfn$8.updateTransitions = function(ele, diffProps) {
+    var self2 = this;
+    var _p = ele._private;
+    var props = ele.pstyle("transition-property").value;
+    var duration = ele.pstyle("transition-duration").pfValue;
+    var delay = ele.pstyle("transition-delay").pfValue;
+    if (props.length > 0 && duration > 0) {
+      var style = {};
+      var anyPrev = false;
+      for (var i2 = 0; i2 < props.length; i2++) {
+        var prop = props[i2];
+        var styProp = ele.pstyle(prop);
+        var diffProp = diffProps[prop];
+        if (!diffProp) {
+          continue;
+        }
+        var prevProp = diffProp.prev;
+        var fromProp = prevProp;
+        var toProp = diffProp.next != null ? diffProp.next : styProp;
+        var diff = false;
+        var initVal = void 0;
+        var initDt = 1e-6;
+        if (!fromProp) {
+          continue;
+        }
+        if (number$1(fromProp.pfValue) && number$1(toProp.pfValue)) {
+          diff = toProp.pfValue - fromProp.pfValue;
+          initVal = fromProp.pfValue + initDt * diff;
+        } else if (number$1(fromProp.value) && number$1(toProp.value)) {
+          diff = toProp.value - fromProp.value;
+          initVal = fromProp.value + initDt * diff;
+        } else if (array(fromProp.value) && array(toProp.value)) {
+          diff = fromProp.value[0] !== toProp.value[0] || fromProp.value[1] !== toProp.value[1] || fromProp.value[2] !== toProp.value[2];
+          initVal = fromProp.strValue;
+        }
+        if (diff) {
+          style[prop] = toProp.strValue;
+          this.applyBypass(ele, prop, initVal);
+          anyPrev = true;
+        }
+      }
+      if (!anyPrev) {
+        return;
+      }
+      _p.transitioning = true;
+      new Promise$1(function(resolve) {
+        if (delay > 0) {
+          ele.delayAnimation(delay).play().promise().then(resolve);
+        } else {
+          resolve();
+        }
+      }).then(function() {
+        return ele.animation({
+          style,
+          duration,
+          easing: ele.pstyle("transition-timing-function").value,
+          queue: false
+        }).play().promise();
+      }).then(function() {
+        self2.removeBypasses(ele, props);
+        ele.emitAndNotify("style");
+        _p.transitioning = false;
+      });
+    } else if (_p.transitioning) {
+      this.removeBypasses(ele, props);
+      ele.emitAndNotify("style");
+      _p.transitioning = false;
+    }
+  };
+  styfn$8.checkTrigger = function(ele, name2, fromValue, toValue, getTrigger, onTrigger) {
+    var prop = this.properties[name2];
+    var triggerCheck = getTrigger(prop);
+    if (ele.removed()) {
+      return;
+    }
+    if (triggerCheck != null && triggerCheck(fromValue, toValue, ele)) {
+      onTrigger(prop);
+    }
+  };
+  styfn$8.checkZOrderTrigger = function(ele, name2, fromValue, toValue) {
+    var _this = this;
+    this.checkTrigger(ele, name2, fromValue, toValue, function(prop) {
+      return prop.triggersZOrder;
+    }, function() {
+      _this._private.cy.notify("zorder", ele);
+    });
+  };
+  styfn$8.checkBoundsTrigger = function(ele, name2, fromValue, toValue) {
+    this.checkTrigger(ele, name2, fromValue, toValue, function(prop) {
+      return prop.triggersBounds;
+    }, function(prop) {
+      ele.dirtyCompoundBoundsCache();
+      ele.dirtyBoundingBoxCache();
+    });
+  };
+  styfn$8.checkConnectedEdgesBoundsTrigger = function(ele, name2, fromValue, toValue) {
+    this.checkTrigger(ele, name2, fromValue, toValue, function(prop) {
+      return prop.triggersBoundsOfConnectedEdges;
+    }, function(prop) {
+      ele.connectedEdges().forEach(function(edge) {
+        edge.dirtyBoundingBoxCache();
+      });
+    });
+  };
+  styfn$8.checkParallelEdgesBoundsTrigger = function(ele, name2, fromValue, toValue) {
+    this.checkTrigger(ele, name2, fromValue, toValue, function(prop) {
+      return prop.triggersBoundsOfParallelEdges;
+    }, function(prop) {
+      ele.parallelEdges().forEach(function(pllEdge) {
+        pllEdge.dirtyBoundingBoxCache();
+      });
+    });
+  };
+  styfn$8.checkTriggers = function(ele, name2, fromValue, toValue) {
+    ele.dirtyStyleCache();
+    this.checkZOrderTrigger(ele, name2, fromValue, toValue);
+    this.checkBoundsTrigger(ele, name2, fromValue, toValue);
+    this.checkConnectedEdgesBoundsTrigger(ele, name2, fromValue, toValue);
+    this.checkParallelEdgesBoundsTrigger(ele, name2, fromValue, toValue);
+  };
+  var styfn$7 = {};
+  styfn$7.applyBypass = function(eles, name2, value, updateTransitions) {
+    var self2 = this;
+    var props = [];
+    var isBypass = true;
+    if (name2 === "*" || name2 === "**") {
+      if (value !== void 0) {
+        for (var i2 = 0; i2 < self2.properties.length; i2++) {
+          var prop = self2.properties[i2];
+          var _name = prop.name;
+          var parsedProp = this.parse(_name, value, true);
+          if (parsedProp) {
+            props.push(parsedProp);
+          }
+        }
+      }
+    } else if (string(name2)) {
+      var _parsedProp = this.parse(name2, value, true);
+      if (_parsedProp) {
+        props.push(_parsedProp);
+      }
+    } else if (plainObject(name2)) {
+      var specifiedProps = name2;
+      updateTransitions = value;
+      var names = Object.keys(specifiedProps);
+      for (var _i = 0; _i < names.length; _i++) {
+        var _name2 = names[_i];
+        var _value = specifiedProps[_name2];
+        if (_value === void 0) {
+          _value = specifiedProps[dash2camel(_name2)];
+        }
+        if (_value !== void 0) {
+          var _parsedProp2 = this.parse(_name2, _value, true);
+          if (_parsedProp2) {
+            props.push(_parsedProp2);
+          }
+        }
+      }
+    } else {
+      return false;
+    }
+    if (props.length === 0) {
+      return false;
+    }
+    var ret = false;
+    for (var _i2 = 0; _i2 < eles.length; _i2++) {
+      var ele = eles[_i2];
+      var diffProps = {};
+      var diffProp = void 0;
+      for (var j = 0; j < props.length; j++) {
+        var _prop = props[j];
+        if (updateTransitions) {
+          var prevProp = ele.pstyle(_prop.name);
+          diffProp = diffProps[_prop.name] = {
+            prev: prevProp
+          };
+        }
+        ret = this.applyParsedProperty(ele, copy(_prop)) || ret;
+        if (updateTransitions) {
+          diffProp.next = ele.pstyle(_prop.name);
+        }
+      }
+      if (ret) {
+        this.updateStyleHints(ele);
+      }
+      if (updateTransitions) {
+        this.updateTransitions(ele, diffProps, isBypass);
+      }
+    }
+    return ret;
+  };
+  styfn$7.overrideBypass = function(eles, name2, value) {
+    name2 = camel2dash(name2);
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      var prop = ele._private.style[name2];
+      var type2 = this.properties[name2].type;
+      var isColor = type2.color;
+      var isMulti = type2.mutiple;
+      var oldValue = !prop ? null : prop.pfValue != null ? prop.pfValue : prop.value;
+      if (!prop || !prop.bypass) {
+        this.applyBypass(ele, name2, value);
+      } else {
+        prop.value = value;
+        if (prop.pfValue != null) {
+          prop.pfValue = value;
+        }
+        if (isColor) {
+          prop.strValue = "rgb(" + value.join(",") + ")";
+        } else if (isMulti) {
+          prop.strValue = value.join(" ");
+        } else {
+          prop.strValue = "" + value;
+        }
+        this.updateStyleHints(ele);
+      }
+      this.checkTriggers(ele, name2, oldValue, value);
+    }
+  };
+  styfn$7.removeAllBypasses = function(eles, updateTransitions) {
+    return this.removeBypasses(eles, this.propertyNames, updateTransitions);
+  };
+  styfn$7.removeBypasses = function(eles, props, updateTransitions) {
+    var isBypass = true;
+    for (var j = 0; j < eles.length; j++) {
+      var ele = eles[j];
+      var diffProps = {};
+      for (var i2 = 0; i2 < props.length; i2++) {
+        var name2 = props[i2];
+        var prop = this.properties[name2];
+        var prevProp = ele.pstyle(prop.name);
+        if (!prevProp || !prevProp.bypass) {
+          continue;
+        }
+        var value = "";
+        var parsedProp = this.parse(name2, value, true);
+        var diffProp = diffProps[prop.name] = {
+          prev: prevProp
+        };
+        this.applyParsedProperty(ele, parsedProp);
+        diffProp.next = ele.pstyle(prop.name);
+      }
+      this.updateStyleHints(ele);
+      if (updateTransitions) {
+        this.updateTransitions(ele, diffProps, isBypass);
+      }
+    }
+  };
+  var styfn$6 = {};
+  styfn$6.getEmSizeInPixels = function() {
+    var px = this.containerCss("font-size");
+    if (px != null) {
+      return parseFloat(px);
+    } else {
+      return 1;
+    }
+  };
+  styfn$6.containerCss = function(propName) {
+    var cy = this._private.cy;
+    var domElement2 = cy.container();
+    var containerWindow = cy.window();
+    if (containerWindow && domElement2 && containerWindow.getComputedStyle) {
+      return containerWindow.getComputedStyle(domElement2).getPropertyValue(propName);
+    }
+  };
+  var styfn$5 = {};
+  styfn$5.getRenderedStyle = function(ele, prop) {
+    if (prop) {
+      return this.getStylePropertyValue(ele, prop, true);
+    } else {
+      return this.getRawStyle(ele, true);
+    }
+  };
+  styfn$5.getRawStyle = function(ele, isRenderedVal) {
+    var self2 = this;
+    ele = ele[0];
+    if (ele) {
+      var rstyle = {};
+      for (var i2 = 0; i2 < self2.properties.length; i2++) {
+        var prop = self2.properties[i2];
+        var val = self2.getStylePropertyValue(ele, prop.name, isRenderedVal);
+        if (val != null) {
+          rstyle[prop.name] = val;
+          rstyle[dash2camel(prop.name)] = val;
+        }
+      }
+      return rstyle;
+    }
+  };
+  styfn$5.getIndexedStyle = function(ele, property, subproperty, index2) {
+    var pstyle = ele.pstyle(property)[subproperty][index2];
+    return pstyle != null ? pstyle : ele.cy().style().getDefaultProperty(property)[subproperty][0];
+  };
+  styfn$5.getStylePropertyValue = function(ele, propName, isRenderedVal) {
+    var self2 = this;
+    ele = ele[0];
+    if (ele) {
+      var prop = self2.properties[propName];
+      if (prop.alias) {
+        prop = prop.pointsTo;
+      }
+      var type2 = prop.type;
+      var styleProp = ele.pstyle(prop.name);
+      if (styleProp) {
+        var value = styleProp.value, units = styleProp.units, strValue = styleProp.strValue;
+        if (isRenderedVal && type2.number && value != null && number$1(value)) {
+          var zoom2 = ele.cy().zoom();
+          var getRenderedValue = function getRenderedValue2(val) {
+            return val * zoom2;
+          };
+          var getValueStringWithUnits = function getValueStringWithUnits2(val, units2) {
+            return getRenderedValue(val) + units2;
+          };
+          var isArrayValue = array(value);
+          var haveUnits = isArrayValue ? units.every(function(u) {
+            return u != null;
+          }) : units != null;
+          if (haveUnits) {
+            if (isArrayValue) {
+              return value.map(function(v, i2) {
+                return getValueStringWithUnits(v, units[i2]);
+              }).join(" ");
+            } else {
+              return getValueStringWithUnits(value, units);
+            }
+          } else {
+            if (isArrayValue) {
+              return value.map(function(v) {
+                return string(v) ? v : "" + getRenderedValue(v);
+              }).join(" ");
+            } else {
+              return "" + getRenderedValue(value);
+            }
+          }
+        } else if (strValue != null) {
+          return strValue;
+        }
+      }
+      return null;
+    }
+  };
+  styfn$5.getAnimationStartStyle = function(ele, aniProps) {
+    var rstyle = {};
+    for (var i2 = 0; i2 < aniProps.length; i2++) {
+      var aniProp = aniProps[i2];
+      var name2 = aniProp.name;
+      var styleProp = ele.pstyle(name2);
+      if (styleProp !== void 0) {
+        if (plainObject(styleProp)) {
+          styleProp = this.parse(name2, styleProp.strValue);
+        } else {
+          styleProp = this.parse(name2, styleProp);
+        }
+      }
+      if (styleProp) {
+        rstyle[name2] = styleProp;
+      }
+    }
+    return rstyle;
+  };
+  styfn$5.getPropsList = function(propsObj) {
+    var self2 = this;
+    var rstyle = [];
+    var style = propsObj;
+    var props = self2.properties;
+    if (style) {
+      var names = Object.keys(style);
+      for (var i2 = 0; i2 < names.length; i2++) {
+        var name2 = names[i2];
+        var val = style[name2];
+        var prop = props[name2] || props[camel2dash(name2)];
+        var styleProp = this.parse(prop.name, val);
+        if (styleProp) {
+          rstyle.push(styleProp);
+        }
+      }
+    }
+    return rstyle;
+  };
+  styfn$5.getNonDefaultPropertiesHash = function(ele, propNames, seed) {
+    var hash = seed.slice();
+    var name2, val, strVal, chVal;
+    var i2, j;
+    for (i2 = 0; i2 < propNames.length; i2++) {
+      name2 = propNames[i2];
+      val = ele.pstyle(name2, false);
+      if (val == null) {
+        continue;
+      } else if (val.pfValue != null) {
+        hash[0] = hashInt(chVal, hash[0]);
+        hash[1] = hashIntAlt(chVal, hash[1]);
+      } else {
+        strVal = val.strValue;
+        for (j = 0; j < strVal.length; j++) {
+          chVal = strVal.charCodeAt(j);
+          hash[0] = hashInt(chVal, hash[0]);
+          hash[1] = hashIntAlt(chVal, hash[1]);
+        }
+      }
+    }
+    return hash;
+  };
+  styfn$5.getPropertiesHash = styfn$5.getNonDefaultPropertiesHash;
+  var styfn$4 = {};
+  styfn$4.appendFromJson = function(json2) {
+    var style = this;
+    for (var i2 = 0; i2 < json2.length; i2++) {
+      var context = json2[i2];
+      var selector2 = context.selector;
+      var props = context.style || context.css;
+      var names = Object.keys(props);
+      style.selector(selector2);
+      for (var j = 0; j < names.length; j++) {
+        var name2 = names[j];
+        var value = props[name2];
+        style.css(name2, value);
+      }
+    }
+    return style;
+  };
+  styfn$4.fromJson = function(json2) {
+    var style = this;
+    style.resetToDefault();
+    style.appendFromJson(json2);
+    return style;
+  };
+  styfn$4.json = function() {
+    var json2 = [];
+    for (var i2 = this.defaultLength; i2 < this.length; i2++) {
+      var cxt = this[i2];
+      var selector2 = cxt.selector;
+      var props = cxt.properties;
+      var css = {};
+      for (var j = 0; j < props.length; j++) {
+        var prop = props[j];
+        css[prop.name] = prop.strValue;
+      }
+      json2.push({
+        selector: !selector2 ? "core" : selector2.toString(),
+        style: css
+      });
+    }
+    return json2;
+  };
+  var styfn$3 = {};
+  styfn$3.appendFromString = function(string2) {
+    var self2 = this;
+    var style = this;
+    var remaining = "" + string2;
+    var selAndBlockStr;
+    var blockRem;
+    var propAndValStr;
+    remaining = remaining.replace(/[/][*](\s|.)+?[*][/]/g, "");
+    function removeSelAndBlockFromRemaining() {
+      if (remaining.length > selAndBlockStr.length) {
+        remaining = remaining.substr(selAndBlockStr.length);
+      } else {
+        remaining = "";
+      }
+    }
+    function removePropAndValFromRem() {
+      if (blockRem.length > propAndValStr.length) {
+        blockRem = blockRem.substr(propAndValStr.length);
+      } else {
+        blockRem = "";
+      }
+    }
+    for (; ; ) {
+      var nothingLeftToParse = remaining.match(/^\s*$/);
+      if (nothingLeftToParse) {
+        break;
+      }
+      var selAndBlock = remaining.match(/^\s*((?:.|\s)+?)\s*\{((?:.|\s)+?)\}/);
+      if (!selAndBlock) {
+        warn("Halting stylesheet parsing: String stylesheet contains more to parse but no selector and block found in: " + remaining);
+        break;
+      }
+      selAndBlockStr = selAndBlock[0];
+      var selectorStr = selAndBlock[1];
+      if (selectorStr !== "core") {
+        var selector2 = new Selector(selectorStr);
+        if (selector2.invalid) {
+          warn("Skipping parsing of block: Invalid selector found in string stylesheet: " + selectorStr);
+          removeSelAndBlockFromRemaining();
+          continue;
+        }
+      }
+      var blockStr = selAndBlock[2];
+      var invalidBlock = false;
+      blockRem = blockStr;
+      var props = [];
+      for (; ; ) {
+        var _nothingLeftToParse = blockRem.match(/^\s*$/);
+        if (_nothingLeftToParse) {
+          break;
+        }
+        var propAndVal = blockRem.match(/^\s*(.+?)\s*:\s*(.+?)(?:\s*;|\s*$)/);
+        if (!propAndVal) {
+          warn("Skipping parsing of block: Invalid formatting of style property and value definitions found in:" + blockStr);
+          invalidBlock = true;
+          break;
+        }
+        propAndValStr = propAndVal[0];
+        var propStr = propAndVal[1];
+        var valStr = propAndVal[2];
+        var prop = self2.properties[propStr];
+        if (!prop) {
+          warn("Skipping property: Invalid property name in: " + propAndValStr);
+          removePropAndValFromRem();
+          continue;
+        }
+        var parsedProp = style.parse(propStr, valStr);
+        if (!parsedProp) {
+          warn("Skipping property: Invalid property definition in: " + propAndValStr);
+          removePropAndValFromRem();
+          continue;
+        }
+        props.push({
+          name: propStr,
+          val: valStr
+        });
+        removePropAndValFromRem();
+      }
+      if (invalidBlock) {
+        removeSelAndBlockFromRemaining();
+        break;
+      }
+      style.selector(selectorStr);
+      for (var i2 = 0; i2 < props.length; i2++) {
+        var _prop = props[i2];
+        style.css(_prop.name, _prop.val);
+      }
+      removeSelAndBlockFromRemaining();
+    }
+    return style;
+  };
+  styfn$3.fromString = function(string2) {
+    var style = this;
+    style.resetToDefault();
+    style.appendFromString(string2);
+    return style;
+  };
+  var styfn$2 = {};
+  (function() {
+    var number$12 = number;
+    var rgba2 = rgbaNoBackRefs;
+    var hsla2 = hslaNoBackRefs;
+    var hex3$1 = hex3;
+    var hex6$1 = hex6;
+    var data2 = function data3(prefix) {
+      return "^" + prefix + "\\s*\\(\\s*([\\w\\.]+)\\s*\\)$";
+    };
+    var mapData = function mapData2(prefix) {
+      var mapArg = number$12 + "|\\w+|" + rgba2 + "|" + hsla2 + "|" + hex3$1 + "|" + hex6$1;
+      return "^" + prefix + "\\s*\\(([\\w\\.]+)\\s*\\,\\s*(" + number$12 + ")\\s*\\,\\s*(" + number$12 + ")\\s*,\\s*(" + mapArg + ")\\s*\\,\\s*(" + mapArg + ")\\)$";
+    };
+    var urlRegexes = [`^url\\s*\\(\\s*['"]?(.+?)['"]?\\s*\\)$`, "^(none)$", "^(.+)$"];
+    styfn$2.types = {
+      time: {
+        number: true,
+        min: 0,
+        units: "s|ms",
+        implicitUnits: "ms"
+      },
+      percent: {
+        number: true,
+        min: 0,
+        max: 100,
+        units: "%",
+        implicitUnits: "%"
+      },
+      percentages: {
+        number: true,
+        min: 0,
+        max: 100,
+        units: "%",
+        implicitUnits: "%",
+        multiple: true
+      },
+      zeroOneNumber: {
+        number: true,
+        min: 0,
+        max: 1,
+        unitless: true
+      },
+      zeroOneNumbers: {
+        number: true,
+        min: 0,
+        max: 1,
+        unitless: true,
+        multiple: true
+      },
+      nOneOneNumber: {
+        number: true,
+        min: -1,
+        max: 1,
+        unitless: true
+      },
+      nonNegativeInt: {
+        number: true,
+        min: 0,
+        integer: true,
+        unitless: true
+      },
+      nonNegativeNumber: {
+        number: true,
+        min: 0,
+        unitless: true
+      },
+      position: {
+        enums: ["parent", "origin"]
+      },
+      nodeSize: {
+        number: true,
+        min: 0,
+        enums: ["label"]
+      },
+      number: {
+        number: true,
+        unitless: true
+      },
+      numbers: {
+        number: true,
+        unitless: true,
+        multiple: true
+      },
+      positiveNumber: {
+        number: true,
+        unitless: true,
+        min: 0,
+        strictMin: true
+      },
+      size: {
+        number: true,
+        min: 0
+      },
+      bidirectionalSize: {
+        number: true
+      },
+      // allows negative
+      bidirectionalSizeMaybePercent: {
+        number: true,
+        allowPercent: true
+      },
+      // allows negative
+      bidirectionalSizes: {
+        number: true,
+        multiple: true
+      },
+      // allows negative
+      sizeMaybePercent: {
+        number: true,
+        min: 0,
+        allowPercent: true
+      },
+      axisDirection: {
+        enums: ["horizontal", "leftward", "rightward", "vertical", "upward", "downward", "auto"]
+      },
+      axisDirectionExplicit: {
+        enums: ["leftward", "rightward", "upward", "downward"]
+      },
+      axisDirectionPrimary: {
+        enums: ["horizontal", "vertical"]
+      },
+      paddingRelativeTo: {
+        enums: ["width", "height", "average", "min", "max"]
+      },
+      bgWH: {
+        number: true,
+        min: 0,
+        allowPercent: true,
+        enums: ["auto"],
+        multiple: true
+      },
+      bgPos: {
+        number: true,
+        allowPercent: true,
+        multiple: true
+      },
+      bgRelativeTo: {
+        enums: ["inner", "include-padding"],
+        multiple: true
+      },
+      bgRepeat: {
+        enums: ["repeat", "repeat-x", "repeat-y", "no-repeat"],
+        multiple: true
+      },
+      bgFit: {
+        enums: ["none", "contain", "cover"],
+        multiple: true
+      },
+      bgCrossOrigin: {
+        enums: ["anonymous", "use-credentials", "null"],
+        multiple: true
+      },
+      bgClip: {
+        enums: ["none", "node"],
+        multiple: true
+      },
+      bgContainment: {
+        enums: ["inside", "over"],
+        multiple: true
+      },
+      boxSelection: {
+        enums: ["contain", "overlap", "none"]
+      },
+      color: {
+        color: true
+      },
+      colors: {
+        color: true,
+        multiple: true
+      },
+      fill: {
+        enums: ["solid", "linear-gradient", "radial-gradient"]
+      },
+      bool: {
+        enums: ["yes", "no"]
+      },
+      bools: {
+        enums: ["yes", "no"],
+        multiple: true
+      },
+      lineStyle: {
+        enums: ["solid", "dotted", "dashed"]
+      },
+      lineCap: {
+        enums: ["butt", "round", "square"]
+      },
+      linePosition: {
+        enums: ["center", "inside", "outside"]
+      },
+      lineJoin: {
+        enums: ["round", "bevel", "miter"]
+      },
+      borderStyle: {
+        enums: ["solid", "dotted", "dashed", "double"]
+      },
+      curveStyle: {
+        enums: ["bezier", "unbundled-bezier", "haystack", "segments", "straight", "straight-triangle", "taxi", "round-segments", "round-taxi"]
+      },
+      radiusType: {
+        enums: ["arc-radius", "influence-radius"],
+        multiple: true
+      },
+      fontFamily: {
+        regex: '^([\\w- \\"]+(?:\\s*,\\s*[\\w- \\"]+)*)$'
+      },
+      fontStyle: {
+        enums: ["italic", "normal", "oblique"]
+      },
+      fontWeight: {
+        enums: ["normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "800", "900", 100, 200, 300, 400, 500, 600, 700, 800, 900]
+      },
+      textDecoration: {
+        enums: ["none", "underline", "overline", "line-through"]
+      },
+      textTransform: {
+        enums: ["none", "uppercase", "lowercase"]
+      },
+      textWrap: {
+        enums: ["none", "wrap", "ellipsis"]
+      },
+      textOverflowWrap: {
+        enums: ["whitespace", "anywhere"]
+      },
+      textBackgroundShape: {
+        enums: ["rectangle", "roundrectangle", "round-rectangle", "circle"]
+      },
+      nodeShape: {
+        enums: ["rectangle", "roundrectangle", "round-rectangle", "cutrectangle", "cut-rectangle", "bottomroundrectangle", "bottom-round-rectangle", "barrel", "ellipse", "triangle", "round-triangle", "square", "pentagon", "round-pentagon", "hexagon", "round-hexagon", "concavehexagon", "concave-hexagon", "heptagon", "round-heptagon", "octagon", "round-octagon", "tag", "round-tag", "star", "diamond", "round-diamond", "vee", "rhomboid", "right-rhomboid", "polygon"]
+      },
+      overlayShape: {
+        enums: ["roundrectangle", "round-rectangle", "ellipse"]
+      },
+      cornerRadius: {
+        number: true,
+        min: 0,
+        units: "px|em",
+        implicitUnits: "px",
+        enums: ["auto"]
+      },
+      compoundIncludeLabels: {
+        enums: ["include", "exclude"]
+      },
+      arrowShape: {
+        enums: ["tee", "triangle", "triangle-tee", "circle-triangle", "triangle-cross", "triangle-backcurve", "vee", "square", "circle", "diamond", "chevron", "none"]
+      },
+      arrowFill: {
+        enums: ["filled", "hollow"]
+      },
+      arrowWidth: {
+        number: true,
+        units: "%|px|em",
+        implicitUnits: "px",
+        enums: ["match-line"]
+      },
+      display: {
+        enums: ["element", "none"]
+      },
+      visibility: {
+        enums: ["hidden", "visible"]
+      },
+      zCompoundDepth: {
+        enums: ["bottom", "orphan", "auto", "top"]
+      },
+      zIndexCompare: {
+        enums: ["auto", "manual"]
+      },
+      valign: {
+        enums: ["top", "center", "bottom"]
+      },
+      halign: {
+        enums: ["left", "center", "right"]
+      },
+      justification: {
+        enums: ["left", "center", "right", "auto"]
+      },
+      text: {
+        string: true
+      },
+      data: {
+        mapping: true,
+        regex: data2("data")
+      },
+      layoutData: {
+        mapping: true,
+        regex: data2("layoutData")
+      },
+      scratch: {
+        mapping: true,
+        regex: data2("scratch")
+      },
+      mapData: {
+        mapping: true,
+        regex: mapData("mapData")
+      },
+      mapLayoutData: {
+        mapping: true,
+        regex: mapData("mapLayoutData")
+      },
+      mapScratch: {
+        mapping: true,
+        regex: mapData("mapScratch")
+      },
+      fn: {
+        mapping: true,
+        fn: true
+      },
+      url: {
+        regexes: urlRegexes,
+        singleRegexMatchValue: true
+      },
+      urls: {
+        regexes: urlRegexes,
+        singleRegexMatchValue: true,
+        multiple: true
+      },
+      propList: {
+        propList: true
+      },
+      angle: {
+        number: true,
+        units: "deg|rad",
+        implicitUnits: "rad"
+      },
+      textRotation: {
+        number: true,
+        units: "deg|rad",
+        implicitUnits: "rad",
+        enums: ["none", "autorotate"]
+      },
+      polygonPointList: {
+        number: true,
+        multiple: true,
+        evenMultiple: true,
+        min: -1,
+        max: 1,
+        unitless: true
+      },
+      edgeDistances: {
+        enums: ["intersection", "node-position", "endpoints"]
+      },
+      edgeEndpoint: {
+        number: true,
+        multiple: true,
+        units: "%|px|em|deg|rad",
+        implicitUnits: "px",
+        enums: ["inside-to-node", "outside-to-node", "outside-to-node-or-label", "outside-to-line", "outside-to-line-or-label"],
+        singleEnum: true,
+        validate: function validate(valArr, unitsArr) {
+          switch (valArr.length) {
+            case 2:
+              return unitsArr[0] !== "deg" && unitsArr[0] !== "rad" && unitsArr[1] !== "deg" && unitsArr[1] !== "rad";
+            case 1:
+              return string(valArr[0]) || unitsArr[0] === "deg" || unitsArr[0] === "rad";
+            default:
+              return false;
+          }
+        }
+      },
+      easing: {
+        regexes: ["^(spring)\\s*\\(\\s*(" + number$12 + ")\\s*,\\s*(" + number$12 + ")\\s*\\)$", "^(cubic-bezier)\\s*\\(\\s*(" + number$12 + ")\\s*,\\s*(" + number$12 + ")\\s*,\\s*(" + number$12 + ")\\s*,\\s*(" + number$12 + ")\\s*\\)$"],
+        enums: ["linear", "ease", "ease-in", "ease-out", "ease-in-out", "ease-in-sine", "ease-out-sine", "ease-in-out-sine", "ease-in-quad", "ease-out-quad", "ease-in-out-quad", "ease-in-cubic", "ease-out-cubic", "ease-in-out-cubic", "ease-in-quart", "ease-out-quart", "ease-in-out-quart", "ease-in-quint", "ease-out-quint", "ease-in-out-quint", "ease-in-expo", "ease-out-expo", "ease-in-out-expo", "ease-in-circ", "ease-out-circ", "ease-in-out-circ"]
+      },
+      gradientDirection: {
+        enums: [
+          "to-bottom",
+          "to-top",
+          "to-left",
+          "to-right",
+          "to-bottom-right",
+          "to-bottom-left",
+          "to-top-right",
+          "to-top-left",
+          "to-right-bottom",
+          "to-left-bottom",
+          "to-right-top",
+          "to-left-top"
+          // different order
+        ]
+      },
+      boundsExpansion: {
+        number: true,
+        multiple: true,
+        min: 0,
+        validate: function validate(valArr) {
+          var length = valArr.length;
+          return length === 1 || length === 2 || length === 4;
+        }
+      }
+    };
+    var diff = {
+      zeroNonZero: function zeroNonZero(val1, val2) {
+        if ((val1 == null || val2 == null) && val1 !== val2) {
+          return true;
+        }
+        if (val1 == 0 && val2 != 0) {
+          return true;
+        } else if (val1 != 0 && val2 == 0) {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      any: function any(val1, val2) {
+        return val1 != val2;
+      },
+      emptyNonEmpty: function emptyNonEmpty(str1, str2) {
+        var empty1 = emptyString(str1);
+        var empty2 = emptyString(str2);
+        return empty1 && !empty2 || !empty1 && empty2;
+      }
+    };
+    var t2 = styfn$2.types;
+    var mainLabel = [{
+      name: "label",
+      type: t2.text,
+      triggersBounds: diff.any,
+      triggersZOrder: diff.emptyNonEmpty
+    }, {
+      name: "text-rotation",
+      type: t2.textRotation,
+      triggersBounds: diff.any
+    }, {
+      name: "text-margin-x",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }, {
+      name: "text-margin-y",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }];
+    var sourceLabel = [{
+      name: "source-label",
+      type: t2.text,
+      triggersBounds: diff.any
+    }, {
+      name: "source-text-rotation",
+      type: t2.textRotation,
+      triggersBounds: diff.any
+    }, {
+      name: "source-text-margin-x",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }, {
+      name: "source-text-margin-y",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }, {
+      name: "source-text-offset",
+      type: t2.size,
+      triggersBounds: diff.any
+    }];
+    var targetLabel = [{
+      name: "target-label",
+      type: t2.text,
+      triggersBounds: diff.any
+    }, {
+      name: "target-text-rotation",
+      type: t2.textRotation,
+      triggersBounds: diff.any
+    }, {
+      name: "target-text-margin-x",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }, {
+      name: "target-text-margin-y",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }, {
+      name: "target-text-offset",
+      type: t2.size,
+      triggersBounds: diff.any
+    }];
+    var labelDimensions = [{
+      name: "font-family",
+      type: t2.fontFamily,
+      triggersBounds: diff.any
+    }, {
+      name: "font-style",
+      type: t2.fontStyle,
+      triggersBounds: diff.any
+    }, {
+      name: "font-weight",
+      type: t2.fontWeight,
+      triggersBounds: diff.any
+    }, {
+      name: "font-size",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "text-transform",
+      type: t2.textTransform,
+      triggersBounds: diff.any
+    }, {
+      name: "text-wrap",
+      type: t2.textWrap,
+      triggersBounds: diff.any
+    }, {
+      name: "text-overflow-wrap",
+      type: t2.textOverflowWrap,
+      triggersBounds: diff.any
+    }, {
+      name: "text-max-width",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "text-outline-width",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "line-height",
+      type: t2.positiveNumber,
+      triggersBounds: diff.any
+    }];
+    var commonLabel = [{
+      name: "text-valign",
+      type: t2.valign,
+      triggersBounds: diff.any
+    }, {
+      name: "text-halign",
+      type: t2.halign,
+      triggersBounds: diff.any
+    }, {
+      name: "color",
+      type: t2.color
+    }, {
+      name: "text-outline-color",
+      type: t2.color
+    }, {
+      name: "text-outline-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "text-background-color",
+      type: t2.color
+    }, {
+      name: "text-background-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "text-background-padding",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "text-border-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "text-border-color",
+      type: t2.color
+    }, {
+      name: "text-border-width",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "text-border-style",
+      type: t2.borderStyle,
+      triggersBounds: diff.any
+    }, {
+      name: "text-background-shape",
+      type: t2.textBackgroundShape,
+      triggersBounds: diff.any
+    }, {
+      name: "text-justification",
+      type: t2.justification
+    }, {
+      name: "box-select-labels",
+      type: t2.bool,
+      triggersBounds: diff.any
+    }];
+    var behavior = [{
+      name: "events",
+      type: t2.bool,
+      triggersZOrder: diff.any
+    }, {
+      name: "text-events",
+      type: t2.bool,
+      triggersZOrder: diff.any
+    }, {
+      name: "box-selection",
+      type: t2.boxSelection,
+      triggersZOrder: diff.any
+    }];
+    var visibility = [{
+      name: "display",
+      type: t2.display,
+      triggersZOrder: diff.any,
+      triggersBounds: diff.any,
+      triggersBoundsOfConnectedEdges: diff.any,
+      triggersBoundsOfParallelEdges: function triggersBoundsOfParallelEdges(fromValue, toValue, ele) {
+        if (fromValue === toValue) {
+          return false;
+        }
+        return ele.pstyle("curve-style").value === "bezier";
+      }
+    }, {
+      name: "visibility",
+      type: t2.visibility,
+      triggersZOrder: diff.any
+    }, {
+      name: "opacity",
+      type: t2.zeroOneNumber,
+      triggersZOrder: diff.zeroNonZero
+    }, {
+      name: "text-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "min-zoomed-font-size",
+      type: t2.size
+    }, {
+      name: "z-compound-depth",
+      type: t2.zCompoundDepth,
+      triggersZOrder: diff.any
+    }, {
+      name: "z-index-compare",
+      type: t2.zIndexCompare,
+      triggersZOrder: diff.any
+    }, {
+      name: "z-index",
+      type: t2.number,
+      triggersZOrder: diff.any
+    }];
+    var overlay = [{
+      name: "overlay-padding",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "overlay-color",
+      type: t2.color
+    }, {
+      name: "overlay-opacity",
+      type: t2.zeroOneNumber,
+      triggersBounds: diff.zeroNonZero
+    }, {
+      name: "overlay-shape",
+      type: t2.overlayShape,
+      triggersBounds: diff.any
+    }, {
+      name: "overlay-corner-radius",
+      type: t2.cornerRadius
+    }];
+    var underlay = [{
+      name: "underlay-padding",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "underlay-color",
+      type: t2.color
+    }, {
+      name: "underlay-opacity",
+      type: t2.zeroOneNumber,
+      triggersBounds: diff.zeroNonZero
+    }, {
+      name: "underlay-shape",
+      type: t2.overlayShape,
+      triggersBounds: diff.any
+    }, {
+      name: "underlay-corner-radius",
+      type: t2.cornerRadius
+    }];
+    var transition = [{
+      name: "transition-property",
+      type: t2.propList
+    }, {
+      name: "transition-duration",
+      type: t2.time
+    }, {
+      name: "transition-delay",
+      type: t2.time
+    }, {
+      name: "transition-timing-function",
+      type: t2.easing
+    }];
+    var nodeSizeHashOverride = function nodeSizeHashOverride2(ele, parsedProp) {
+      if (parsedProp.value === "label") {
+        return -ele.poolIndex();
+      } else {
+        return parsedProp.pfValue;
+      }
+    };
+    var nodeBody = [{
+      name: "height",
+      type: t2.nodeSize,
+      triggersBounds: diff.any,
+      hashOverride: nodeSizeHashOverride
+    }, {
+      name: "width",
+      type: t2.nodeSize,
+      triggersBounds: diff.any,
+      hashOverride: nodeSizeHashOverride
+    }, {
+      name: "shape",
+      type: t2.nodeShape,
+      triggersBounds: diff.any
+    }, {
+      name: "shape-polygon-points",
+      type: t2.polygonPointList,
+      triggersBounds: diff.any
+    }, {
+      name: "corner-radius",
+      type: t2.cornerRadius
+    }, {
+      name: "background-color",
+      type: t2.color
+    }, {
+      name: "background-fill",
+      type: t2.fill
+    }, {
+      name: "background-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "background-blacken",
+      type: t2.nOneOneNumber
+    }, {
+      name: "background-gradient-stop-colors",
+      type: t2.colors
+    }, {
+      name: "background-gradient-stop-positions",
+      type: t2.percentages
+    }, {
+      name: "background-gradient-direction",
+      type: t2.gradientDirection
+    }, {
+      name: "padding",
+      type: t2.sizeMaybePercent,
+      triggersBounds: diff.any
+    }, {
+      name: "padding-relative-to",
+      type: t2.paddingRelativeTo,
+      triggersBounds: diff.any
+    }, {
+      name: "bounds-expansion",
+      type: t2.boundsExpansion,
+      triggersBounds: diff.any
+    }];
+    var nodeBorder = [{
+      name: "border-color",
+      type: t2.color
+    }, {
+      name: "border-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "border-width",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "border-style",
+      type: t2.borderStyle
+    }, {
+      name: "border-cap",
+      type: t2.lineCap
+    }, {
+      name: "border-join",
+      type: t2.lineJoin
+    }, {
+      name: "border-dash-pattern",
+      type: t2.numbers
+    }, {
+      name: "border-dash-offset",
+      type: t2.number
+    }, {
+      name: "border-position",
+      type: t2.linePosition
+    }];
+    var nodeOutline = [{
+      name: "outline-color",
+      type: t2.color
+    }, {
+      name: "outline-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "outline-width",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "outline-style",
+      type: t2.borderStyle
+    }, {
+      name: "outline-offset",
+      type: t2.size,
+      triggersBounds: diff.any
+    }];
+    var backgroundImage = [{
+      name: "background-image",
+      type: t2.urls
+    }, {
+      name: "background-image-crossorigin",
+      type: t2.bgCrossOrigin
+    }, {
+      name: "background-image-opacity",
+      type: t2.zeroOneNumbers
+    }, {
+      name: "background-image-containment",
+      type: t2.bgContainment
+    }, {
+      name: "background-image-smoothing",
+      type: t2.bools
+    }, {
+      name: "background-position-x",
+      type: t2.bgPos
+    }, {
+      name: "background-position-y",
+      type: t2.bgPos
+    }, {
+      name: "background-width-relative-to",
+      type: t2.bgRelativeTo
+    }, {
+      name: "background-height-relative-to",
+      type: t2.bgRelativeTo
+    }, {
+      name: "background-repeat",
+      type: t2.bgRepeat
+    }, {
+      name: "background-fit",
+      type: t2.bgFit
+    }, {
+      name: "background-clip",
+      type: t2.bgClip
+    }, {
+      name: "background-width",
+      type: t2.bgWH
+    }, {
+      name: "background-height",
+      type: t2.bgWH
+    }, {
+      name: "background-offset-x",
+      type: t2.bgPos
+    }, {
+      name: "background-offset-y",
+      type: t2.bgPos
+    }];
+    var compound = [{
+      name: "position",
+      type: t2.position,
+      triggersBounds: diff.any
+    }, {
+      name: "compound-sizing-wrt-labels",
+      type: t2.compoundIncludeLabels,
+      triggersBounds: diff.any
+    }, {
+      name: "min-width",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "min-width-bias-left",
+      type: t2.sizeMaybePercent,
+      triggersBounds: diff.any
+    }, {
+      name: "min-width-bias-right",
+      type: t2.sizeMaybePercent,
+      triggersBounds: diff.any
+    }, {
+      name: "min-height",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "min-height-bias-top",
+      type: t2.sizeMaybePercent,
+      triggersBounds: diff.any
+    }, {
+      name: "min-height-bias-bottom",
+      type: t2.sizeMaybePercent,
+      triggersBounds: diff.any
+    }];
+    var edgeLine = [{
+      name: "line-style",
+      type: t2.lineStyle
+    }, {
+      name: "line-color",
+      type: t2.color
+    }, {
+      name: "line-fill",
+      type: t2.fill
+    }, {
+      name: "line-cap",
+      type: t2.lineCap
+    }, {
+      name: "line-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "line-dash-pattern",
+      type: t2.numbers
+    }, {
+      name: "line-dash-offset",
+      type: t2.number
+    }, {
+      name: "line-outline-width",
+      type: t2.size
+    }, {
+      name: "line-outline-color",
+      type: t2.color
+    }, {
+      name: "line-gradient-stop-colors",
+      type: t2.colors
+    }, {
+      name: "line-gradient-stop-positions",
+      type: t2.percentages
+    }, {
+      name: "curve-style",
+      type: t2.curveStyle,
+      triggersBounds: diff.any,
+      triggersBoundsOfParallelEdges: function triggersBoundsOfParallelEdges(fromValue, toValue) {
+        if (fromValue === toValue) {
+          return false;
+        }
+        return fromValue === "bezier" || // remove from bundle
+        toValue === "bezier";
+      }
+    }, {
+      name: "haystack-radius",
+      type: t2.zeroOneNumber,
+      triggersBounds: diff.any
+    }, {
+      name: "source-endpoint",
+      type: t2.edgeEndpoint,
+      triggersBounds: diff.any
+    }, {
+      name: "target-endpoint",
+      type: t2.edgeEndpoint,
+      triggersBounds: diff.any
+    }, {
+      name: "control-point-step-size",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "control-point-distances",
+      type: t2.bidirectionalSizes,
+      triggersBounds: diff.any
+    }, {
+      name: "control-point-weights",
+      type: t2.numbers,
+      triggersBounds: diff.any
+    }, {
+      name: "segment-distances",
+      type: t2.bidirectionalSizes,
+      triggersBounds: diff.any
+    }, {
+      name: "segment-weights",
+      type: t2.numbers,
+      triggersBounds: diff.any
+    }, {
+      name: "segment-radii",
+      type: t2.numbers,
+      triggersBounds: diff.any
+    }, {
+      name: "radius-type",
+      type: t2.radiusType,
+      triggersBounds: diff.any
+    }, {
+      name: "taxi-turn",
+      type: t2.bidirectionalSizeMaybePercent,
+      triggersBounds: diff.any
+    }, {
+      name: "taxi-turn-min-distance",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "taxi-direction",
+      type: t2.axisDirection,
+      triggersBounds: diff.any
+    }, {
+      name: "taxi-radius",
+      type: t2.number,
+      triggersBounds: diff.any
+    }, {
+      name: "edge-distances",
+      type: t2.edgeDistances,
+      triggersBounds: diff.any
+    }, {
+      name: "arrow-scale",
+      type: t2.positiveNumber,
+      triggersBounds: diff.any
+    }, {
+      name: "loop-direction",
+      type: t2.angle,
+      triggersBounds: diff.any
+    }, {
+      name: "loop-sweep",
+      type: t2.angle,
+      triggersBounds: diff.any
+    }, {
+      name: "source-distance-from-node",
+      type: t2.size,
+      triggersBounds: diff.any
+    }, {
+      name: "target-distance-from-node",
+      type: t2.size,
+      triggersBounds: diff.any
+    }];
+    var ghost = [{
+      name: "ghost",
+      type: t2.bool,
+      triggersBounds: diff.any
+    }, {
+      name: "ghost-offset-x",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }, {
+      name: "ghost-offset-y",
+      type: t2.bidirectionalSize,
+      triggersBounds: diff.any
+    }, {
+      name: "ghost-opacity",
+      type: t2.zeroOneNumber
+    }];
+    var core2 = [{
+      name: "selection-box-color",
+      type: t2.color
+    }, {
+      name: "selection-box-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "selection-box-border-color",
+      type: t2.color
+    }, {
+      name: "selection-box-border-width",
+      type: t2.size
+    }, {
+      name: "active-bg-color",
+      type: t2.color
+    }, {
+      name: "active-bg-opacity",
+      type: t2.zeroOneNumber
+    }, {
+      name: "active-bg-size",
+      type: t2.size
+    }, {
+      name: "outside-texture-bg-color",
+      type: t2.color
+    }, {
+      name: "outside-texture-bg-opacity",
+      type: t2.zeroOneNumber
+    }];
+    var pie = [];
+    styfn$2.pieBackgroundN = 16;
+    pie.push({
+      name: "pie-size",
+      type: t2.sizeMaybePercent
+    });
+    pie.push({
+      name: "pie-hole",
+      type: t2.sizeMaybePercent
+    });
+    pie.push({
+      name: "pie-start-angle",
+      type: t2.angle
+    });
+    for (var i2 = 1; i2 <= styfn$2.pieBackgroundN; i2++) {
+      pie.push({
+        name: "pie-" + i2 + "-background-color",
+        type: t2.color
+      });
+      pie.push({
+        name: "pie-" + i2 + "-background-size",
+        type: t2.percent
+      });
+      pie.push({
+        name: "pie-" + i2 + "-background-opacity",
+        type: t2.zeroOneNumber
+      });
+    }
+    var stripe = [];
+    styfn$2.stripeBackgroundN = 16;
+    stripe.push({
+      name: "stripe-size",
+      type: t2.sizeMaybePercent
+    });
+    stripe.push({
+      name: "stripe-direction",
+      type: t2.axisDirectionPrimary
+    });
+    for (var _i = 1; _i <= styfn$2.stripeBackgroundN; _i++) {
+      stripe.push({
+        name: "stripe-" + _i + "-background-color",
+        type: t2.color
+      });
+      stripe.push({
+        name: "stripe-" + _i + "-background-size",
+        type: t2.percent
+      });
+      stripe.push({
+        name: "stripe-" + _i + "-background-opacity",
+        type: t2.zeroOneNumber
+      });
+    }
+    var edgeArrow = [];
+    var arrowPrefixes = styfn$2.arrowPrefixes = ["source", "mid-source", "target", "mid-target"];
+    [{
+      name: "arrow-shape",
+      type: t2.arrowShape,
+      triggersBounds: diff.any
+    }, {
+      name: "arrow-color",
+      type: t2.color
+    }, {
+      name: "arrow-fill",
+      type: t2.arrowFill
+    }, {
+      name: "arrow-width",
+      type: t2.arrowWidth
+    }].forEach(function(prop2) {
+      arrowPrefixes.forEach(function(prefix) {
+        var name2 = prefix + "-" + prop2.name;
+        var type2 = prop2.type, triggersBounds = prop2.triggersBounds;
+        edgeArrow.push({
+          name: name2,
+          type: type2,
+          triggersBounds
+        });
+      });
+    }, {});
+    var props = styfn$2.properties = [].concat(behavior, transition, visibility, overlay, underlay, ghost, commonLabel, labelDimensions, mainLabel, sourceLabel, targetLabel, nodeBody, nodeBorder, nodeOutline, backgroundImage, pie, stripe, compound, edgeLine, edgeArrow, core2);
+    var propGroups = styfn$2.propertyGroups = {
+      // common to all eles
+      behavior,
+      transition,
+      visibility,
+      overlay,
+      underlay,
+      ghost,
+      // labels
+      commonLabel,
+      labelDimensions,
+      mainLabel,
+      sourceLabel,
+      targetLabel,
+      // node props
+      nodeBody,
+      nodeBorder,
+      nodeOutline,
+      backgroundImage,
+      pie,
+      stripe,
+      compound,
+      // edge props
+      edgeLine,
+      edgeArrow,
+      core: core2
+    };
+    var propGroupNames = styfn$2.propertyGroupNames = {};
+    var propGroupKeys = styfn$2.propertyGroupKeys = Object.keys(propGroups);
+    propGroupKeys.forEach(function(key) {
+      propGroupNames[key] = propGroups[key].map(function(prop2) {
+        return prop2.name;
+      });
+      propGroups[key].forEach(function(prop2) {
+        return prop2.groupKey = key;
+      });
+    });
+    var aliases = styfn$2.aliases = [{
+      name: "content",
+      pointsTo: "label"
+    }, {
+      name: "control-point-distance",
+      pointsTo: "control-point-distances"
+    }, {
+      name: "control-point-weight",
+      pointsTo: "control-point-weights"
+    }, {
+      name: "segment-distance",
+      pointsTo: "segment-distances"
+    }, {
+      name: "segment-weight",
+      pointsTo: "segment-weights"
+    }, {
+      name: "segment-radius",
+      pointsTo: "segment-radii"
+    }, {
+      name: "edge-text-rotation",
+      pointsTo: "text-rotation"
+    }, {
+      name: "padding-left",
+      pointsTo: "padding"
+    }, {
+      name: "padding-right",
+      pointsTo: "padding"
+    }, {
+      name: "padding-top",
+      pointsTo: "padding"
+    }, {
+      name: "padding-bottom",
+      pointsTo: "padding"
+    }];
+    styfn$2.propertyNames = props.map(function(p2) {
+      return p2.name;
+    });
+    for (var _i2 = 0; _i2 < props.length; _i2++) {
+      var prop = props[_i2];
+      props[prop.name] = prop;
+    }
+    for (var _i3 = 0; _i3 < aliases.length; _i3++) {
+      var alias = aliases[_i3];
+      var pointsToProp = props[alias.pointsTo];
+      var aliasProp = {
+        name: alias.name,
+        alias: true,
+        pointsTo: pointsToProp
+      };
+      props.push(aliasProp);
+      props[alias.name] = aliasProp;
+    }
+  })();
+  styfn$2.getDefaultProperty = function(name2) {
+    return this.getDefaultProperties()[name2];
+  };
+  styfn$2.getDefaultProperties = function() {
+    var _p = this._private;
+    if (_p.defaultProperties != null) {
+      return _p.defaultProperties;
+    }
+    var rawProps = extend({
+      // core props
+      "selection-box-color": "#ddd",
+      "selection-box-opacity": 0.65,
+      "selection-box-border-color": "#aaa",
+      "selection-box-border-width": 1,
+      "active-bg-color": "black",
+      "active-bg-opacity": 0.15,
+      "active-bg-size": 30,
+      "outside-texture-bg-color": "#000",
+      "outside-texture-bg-opacity": 0.125,
+      // common node/edge props
+      "events": "yes",
+      "text-events": "no",
+      "text-valign": "top",
+      "text-halign": "center",
+      "text-justification": "auto",
+      "line-height": 1,
+      "color": "#000",
+      "box-selection": "contain",
+      "text-outline-color": "#000",
+      "text-outline-width": 0,
+      "text-outline-opacity": 1,
+      "text-opacity": 1,
+      "text-decoration": "none",
+      "text-transform": "none",
+      "text-wrap": "none",
+      "text-overflow-wrap": "whitespace",
+      "text-max-width": 9999,
+      "text-background-color": "#000",
+      "text-background-opacity": 0,
+      "text-background-shape": "rectangle",
+      "text-background-padding": 0,
+      "text-border-opacity": 0,
+      "text-border-width": 0,
+      "text-border-style": "solid",
+      "text-border-color": "#000",
+      "font-family": "Helvetica Neue, Helvetica, sans-serif",
+      "font-style": "normal",
+      "font-weight": "normal",
+      "font-size": 16,
+      "min-zoomed-font-size": 0,
+      "text-rotation": "none",
+      "source-text-rotation": "none",
+      "target-text-rotation": "none",
+      "visibility": "visible",
+      "display": "element",
+      "opacity": 1,
+      "z-compound-depth": "auto",
+      "z-index-compare": "auto",
+      "z-index": 0,
+      "label": "",
+      "text-margin-x": 0,
+      "text-margin-y": 0,
+      "source-label": "",
+      "source-text-offset": 0,
+      "source-text-margin-x": 0,
+      "source-text-margin-y": 0,
+      "target-label": "",
+      "target-text-offset": 0,
+      "target-text-margin-x": 0,
+      "target-text-margin-y": 0,
+      "overlay-opacity": 0,
+      "overlay-color": "#000",
+      "overlay-padding": 10,
+      "overlay-shape": "round-rectangle",
+      "overlay-corner-radius": "auto",
+      "underlay-opacity": 0,
+      "underlay-color": "#000",
+      "underlay-padding": 10,
+      "underlay-shape": "round-rectangle",
+      "underlay-corner-radius": "auto",
+      "transition-property": "none",
+      "transition-duration": 0,
+      "transition-delay": 0,
+      "transition-timing-function": "linear",
+      "box-select-labels": "no",
+      // node props
+      "background-blacken": 0,
+      "background-color": "#999",
+      "background-fill": "solid",
+      "background-opacity": 1,
+      "background-image": "none",
+      "background-image-crossorigin": "anonymous",
+      "background-image-opacity": 1,
+      "background-image-containment": "inside",
+      "background-image-smoothing": "yes",
+      "background-position-x": "50%",
+      "background-position-y": "50%",
+      "background-offset-x": 0,
+      "background-offset-y": 0,
+      "background-width-relative-to": "include-padding",
+      "background-height-relative-to": "include-padding",
+      "background-repeat": "no-repeat",
+      "background-fit": "none",
+      "background-clip": "node",
+      "background-width": "auto",
+      "background-height": "auto",
+      "border-color": "#000",
+      "border-opacity": 1,
+      "border-width": 0,
+      "border-style": "solid",
+      "border-dash-pattern": [4, 2],
+      "border-dash-offset": 0,
+      "border-cap": "butt",
+      "border-join": "miter",
+      "border-position": "center",
+      "outline-color": "#999",
+      "outline-opacity": 1,
+      "outline-width": 0,
+      "outline-offset": 0,
+      "outline-style": "solid",
+      "height": 30,
+      "width": 30,
+      "shape": "ellipse",
+      "shape-polygon-points": "-1, -1,   1, -1,   1, 1,   -1, 1",
+      "corner-radius": "auto",
+      "bounds-expansion": 0,
+      // node gradient
+      "background-gradient-direction": "to-bottom",
+      "background-gradient-stop-colors": "#999",
+      "background-gradient-stop-positions": "0%",
+      // ghost props
+      "ghost": "no",
+      "ghost-offset-y": 0,
+      "ghost-offset-x": 0,
+      "ghost-opacity": 0,
+      // compound props
+      "padding": 0,
+      "padding-relative-to": "width",
+      "position": "origin",
+      "compound-sizing-wrt-labels": "include",
+      "min-width": 0,
+      "min-width-bias-left": 0,
+      "min-width-bias-right": 0,
+      "min-height": 0,
+      "min-height-bias-top": 0,
+      "min-height-bias-bottom": 0
+    }, {
+      // node pie bg
+      "pie-size": "100%",
+      "pie-hole": 0,
+      "pie-start-angle": "0deg"
+    }, [{
+      name: "pie-{{i}}-background-color",
+      value: "black"
+    }, {
+      name: "pie-{{i}}-background-size",
+      value: "0%"
+    }, {
+      name: "pie-{{i}}-background-opacity",
+      value: 1
+    }].reduce(function(css, prop2) {
+      for (var i3 = 1; i3 <= styfn$2.pieBackgroundN; i3++) {
+        var name3 = prop2.name.replace("{{i}}", i3);
+        var val2 = prop2.value;
+        css[name3] = val2;
+      }
+      return css;
+    }, {}), {
+      // node stripes bg
+      "stripe-size": "100%",
+      "stripe-direction": "horizontal"
+    }, [{
+      name: "stripe-{{i}}-background-color",
+      value: "black"
+    }, {
+      name: "stripe-{{i}}-background-size",
+      value: "0%"
+    }, {
+      name: "stripe-{{i}}-background-opacity",
+      value: 1
+    }].reduce(function(css, prop2) {
+      for (var i3 = 1; i3 <= styfn$2.stripeBackgroundN; i3++) {
+        var name3 = prop2.name.replace("{{i}}", i3);
+        var val2 = prop2.value;
+        css[name3] = val2;
+      }
+      return css;
+    }, {}), {
+      // edge props
+      "line-style": "solid",
+      "line-color": "#999",
+      "line-fill": "solid",
+      "line-cap": "butt",
+      "line-opacity": 1,
+      "line-outline-width": 0,
+      "line-outline-color": "#000",
+      "line-gradient-stop-colors": "#999",
+      "line-gradient-stop-positions": "0%",
+      "control-point-step-size": 40,
+      "control-point-weights": 0.5,
+      "segment-weights": 0.5,
+      "segment-distances": 20,
+      "segment-radii": 15,
+      "radius-type": "arc-radius",
+      "taxi-turn": "50%",
+      "taxi-radius": 15,
+      "taxi-turn-min-distance": 10,
+      "taxi-direction": "auto",
+      "edge-distances": "intersection",
+      "curve-style": "haystack",
+      "haystack-radius": 0,
+      "arrow-scale": 1,
+      "loop-direction": "-45deg",
+      "loop-sweep": "-90deg",
+      "source-distance-from-node": 0,
+      "target-distance-from-node": 0,
+      "source-endpoint": "outside-to-node",
+      "target-endpoint": "outside-to-node",
+      "line-dash-pattern": [6, 3],
+      "line-dash-offset": 0
+    }, [{
+      name: "arrow-shape",
+      value: "none"
+    }, {
+      name: "arrow-color",
+      value: "#999"
+    }, {
+      name: "arrow-fill",
+      value: "filled"
+    }, {
+      name: "arrow-width",
+      value: 1
+    }].reduce(function(css, prop2) {
+      styfn$2.arrowPrefixes.forEach(function(prefix) {
+        var name3 = prefix + "-" + prop2.name;
+        var val2 = prop2.value;
+        css[name3] = val2;
+      });
+      return css;
+    }, {}));
+    var parsedProps = {};
+    for (var i2 = 0; i2 < this.properties.length; i2++) {
+      var prop = this.properties[i2];
+      if (prop.pointsTo) {
+        continue;
+      }
+      var name2 = prop.name;
+      var val = rawProps[name2];
+      var parsedProp = this.parse(name2, val);
+      parsedProps[name2] = parsedProp;
+    }
+    _p.defaultProperties = parsedProps;
+    return _p.defaultProperties;
+  };
+  styfn$2.addDefaultStylesheet = function() {
+    this.selector(":parent").css({
+      "shape": "rectangle",
+      "padding": 10,
+      "background-color": "#eee",
+      "border-color": "#ccc",
+      "border-width": 1
+    }).selector("edge").css({
+      "width": 3
+    }).selector(":loop").css({
+      "curve-style": "bezier"
+    }).selector("edge:compound").css({
+      "curve-style": "bezier",
+      "source-endpoint": "outside-to-line",
+      "target-endpoint": "outside-to-line"
+    }).selector(":selected").css({
+      "background-color": "#0169D9",
+      "line-color": "#0169D9",
+      "source-arrow-color": "#0169D9",
+      "target-arrow-color": "#0169D9",
+      "mid-source-arrow-color": "#0169D9",
+      "mid-target-arrow-color": "#0169D9"
+    }).selector(":parent:selected").css({
+      "background-color": "#CCE1F9",
+      "border-color": "#aec8e5"
+    }).selector(":active").css({
+      "overlay-color": "black",
+      "overlay-padding": 10,
+      "overlay-opacity": 0.25
+    });
+    this.defaultLength = this.length;
+  };
+  var styfn$1 = {};
+  styfn$1.parse = function(name2, value, propIsBypass, propIsFlat) {
+    var self2 = this;
+    if (fn$6(value)) {
+      return self2.parseImplWarn(name2, value, propIsBypass, propIsFlat);
+    }
+    var flatKey = propIsFlat === "mapping" || propIsFlat === true || propIsFlat === false || propIsFlat == null ? "dontcare" : propIsFlat;
+    var bypassKey = propIsBypass ? "t" : "f";
+    var valueKey = "" + value;
+    var argHash = hashStrings(name2, valueKey, bypassKey, flatKey);
+    var propCache = self2.propCache = self2.propCache || [];
+    var ret;
+    if (!(ret = propCache[argHash])) {
+      ret = propCache[argHash] = self2.parseImplWarn(name2, value, propIsBypass, propIsFlat);
+    }
+    if (propIsBypass || propIsFlat === "mapping") {
+      ret = copy(ret);
+      if (ret) {
+        ret.value = copy(ret.value);
+      }
+    }
+    return ret;
+  };
+  styfn$1.parseImplWarn = function(name2, value, propIsBypass, propIsFlat) {
+    var prop = this.parseImpl(name2, value, propIsBypass, propIsFlat);
+    if (!prop && value != null) {
+      warn("The style property `".concat(name2, ": ").concat(value, "` is invalid"));
+    }
+    if (prop && (prop.name === "width" || prop.name === "height") && value === "label") {
+      warn("The style value of `label` is deprecated for `" + prop.name + "`");
+    }
+    return prop;
+  };
+  styfn$1.parseImpl = function(name2, value, propIsBypass, propIsFlat) {
+    var self2 = this;
+    name2 = camel2dash(name2);
+    var property = self2.properties[name2];
+    var passedValue = value;
+    var types2 = self2.types;
+    if (!property) {
+      return null;
+    }
+    if (value === void 0) {
+      return null;
+    }
+    if (property.alias) {
+      property = property.pointsTo;
+      name2 = property.name;
+    }
+    var valueIsString = string(value);
+    if (valueIsString) {
+      value = value.trim();
+    }
+    var type2 = property.type;
+    if (!type2) {
+      return null;
+    }
+    if (propIsBypass && (value === "" || value === null)) {
+      return {
+        name: name2,
+        value,
+        bypass: true,
+        deleteBypass: true
+      };
+    }
+    if (fn$6(value)) {
+      return {
+        name: name2,
+        value,
+        strValue: "fn",
+        mapped: types2.fn,
+        bypass: propIsBypass
+      };
+    }
+    var data2, mapData;
+    if (!valueIsString || propIsFlat || value.length < 7 || value[1] !== "a") ;
+    else if (value.length >= 7 && value[0] === "d" && (data2 = new RegExp(types2.data.regex).exec(value))) {
+      if (propIsBypass) {
+        return false;
+      }
+      var mapped = types2.data;
+      return {
+        name: name2,
+        value: data2,
+        strValue: "" + value,
+        mapped,
+        field: data2[1],
+        bypass: propIsBypass
+      };
+    } else if (value.length >= 10 && value[0] === "m" && (mapData = new RegExp(types2.mapData.regex).exec(value))) {
+      if (propIsBypass) {
+        return false;
+      }
+      if (type2.multiple) {
+        return false;
+      }
+      var _mapped = types2.mapData;
+      if (!(type2.color || type2.number)) {
+        return false;
+      }
+      var valueMin = this.parse(name2, mapData[4]);
+      if (!valueMin || valueMin.mapped) {
+        return false;
+      }
+      var valueMax = this.parse(name2, mapData[5]);
+      if (!valueMax || valueMax.mapped) {
+        return false;
+      }
+      if (valueMin.pfValue === valueMax.pfValue || valueMin.strValue === valueMax.strValue) {
+        warn("`" + name2 + ": " + value + "` is not a valid mapper because the output range is zero; converting to `" + name2 + ": " + valueMin.strValue + "`");
+        return this.parse(name2, valueMin.strValue);
+      } else if (type2.color) {
+        var c1 = valueMin.value;
+        var c2 = valueMax.value;
+        var same = c1[0] === c2[0] && c1[1] === c2[1] && c1[2] === c2[2] && // optional alpha
+        (c1[3] === c2[3] || (c1[3] == null || c1[3] === 1) && (c2[3] == null || c2[3] === 1));
+        if (same) {
+          return false;
+        }
+      }
+      return {
+        name: name2,
+        value: mapData,
+        strValue: "" + value,
+        mapped: _mapped,
+        field: mapData[1],
+        fieldMin: parseFloat(mapData[2]),
+        // min & max are numeric
+        fieldMax: parseFloat(mapData[3]),
+        valueMin: valueMin.value,
+        valueMax: valueMax.value,
+        bypass: propIsBypass
+      };
+    }
+    if (type2.multiple && propIsFlat !== "multiple") {
+      var vals;
+      if (valueIsString) {
+        vals = value.split(/\s+/);
+      } else if (array(value)) {
+        vals = value;
+      } else {
+        vals = [value];
+      }
+      if (type2.evenMultiple && vals.length % 2 !== 0) {
+        return null;
+      }
+      var valArr = [];
+      var unitsArr = [];
+      var pfValArr = [];
+      var strVal = "";
+      var hasEnum = false;
+      for (var i2 = 0; i2 < vals.length; i2++) {
+        var p2 = self2.parse(name2, vals[i2], propIsBypass, "multiple");
+        hasEnum = hasEnum || string(p2.value);
+        valArr.push(p2.value);
+        pfValArr.push(p2.pfValue != null ? p2.pfValue : p2.value);
+        unitsArr.push(p2.units);
+        strVal += (i2 > 0 ? " " : "") + p2.strValue;
+      }
+      if (type2.validate && !type2.validate(valArr, unitsArr)) {
+        return null;
+      }
+      if (type2.singleEnum && hasEnum) {
+        if (valArr.length === 1 && string(valArr[0])) {
+          return {
+            name: name2,
+            value: valArr[0],
+            strValue: valArr[0],
+            bypass: propIsBypass
+          };
+        } else {
+          return null;
+        }
+      }
+      return {
+        name: name2,
+        value: valArr,
+        pfValue: pfValArr,
+        strValue: strVal,
+        bypass: propIsBypass,
+        units: unitsArr
+      };
+    }
+    var checkEnums = function checkEnums2() {
+      for (var _i = 0; _i < type2.enums.length; _i++) {
+        var en = type2.enums[_i];
+        if (en === value) {
+          return {
+            name: name2,
+            value,
+            strValue: "" + value,
+            bypass: propIsBypass
+          };
+        }
+      }
+      return null;
+    };
+    if (type2.number) {
+      var units;
+      var implicitUnits = "px";
+      if (type2.units) {
+        units = type2.units;
+      }
+      if (type2.implicitUnits) {
+        implicitUnits = type2.implicitUnits;
+      }
+      if (!type2.unitless) {
+        if (valueIsString) {
+          var unitsRegex = "px|em" + (type2.allowPercent ? "|\\%" : "");
+          if (units) {
+            unitsRegex = units;
+          }
+          var match2 = value.match("^(" + number + ")(" + unitsRegex + ")?$");
+          if (match2) {
+            value = match2[1];
+            units = match2[2] || implicitUnits;
+          }
+        } else if (!units || type2.implicitUnits) {
+          units = implicitUnits;
+        }
+      }
+      value = parseFloat(value);
+      if (isNaN(value) && type2.enums === void 0) {
+        return null;
+      }
+      if (isNaN(value) && type2.enums !== void 0) {
+        value = passedValue;
+        return checkEnums();
+      }
+      if (type2.integer && !integer(value)) {
+        return null;
+      }
+      if (type2.min !== void 0 && (value < type2.min || type2.strictMin && value === type2.min) || type2.max !== void 0 && (value > type2.max || type2.strictMax && value === type2.max)) {
+        return null;
+      }
+      var ret = {
+        name: name2,
+        value,
+        strValue: "" + value + (units ? units : ""),
+        units,
+        bypass: propIsBypass
+      };
+      if (type2.unitless || units !== "px" && units !== "em") {
+        ret.pfValue = value;
+      } else {
+        ret.pfValue = units === "px" || !units ? value : this.getEmSizeInPixels() * value;
+      }
+      if (units === "ms" || units === "s") {
+        ret.pfValue = units === "ms" ? value : 1e3 * value;
+      }
+      if (units === "deg" || units === "rad") {
+        ret.pfValue = units === "rad" ? value : deg2rad(value);
+      }
+      if (units === "%") {
+        ret.pfValue = value / 100;
+      }
+      return ret;
+    } else if (type2.propList) {
+      var props = [];
+      var propsStr = "" + value;
+      if (propsStr === "none") ;
+      else {
+        var propsSplit = propsStr.split(/\s*,\s*|\s+/);
+        for (var _i2 = 0; _i2 < propsSplit.length; _i2++) {
+          var propName = propsSplit[_i2].trim();
+          if (self2.properties[propName]) {
+            props.push(propName);
+          } else {
+            warn("`" + propName + "` is not a valid property name");
+          }
+        }
+        if (props.length === 0) {
+          return null;
+        }
+      }
+      return {
+        name: name2,
+        value: props,
+        strValue: props.length === 0 ? "none" : props.join(" "),
+        bypass: propIsBypass
+      };
+    } else if (type2.color) {
+      var tuple = color2tuple(value);
+      if (!tuple) {
+        return null;
+      }
+      return {
+        name: name2,
+        value: tuple,
+        pfValue: tuple,
+        strValue: "rgb(" + tuple[0] + "," + tuple[1] + "," + tuple[2] + ")",
+        // n.b. no spaces b/c of multiple support
+        bypass: propIsBypass
+      };
+    } else if (type2.regex || type2.regexes) {
+      if (type2.enums) {
+        var enumProp = checkEnums();
+        if (enumProp) {
+          return enumProp;
+        }
+      }
+      var regexes = type2.regexes ? type2.regexes : [type2.regex];
+      for (var _i3 = 0; _i3 < regexes.length; _i3++) {
+        var regex = new RegExp(regexes[_i3]);
+        var m2 = regex.exec(value);
+        if (m2) {
+          return {
+            name: name2,
+            value: type2.singleRegexMatchValue ? m2[1] : m2,
+            strValue: "" + value,
+            bypass: propIsBypass
+          };
+        }
+      }
+      return null;
+    } else if (type2.string) {
+      return {
+        name: name2,
+        value: "" + value,
+        strValue: "" + value,
+        bypass: propIsBypass
+      };
+    } else if (type2.enums) {
+      return checkEnums();
+    } else {
+      return null;
+    }
+  };
+  var _Style = function Style(cy) {
+    if (!(this instanceof _Style)) {
+      return new _Style(cy);
+    }
+    if (!core(cy)) {
+      error("A style must have a core reference");
+      return;
+    }
+    this._private = {
+      cy,
+      coreStyle: {}
+    };
+    this.length = 0;
+    this.resetToDefault();
+  };
+  var styfn = _Style.prototype;
+  styfn.instanceString = function() {
+    return "style";
+  };
+  styfn.clear = function() {
+    var _p = this._private;
+    var cy = _p.cy;
+    var eles = cy.elements();
+    for (var i2 = 0; i2 < this.length; i2++) {
+      this[i2] = void 0;
+    }
+    this.length = 0;
+    _p.contextStyles = {};
+    _p.propDiffs = {};
+    this.cleanElements(eles, true);
+    eles.forEach(function(ele) {
+      var ele_p = ele[0]._private;
+      ele_p.styleDirty = true;
+      ele_p.appliedInitStyle = false;
+    });
+    return this;
+  };
+  styfn.resetToDefault = function() {
+    this.clear();
+    this.addDefaultStylesheet();
+    return this;
+  };
+  styfn.core = function(propName) {
+    return this._private.coreStyle[propName] || this.getDefaultProperty(propName);
+  };
+  styfn.selector = function(selectorStr) {
+    var selector2 = selectorStr === "core" ? null : new Selector(selectorStr);
+    var i2 = this.length++;
+    this[i2] = {
+      selector: selector2,
+      properties: [],
+      mappedProperties: [],
+      index: i2
+    };
+    return this;
+  };
+  styfn.css = function() {
+    var self2 = this;
+    var args = arguments;
+    if (args.length === 1) {
+      var map2 = args[0];
+      for (var i2 = 0; i2 < self2.properties.length; i2++) {
+        var prop = self2.properties[i2];
+        var mapVal = map2[prop.name];
+        if (mapVal === void 0) {
+          mapVal = map2[dash2camel(prop.name)];
+        }
+        if (mapVal !== void 0) {
+          this.cssRule(prop.name, mapVal);
+        }
+      }
+    } else if (args.length === 2) {
+      this.cssRule(args[0], args[1]);
+    }
+    return this;
+  };
+  styfn.style = styfn.css;
+  styfn.cssRule = function(name2, value) {
+    var property = this.parse(name2, value);
+    if (property) {
+      var i2 = this.length - 1;
+      this[i2].properties.push(property);
+      this[i2].properties[property.name] = property;
+      if (property.name.match(/pie-(\d+)-background-size/) && property.value) {
+        this._private.hasPie = true;
+      }
+      if (property.name.match(/stripe-(\d+)-background-size/) && property.value) {
+        this._private.hasStripe = true;
+      }
+      if (property.mapped) {
+        this[i2].mappedProperties.push(property);
+      }
+      var currentSelectorIsCore = !this[i2].selector;
+      if (currentSelectorIsCore) {
+        this._private.coreStyle[property.name] = property;
+      }
+    }
+    return this;
+  };
+  styfn.append = function(style) {
+    if (stylesheet(style)) {
+      style.appendToStyle(this);
+    } else if (array(style)) {
+      this.appendFromJson(style);
+    } else if (string(style)) {
+      this.appendFromString(style);
+    }
+    return this;
+  };
+  _Style.fromJson = function(cy, json2) {
+    var style = new _Style(cy);
+    style.fromJson(json2);
+    return style;
+  };
+  _Style.fromString = function(cy, string2) {
+    return new _Style(cy).fromString(string2);
+  };
+  [styfn$8, styfn$7, styfn$6, styfn$5, styfn$4, styfn$3, styfn$2, styfn$1].forEach(function(props) {
+    extend(styfn, props);
+  });
+  _Style.types = styfn.types;
+  _Style.properties = styfn.properties;
+  _Style.propertyGroups = styfn.propertyGroups;
+  _Style.propertyGroupNames = styfn.propertyGroupNames;
+  _Style.propertyGroupKeys = styfn.propertyGroupKeys;
+  var corefn$2 = {
+    style: function style(newStyle) {
+      if (newStyle) {
+        var s = this.setStyle(newStyle);
+        s.update();
+      }
+      return this._private.style;
+    },
+    setStyle: function setStyle(style) {
+      var _p = this._private;
+      if (stylesheet(style)) {
+        _p.style = style.generateStyle(this);
+      } else if (array(style)) {
+        _p.style = _Style.fromJson(this, style);
+      } else if (string(style)) {
+        _p.style = _Style.fromString(this, style);
+      } else {
+        _p.style = _Style(this);
+      }
+      return _p.style;
+    },
+    // e.g. cy.data() changed => recalc ele mappers
+    updateStyle: function updateStyle() {
+      this.mutableElements().updateStyle();
+    }
+  };
+  var defaultSelectionType = "single";
+  var corefn$1 = {
+    autolock: function autolock(bool2) {
+      if (bool2 !== void 0) {
+        this._private.autolock = bool2 ? true : false;
+      } else {
+        return this._private.autolock;
+      }
+      return this;
+    },
+    autoungrabify: function autoungrabify(bool2) {
+      if (bool2 !== void 0) {
+        this._private.autoungrabify = bool2 ? true : false;
+      } else {
+        return this._private.autoungrabify;
+      }
+      return this;
+    },
+    autounselectify: function autounselectify(bool2) {
+      if (bool2 !== void 0) {
+        this._private.autounselectify = bool2 ? true : false;
+      } else {
+        return this._private.autounselectify;
+      }
+      return this;
+    },
+    selectionType: function selectionType(selType) {
+      var _p = this._private;
+      if (_p.selectionType == null) {
+        _p.selectionType = defaultSelectionType;
+      }
+      if (selType !== void 0) {
+        if (selType === "additive" || selType === "single") {
+          _p.selectionType = selType;
+        }
+      } else {
+        return _p.selectionType;
+      }
+      return this;
+    },
+    panningEnabled: function panningEnabled(bool2) {
+      if (bool2 !== void 0) {
+        this._private.panningEnabled = bool2 ? true : false;
+      } else {
+        return this._private.panningEnabled;
+      }
+      return this;
+    },
+    userPanningEnabled: function userPanningEnabled(bool2) {
+      if (bool2 !== void 0) {
+        this._private.userPanningEnabled = bool2 ? true : false;
+      } else {
+        return this._private.userPanningEnabled;
+      }
+      return this;
+    },
+    zoomingEnabled: function zoomingEnabled(bool2) {
+      if (bool2 !== void 0) {
+        this._private.zoomingEnabled = bool2 ? true : false;
+      } else {
+        return this._private.zoomingEnabled;
+      }
+      return this;
+    },
+    userZoomingEnabled: function userZoomingEnabled(bool2) {
+      if (bool2 !== void 0) {
+        this._private.userZoomingEnabled = bool2 ? true : false;
+      } else {
+        return this._private.userZoomingEnabled;
+      }
+      return this;
+    },
+    boxSelectionEnabled: function boxSelectionEnabled(bool2) {
+      if (bool2 !== void 0) {
+        this._private.boxSelectionEnabled = bool2 ? true : false;
+      } else {
+        return this._private.boxSelectionEnabled;
+      }
+      return this;
+    },
+    pan: function pan() {
+      var args = arguments;
+      var pan2 = this._private.pan;
+      var dim, val, dims, x2, y2;
+      switch (args.length) {
+        case 0:
+          return pan2;
+        case 1:
+          if (string(args[0])) {
+            dim = args[0];
+            return pan2[dim];
+          } else if (plainObject(args[0])) {
+            if (!this._private.panningEnabled) {
+              return this;
+            }
+            dims = args[0];
+            x2 = dims.x;
+            y2 = dims.y;
+            if (number$1(x2)) {
+              pan2.x = x2;
+            }
+            if (number$1(y2)) {
+              pan2.y = y2;
+            }
+            this.emit("pan viewport");
+          }
+          break;
+        case 2:
+          if (!this._private.panningEnabled) {
+            return this;
+          }
+          dim = args[0];
+          val = args[1];
+          if ((dim === "x" || dim === "y") && number$1(val)) {
+            pan2[dim] = val;
+          }
+          this.emit("pan viewport");
+          break;
+      }
+      this.notify("viewport");
+      return this;
+    },
+    panBy: function panBy(arg0, arg1) {
+      var args = arguments;
+      var pan = this._private.pan;
+      var dim, val, dims, x2, y2;
+      if (!this._private.panningEnabled) {
+        return this;
+      }
+      switch (args.length) {
+        case 1:
+          if (plainObject(arg0)) {
+            dims = args[0];
+            x2 = dims.x;
+            y2 = dims.y;
+            if (number$1(x2)) {
+              pan.x += x2;
+            }
+            if (number$1(y2)) {
+              pan.y += y2;
+            }
+            this.emit("pan viewport");
+          }
+          break;
+        case 2:
+          dim = arg0;
+          val = arg1;
+          if ((dim === "x" || dim === "y") && number$1(val)) {
+            pan[dim] += val;
+          }
+          this.emit("pan viewport");
+          break;
+      }
+      this.notify("viewport");
+      return this;
+    },
+    gc: function gc() {
+      this.notify("gc");
+    },
+    fit: function fit(elements, padding) {
+      var viewportState = this.getFitViewport(elements, padding);
+      if (viewportState) {
+        var _p = this._private;
+        _p.zoom = viewportState.zoom;
+        _p.pan = viewportState.pan;
+        this.emit("pan zoom viewport");
+        this.notify("viewport");
+      }
+      return this;
+    },
+    getFitViewport: function getFitViewport(elements, padding) {
+      if (number$1(elements) && padding === void 0) {
+        padding = elements;
+        elements = void 0;
+      }
+      if (!this._private.panningEnabled || !this._private.zoomingEnabled) {
+        return;
+      }
+      var bb;
+      if (string(elements)) {
+        var sel = elements;
+        elements = this.$(sel);
+      } else if (boundingBox(elements)) {
+        var bbe = elements;
+        bb = {
+          x1: bbe.x1,
+          y1: bbe.y1,
+          x2: bbe.x2,
+          y2: bbe.y2
+        };
+        bb.w = bb.x2 - bb.x1;
+        bb.h = bb.y2 - bb.y1;
+      } else if (!elementOrCollection(elements)) {
+        elements = this.mutableElements();
+      }
+      if (elementOrCollection(elements) && elements.empty()) {
+        return;
+      }
+      bb = bb || elements.boundingBox();
+      var w = this.width();
+      var h = this.height();
+      var zoom2;
+      padding = number$1(padding) ? padding : 0;
+      if (!isNaN(w) && !isNaN(h) && w > 0 && h > 0 && !isNaN(bb.w) && !isNaN(bb.h) && bb.w > 0 && bb.h > 0) {
+        zoom2 = Math.min((w - 2 * padding) / bb.w, (h - 2 * padding) / bb.h);
+        zoom2 = zoom2 > this._private.maxZoom ? this._private.maxZoom : zoom2;
+        zoom2 = zoom2 < this._private.minZoom ? this._private.minZoom : zoom2;
+        var pan = {
+          // now pan to middle
+          x: (w - zoom2 * (bb.x1 + bb.x2)) / 2,
+          y: (h - zoom2 * (bb.y1 + bb.y2)) / 2
+        };
+        return {
+          zoom: zoom2,
+          pan
+        };
+      }
+      return;
+    },
+    zoomRange: function zoomRange(min2, max2) {
+      var _p = this._private;
+      if (max2 == null) {
+        var opts = min2;
+        min2 = opts.min;
+        max2 = opts.max;
+      }
+      if (number$1(min2) && number$1(max2) && min2 <= max2) {
+        _p.minZoom = min2;
+        _p.maxZoom = max2;
+      } else if (number$1(min2) && max2 === void 0 && min2 <= _p.maxZoom) {
+        _p.minZoom = min2;
+      } else if (number$1(max2) && min2 === void 0 && max2 >= _p.minZoom) {
+        _p.maxZoom = max2;
+      }
+      return this;
+    },
+    minZoom: function minZoom(zoom2) {
+      if (zoom2 === void 0) {
+        return this._private.minZoom;
+      } else {
+        return this.zoomRange({
+          min: zoom2
+        });
+      }
+    },
+    maxZoom: function maxZoom2(zoom2) {
+      if (zoom2 === void 0) {
+        return this._private.maxZoom;
+      } else {
+        return this.zoomRange({
+          max: zoom2
+        });
+      }
+    },
+    getZoomedViewport: function getZoomedViewport(params) {
+      var _p = this._private;
+      var currentPan = _p.pan;
+      var currentZoom = _p.zoom;
+      var pos;
+      var zoom2;
+      var bail = false;
+      if (!_p.zoomingEnabled) {
+        bail = true;
+      }
+      if (number$1(params)) {
+        zoom2 = params;
+      } else if (plainObject(params)) {
+        zoom2 = params.level;
+        if (params.position != null) {
+          pos = modelToRenderedPosition$1(params.position, currentZoom, currentPan);
+        } else if (params.renderedPosition != null) {
+          pos = params.renderedPosition;
+        }
+        if (pos != null && !_p.panningEnabled) {
+          bail = true;
+        }
+      }
+      zoom2 = zoom2 > _p.maxZoom ? _p.maxZoom : zoom2;
+      zoom2 = zoom2 < _p.minZoom ? _p.minZoom : zoom2;
+      if (bail || !number$1(zoom2) || zoom2 === currentZoom || pos != null && (!number$1(pos.x) || !number$1(pos.y))) {
+        return null;
+      }
+      if (pos != null) {
+        var pan1 = currentPan;
+        var zoom1 = currentZoom;
+        var zoom22 = zoom2;
+        var pan2 = {
+          x: -zoom22 / zoom1 * (pos.x - pan1.x) + pos.x,
+          y: -zoom22 / zoom1 * (pos.y - pan1.y) + pos.y
+        };
+        return {
+          zoomed: true,
+          panned: true,
+          zoom: zoom22,
+          pan: pan2
+        };
+      } else {
+        return {
+          zoomed: true,
+          panned: false,
+          zoom: zoom2,
+          pan: currentPan
+        };
+      }
+    },
+    zoom: function zoom2(params) {
+      if (params === void 0) {
+        return this._private.zoom;
+      } else {
+        var vp = this.getZoomedViewport(params);
+        var _p = this._private;
+        if (vp == null || !vp.zoomed) {
+          return this;
+        }
+        _p.zoom = vp.zoom;
+        if (vp.panned) {
+          _p.pan.x = vp.pan.x;
+          _p.pan.y = vp.pan.y;
+        }
+        this.emit("zoom" + (vp.panned ? " pan" : "") + " viewport");
+        this.notify("viewport");
+        return this;
+      }
+    },
+    viewport: function viewport(opts) {
+      var _p = this._private;
+      var zoomDefd = true;
+      var panDefd = true;
+      var events = [];
+      var zoomFailed = false;
+      var panFailed = false;
+      if (!opts) {
+        return this;
+      }
+      if (!number$1(opts.zoom)) {
+        zoomDefd = false;
+      }
+      if (!plainObject(opts.pan)) {
+        panDefd = false;
+      }
+      if (!zoomDefd && !panDefd) {
+        return this;
+      }
+      if (zoomDefd) {
+        var z = opts.zoom;
+        if (z < _p.minZoom || z > _p.maxZoom || !_p.zoomingEnabled) {
+          zoomFailed = true;
+        } else {
+          _p.zoom = z;
+          events.push("zoom");
+        }
+      }
+      if (panDefd && (!zoomFailed || !opts.cancelOnFailedZoom) && _p.panningEnabled) {
+        var p2 = opts.pan;
+        if (number$1(p2.x)) {
+          _p.pan.x = p2.x;
+          panFailed = false;
+        }
+        if (number$1(p2.y)) {
+          _p.pan.y = p2.y;
+          panFailed = false;
+        }
+        if (!panFailed) {
+          events.push("pan");
+        }
+      }
+      if (events.length > 0) {
+        events.push("viewport");
+        this.emit(events.join(" "));
+        this.notify("viewport");
+      }
+      return this;
+    },
+    center: function center2(elements) {
+      var pan = this.getCenterPan(elements);
+      if (pan) {
+        this._private.pan = pan;
+        this.emit("pan viewport");
+        this.notify("viewport");
+      }
+      return this;
+    },
+    getCenterPan: function getCenterPan(elements, zoom2) {
+      if (!this._private.panningEnabled) {
+        return;
+      }
+      if (string(elements)) {
+        var selector2 = elements;
+        elements = this.mutableElements().filter(selector2);
+      } else if (!elementOrCollection(elements)) {
+        elements = this.mutableElements();
+      }
+      if (elements.length === 0) {
+        return;
+      }
+      var bb = elements.boundingBox();
+      var w = this.width();
+      var h = this.height();
+      zoom2 = zoom2 === void 0 ? this._private.zoom : zoom2;
+      var pan = {
+        // middle
+        x: (w - zoom2 * (bb.x1 + bb.x2)) / 2,
+        y: (h - zoom2 * (bb.y1 + bb.y2)) / 2
+      };
+      return pan;
+    },
+    reset: function reset() {
+      if (!this._private.panningEnabled || !this._private.zoomingEnabled) {
+        return this;
+      }
+      this.viewport({
+        pan: {
+          x: 0,
+          y: 0
+        },
+        zoom: 1
+      });
+      return this;
+    },
+    invalidateSize: function invalidateSize() {
+      this._private.sizeCache = null;
+    },
+    size: function size() {
+      var _p = this._private;
+      var container = _p.container;
+      var cy = this;
+      return _p.sizeCache = _p.sizeCache || (container ? (function() {
+        var style = cy.window().getComputedStyle(container);
+        var val = function val2(name2) {
+          return parseFloat(style.getPropertyValue(name2));
+        };
+        return {
+          width: container.clientWidth - val("padding-left") - val("padding-right"),
+          height: container.clientHeight - val("padding-top") - val("padding-bottom")
+        };
+      })() : {
+        // fallback if no container (not 0 b/c can be used for dividing etc)
+        width: 1,
+        height: 1
+      });
+    },
+    width: function width() {
+      return this.size().width;
+    },
+    height: function height() {
+      return this.size().height;
+    },
+    extent: function extent() {
+      var pan = this._private.pan;
+      var zoom2 = this._private.zoom;
+      var rb = this.renderedExtent();
+      var b = {
+        x1: (rb.x1 - pan.x) / zoom2,
+        x2: (rb.x2 - pan.x) / zoom2,
+        y1: (rb.y1 - pan.y) / zoom2,
+        y2: (rb.y2 - pan.y) / zoom2
+      };
+      b.w = b.x2 - b.x1;
+      b.h = b.y2 - b.y1;
+      return b;
+    },
+    renderedExtent: function renderedExtent() {
+      var width = this.width();
+      var height = this.height();
+      return {
+        x1: 0,
+        y1: 0,
+        x2: width,
+        y2: height,
+        w: width,
+        h: height
+      };
+    },
+    multiClickDebounceTime: function multiClickDebounceTime(_int) {
+      if (_int) this._private.multiClickDebounceTime = _int;
+      else return this._private.multiClickDebounceTime;
+      return this;
+    }
+  };
+  corefn$1.centre = corefn$1.center;
+  corefn$1.autolockNodes = corefn$1.autolock;
+  corefn$1.autoungrabifyNodes = corefn$1.autoungrabify;
+  var fn = {
+    data: define.data({
+      field: "data",
+      bindingEvent: "data",
+      allowBinding: true,
+      allowSetting: true,
+      settingEvent: "data",
+      settingTriggersEvent: true,
+      triggerFnName: "trigger",
+      allowGetting: true,
+      updateStyle: true
+    }),
+    removeData: define.removeData({
+      field: "data",
+      event: "data",
+      triggerFnName: "trigger",
+      triggerEvent: true,
+      updateStyle: true
+    }),
+    scratch: define.data({
+      field: "scratch",
+      bindingEvent: "scratch",
+      allowBinding: true,
+      allowSetting: true,
+      settingEvent: "scratch",
+      settingTriggersEvent: true,
+      triggerFnName: "trigger",
+      allowGetting: true,
+      updateStyle: true
+    }),
+    removeScratch: define.removeData({
+      field: "scratch",
+      event: "scratch",
+      triggerFnName: "trigger",
+      triggerEvent: true,
+      updateStyle: true
+    })
+  };
+  fn.attr = fn.data;
+  fn.removeAttr = fn.removeData;
+  var Core = function Core2(opts) {
+    var cy = this;
+    opts = extend({}, opts);
+    var container = opts.container;
+    if (container && !htmlElement(container) && htmlElement(container[0])) {
+      container = container[0];
+    }
+    var reg = container ? container._cyreg : null;
+    reg = reg || {};
+    if (reg && reg.cy) {
+      reg.cy.destroy();
+      reg = {};
+    }
+    var readies = reg.readies = reg.readies || [];
+    if (container) {
+      container._cyreg = reg;
+    }
+    reg.cy = cy;
+    var head = _window !== void 0 && container !== void 0 && !opts.headless;
+    var options = opts;
+    options.layout = extend({
+      name: head ? "grid" : "null"
+    }, options.layout);
+    options.renderer = extend({
+      name: head ? "canvas" : "null"
+    }, options.renderer);
+    var defVal = function defVal2(def, val, altVal) {
+      if (val !== void 0) {
+        return val;
+      } else if (altVal !== void 0) {
+        return altVal;
+      } else {
+        return def;
+      }
+    };
+    var _p = this._private = {
+      container,
+      // html dom ele container
+      ready: false,
+      // whether ready has been triggered
+      options,
+      // cached options
+      elements: new Collection(this),
+      // elements in the graph
+      listeners: [],
+      // list of listeners
+      aniEles: new Collection(this),
+      // elements being animated
+      data: options.data || {},
+      // data for the core
+      scratch: {},
+      // scratch object for core
+      layout: null,
+      renderer: null,
+      destroyed: false,
+      // whether destroy was called
+      notificationsEnabled: true,
+      // whether notifications are sent to the renderer
+      minZoom: 1e-50,
+      maxZoom: 1e50,
+      zoomingEnabled: defVal(true, options.zoomingEnabled),
+      userZoomingEnabled: defVal(true, options.userZoomingEnabled),
+      panningEnabled: defVal(true, options.panningEnabled),
+      userPanningEnabled: defVal(true, options.userPanningEnabled),
+      boxSelectionEnabled: defVal(true, options.boxSelectionEnabled),
+      autolock: defVal(false, options.autolock, options.autolockNodes),
+      autoungrabify: defVal(false, options.autoungrabify, options.autoungrabifyNodes),
+      autounselectify: defVal(false, options.autounselectify),
+      styleEnabled: options.styleEnabled === void 0 ? head : options.styleEnabled,
+      zoom: number$1(options.zoom) ? options.zoom : 1,
+      pan: {
+        x: plainObject(options.pan) && number$1(options.pan.x) ? options.pan.x : 0,
+        y: plainObject(options.pan) && number$1(options.pan.y) ? options.pan.y : 0
+      },
+      animation: {
+        // object for currently-running animations
+        current: [],
+        queue: []
+      },
+      hasCompoundNodes: false,
+      multiClickDebounceTime: defVal(250, options.multiClickDebounceTime)
+    };
+    this.createEmitter();
+    this.selectionType(options.selectionType);
+    this.zoomRange({
+      min: options.minZoom,
+      max: options.maxZoom
+    });
+    var loadExtData = function loadExtData2(extData, next) {
+      var anyIsPromise = extData.some(promise);
+      if (anyIsPromise) {
+        return Promise$1.all(extData).then(next);
+      } else {
+        next(extData);
+      }
+    };
+    if (_p.styleEnabled) {
+      cy.setStyle([]);
+    }
+    var rendererOptions = extend({}, options, options.renderer);
+    cy.initRenderer(rendererOptions);
+    var setElesAndLayout = function setElesAndLayout2(elements, onload, ondone) {
+      cy.notifications(false);
+      var oldEles = cy.mutableElements();
+      if (oldEles.length > 0) {
+        oldEles.remove();
+      }
+      if (elements != null) {
+        if (plainObject(elements) || array(elements)) {
+          cy.add(elements);
+        }
+      }
+      cy.one("layoutready", function(e) {
+        cy.notifications(true);
+        cy.emit(e);
+        cy.one("load", onload);
+        cy.emitAndNotify("load");
+      }).one("layoutstop", function() {
+        cy.one("done", ondone);
+        cy.emit("done");
+      });
+      var layoutOpts = extend({}, cy._private.options.layout);
+      layoutOpts.eles = cy.elements();
+      cy.layout(layoutOpts).run();
+    };
+    loadExtData([options.style, options.elements], function(thens) {
+      var initStyle = thens[0];
+      var initEles = thens[1];
+      if (_p.styleEnabled) {
+        cy.style().append(initStyle);
+      }
+      setElesAndLayout(initEles, function() {
+        cy.startAnimationLoop();
+        _p.ready = true;
+        if (fn$6(options.ready)) {
+          cy.on("ready", options.ready);
+        }
+        for (var i2 = 0; i2 < readies.length; i2++) {
+          var fn2 = readies[i2];
+          cy.on("ready", fn2);
+        }
+        if (reg) {
+          reg.readies = [];
+        }
+        cy.emit("ready");
+      }, options.done);
+    });
+  };
+  var corefn = Core.prototype;
+  extend(corefn, {
+    instanceString: function instanceString() {
+      return "core";
+    },
+    isReady: function isReady() {
+      return this._private.ready;
+    },
+    destroyed: function destroyed() {
+      return this._private.destroyed;
+    },
+    ready: function ready(fn2) {
+      if (this.isReady()) {
+        this.emitter().emit("ready", [], fn2);
+      } else {
+        this.on("ready", fn2);
+      }
+      return this;
+    },
+    destroy: function destroy() {
+      var cy = this;
+      if (cy.destroyed()) return;
+      cy.stopAnimationLoop();
+      cy.destroyRenderer();
+      this.emit("destroy");
+      cy._private.destroyed = true;
+      return cy;
+    },
+    hasElementWithId: function hasElementWithId(id2) {
+      return this._private.elements.hasElementWithId(id2);
+    },
+    getElementById: function getElementById(id2) {
+      return this._private.elements.getElementById(id2);
+    },
+    hasCompoundNodes: function hasCompoundNodes() {
+      return this._private.hasCompoundNodes;
+    },
+    headless: function headless() {
+      return this._private.renderer.isHeadless();
+    },
+    styleEnabled: function styleEnabled() {
+      return this._private.styleEnabled;
+    },
+    addToPool: function addToPool(eles) {
+      this._private.elements.merge(eles);
+      return this;
+    },
+    removeFromPool: function removeFromPool(eles) {
+      this._private.elements.unmerge(eles);
+      return this;
+    },
+    container: function container() {
+      return this._private.container || null;
+    },
+    window: function window2() {
+      var container = this._private.container;
+      if (container == null) return _window;
+      var ownerDocument = this._private.container.ownerDocument;
+      if (ownerDocument === void 0 || ownerDocument == null) {
+        return _window;
+      }
+      return ownerDocument.defaultView || _window;
+    },
+    mount: function mount(container) {
+      if (container == null) {
+        return;
+      }
+      var cy = this;
+      var _p = cy._private;
+      var options = _p.options;
+      if (!htmlElement(container) && htmlElement(container[0])) {
+        container = container[0];
+      }
+      cy.stopAnimationLoop();
+      cy.destroyRenderer();
+      _p.container = container;
+      _p.styleEnabled = true;
+      cy.invalidateSize();
+      cy.initRenderer(extend({}, options, options.renderer, {
+        // allow custom renderer name to be re-used, otherwise use canvas
+        name: options.renderer.name === "null" ? "canvas" : options.renderer.name
+      }));
+      cy.startAnimationLoop();
+      cy.style(options.style);
+      cy.emit("mount");
+      return cy;
+    },
+    unmount: function unmount() {
+      var cy = this;
+      cy.stopAnimationLoop();
+      cy.destroyRenderer();
+      cy.initRenderer({
+        name: "null"
+      });
+      cy.emit("unmount");
+      return cy;
+    },
+    options: function options() {
+      return copy(this._private.options);
+    },
+    json: function json2(obj) {
+      var cy = this;
+      var _p = cy._private;
+      var eles = cy.mutableElements();
+      var getFreshRef = function getFreshRef2(ele) {
+        return cy.getElementById(ele.id());
+      };
+      if (plainObject(obj)) {
+        cy.startBatch();
+        if (obj.elements) {
+          var idInJson = {};
+          var updateEles = function updateEles2(jsons, gr2) {
+            var toAdd = [];
+            var toMod = [];
+            for (var i3 = 0; i3 < jsons.length; i3++) {
+              var json4 = jsons[i3];
+              if (!json4.data.id) {
+                warn("cy.json() cannot handle elements without an ID attribute");
+                continue;
+              }
+              var id2 = "" + json4.data.id;
+              var ele = cy.getElementById(id2);
+              idInJson[id2] = true;
+              if (ele.length !== 0) {
+                toMod.push({
+                  ele,
+                  json: json4
+                });
+              } else {
+                if (gr2) {
+                  json4.group = gr2;
+                  toAdd.push(json4);
+                } else {
+                  toAdd.push(json4);
+                }
+              }
+            }
+            cy.add(toAdd);
+            for (var _i = 0; _i < toMod.length; _i++) {
+              var _toMod$_i = toMod[_i], _ele = _toMod$_i.ele, _json = _toMod$_i.json;
+              _ele.json(_json);
+            }
+          };
+          if (array(obj.elements)) {
+            updateEles(obj.elements);
+          } else {
+            var grs = ["nodes", "edges"];
+            for (var i2 = 0; i2 < grs.length; i2++) {
+              var gr = grs[i2];
+              var elements = obj.elements[gr];
+              if (array(elements)) {
+                updateEles(elements, gr);
+              }
+            }
+          }
+          var parentsToRemove = cy.collection();
+          eles.filter(function(ele) {
+            return !idInJson[ele.id()];
+          }).forEach(function(ele) {
+            if (ele.isParent()) {
+              parentsToRemove.merge(ele);
+            } else {
+              ele.remove();
+            }
+          });
+          parentsToRemove.forEach(function(ele) {
+            return ele.children().move({
+              parent: null
+            });
+          });
+          parentsToRemove.forEach(function(ele) {
+            return getFreshRef(ele).remove();
+          });
+        }
+        if (obj.style) {
+          cy.style(obj.style);
+        }
+        if (obj.zoom != null && obj.zoom !== _p.zoom) {
+          cy.zoom(obj.zoom);
+        }
+        if (obj.pan) {
+          if (obj.pan.x !== _p.pan.x || obj.pan.y !== _p.pan.y) {
+            cy.pan(obj.pan);
+          }
+        }
+        if (obj.data) {
+          cy.data(obj.data);
+        }
+        var fields = ["minZoom", "maxZoom", "zoomingEnabled", "userZoomingEnabled", "panningEnabled", "userPanningEnabled", "boxSelectionEnabled", "autolock", "autoungrabify", "autounselectify", "multiClickDebounceTime"];
+        for (var _i2 = 0; _i2 < fields.length; _i2++) {
+          var f = fields[_i2];
+          if (obj[f] != null) {
+            cy[f](obj[f]);
+          }
+        }
+        cy.endBatch();
+        return this;
+      } else {
+        var flat = !!obj;
+        var json3 = {};
+        if (flat) {
+          json3.elements = this.elements().map(function(ele) {
+            return ele.json();
+          });
+        } else {
+          json3.elements = {};
+          eles.forEach(function(ele) {
+            var group = ele.group();
+            if (!json3.elements[group]) {
+              json3.elements[group] = [];
+            }
+            json3.elements[group].push(ele.json());
+          });
+        }
+        if (this._private.styleEnabled) {
+          json3.style = cy.style().json();
+        }
+        json3.data = copy(cy.data());
+        var options = _p.options;
+        json3.zoomingEnabled = _p.zoomingEnabled;
+        json3.userZoomingEnabled = _p.userZoomingEnabled;
+        json3.zoom = _p.zoom;
+        json3.minZoom = _p.minZoom;
+        json3.maxZoom = _p.maxZoom;
+        json3.panningEnabled = _p.panningEnabled;
+        json3.userPanningEnabled = _p.userPanningEnabled;
+        json3.pan = copy(_p.pan);
+        json3.boxSelectionEnabled = _p.boxSelectionEnabled;
+        json3.renderer = copy(options.renderer);
+        json3.hideEdgesOnViewport = options.hideEdgesOnViewport;
+        json3.textureOnViewport = options.textureOnViewport;
+        json3.wheelSensitivity = options.wheelSensitivity;
+        json3.motionBlur = options.motionBlur;
+        json3.multiClickDebounceTime = options.multiClickDebounceTime;
+        return json3;
+      }
+    }
+  });
+  corefn.$id = corefn.getElementById;
+  [corefn$9, corefn$8, elesfn, corefn$7, corefn$6, corefn$5, corefn$4, corefn$3, corefn$2, corefn$1, fn].forEach(function(props) {
+    extend(corefn, props);
+  });
+  var defaults$7 = {
+    fit: true,
+    // whether to fit the viewport to the graph
+    directed: false,
+    // whether the tree is directed downwards (or edges can point in any direction if false)
+    direction: "downward",
+    // determines the direction in which the tree structure is drawn.  The possible values are 'downward', 'upward', 'rightward', or 'leftward'.
+    padding: 30,
+    // padding on fit
+    circle: false,
+    // put depths in concentric circles if true, put depths top down if false
+    grid: false,
+    // whether to create an even grid into which the DAG is placed (circle:false only)
+    spacingFactor: 1.75,
+    // positive spacing factor, larger => more space between nodes (N.B. n/a if causes overlap)
+    boundingBox: void 0,
+    // constrain layout bounds; { x1, y1, x2, y2 } or { x1, y1, w, h }
+    avoidOverlap: true,
+    // prevents node overlap, may overflow boundingBox if not enough space
+    nodeDimensionsIncludeLabels: false,
+    // Excludes the label when calculating node bounding boxes for the layout algorithm
+    roots: void 0,
+    // the roots of the trees
+    depthSort: void 0,
+    // a sorting function to order nodes at equal depth. e.g. function(a, b){ return a.data('weight') - b.data('weight') }
+    animate: false,
+    // whether to transition the node positions
+    animationDuration: 500,
+    // duration of animation in ms if enabled
+    animationEasing: void 0,
+    // easing of animation if enabled,
+    animateFilter: function animateFilter(node, i2) {
+      return true;
+    },
+    // a function that determines whether the node should be animated.  All nodes animated by default on animate enabled.  Non-animated nodes are positioned immediately when the layout starts
+    ready: void 0,
+    // callback on layoutready
+    stop: void 0,
+    // callback on layoutstop
+    transform: function transform(node, position2) {
+      return position2;
+    }
+    // transform a given node position. Useful for changing flow direction in discrete layouts
+  };
+  var deprecatedOptionDefaults = {
+    maximal: false,
+    // whether to shift nodes down their natural BFS depths in order to avoid upwards edges (DAGS only); setting acyclic to true sets maximal to true also
+    acyclic: false
+    // whether the tree is acyclic and thus a node could be shifted (due to the maximal option) multiple times without causing an infinite loop; setting to true sets maximal to true also; if you are uncertain whether a tree is acyclic, set to false to avoid potential infinite loops
+  };
+  var getInfo = function getInfo2(ele) {
+    return ele.scratch("breadthfirst");
+  };
+  var setInfo = function setInfo2(ele, obj) {
+    return ele.scratch("breadthfirst", obj);
+  };
+  function BreadthFirstLayout(options) {
+    this.options = extend({}, defaults$7, deprecatedOptionDefaults, options);
+  }
+  BreadthFirstLayout.prototype.run = function() {
+    var options = this.options;
+    var cy = options.cy;
+    var eles = options.eles;
+    var nodes = eles.nodes().filter(function(n2) {
+      return n2.isChildless();
+    });
+    var graph = eles;
+    var directed = options.directed;
+    var maximal = options.acyclic || options.maximal || options.maximalAdjustments > 0;
+    var hasBoundingBox = !!options.boundingBox;
+    var bb = makeBoundingBox(hasBoundingBox ? options.boundingBox : structuredClone(cy.extent()));
+    var roots;
+    if (elementOrCollection(options.roots)) {
+      roots = options.roots;
+    } else if (array(options.roots)) {
+      var rootsArray = [];
+      for (var i2 = 0; i2 < options.roots.length; i2++) {
+        var id2 = options.roots[i2];
+        var ele = cy.getElementById(id2);
+        rootsArray.push(ele);
+      }
+      roots = cy.collection(rootsArray);
+    } else if (string(options.roots)) {
+      roots = cy.$(options.roots);
+    } else {
+      if (directed) {
+        roots = nodes.roots();
+      } else {
+        var components = eles.components();
+        roots = cy.collection();
+        var _loop = function _loop2() {
+          var comp = components[_i];
+          var maxDegree = comp.maxDegree(false);
+          var compRoots = comp.filter(function(ele2) {
+            return ele2.degree(false) === maxDegree;
+          });
+          roots = roots.add(compRoots);
+        };
+        for (var _i = 0; _i < components.length; _i++) {
+          _loop();
+        }
+      }
+    }
+    var depths = [];
+    var foundByBfs = {};
+    var addToDepth = function addToDepth2(ele2, d) {
+      if (depths[d] == null) {
+        depths[d] = [];
+      }
+      var i3 = depths[d].length;
+      depths[d].push(ele2);
+      setInfo(ele2, {
+        index: i3,
+        depth: d
+      });
+    };
+    var changeDepth = function changeDepth2(ele2, newDepth) {
+      var _getInfo = getInfo(ele2), depth = _getInfo.depth, index2 = _getInfo.index;
+      depths[depth][index2] = null;
+      if (ele2.isChildless()) addToDepth(ele2, newDepth);
+    };
+    graph.bfs({
+      roots,
+      directed: options.directed,
+      visit: function visit(node, edge, pNode, i3, depth) {
+        var ele2 = node[0];
+        var id3 = ele2.id();
+        if (ele2.isChildless()) addToDepth(ele2, depth);
+        foundByBfs[id3] = true;
+      }
+    });
+    var orphanNodes = [];
+    for (var _i2 = 0; _i2 < nodes.length; _i2++) {
+      var _ele = nodes[_i2];
+      if (foundByBfs[_ele.id()]) {
+        continue;
+      } else {
+        orphanNodes.push(_ele);
+      }
+    }
+    var assignDepthsAt = function assignDepthsAt2(i3) {
+      var eles2 = depths[i3];
+      for (var j = 0; j < eles2.length; j++) {
+        var _ele2 = eles2[j];
+        if (_ele2 == null) {
+          eles2.splice(j, 1);
+          j--;
+          continue;
+        }
+        setInfo(_ele2, {
+          depth: i3,
+          index: j
+        });
+      }
+    };
+    var adjustMaximally = function adjustMaximally2(ele2, shifted2) {
+      var eInfo = getInfo(ele2);
+      var incomers = ele2.incomers().filter(function(el) {
+        return el.isNode() && eles.has(el);
+      });
+      var maxDepth = -1;
+      var id3 = ele2.id();
+      for (var k = 0; k < incomers.length; k++) {
+        var incmr = incomers[k];
+        var iInfo = getInfo(incmr);
+        maxDepth = Math.max(maxDepth, iInfo.depth);
+      }
+      if (eInfo.depth <= maxDepth) {
+        if (!options.acyclic && shifted2[id3]) {
+          return null;
+        }
+        var newDepth = maxDepth + 1;
+        changeDepth(ele2, newDepth);
+        shifted2[id3] = newDepth;
+        return true;
+      }
+      return false;
+    };
+    if (directed && maximal) {
+      var Q = [];
+      var shifted = {};
+      var enqueue = function enqueue2(n2) {
+        return Q.push(n2);
+      };
+      var dequeue = function dequeue2() {
+        return Q.shift();
+      };
+      nodes.forEach(function(n2) {
+        return Q.push(n2);
+      });
+      while (Q.length > 0) {
+        var _ele3 = dequeue();
+        var didShift = adjustMaximally(_ele3, shifted);
+        if (didShift) {
+          _ele3.outgoers().filter(function(el) {
+            return el.isNode() && eles.has(el);
+          }).forEach(enqueue);
+        } else if (didShift === null) {
+          warn("Detected double maximal shift for node `" + _ele3.id() + "`.  Bailing maximal adjustment due to cycle.  Use `options.maximal: true` only on DAGs.");
+          break;
+        }
+      }
+    }
+    var minDistance = 0;
+    if (options.avoidOverlap) {
+      for (var _i3 = 0; _i3 < nodes.length; _i3++) {
+        var n = nodes[_i3];
+        var nbb = n.layoutDimensions(options);
+        var w = nbb.w;
+        var h = nbb.h;
+        minDistance = Math.max(minDistance, w, h);
+      }
+    }
+    var cachedWeightedPercent = {};
+    var getWeightedPercent = function getWeightedPercent2(ele2) {
+      if (cachedWeightedPercent[ele2.id()]) {
+        return cachedWeightedPercent[ele2.id()];
+      }
+      var eleDepth = getInfo(ele2).depth;
+      var neighbors = ele2.neighborhood();
+      var percent = 0;
+      var samples = 0;
+      for (var _i4 = 0; _i4 < neighbors.length; _i4++) {
+        var neighbor = neighbors[_i4];
+        if (neighbor.isEdge() || neighbor.isParent() || !nodes.has(neighbor)) {
+          continue;
+        }
+        var bf = getInfo(neighbor);
+        if (bf == null) {
+          continue;
+        }
+        var index2 = bf.index;
+        var depth = bf.depth;
+        if (index2 == null || depth == null) {
+          continue;
+        }
+        var nDepth = depths[depth].length;
+        if (depth < eleDepth) {
+          percent += index2 / nDepth;
+          samples++;
+        }
+      }
+      samples = Math.max(1, samples);
+      percent = percent / samples;
+      if (samples === 0) {
+        percent = 0;
+      }
+      cachedWeightedPercent[ele2.id()] = percent;
+      return percent;
+    };
+    var sortFn = function sortFn2(a2, b) {
+      var apct = getWeightedPercent(a2);
+      var bpct = getWeightedPercent(b);
+      var diff = apct - bpct;
+      if (diff === 0) {
+        return ascending(a2.id(), b.id());
+      } else {
+        return diff;
+      }
+    };
+    if (options.depthSort !== void 0) {
+      sortFn = options.depthSort;
+    }
+    var depthsLen = depths.length;
+    for (var _i5 = 0; _i5 < depthsLen; _i5++) {
+      depths[_i5].sort(sortFn);
+      assignDepthsAt(_i5);
+    }
+    var orphanDepth = [];
+    for (var _i6 = 0; _i6 < orphanNodes.length; _i6++) {
+      orphanDepth.push(orphanNodes[_i6]);
+    }
+    var assignDepths = function assignDepths2() {
+      for (var _i7 = 0; _i7 < depthsLen; _i7++) {
+        assignDepthsAt(_i7);
+      }
+    };
+    if (orphanDepth.length) {
+      depths.unshift(orphanDepth);
+      depthsLen = depths.length;
+      assignDepths();
+    }
+    var biggestDepthSize = 0;
+    for (var _i8 = 0; _i8 < depthsLen; _i8++) {
+      biggestDepthSize = Math.max(depths[_i8].length, biggestDepthSize);
+    }
+    var center2 = {
+      x: bb.x1 + bb.w / 2,
+      y: bb.y1 + bb.h / 2
+    };
+    var aveNodeSize = nodes.reduce(function(acc, node) {
+      return (function(box) {
+        return {
+          w: acc.w === -1 ? box.w : (acc.w + box.w) / 2,
+          h: acc.h === -1 ? box.h : (acc.h + box.h) / 2
+        };
+      })(node.boundingBox({
+        includeLabels: options.nodeDimensionsIncludeLabels
+      }));
+    }, {
+      w: -1,
+      h: -1
+    });
+    var distanceY = Math.max(
+      // only one depth
+      depthsLen === 1 ? 0 : (
+        // inside a bounding box, no need for top & bottom padding
+        hasBoundingBox ? (bb.h - options.padding * 2 - aveNodeSize.h) / (depthsLen - 1) : (bb.h - options.padding * 2 - aveNodeSize.h) / (depthsLen + 1)
+      ),
+      minDistance
+    );
+    var maxDepthSize = depths.reduce(function(max2, eles2) {
+      return Math.max(max2, eles2.length);
+    }, 0);
+    var getPositionTopBottom = function getPositionTopBottom2(ele2) {
+      var _getInfo2 = getInfo(ele2), depth = _getInfo2.depth, index2 = _getInfo2.index;
+      if (options.circle) {
+        var radiusStepSize = Math.min(bb.w / 2 / depthsLen, bb.h / 2 / depthsLen);
+        radiusStepSize = Math.max(radiusStepSize, minDistance);
+        var radius2 = radiusStepSize * depth + radiusStepSize - (depthsLen > 0 && depths[0].length <= 3 ? radiusStepSize / 2 : 0);
+        var theta = 2 * Math.PI / depths[depth].length * index2;
+        if (depth === 0 && depths[0].length === 1) {
+          radius2 = 1;
+        }
+        return {
+          x: center2.x + radius2 * Math.cos(theta),
+          y: center2.y + radius2 * Math.sin(theta)
+        };
+      } else {
+        var depthSize = depths[depth].length;
+        var distanceX = Math.max(
+          // only one depth
+          depthSize === 1 ? 0 : (
+            // inside a bounding box, no need for left & right padding
+            hasBoundingBox ? (bb.w - options.padding * 2 - aveNodeSize.w) / ((options.grid ? maxDepthSize : depthSize) - 1) : (bb.w - options.padding * 2 - aveNodeSize.w) / ((options.grid ? maxDepthSize : depthSize) + 1)
+          ),
+          minDistance
+        );
+        var epos = {
+          x: center2.x + (index2 + 1 - (depthSize + 1) / 2) * distanceX,
+          y: center2.y + (depth + 1 - (depthsLen + 1) / 2) * distanceY
+        };
+        return epos;
+      }
+    };
+    var rotateDegrees = {
+      "downward": 0,
+      "leftward": 90,
+      "upward": 180,
+      "rightward": -90
+    };
+    if (Object.keys(rotateDegrees).indexOf(options.direction) === -1) {
+      error("Invalid direction '".concat(options.direction, "' specified for breadthfirst layout. Valid values are: ").concat(Object.keys(rotateDegrees).join(", ")));
+    }
+    var getPosition = function getPosition2(ele2) {
+      return rotatePosAndSkewByBox(getPositionTopBottom(ele2), bb, rotateDegrees[options.direction]);
+    };
+    eles.nodes().layoutPositions(this, options, getPosition);
+    return this;
+  };
+  var defaults$6 = {
+    fit: true,
+    // whether to fit the viewport to the graph
+    padding: 30,
+    // the padding on fit
+    boundingBox: void 0,
+    // constrain layout bounds; { x1, y1, x2, y2 } or { x1, y1, w, h }
+    avoidOverlap: true,
+    // prevents node overlap, may overflow boundingBox and radius if not enough space
+    nodeDimensionsIncludeLabels: false,
+    // Excludes the label when calculating node bounding boxes for the layout algorithm
+    spacingFactor: void 0,
+    // Applies a multiplicative factor (>0) to expand or compress the overall area that the nodes take up
+    radius: void 0,
+    // the radius of the circle
+    startAngle: 3 / 2 * Math.PI,
+    // where nodes start in radians
+    sweep: void 0,
+    // how many radians should be between the first and last node (defaults to full circle)
+    clockwise: true,
+    // whether the layout should go clockwise (true) or counterclockwise/anticlockwise (false)
+    sort: void 0,
+    // a sorting function to order the nodes; e.g. function(a, b){ return a.data('weight') - b.data('weight') }
+    animate: false,
+    // whether to transition the node positions
+    animationDuration: 500,
+    // duration of animation in ms if enabled
+    animationEasing: void 0,
+    // easing of animation if enabled
+    animateFilter: function animateFilter(node, i2) {
+      return true;
+    },
+    // a function that determines whether the node should be animated.  All nodes animated by default on animate enabled.  Non-animated nodes are positioned immediately when the layout starts
+    ready: void 0,
+    // callback on layoutready
+    stop: void 0,
+    // callback on layoutstop
+    transform: function transform(node, position2) {
+      return position2;
+    }
+    // transform a given node position. Useful for changing flow direction in discrete layouts 
+  };
+  function CircleLayout(options) {
+    this.options = extend({}, defaults$6, options);
+  }
+  CircleLayout.prototype.run = function() {
+    var params = this.options;
+    var options = params;
+    var cy = params.cy;
+    var eles = options.eles;
+    var clockwise = options.counterclockwise !== void 0 ? !options.counterclockwise : options.clockwise;
+    var nodes = eles.nodes().not(":parent");
+    if (options.sort) {
+      nodes = nodes.sort(options.sort);
+    }
+    var bb = makeBoundingBox(options.boundingBox ? options.boundingBox : {
+      x1: 0,
+      y1: 0,
+      w: cy.width(),
+      h: cy.height()
+    });
+    var center2 = {
+      x: bb.x1 + bb.w / 2,
+      y: bb.y1 + bb.h / 2
+    };
+    var sweep = options.sweep === void 0 ? 2 * Math.PI - 2 * Math.PI / nodes.length : options.sweep;
+    var dTheta = sweep / Math.max(1, nodes.length - 1);
+    var r;
+    var minDistance = 0;
+    for (var i2 = 0; i2 < nodes.length; i2++) {
+      var n = nodes[i2];
+      var nbb = n.layoutDimensions(options);
+      var w = nbb.w;
+      var h = nbb.h;
+      minDistance = Math.max(minDistance, w, h);
+    }
+    if (number$1(options.radius)) {
+      r = options.radius;
+    } else if (nodes.length <= 1) {
+      r = 0;
+    } else {
+      r = Math.min(bb.h, bb.w) / 2 - minDistance;
+    }
+    if (nodes.length > 1 && options.avoidOverlap) {
+      minDistance *= 1.75;
+      var dcos = Math.cos(dTheta) - Math.cos(0);
+      var dsin = Math.sin(dTheta) - Math.sin(0);
+      var rMin = Math.sqrt(minDistance * minDistance / (dcos * dcos + dsin * dsin));
+      r = Math.max(rMin, r);
+    }
+    var getPos2 = function getPos3(ele, i3) {
+      var theta = options.startAngle + i3 * dTheta * (clockwise ? 1 : -1);
+      var rx = r * Math.cos(theta);
+      var ry = r * Math.sin(theta);
+      var pos = {
+        x: center2.x + rx,
+        y: center2.y + ry
+      };
+      return pos;
+    };
+    eles.nodes().layoutPositions(this, options, getPos2);
+    return this;
+  };
+  var defaults$5 = {
+    fit: true,
+    // whether to fit the viewport to the graph
+    padding: 30,
+    // the padding on fit
+    startAngle: 3 / 2 * Math.PI,
+    // where nodes start in radians
+    sweep: void 0,
+    // how many radians should be between the first and last node (defaults to full circle)
+    clockwise: true,
+    // whether the layout should go clockwise (true) or counterclockwise/anticlockwise (false)
+    equidistant: false,
+    // whether levels have an equal radial distance betwen them, may cause bounding box overflow
+    minNodeSpacing: 10,
+    // min spacing between outside of nodes (used for radius adjustment)
+    boundingBox: void 0,
+    // constrain layout bounds; { x1, y1, x2, y2 } or { x1, y1, w, h }
+    avoidOverlap: true,
+    // prevents node overlap, may overflow boundingBox if not enough space
+    nodeDimensionsIncludeLabels: false,
+    // Excludes the label when calculating node bounding boxes for the layout algorithm
+    height: void 0,
+    // height of layout area (overrides container height)
+    width: void 0,
+    // width of layout area (overrides container width)
+    spacingFactor: void 0,
+    // Applies a multiplicative factor (>0) to expand or compress the overall area that the nodes take up
+    concentric: function concentric(node) {
+      return node.degree();
+    },
+    levelWidth: function levelWidth(nodes) {
+      return nodes.maxDegree() / 4;
+    },
+    animate: false,
+    // whether to transition the node positions
+    animationDuration: 500,
+    // duration of animation in ms if enabled
+    animationEasing: void 0,
+    // easing of animation if enabled
+    animateFilter: function animateFilter(node, i2) {
+      return true;
+    },
+    // a function that determines whether the node should be animated.  All nodes animated by default on animate enabled.  Non-animated nodes are positioned immediately when the layout starts
+    ready: void 0,
+    // callback on layoutready
+    stop: void 0,
+    // callback on layoutstop
+    transform: function transform(node, position2) {
+      return position2;
+    }
+    // transform a given node position. Useful for changing flow direction in discrete layouts
+  };
+  function ConcentricLayout(options) {
+    this.options = extend({}, defaults$5, options);
+  }
+  ConcentricLayout.prototype.run = function() {
+    var params = this.options;
+    var options = params;
+    var clockwise = options.counterclockwise !== void 0 ? !options.counterclockwise : options.clockwise;
+    var cy = params.cy;
+    var eles = options.eles;
+    var nodes = eles.nodes().not(":parent");
+    var bb = makeBoundingBox(options.boundingBox ? options.boundingBox : {
+      x1: 0,
+      y1: 0,
+      w: cy.width(),
+      h: cy.height()
+    });
+    var center2 = {
+      x: bb.x1 + bb.w / 2,
+      y: bb.y1 + bb.h / 2
+    };
+    var nodeValues = [];
+    var maxNodeSize = 0;
+    for (var i2 = 0; i2 < nodes.length; i2++) {
+      var node = nodes[i2];
+      var value = void 0;
+      value = options.concentric(node);
+      nodeValues.push({
+        value,
+        node
+      });
+      node._private.scratch.concentric = value;
+    }
+    nodes.updateStyle();
+    for (var _i = 0; _i < nodes.length; _i++) {
+      var _node = nodes[_i];
+      var nbb = _node.layoutDimensions(options);
+      maxNodeSize = Math.max(maxNodeSize, nbb.w, nbb.h);
+    }
+    nodeValues.sort(function(a2, b) {
+      return b.value - a2.value;
+    });
+    var levelWidth = options.levelWidth(nodes);
+    var levels = [[]];
+    var currentLevel = levels[0];
+    for (var _i2 = 0; _i2 < nodeValues.length; _i2++) {
+      var val = nodeValues[_i2];
+      if (currentLevel.length > 0) {
+        var diff = Math.abs(currentLevel[0].value - val.value);
+        if (diff >= levelWidth) {
+          currentLevel = [];
+          levels.push(currentLevel);
+        }
+      }
+      currentLevel.push(val);
+    }
+    var minDist = maxNodeSize + options.minNodeSpacing;
+    if (!options.avoidOverlap) {
+      var firstLvlHasMulti = levels.length > 0 && levels[0].length > 1;
+      var maxR = Math.min(bb.w, bb.h) / 2 - minDist;
+      var rStep = maxR / (levels.length + firstLvlHasMulti ? 1 : 0);
+      minDist = Math.min(minDist, rStep);
+    }
+    var r = 0;
+    for (var _i3 = 0; _i3 < levels.length; _i3++) {
+      var level = levels[_i3];
+      var sweep = options.sweep === void 0 ? 2 * Math.PI - 2 * Math.PI / level.length : options.sweep;
+      var dTheta = level.dTheta = sweep / Math.max(1, level.length - 1);
+      if (level.length > 1 && options.avoidOverlap) {
+        var dcos = Math.cos(dTheta) - Math.cos(0);
+        var dsin = Math.sin(dTheta) - Math.sin(0);
+        var rMin = Math.sqrt(minDist * minDist / (dcos * dcos + dsin * dsin));
+        r = Math.max(rMin, r);
+      }
+      level.r = r;
+      r += minDist;
+    }
+    if (options.equidistant) {
+      var rDeltaMax = 0;
+      var _r = 0;
+      for (var _i4 = 0; _i4 < levels.length; _i4++) {
+        var _level = levels[_i4];
+        var rDelta = _level.r - _r;
+        rDeltaMax = Math.max(rDeltaMax, rDelta);
+      }
+      _r = 0;
+      for (var _i5 = 0; _i5 < levels.length; _i5++) {
+        var _level2 = levels[_i5];
+        if (_i5 === 0) {
+          _r = _level2.r;
+        }
+        _level2.r = _r;
+        _r += rDeltaMax;
+      }
+    }
+    var pos = {};
+    for (var _i6 = 0; _i6 < levels.length; _i6++) {
+      var _level3 = levels[_i6];
+      var _dTheta = _level3.dTheta;
+      var _r2 = _level3.r;
+      for (var j = 0; j < _level3.length; j++) {
+        var _val = _level3[j];
+        var theta = options.startAngle + (clockwise ? 1 : -1) * _dTheta * j;
+        var p2 = {
+          x: center2.x + _r2 * Math.cos(theta),
+          y: center2.y + _r2 * Math.sin(theta)
+        };
+        pos[_val.node.id()] = p2;
+      }
+    }
+    eles.nodes().layoutPositions(this, options, function(ele) {
+      var id2 = ele.id();
+      return pos[id2];
+    });
+    return this;
+  };
+  var DEBUG;
+  var defaults$4 = {
+    // Called on `layoutready`
+    ready: function ready() {
+    },
+    // Called on `layoutstop`
+    stop: function stop() {
+    },
+    // Whether to animate while running the layout
+    // true : Animate continuously as the layout is running
+    // false : Just show the end result
+    // 'end' : Animate with the end result, from the initial positions to the end positions
+    animate: true,
+    // Easing of the animation for animate:'end'
+    animationEasing: void 0,
+    // The duration of the animation for animate:'end'
+    animationDuration: void 0,
+    // A function that determines whether the node should be animated
+    // All nodes animated by default on animate enabled
+    // Non-animated nodes are positioned immediately when the layout starts
+    animateFilter: function animateFilter(node, i2) {
+      return true;
+    },
+    // The layout animates only after this many milliseconds for animate:true
+    // (prevents flashing on fast runs)
+    animationThreshold: 250,
+    // Number of iterations between consecutive screen positions update
+    refresh: 20,
+    // Whether to fit the network view after when done
+    fit: true,
+    // Padding on fit
+    padding: 30,
+    // Constrain layout bounds; { x1, y1, x2, y2 } or { x1, y1, w, h }
+    boundingBox: void 0,
+    // Excludes the label when calculating node bounding boxes for the layout algorithm
+    nodeDimensionsIncludeLabels: false,
+    // Randomize the initial positions of the nodes (true) or use existing positions (false)
+    randomize: false,
+    // Extra spacing between components in non-compound graphs
+    componentSpacing: 40,
+    // Node repulsion (non overlapping) multiplier
+    nodeRepulsion: function nodeRepulsion2(node) {
+      return 2048;
+    },
+    // Node repulsion (overlapping) multiplier
+    nodeOverlap: 4,
+    // Ideal edge (non nested) length
+    idealEdgeLength: function idealEdgeLength(edge) {
+      return 32;
+    },
+    // Divisor to compute edge forces
+    edgeElasticity: function edgeElasticity(edge) {
+      return 32;
+    },
+    // Nesting factor (multiplier) to compute ideal edge length for nested edges
+    nestingFactor: 1.2,
+    // Gravity force (constant)
+    gravity: 1,
+    // Maximum number of iterations to perform
+    numIter: 1e3,
+    // Initial temperature (maximum node displacement)
+    initialTemp: 1e3,
+    // Cooling factor (how the temperature is reduced between consecutive iterations
+    coolingFactor: 0.99,
+    // Lower temperature threshold (below this point the layout will end)
+    minTemp: 1
+  };
+  function CoseLayout(options) {
+    this.options = extend({}, defaults$4, options);
+    this.options.layout = this;
+    var nodes = this.options.eles.nodes();
+    var edges = this.options.eles.edges();
+    var notEdges = edges.filter(function(e) {
+      var sourceId = e.source().data("id");
+      var targetId = e.target().data("id");
+      var hasSource = nodes.some(function(n) {
+        return n.data("id") === sourceId;
+      });
+      var hasTarget = nodes.some(function(n) {
+        return n.data("id") === targetId;
+      });
+      return !hasSource || !hasTarget;
+    });
+    this.options.eles = this.options.eles.not(notEdges);
+  }
+  CoseLayout.prototype.run = function() {
+    var options = this.options;
+    var cy = options.cy;
+    var layout2 = this;
+    layout2.stopped = false;
+    if (options.animate === true || options.animate === false) {
+      layout2.emit({
+        type: "layoutstart",
+        layout: layout2
+      });
+    }
+    if (true === options.debug) {
+      DEBUG = true;
+    } else {
+      DEBUG = false;
+    }
+    var layoutInfo = createLayoutInfo(cy, layout2, options);
+    if (DEBUG) {
+      printLayoutInfo(layoutInfo);
+    }
+    if (options.randomize) {
+      randomizePositions(layoutInfo);
+    }
+    var startTime = performanceNow();
+    var refresh = function refresh2() {
+      refreshPositions(layoutInfo, cy, options);
+      if (true === options.fit) {
+        cy.fit(options.padding);
+      }
+    };
+    var mainLoop = function mainLoop2(i3) {
+      if (layout2.stopped || i3 >= options.numIter) {
+        return false;
+      }
+      step(layoutInfo, options);
+      layoutInfo.temperature = layoutInfo.temperature * options.coolingFactor;
+      if (layoutInfo.temperature < options.minTemp) {
+        return false;
+      }
+      return true;
+    };
+    var done = function done2() {
+      if (options.animate === true || options.animate === false) {
+        refresh();
+        layout2.one("layoutstop", options.stop);
+        layout2.emit({
+          type: "layoutstop",
+          layout: layout2
+        });
+      } else {
+        var nodes = options.eles.nodes();
+        var getScaledPos = getScaleInBoundsFn(layoutInfo, options, nodes);
+        nodes.layoutPositions(layout2, options, getScaledPos);
+      }
+    };
+    var i2 = 0;
+    var loopRet = true;
+    if (options.animate === true) {
+      var _frame = function frame2() {
+        var f = 0;
+        while (loopRet && f < options.refresh) {
+          loopRet = mainLoop(i2);
+          i2++;
+          f++;
+        }
+        if (!loopRet) {
+          separateComponents(layoutInfo, options);
+          done();
+        } else {
+          var now2 = performanceNow();
+          if (now2 - startTime >= options.animationThreshold) {
+            refresh();
+          }
+          requestAnimationFrame(_frame);
+        }
+      };
+      _frame();
+    } else {
+      while (loopRet) {
+        loopRet = mainLoop(i2);
+        i2++;
+      }
+      separateComponents(layoutInfo, options);
+      done();
+    }
+    return this;
+  };
+  CoseLayout.prototype.stop = function() {
+    this.stopped = true;
+    if (this.thread) {
+      this.thread.stop();
+    }
+    this.emit("layoutstop");
+    return this;
+  };
+  CoseLayout.prototype.destroy = function() {
+    if (this.thread) {
+      this.thread.stop();
+    }
+    return this;
+  };
+  var createLayoutInfo = function createLayoutInfo2(cy, layout2, options) {
+    var edges = options.eles.edges();
+    var nodes = options.eles.nodes();
+    var bb = makeBoundingBox(options.boundingBox ? options.boundingBox : {
+      x1: 0,
+      y1: 0,
+      w: cy.width(),
+      h: cy.height()
+    });
+    var layoutInfo = {
+      isCompound: cy.hasCompoundNodes(),
+      layoutNodes: [],
+      idToIndex: {},
+      nodeSize: nodes.size(),
+      graphSet: [],
+      indexToGraph: [],
+      layoutEdges: [],
+      edgeSize: edges.size(),
+      temperature: options.initialTemp,
+      clientWidth: bb.w,
+      clientHeight: bb.h,
+      boundingBox: bb
+    };
+    var components = options.eles.components();
+    var id2cmptId = {};
+    for (var i2 = 0; i2 < components.length; i2++) {
+      var component = components[i2];
+      for (var j = 0; j < component.length; j++) {
+        var node = component[j];
+        id2cmptId[node.id()] = i2;
+      }
+    }
+    for (var i2 = 0; i2 < layoutInfo.nodeSize; i2++) {
+      var n = nodes[i2];
+      var nbb = n.layoutDimensions(options);
+      var tempNode = {};
+      tempNode.isLocked = n.locked();
+      tempNode.id = n.data("id");
+      tempNode.parentId = n.data("parent");
+      tempNode.cmptId = id2cmptId[n.id()];
+      tempNode.children = [];
+      tempNode.positionX = n.position("x");
+      tempNode.positionY = n.position("y");
+      tempNode.offsetX = 0;
+      tempNode.offsetY = 0;
+      tempNode.height = nbb.w;
+      tempNode.width = nbb.h;
+      tempNode.maxX = tempNode.positionX + tempNode.width / 2;
+      tempNode.minX = tempNode.positionX - tempNode.width / 2;
+      tempNode.maxY = tempNode.positionY + tempNode.height / 2;
+      tempNode.minY = tempNode.positionY - tempNode.height / 2;
+      tempNode.padLeft = parseFloat(n.style("padding"));
+      tempNode.padRight = parseFloat(n.style("padding"));
+      tempNode.padTop = parseFloat(n.style("padding"));
+      tempNode.padBottom = parseFloat(n.style("padding"));
+      tempNode.nodeRepulsion = fn$6(options.nodeRepulsion) ? options.nodeRepulsion(n) : options.nodeRepulsion;
+      layoutInfo.layoutNodes.push(tempNode);
+      layoutInfo.idToIndex[tempNode.id] = i2;
+    }
+    var queue = [];
+    var start2 = 0;
+    var end = -1;
+    var tempGraph = [];
+    for (var i2 = 0; i2 < layoutInfo.nodeSize; i2++) {
+      var n = layoutInfo.layoutNodes[i2];
+      var p_id = n.parentId;
+      if (null != p_id) {
+        layoutInfo.layoutNodes[layoutInfo.idToIndex[p_id]].children.push(n.id);
+      } else {
+        queue[++end] = n.id;
+        tempGraph.push(n.id);
+      }
+    }
+    layoutInfo.graphSet.push(tempGraph);
+    while (start2 <= end) {
+      var node_id = queue[start2++];
+      var node_ix = layoutInfo.idToIndex[node_id];
+      var node = layoutInfo.layoutNodes[node_ix];
+      var children2 = node.children;
+      if (children2.length > 0) {
+        layoutInfo.graphSet.push(children2);
+        for (var i2 = 0; i2 < children2.length; i2++) {
+          queue[++end] = children2[i2];
+        }
+      }
+    }
+    for (var i2 = 0; i2 < layoutInfo.graphSet.length; i2++) {
+      var graph = layoutInfo.graphSet[i2];
+      for (var j = 0; j < graph.length; j++) {
+        var index2 = layoutInfo.idToIndex[graph[j]];
+        layoutInfo.indexToGraph[index2] = i2;
+      }
+    }
+    for (var i2 = 0; i2 < layoutInfo.edgeSize; i2++) {
+      var e = edges[i2];
+      var tempEdge = {};
+      tempEdge.id = e.data("id");
+      tempEdge.sourceId = e.data("source");
+      tempEdge.targetId = e.data("target");
+      var idealLength = fn$6(options.idealEdgeLength) ? options.idealEdgeLength(e) : options.idealEdgeLength;
+      var elasticity = fn$6(options.edgeElasticity) ? options.edgeElasticity(e) : options.edgeElasticity;
+      var sourceIx = layoutInfo.idToIndex[tempEdge.sourceId];
+      var targetIx = layoutInfo.idToIndex[tempEdge.targetId];
+      var sourceGraph = layoutInfo.indexToGraph[sourceIx];
+      var targetGraph = layoutInfo.indexToGraph[targetIx];
+      if (sourceGraph != targetGraph) {
+        var lca = findLCA(tempEdge.sourceId, tempEdge.targetId, layoutInfo);
+        var lcaGraph = layoutInfo.graphSet[lca];
+        var depth = 0;
+        var tempNode = layoutInfo.layoutNodes[sourceIx];
+        while (-1 === lcaGraph.indexOf(tempNode.id)) {
+          tempNode = layoutInfo.layoutNodes[layoutInfo.idToIndex[tempNode.parentId]];
+          depth++;
+        }
+        tempNode = layoutInfo.layoutNodes[targetIx];
+        while (-1 === lcaGraph.indexOf(tempNode.id)) {
+          tempNode = layoutInfo.layoutNodes[layoutInfo.idToIndex[tempNode.parentId]];
+          depth++;
+        }
+        idealLength *= depth * options.nestingFactor;
+      }
+      tempEdge.idealLength = idealLength;
+      tempEdge.elasticity = elasticity;
+      layoutInfo.layoutEdges.push(tempEdge);
+    }
+    return layoutInfo;
+  };
+  var findLCA = function findLCA2(node1, node2, layoutInfo) {
+    var res = _findLCA_aux(node1, node2, 0, layoutInfo);
+    if (2 > res.count) {
+      return 0;
+    } else {
+      return res.graph;
+    }
+  };
+  var _findLCA_aux = function findLCA_aux(node1, node2, graphIx, layoutInfo) {
+    var graph = layoutInfo.graphSet[graphIx];
+    if (-1 < graph.indexOf(node1) && -1 < graph.indexOf(node2)) {
+      return {
+        count: 2,
+        graph: graphIx
+      };
+    }
+    var c2 = 0;
+    for (var i2 = 0; i2 < graph.length; i2++) {
+      var nodeId = graph[i2];
+      var nodeIx = layoutInfo.idToIndex[nodeId];
+      var children2 = layoutInfo.layoutNodes[nodeIx].children;
+      if (0 === children2.length) {
+        continue;
+      }
+      var childGraphIx = layoutInfo.indexToGraph[layoutInfo.idToIndex[children2[0]]];
+      var result = _findLCA_aux(node1, node2, childGraphIx, layoutInfo);
+      if (0 === result.count) {
+        continue;
+      } else if (1 === result.count) {
+        c2++;
+        if (2 === c2) {
+          break;
+        }
+      } else {
+        return result;
+      }
+    }
+    return {
+      count: c2,
+      graph: graphIx
+    };
+  };
+  var printLayoutInfo;
+  var randomizePositions = function randomizePositions2(layoutInfo, cy) {
+    var width = layoutInfo.clientWidth;
+    var height = layoutInfo.clientHeight;
+    for (var i2 = 0; i2 < layoutInfo.nodeSize; i2++) {
+      var n = layoutInfo.layoutNodes[i2];
+      if (0 === n.children.length && !n.isLocked) {
+        n.positionX = Math.random() * width;
+        n.positionY = Math.random() * height;
+      }
+    }
+  };
+  var getScaleInBoundsFn = function getScaleInBoundsFn2(layoutInfo, options, nodes) {
+    var bb = layoutInfo.boundingBox;
+    var coseBB = {
+      x1: Infinity,
+      x2: -Infinity,
+      y1: Infinity,
+      y2: -Infinity
+    };
+    if (options.boundingBox) {
+      nodes.forEach(function(node) {
+        var lnode = layoutInfo.layoutNodes[layoutInfo.idToIndex[node.data("id")]];
+        coseBB.x1 = Math.min(coseBB.x1, lnode.positionX);
+        coseBB.x2 = Math.max(coseBB.x2, lnode.positionX);
+        coseBB.y1 = Math.min(coseBB.y1, lnode.positionY);
+        coseBB.y2 = Math.max(coseBB.y2, lnode.positionY);
+      });
+      coseBB.w = coseBB.x2 - coseBB.x1;
+      coseBB.h = coseBB.y2 - coseBB.y1;
+    }
+    return function(ele, i2) {
+      var lnode = layoutInfo.layoutNodes[layoutInfo.idToIndex[ele.data("id")]];
+      if (options.boundingBox) {
+        var pctX = coseBB.w === 0 ? 0.5 : (lnode.positionX - coseBB.x1) / coseBB.w;
+        var pctY = coseBB.h === 0 ? 0.5 : (lnode.positionY - coseBB.y1) / coseBB.h;
+        return {
+          x: bb.x1 + pctX * bb.w,
+          y: bb.y1 + pctY * bb.h
+        };
+      } else {
+        return {
+          x: lnode.positionX,
+          y: lnode.positionY
+        };
+      }
+    };
+  };
+  var refreshPositions = function refreshPositions2(layoutInfo, cy, options) {
+    var layout2 = options.layout;
+    var nodes = options.eles.nodes();
+    var getScaledPos = getScaleInBoundsFn(layoutInfo, options, nodes);
+    nodes.positions(getScaledPos);
+    if (true !== layoutInfo.ready) {
+      layoutInfo.ready = true;
+      layout2.one("layoutready", options.ready);
+      layout2.emit({
+        type: "layoutready",
+        layout: this
+      });
+    }
+  };
+  var step = function step2(layoutInfo, options, _step) {
+    calculateNodeForces(layoutInfo, options);
+    calculateEdgeForces(layoutInfo);
+    calculateGravityForces(layoutInfo, options);
+    propagateForces(layoutInfo);
+    updatePositions(layoutInfo);
+  };
+  var calculateNodeForces = function calculateNodeForces2(layoutInfo, options) {
+    for (var i2 = 0; i2 < layoutInfo.graphSet.length; i2++) {
+      var graph = layoutInfo.graphSet[i2];
+      var numNodes = graph.length;
+      for (var j = 0; j < numNodes; j++) {
+        var node1 = layoutInfo.layoutNodes[layoutInfo.idToIndex[graph[j]]];
+        for (var k = j + 1; k < numNodes; k++) {
+          var node2 = layoutInfo.layoutNodes[layoutInfo.idToIndex[graph[k]]];
+          nodeRepulsion(node1, node2, layoutInfo, options);
+        }
+      }
+    }
+  };
+  var randomDistance = function randomDistance2(max2) {
+    return -1 + 2 * max2 * Math.random();
+  };
+  var nodeRepulsion = function nodeRepulsion2(node1, node2, layoutInfo, options) {
+    var cmptId1 = node1.cmptId;
+    var cmptId2 = node2.cmptId;
+    if (cmptId1 !== cmptId2 && !layoutInfo.isCompound) {
+      return;
+    }
+    var directionX = node2.positionX - node1.positionX;
+    var directionY = node2.positionY - node1.positionY;
+    var maxRandDist = 1;
+    if (0 === directionX && 0 === directionY) {
+      directionX = randomDistance(maxRandDist);
+      directionY = randomDistance(maxRandDist);
+    }
+    var overlap = nodesOverlap(node1, node2, directionX, directionY);
+    if (overlap > 0) {
+      var force = options.nodeOverlap * overlap;
+      var distance = Math.sqrt(directionX * directionX + directionY * directionY);
+      var forceX = force * directionX / distance;
+      var forceY = force * directionY / distance;
+    } else {
+      var point1 = findClippingPoint(node1, directionX, directionY);
+      var point2 = findClippingPoint(node2, -1 * directionX, -1 * directionY);
+      var distanceX = point2.x - point1.x;
+      var distanceY = point2.y - point1.y;
+      var distanceSqr = distanceX * distanceX + distanceY * distanceY;
+      var distance = Math.sqrt(distanceSqr);
+      var force = (node1.nodeRepulsion + node2.nodeRepulsion) / distanceSqr;
+      var forceX = force * distanceX / distance;
+      var forceY = force * distanceY / distance;
+    }
+    if (!node1.isLocked) {
+      node1.offsetX -= forceX;
+      node1.offsetY -= forceY;
+    }
+    if (!node2.isLocked) {
+      node2.offsetX += forceX;
+      node2.offsetY += forceY;
+    }
+    return;
+  };
+  var nodesOverlap = function nodesOverlap2(node1, node2, dX, dY) {
+    if (dX > 0) {
+      var overlapX = node1.maxX - node2.minX;
+    } else {
+      var overlapX = node2.maxX - node1.minX;
+    }
+    if (dY > 0) {
+      var overlapY = node1.maxY - node2.minY;
+    } else {
+      var overlapY = node2.maxY - node1.minY;
+    }
+    if (overlapX >= 0 && overlapY >= 0) {
+      return Math.sqrt(overlapX * overlapX + overlapY * overlapY);
+    } else {
+      return 0;
+    }
+  };
+  var findClippingPoint = function findClippingPoint2(node, dX, dY) {
+    var X = node.positionX;
+    var Y = node.positionY;
+    var H = node.height || 1;
+    var W = node.width || 1;
+    var dirSlope = dY / dX;
+    var nodeSlope = H / W;
+    var res = {};
+    if (0 === dX && 0 < dY) {
+      res.x = X;
+      res.y = Y + H / 2;
+      return res;
+    }
+    if (0 === dX && 0 > dY) {
+      res.x = X;
+      res.y = Y + H / 2;
+      return res;
+    }
+    if (0 < dX && -1 * nodeSlope <= dirSlope && dirSlope <= nodeSlope) {
+      res.x = X + W / 2;
+      res.y = Y + W * dY / 2 / dX;
+      return res;
+    }
+    if (0 > dX && -1 * nodeSlope <= dirSlope && dirSlope <= nodeSlope) {
+      res.x = X - W / 2;
+      res.y = Y - W * dY / 2 / dX;
+      return res;
+    }
+    if (0 < dY && (dirSlope <= -1 * nodeSlope || dirSlope >= nodeSlope)) {
+      res.x = X + H * dX / 2 / dY;
+      res.y = Y + H / 2;
+      return res;
+    }
+    if (0 > dY && (dirSlope <= -1 * nodeSlope || dirSlope >= nodeSlope)) {
+      res.x = X - H * dX / 2 / dY;
+      res.y = Y - H / 2;
+      return res;
+    }
+    return res;
+  };
+  var calculateEdgeForces = function calculateEdgeForces2(layoutInfo, options) {
+    for (var i2 = 0; i2 < layoutInfo.edgeSize; i2++) {
+      var edge = layoutInfo.layoutEdges[i2];
+      var sourceIx = layoutInfo.idToIndex[edge.sourceId];
+      var source = layoutInfo.layoutNodes[sourceIx];
+      var targetIx = layoutInfo.idToIndex[edge.targetId];
+      var target = layoutInfo.layoutNodes[targetIx];
+      var directionX = target.positionX - source.positionX;
+      var directionY = target.positionY - source.positionY;
+      if (0 === directionX && 0 === directionY) {
+        continue;
+      }
+      var point1 = findClippingPoint(source, directionX, directionY);
+      var point2 = findClippingPoint(target, -1 * directionX, -1 * directionY);
+      var lx = point2.x - point1.x;
+      var ly = point2.y - point1.y;
+      var l = Math.sqrt(lx * lx + ly * ly);
+      var force = Math.pow(edge.idealLength - l, 2) / edge.elasticity;
+      if (0 !== l) {
+        var forceX = force * lx / l;
+        var forceY = force * ly / l;
+      } else {
+        var forceX = 0;
+        var forceY = 0;
+      }
+      if (!source.isLocked) {
+        source.offsetX += forceX;
+        source.offsetY += forceY;
+      }
+      if (!target.isLocked) {
+        target.offsetX -= forceX;
+        target.offsetY -= forceY;
+      }
+    }
+  };
+  var calculateGravityForces = function calculateGravityForces2(layoutInfo, options) {
+    if (options.gravity === 0) {
+      return;
+    }
+    var distThreshold = 1;
+    for (var i2 = 0; i2 < layoutInfo.graphSet.length; i2++) {
+      var graph = layoutInfo.graphSet[i2];
+      var numNodes = graph.length;
+      if (0 === i2) {
+        var centerX = layoutInfo.clientHeight / 2;
+        var centerY = layoutInfo.clientWidth / 2;
+      } else {
+        var temp = layoutInfo.layoutNodes[layoutInfo.idToIndex[graph[0]]];
+        var parent = layoutInfo.layoutNodes[layoutInfo.idToIndex[temp.parentId]];
+        var centerX = parent.positionX;
+        var centerY = parent.positionY;
+      }
+      for (var j = 0; j < numNodes; j++) {
+        var node = layoutInfo.layoutNodes[layoutInfo.idToIndex[graph[j]]];
+        if (node.isLocked) {
+          continue;
+        }
+        var dx = centerX - node.positionX;
+        var dy = centerY - node.positionY;
+        var d = Math.sqrt(dx * dx + dy * dy);
+        if (d > distThreshold) {
+          var fx = options.gravity * dx / d;
+          var fy = options.gravity * dy / d;
+          node.offsetX += fx;
+          node.offsetY += fy;
+        }
+      }
+    }
+  };
+  var propagateForces = function propagateForces2(layoutInfo, options) {
+    var queue = [];
+    var start2 = 0;
+    var end = -1;
+    queue.push.apply(queue, layoutInfo.graphSet[0]);
+    end += layoutInfo.graphSet[0].length;
+    while (start2 <= end) {
+      var nodeId = queue[start2++];
+      var nodeIndex = layoutInfo.idToIndex[nodeId];
+      var node = layoutInfo.layoutNodes[nodeIndex];
+      var children2 = node.children;
+      if (0 < children2.length && !node.isLocked) {
+        var offX = node.offsetX;
+        var offY = node.offsetY;
+        for (var i2 = 0; i2 < children2.length; i2++) {
+          var childNode = layoutInfo.layoutNodes[layoutInfo.idToIndex[children2[i2]]];
+          childNode.offsetX += offX;
+          childNode.offsetY += offY;
+          queue[++end] = children2[i2];
+        }
+        node.offsetX = 0;
+        node.offsetY = 0;
+      }
+    }
+  };
+  var updatePositions = function updatePositions2(layoutInfo, options) {
+    for (var i2 = 0; i2 < layoutInfo.nodeSize; i2++) {
+      var n = layoutInfo.layoutNodes[i2];
+      if (0 < n.children.length) {
+        n.maxX = void 0;
+        n.minX = void 0;
+        n.maxY = void 0;
+        n.minY = void 0;
+      }
+    }
+    for (var i2 = 0; i2 < layoutInfo.nodeSize; i2++) {
+      var n = layoutInfo.layoutNodes[i2];
+      if (0 < n.children.length || n.isLocked) {
+        continue;
+      }
+      var tempForce = limitForce(n.offsetX, n.offsetY, layoutInfo.temperature);
+      n.positionX += tempForce.x;
+      n.positionY += tempForce.y;
+      n.offsetX = 0;
+      n.offsetY = 0;
+      n.minX = n.positionX - n.width;
+      n.maxX = n.positionX + n.width;
+      n.minY = n.positionY - n.height;
+      n.maxY = n.positionY + n.height;
+      _updateAncestryBoundaries(n, layoutInfo);
+    }
+    for (var i2 = 0; i2 < layoutInfo.nodeSize; i2++) {
+      var n = layoutInfo.layoutNodes[i2];
+      if (0 < n.children.length && !n.isLocked) {
+        n.positionX = (n.maxX + n.minX) / 2;
+        n.positionY = (n.maxY + n.minY) / 2;
+        n.width = n.maxX - n.minX;
+        n.height = n.maxY - n.minY;
+      }
+    }
+  };
+  var limitForce = function limitForce2(forceX, forceY, max2) {
+    var force = Math.sqrt(forceX * forceX + forceY * forceY);
+    if (force > max2) {
+      var res = {
+        x: max2 * forceX / force,
+        y: max2 * forceY / force
+      };
+    } else {
+      var res = {
+        x: forceX,
+        y: forceY
+      };
+    }
+    return res;
+  };
+  var _updateAncestryBoundaries = function updateAncestryBoundaries(node, layoutInfo) {
+    var parentId = node.parentId;
+    if (null == parentId) {
+      return;
+    }
+    var p2 = layoutInfo.layoutNodes[layoutInfo.idToIndex[parentId]];
+    var flag = false;
+    if (null == p2.maxX || node.maxX + p2.padRight > p2.maxX) {
+      p2.maxX = node.maxX + p2.padRight;
+      flag = true;
+    }
+    if (null == p2.minX || node.minX - p2.padLeft < p2.minX) {
+      p2.minX = node.minX - p2.padLeft;
+      flag = true;
+    }
+    if (null == p2.maxY || node.maxY + p2.padBottom > p2.maxY) {
+      p2.maxY = node.maxY + p2.padBottom;
+      flag = true;
+    }
+    if (null == p2.minY || node.minY - p2.padTop < p2.minY) {
+      p2.minY = node.minY - p2.padTop;
+      flag = true;
+    }
+    if (flag) {
+      return _updateAncestryBoundaries(p2, layoutInfo);
+    }
+    return;
+  };
+  var separateComponents = function separateComponents2(layoutInfo, options) {
+    var nodes = layoutInfo.layoutNodes;
+    var components = [];
+    for (var i2 = 0; i2 < nodes.length; i2++) {
+      var node = nodes[i2];
+      var cid = node.cmptId;
+      var component = components[cid] = components[cid] || [];
+      component.push(node);
+    }
+    var totalA = 0;
+    for (var i2 = 0; i2 < components.length; i2++) {
+      var c2 = components[i2];
+      if (!c2) {
+        continue;
+      }
+      c2.x1 = Infinity;
+      c2.x2 = -Infinity;
+      c2.y1 = Infinity;
+      c2.y2 = -Infinity;
+      for (var j = 0; j < c2.length; j++) {
+        var n = c2[j];
+        c2.x1 = Math.min(c2.x1, n.positionX - n.width / 2);
+        c2.x2 = Math.max(c2.x2, n.positionX + n.width / 2);
+        c2.y1 = Math.min(c2.y1, n.positionY - n.height / 2);
+        c2.y2 = Math.max(c2.y2, n.positionY + n.height / 2);
+      }
+      c2.w = c2.x2 - c2.x1;
+      c2.h = c2.y2 - c2.y1;
+      totalA += c2.w * c2.h;
+    }
+    components.sort(function(c1, c22) {
+      return c22.w * c22.h - c1.w * c1.h;
+    });
+    var x2 = 0;
+    var y2 = 0;
+    var usedW = 0;
+    var rowH = 0;
+    var maxRowW = Math.sqrt(totalA) * layoutInfo.clientWidth / layoutInfo.clientHeight;
+    for (var i2 = 0; i2 < components.length; i2++) {
+      var c2 = components[i2];
+      if (!c2) {
+        continue;
+      }
+      for (var j = 0; j < c2.length; j++) {
+        var n = c2[j];
+        if (!n.isLocked) {
+          n.positionX += x2 - c2.x1;
+          n.positionY += y2 - c2.y1;
+        }
+      }
+      x2 += c2.w + options.componentSpacing;
+      usedW += c2.w + options.componentSpacing;
+      rowH = Math.max(rowH, c2.h);
+      if (usedW > maxRowW) {
+        y2 += rowH + options.componentSpacing;
+        x2 = 0;
+        usedW = 0;
+        rowH = 0;
+      }
+    }
+  };
+  var defaults$3 = {
+    fit: true,
+    // whether to fit the viewport to the graph
+    padding: 30,
+    // padding used on fit
+    boundingBox: void 0,
+    // constrain layout bounds; { x1, y1, x2, y2 } or { x1, y1, w, h }
+    avoidOverlap: true,
+    // prevents node overlap, may overflow boundingBox if not enough space
+    avoidOverlapPadding: 10,
+    // extra spacing around nodes when avoidOverlap: true
+    nodeDimensionsIncludeLabels: false,
+    // Excludes the label when calculating node bounding boxes for the layout algorithm
+    spacingFactor: void 0,
+    // Applies a multiplicative factor (>0) to expand or compress the overall area that the nodes take up
+    condense: false,
+    // uses all available space on false, uses minimal space on true
+    rows: void 0,
+    // force num of rows in the grid
+    cols: void 0,
+    // force num of columns in the grid
+    position: function position2(node) {
+    },
+    // returns { row, col } for element
+    sort: void 0,
+    // a sorting function to order the nodes; e.g. function(a, b){ return a.data('weight') - b.data('weight') }
+    animate: false,
+    // whether to transition the node positions
+    animationDuration: 500,
+    // duration of animation in ms if enabled
+    animationEasing: void 0,
+    // easing of animation if enabled
+    animateFilter: function animateFilter(node, i2) {
+      return true;
+    },
+    // a function that determines whether the node should be animated.  All nodes animated by default on animate enabled.  Non-animated nodes are positioned immediately when the layout starts
+    ready: void 0,
+    // callback on layoutready
+    stop: void 0,
+    // callback on layoutstop
+    transform: function transform(node, position2) {
+      return position2;
+    }
+    // transform a given node position. Useful for changing flow direction in discrete layouts 
+  };
+  function GridLayout(options) {
+    this.options = extend({}, defaults$3, options);
+  }
+  GridLayout.prototype.run = function() {
+    var params = this.options;
+    var options = params;
+    var cy = params.cy;
+    var eles = options.eles;
+    var nodes = eles.nodes().not(":parent");
+    if (options.sort) {
+      nodes = nodes.sort(options.sort);
+    }
+    var bb = makeBoundingBox(options.boundingBox ? options.boundingBox : {
+      x1: 0,
+      y1: 0,
+      w: cy.width(),
+      h: cy.height()
+    });
+    if (bb.h === 0 || bb.w === 0) {
+      eles.nodes().layoutPositions(this, options, function(ele) {
+        return {
+          x: bb.x1,
+          y: bb.y1
+        };
+      });
+    } else {
+      var cells = nodes.size();
+      var splits = Math.sqrt(cells * bb.h / bb.w);
+      var rows = Math.round(splits);
+      var cols = Math.round(bb.w / bb.h * splits);
+      var small = function small2(val) {
+        if (val == null) {
+          return Math.min(rows, cols);
+        } else {
+          var min2 = Math.min(rows, cols);
+          if (min2 == rows) {
+            rows = val;
+          } else {
+            cols = val;
+          }
+        }
+      };
+      var large = function large2(val) {
+        if (val == null) {
+          return Math.max(rows, cols);
+        } else {
+          var max2 = Math.max(rows, cols);
+          if (max2 == rows) {
+            rows = val;
+          } else {
+            cols = val;
+          }
+        }
+      };
+      var oRows = options.rows;
+      var oCols = options.cols != null ? options.cols : options.columns;
+      if (oRows != null && oCols != null) {
+        rows = oRows;
+        cols = oCols;
+      } else if (oRows != null && oCols == null) {
+        rows = oRows;
+        cols = Math.ceil(cells / rows);
+      } else if (oRows == null && oCols != null) {
+        cols = oCols;
+        rows = Math.ceil(cells / cols);
+      } else if (cols * rows > cells) {
+        var sm = small();
+        var lg = large();
+        if ((sm - 1) * lg >= cells) {
+          small(sm - 1);
+        } else if ((lg - 1) * sm >= cells) {
+          large(lg - 1);
+        }
+      } else {
+        while (cols * rows < cells) {
+          var _sm = small();
+          var _lg = large();
+          if ((_lg + 1) * _sm >= cells) {
+            large(_lg + 1);
+          } else {
+            small(_sm + 1);
+          }
+        }
+      }
+      var cellWidth = bb.w / cols;
+      var cellHeight = bb.h / rows;
+      if (options.condense) {
+        cellWidth = 0;
+        cellHeight = 0;
+      }
+      if (options.avoidOverlap) {
+        for (var i2 = 0; i2 < nodes.length; i2++) {
+          var node = nodes[i2];
+          var pos = node._private.position;
+          if (pos.x == null || pos.y == null) {
+            pos.x = 0;
+            pos.y = 0;
+          }
+          var nbb = node.layoutDimensions(options);
+          var p2 = options.avoidOverlapPadding;
+          var w = nbb.w + p2;
+          var h = nbb.h + p2;
+          cellWidth = Math.max(cellWidth, w);
+          cellHeight = Math.max(cellHeight, h);
+        }
+      }
+      var cellUsed = {};
+      var used = function used2(row2, col2) {
+        return cellUsed["c-" + row2 + "-" + col2] ? true : false;
+      };
+      var use = function use2(row2, col2) {
+        cellUsed["c-" + row2 + "-" + col2] = true;
+      };
+      var row = 0;
+      var col = 0;
+      var moveToNextCell = function moveToNextCell2() {
+        col++;
+        if (col >= cols) {
+          col = 0;
+          row++;
+        }
+      };
+      var id2manPos = {};
+      for (var _i = 0; _i < nodes.length; _i++) {
+        var _node = nodes[_i];
+        var rcPos = options.position(_node);
+        if (rcPos && (rcPos.row !== void 0 || rcPos.col !== void 0)) {
+          var _pos = {
+            row: rcPos.row,
+            col: rcPos.col
+          };
+          if (_pos.col === void 0) {
+            _pos.col = 0;
+            while (used(_pos.row, _pos.col)) {
+              _pos.col++;
+            }
+          } else if (_pos.row === void 0) {
+            _pos.row = 0;
+            while (used(_pos.row, _pos.col)) {
+              _pos.row++;
+            }
+          }
+          id2manPos[_node.id()] = _pos;
+          use(_pos.row, _pos.col);
+        }
+      }
+      var getPos2 = function getPos3(element2, i3) {
+        var x2, y2;
+        if (element2.locked() || element2.isParent()) {
+          return false;
+        }
+        var rcPos2 = id2manPos[element2.id()];
+        if (rcPos2) {
+          x2 = rcPos2.col * cellWidth + cellWidth / 2 + bb.x1;
+          y2 = rcPos2.row * cellHeight + cellHeight / 2 + bb.y1;
+        } else {
+          while (used(row, col)) {
+            moveToNextCell();
+          }
+          x2 = col * cellWidth + cellWidth / 2 + bb.x1;
+          y2 = row * cellHeight + cellHeight / 2 + bb.y1;
+          use(row, col);
+          moveToNextCell();
+        }
+        return {
+          x: x2,
+          y: y2
+        };
+      };
+      nodes.layoutPositions(this, options, getPos2);
+    }
+    return this;
+  };
+  var defaults$2 = {
+    ready: function ready() {
+    },
+    // on layoutready
+    stop: function stop() {
+    }
+    // on layoutstop
+  };
+  function NullLayout(options) {
+    this.options = extend({}, defaults$2, options);
+  }
+  NullLayout.prototype.run = function() {
+    var options = this.options;
+    var eles = options.eles;
+    var layout2 = this;
+    options.cy;
+    layout2.emit("layoutstart");
+    eles.nodes().positions(function() {
+      return {
+        x: 0,
+        y: 0
+      };
+    });
+    layout2.one("layoutready", options.ready);
+    layout2.emit("layoutready");
+    layout2.one("layoutstop", options.stop);
+    layout2.emit("layoutstop");
+    return this;
+  };
+  NullLayout.prototype.stop = function() {
+    return this;
+  };
+  var defaults$1 = {
+    positions: void 0,
+    // map of (node id) => (position obj); or function(node){ return somPos; }
+    zoom: void 0,
+    // the zoom level to set (prob want fit = false if set)
+    pan: void 0,
+    // the pan level to set (prob want fit = false if set)
+    fit: true,
+    // whether to fit to viewport
+    padding: 30,
+    // padding on fit
+    spacingFactor: void 0,
+    // Applies a multiplicative factor (>0) to expand or compress the overall area that the nodes take up
+    animate: false,
+    // whether to transition the node positions
+    animationDuration: 500,
+    // duration of animation in ms if enabled
+    animationEasing: void 0,
+    // easing of animation if enabled
+    animateFilter: function animateFilter(node, i2) {
+      return true;
+    },
+    // a function that determines whether the node should be animated.  All nodes animated by default on animate enabled.  Non-animated nodes are positioned immediately when the layout starts
+    ready: void 0,
+    // callback on layoutready
+    stop: void 0,
+    // callback on layoutstop
+    transform: function transform(node, position2) {
+      return position2;
+    }
+    // transform a given node position. Useful for changing flow direction in discrete layouts
+  };
+  function PresetLayout(options) {
+    this.options = extend({}, defaults$1, options);
+  }
+  PresetLayout.prototype.run = function() {
+    var options = this.options;
+    var eles = options.eles;
+    var nodes = eles.nodes();
+    var posIsFn = fn$6(options.positions);
+    function getPosition(node) {
+      if (options.positions == null) {
+        return copyPosition(node.position());
+      }
+      if (posIsFn) {
+        return options.positions(node);
+      }
+      var pos = options.positions[node._private.data.id];
+      if (pos == null) {
+        return null;
+      }
+      return pos;
+    }
+    nodes.layoutPositions(this, options, function(node, i2) {
+      var position2 = getPosition(node);
+      if (node.locked() || position2 == null) {
+        return false;
+      }
+      return position2;
+    });
+    return this;
+  };
+  var defaults = {
+    fit: true,
+    // whether to fit to viewport
+    padding: 30,
+    // fit padding
+    boundingBox: void 0,
+    // constrain layout bounds; { x1, y1, x2, y2 } or { x1, y1, w, h }
+    animate: false,
+    // whether to transition the node positions
+    animationDuration: 500,
+    // duration of animation in ms if enabled
+    animationEasing: void 0,
+    // easing of animation if enabled
+    animateFilter: function animateFilter(node, i2) {
+      return true;
+    },
+    // a function that determines whether the node should be animated.  All nodes animated by default on animate enabled.  Non-animated nodes are positioned immediately when the layout starts
+    ready: void 0,
+    // callback on layoutready
+    stop: void 0,
+    // callback on layoutstop
+    transform: function transform(node, position2) {
+      return position2;
+    }
+    // transform a given node position. Useful for changing flow direction in discrete layouts 
+  };
+  function RandomLayout(options) {
+    this.options = extend({}, defaults, options);
+  }
+  RandomLayout.prototype.run = function() {
+    var options = this.options;
+    var cy = options.cy;
+    var eles = options.eles;
+    var bb = makeBoundingBox(options.boundingBox ? options.boundingBox : {
+      x1: 0,
+      y1: 0,
+      w: cy.width(),
+      h: cy.height()
+    });
+    var getPos2 = function getPos3(node, i2) {
+      return {
+        x: bb.x1 + Math.round(Math.random() * bb.w),
+        y: bb.y1 + Math.round(Math.random() * bb.h)
+      };
+    };
+    eles.nodes().layoutPositions(this, options, getPos2);
+    return this;
+  };
+  var layout = [{
+    name: "breadthfirst",
+    impl: BreadthFirstLayout
+  }, {
+    name: "circle",
+    impl: CircleLayout
+  }, {
+    name: "concentric",
+    impl: ConcentricLayout
+  }, {
+    name: "cose",
+    impl: CoseLayout
+  }, {
+    name: "grid",
+    impl: GridLayout
+  }, {
+    name: "null",
+    impl: NullLayout
+  }, {
+    name: "preset",
+    impl: PresetLayout
+  }, {
+    name: "random",
+    impl: RandomLayout
+  }];
+  function NullRenderer(options) {
+    this.options = options;
+    this.notifications = 0;
+  }
+  var noop = function noop2() {
+  };
+  var throwImgErr = function throwImgErr2() {
+    throw new Error("A headless instance can not render images");
+  };
+  NullRenderer.prototype = {
+    recalculateRenderedStyle: noop,
+    notify: function notify() {
+      this.notifications++;
+    },
+    init: noop,
+    isHeadless: function isHeadless() {
+      return true;
+    },
+    png: throwImgErr,
+    jpg: throwImgErr
+  };
+  var BRp$f = {};
+  BRp$f.arrowShapeWidth = 0.3;
+  BRp$f.registerArrowShapes = function() {
+    var arrowShapes = this.arrowShapes = {};
+    var renderer2 = this;
+    var bbCollide = function bbCollide2(x2, y2, size, angle2, translation, edgeWidth, padding) {
+      var x1 = translation.x - size / 2 - padding;
+      var x22 = translation.x + size / 2 + padding;
+      var y1 = translation.y - size / 2 - padding;
+      var y22 = translation.y + size / 2 + padding;
+      var inside2 = x1 <= x2 && x2 <= x22 && y1 <= y2 && y2 <= y22;
+      return inside2;
+    };
+    var transform = function transform2(x2, y2, size, angle2, translation) {
+      var xRotated = x2 * Math.cos(angle2) - y2 * Math.sin(angle2);
+      var yRotated = x2 * Math.sin(angle2) + y2 * Math.cos(angle2);
+      var xScaled = xRotated * size;
+      var yScaled = yRotated * size;
+      var xTranslated = xScaled + translation.x;
+      var yTranslated = yScaled + translation.y;
+      return {
+        x: xTranslated,
+        y: yTranslated
+      };
+    };
+    var transformPoints2 = function transformPoints3(pts2, size, angle2, translation) {
+      var retPts = [];
+      for (var i2 = 0; i2 < pts2.length; i2 += 2) {
+        var x2 = pts2[i2];
+        var y2 = pts2[i2 + 1];
+        retPts.push(transform(x2, y2, size, angle2, translation));
+      }
+      return retPts;
+    };
+    var pointsToArr = function pointsToArr2(pts2) {
+      var ret = [];
+      for (var i2 = 0; i2 < pts2.length; i2++) {
+        var p2 = pts2[i2];
+        ret.push(p2.x, p2.y);
+      }
+      return ret;
+    };
+    var standardGap = function standardGap2(edge) {
+      return edge.pstyle("width").pfValue * edge.pstyle("arrow-scale").pfValue * 2;
+    };
+    var defineArrowShape = function defineArrowShape2(name2, defn) {
+      if (string(defn)) {
+        defn = arrowShapes[defn];
+      }
+      arrowShapes[name2] = extend({
+        name: name2,
+        points: [-0.15, -0.3, 0.15, -0.3, 0.15, 0.3, -0.15, 0.3],
+        collide: function collide2(x2, y2, size, angle2, translation, padding) {
+          var points = pointsToArr(transformPoints2(this.points, size + 2 * padding, angle2, translation));
+          var inside2 = pointInsidePolygonPoints(x2, y2, points);
+          return inside2;
+        },
+        roughCollide: bbCollide,
+        draw: function draw(context, size, angle2, translation) {
+          var points = transformPoints2(this.points, size, angle2, translation);
+          renderer2.arrowShapeImpl("polygon")(context, points);
+        },
+        spacing: function spacing(edge) {
+          return 0;
+        },
+        gap: standardGap
+      }, defn);
+    };
+    defineArrowShape("none", {
+      collide: falsify,
+      roughCollide: falsify,
+      draw: noop$1,
+      spacing: zeroify,
+      gap: zeroify
+    });
+    defineArrowShape("triangle", {
+      points: [-0.15, -0.3, 0, 0, 0.15, -0.3]
+    });
+    defineArrowShape("arrow", "triangle");
+    defineArrowShape("triangle-backcurve", {
+      points: arrowShapes["triangle"].points,
+      controlPoint: [0, -0.15],
+      roughCollide: bbCollide,
+      draw: function draw(context, size, angle2, translation, edgeWidth) {
+        var ptsTrans = transformPoints2(this.points, size, angle2, translation);
+        var ctrlPt = this.controlPoint;
+        var ctrlPtTrans = transform(ctrlPt[0], ctrlPt[1], size, angle2, translation);
+        renderer2.arrowShapeImpl(this.name)(context, ptsTrans, ctrlPtTrans);
+      },
+      gap: function gap(edge) {
+        return standardGap(edge) * 0.8;
+      }
+    });
+    defineArrowShape("triangle-tee", {
+      points: [0, 0, 0.15, -0.3, -0.15, -0.3, 0, 0],
+      pointsTee: [-0.15, -0.4, -0.15, -0.5, 0.15, -0.5, 0.15, -0.4],
+      collide: function collide2(x2, y2, size, angle2, translation, edgeWidth, padding) {
+        var triPts = pointsToArr(transformPoints2(this.points, size + 2 * padding, angle2, translation));
+        var teePts = pointsToArr(transformPoints2(this.pointsTee, size + 2 * padding, angle2, translation));
+        var inside2 = pointInsidePolygonPoints(x2, y2, triPts) || pointInsidePolygonPoints(x2, y2, teePts);
+        return inside2;
+      },
+      draw: function draw(context, size, angle2, translation, edgeWidth) {
+        var triPts = transformPoints2(this.points, size, angle2, translation);
+        var teePts = transformPoints2(this.pointsTee, size, angle2, translation);
+        renderer2.arrowShapeImpl(this.name)(context, triPts, teePts);
+      }
+    });
+    defineArrowShape("circle-triangle", {
+      radius: 0.15,
+      pointsTr: [0, -0.15, 0.15, -0.45, -0.15, -0.45, 0, -0.15],
+      collide: function collide2(x2, y2, size, angle2, translation, edgeWidth, padding) {
+        var t2 = translation;
+        var circleInside = Math.pow(t2.x - x2, 2) + Math.pow(t2.y - y2, 2) <= Math.pow((size + 2 * padding) * this.radius, 2);
+        var triPts = pointsToArr(transformPoints2(this.points, size + 2 * padding, angle2, translation));
+        return pointInsidePolygonPoints(x2, y2, triPts) || circleInside;
+      },
+      draw: function draw(context, size, angle2, translation, edgeWidth) {
+        var triPts = transformPoints2(this.pointsTr, size, angle2, translation);
+        renderer2.arrowShapeImpl(this.name)(context, triPts, translation.x, translation.y, this.radius * size);
+      },
+      spacing: function spacing(edge) {
+        return renderer2.getArrowWidth(edge.pstyle("width").pfValue, edge.pstyle("arrow-scale").value) * this.radius;
+      }
+    });
+    defineArrowShape("triangle-cross", {
+      points: [0, 0, 0.15, -0.3, -0.15, -0.3, 0, 0],
+      baseCrossLinePts: [
+        -0.15,
+        -0.4,
+        // first half of the rectangle
+        -0.15,
+        -0.4,
+        0.15,
+        -0.4,
+        // second half of the rectangle
+        0.15,
+        -0.4
+      ],
+      crossLinePts: function crossLinePts(size, edgeWidth) {
+        var p2 = this.baseCrossLinePts.slice();
+        var shiftFactor = edgeWidth / size;
+        var y0 = 3;
+        var y1 = 5;
+        p2[y0] = p2[y0] - shiftFactor;
+        p2[y1] = p2[y1] - shiftFactor;
+        return p2;
+      },
+      collide: function collide2(x2, y2, size, angle2, translation, edgeWidth, padding) {
+        var triPts = pointsToArr(transformPoints2(this.points, size + 2 * padding, angle2, translation));
+        var teePts = pointsToArr(transformPoints2(this.crossLinePts(size, edgeWidth), size + 2 * padding, angle2, translation));
+        var inside2 = pointInsidePolygonPoints(x2, y2, triPts) || pointInsidePolygonPoints(x2, y2, teePts);
+        return inside2;
+      },
+      draw: function draw(context, size, angle2, translation, edgeWidth) {
+        var triPts = transformPoints2(this.points, size, angle2, translation);
+        var crossLinePts = transformPoints2(this.crossLinePts(size, edgeWidth), size, angle2, translation);
+        renderer2.arrowShapeImpl(this.name)(context, triPts, crossLinePts);
+      }
+    });
+    defineArrowShape("vee", {
+      points: [-0.15, -0.3, 0, 0, 0.15, -0.3, 0, -0.15],
+      gap: function gap(edge) {
+        return standardGap(edge) * 0.525;
+      }
+    });
+    defineArrowShape("circle", {
+      radius: 0.15,
+      collide: function collide2(x2, y2, size, angle2, translation, edgeWidth, padding) {
+        var t2 = translation;
+        var inside2 = Math.pow(t2.x - x2, 2) + Math.pow(t2.y - y2, 2) <= Math.pow((size + 2 * padding) * this.radius, 2);
+        return inside2;
+      },
+      draw: function draw(context, size, angle2, translation, edgeWidth) {
+        renderer2.arrowShapeImpl(this.name)(context, translation.x, translation.y, this.radius * size);
+      },
+      spacing: function spacing(edge) {
+        return renderer2.getArrowWidth(edge.pstyle("width").pfValue, edge.pstyle("arrow-scale").value) * this.radius;
+      }
+    });
+    defineArrowShape("tee", {
+      points: [-0.15, 0, -0.15, -0.1, 0.15, -0.1, 0.15, 0],
+      spacing: function spacing(edge) {
+        return 1;
+      },
+      gap: function gap(edge) {
+        return 1;
+      }
+    });
+    defineArrowShape("square", {
+      points: [-0.15, 0, 0.15, 0, 0.15, -0.3, -0.15, -0.3]
+    });
+    defineArrowShape("diamond", {
+      points: [-0.15, -0.15, 0, -0.3, 0.15, -0.15, 0, 0],
+      gap: function gap(edge) {
+        return edge.pstyle("width").pfValue * edge.pstyle("arrow-scale").value;
+      }
+    });
+    defineArrowShape("chevron", {
+      points: [0, 0, -0.15, -0.15, -0.1, -0.2, 0, -0.1, 0.1, -0.2, 0.15, -0.15],
+      gap: function gap(edge) {
+        return 0.95 * edge.pstyle("width").pfValue * edge.pstyle("arrow-scale").value;
+      }
+    });
+  };
+  var BRp$e = {};
+  BRp$e.projectIntoViewport = function(clientX, clientY) {
+    var cy = this.cy;
+    var offsets = this.findContainerClientCoords();
+    var offsetLeft = offsets[0];
+    var offsetTop = offsets[1];
+    var scale2 = offsets[4];
+    var pan = cy.pan();
+    var zoom2 = cy.zoom();
+    var x2 = ((clientX - offsetLeft) / scale2 - pan.x) / zoom2;
+    var y2 = ((clientY - offsetTop) / scale2 - pan.y) / zoom2;
+    return [x2, y2];
+  };
+  BRp$e.findContainerClientCoords = function() {
+    if (this.containerBB) {
+      return this.containerBB;
+    }
+    var container = this.container;
+    var rect = container.getBoundingClientRect();
+    var style = this.cy.window().getComputedStyle(container);
+    var styleValue2 = function styleValue3(name2) {
+      return parseFloat(style.getPropertyValue(name2));
+    };
+    var padding = {
+      left: styleValue2("padding-left"),
+      right: styleValue2("padding-right"),
+      top: styleValue2("padding-top"),
+      bottom: styleValue2("padding-bottom")
+    };
+    var border = {
+      left: styleValue2("border-left-width"),
+      right: styleValue2("border-right-width"),
+      top: styleValue2("border-top-width"),
+      bottom: styleValue2("border-bottom-width")
+    };
+    var clientWidth = container.clientWidth;
+    var clientHeight = container.clientHeight;
+    var paddingHor = padding.left + padding.right;
+    var paddingVer = padding.top + padding.bottom;
+    var borderHor = border.left + border.right;
+    var scale2 = rect.width / (clientWidth + borderHor);
+    var unscaledW = clientWidth - paddingHor;
+    var unscaledH = clientHeight - paddingVer;
+    var left = rect.left + padding.left + border.left;
+    var top2 = rect.top + padding.top + border.top;
+    return this.containerBB = [left, top2, unscaledW, unscaledH, scale2];
+  };
+  BRp$e.invalidateContainerClientCoordsCache = function() {
+    this.containerBB = null;
+  };
+  BRp$e.findNearestElement = function(x2, y2, interactiveElementsOnly, isTouch) {
+    return this.findNearestElements(x2, y2, interactiveElementsOnly, isTouch)[0];
+  };
+  BRp$e.findNearestElements = function(x2, y2, interactiveElementsOnly, isTouch) {
+    var self2 = this;
+    var r = this;
+    var eles = r.getCachedZSortedEles();
+    var near = [];
+    var zoom2 = r.cy.zoom();
+    var hasCompounds = r.cy.hasCompoundNodes();
+    var edgeThreshold = (isTouch ? 24 : 8) / zoom2;
+    var nodeThreshold = (isTouch ? 8 : 2) / zoom2;
+    var labelThreshold = (isTouch ? 8 : 2) / zoom2;
+    var minSqDist = Infinity;
+    var nearEdge;
+    var nearNode;
+    if (interactiveElementsOnly) {
+      eles = eles.interactive;
+    }
+    function addEle(ele2, sqDist) {
+      if (ele2.isNode()) {
+        if (nearNode) {
+          return;
+        } else {
+          nearNode = ele2;
+          near.push(ele2);
+        }
+      }
+      if (ele2.isEdge() && (sqDist == null || sqDist < minSqDist)) {
+        if (nearEdge) {
+          if (nearEdge.pstyle("z-compound-depth").value === ele2.pstyle("z-compound-depth").value && nearEdge.pstyle("z-compound-depth").value === ele2.pstyle("z-compound-depth").value) {
+            for (var i3 = 0; i3 < near.length; i3++) {
+              if (near[i3].isEdge()) {
+                near[i3] = ele2;
+                nearEdge = ele2;
+                minSqDist = sqDist != null ? sqDist : minSqDist;
+                break;
+              }
+            }
+          }
+        } else {
+          near.push(ele2);
+          nearEdge = ele2;
+          minSqDist = sqDist != null ? sqDist : minSqDist;
+        }
+      }
+    }
+    function checkNode(node) {
+      var width = node.outerWidth() + 2 * nodeThreshold;
+      var height = node.outerHeight() + 2 * nodeThreshold;
+      var hw = width / 2;
+      var hh = height / 2;
+      var pos = node.position();
+      var cornerRadius = node.pstyle("corner-radius").value === "auto" ? "auto" : node.pstyle("corner-radius").pfValue;
+      var rs = node._private.rscratch;
+      if (pos.x - hw <= x2 && x2 <= pos.x + hw && pos.y - hh <= y2 && y2 <= pos.y + hh) {
+        var shape = r.nodeShapes[self2.getNodeShape(node)];
+        if (shape.checkPoint(x2, y2, 0, width, height, pos.x, pos.y, cornerRadius, rs)) {
+          addEle(node, 0);
+          return true;
+        }
+      }
+    }
+    function checkEdge(edge) {
+      var _p = edge._private;
+      var rs = _p.rscratch;
+      var styleWidth = edge.pstyle("width").pfValue;
+      var scale2 = edge.pstyle("arrow-scale").value;
+      var width = styleWidth / 2 + edgeThreshold;
+      var widthSq = width * width;
+      var width2 = width * 2;
+      var src = _p.source;
+      var tgt = _p.target;
+      var sqDist;
+      if (rs.edgeType === "segments" || rs.edgeType === "straight" || rs.edgeType === "haystack") {
+        var pts2 = rs.allpts;
+        for (var i3 = 0; i3 + 3 < pts2.length; i3 += 2) {
+          if (inLineVicinity(x2, y2, pts2[i3], pts2[i3 + 1], pts2[i3 + 2], pts2[i3 + 3], width2) && widthSq > (sqDist = sqdistToFiniteLine(x2, y2, pts2[i3], pts2[i3 + 1], pts2[i3 + 2], pts2[i3 + 3]))) {
+            addEle(edge, sqDist);
+            return true;
+          }
+        }
+      } else if (rs.edgeType === "bezier" || rs.edgeType === "multibezier" || rs.edgeType === "self" || rs.edgeType === "compound") {
+        var pts2 = rs.allpts;
+        for (var i3 = 0; i3 + 5 < rs.allpts.length; i3 += 4) {
+          if (inBezierVicinity(x2, y2, pts2[i3], pts2[i3 + 1], pts2[i3 + 2], pts2[i3 + 3], pts2[i3 + 4], pts2[i3 + 5], width2) && widthSq > (sqDist = sqdistToQuadraticBezier(x2, y2, pts2[i3], pts2[i3 + 1], pts2[i3 + 2], pts2[i3 + 3], pts2[i3 + 4], pts2[i3 + 5]))) {
+            addEle(edge, sqDist);
+            return true;
+          }
+        }
+      }
+      var src = src || _p.source;
+      var tgt = tgt || _p.target;
+      var arSize = self2.getArrowWidth(styleWidth, scale2);
+      var arrows = [{
+        name: "source",
+        x: rs.arrowStartX,
+        y: rs.arrowStartY,
+        angle: rs.srcArrowAngle
+      }, {
+        name: "target",
+        x: rs.arrowEndX,
+        y: rs.arrowEndY,
+        angle: rs.tgtArrowAngle
+      }, {
+        name: "mid-source",
+        x: rs.midX,
+        y: rs.midY,
+        angle: rs.midsrcArrowAngle
+      }, {
+        name: "mid-target",
+        x: rs.midX,
+        y: rs.midY,
+        angle: rs.midtgtArrowAngle
+      }];
+      for (var i3 = 0; i3 < arrows.length; i3++) {
+        var ar = arrows[i3];
+        var shape = r.arrowShapes[edge.pstyle(ar.name + "-arrow-shape").value];
+        var edgeWidth = edge.pstyle("width").pfValue;
+        if (shape.roughCollide(x2, y2, arSize, ar.angle, {
+          x: ar.x,
+          y: ar.y
+        }, edgeWidth, edgeThreshold) && shape.collide(x2, y2, arSize, ar.angle, {
+          x: ar.x,
+          y: ar.y
+        }, edgeWidth, edgeThreshold)) {
+          addEle(edge);
+          return true;
+        }
+      }
+      if (hasCompounds && near.length > 0) {
+        checkNode(src);
+        checkNode(tgt);
+      }
+    }
+    function preprop(obj, name2, pre) {
+      return getPrefixedProperty(obj, name2, pre);
+    }
+    function checkLabel(ele2, prefix) {
+      var _p = ele2._private;
+      var th = labelThreshold;
+      var prefixDash;
+      if (prefix) {
+        prefixDash = prefix + "-";
+      } else {
+        prefixDash = "";
+      }
+      ele2.boundingBox();
+      var bb = _p.labelBounds[prefix || "main"];
+      var text = ele2.pstyle(prefixDash + "label").value;
+      var eventsEnabled = ele2.pstyle("text-events").strValue === "yes";
+      if (!eventsEnabled || !text) {
+        return;
+      }
+      var lx = preprop(_p.rscratch, "labelX", prefix);
+      var ly = preprop(_p.rscratch, "labelY", prefix);
+      var theta = preprop(_p.rscratch, "labelAngle", prefix);
+      var ox = ele2.pstyle(prefixDash + "text-margin-x").pfValue;
+      var oy = ele2.pstyle(prefixDash + "text-margin-y").pfValue;
+      var lx1 = bb.x1 - th - ox;
+      var lx2 = bb.x2 + th - ox;
+      var ly1 = bb.y1 - th - oy;
+      var ly2 = bb.y2 + th - oy;
+      if (theta) {
+        var cos2 = Math.cos(theta);
+        var sin2 = Math.sin(theta);
+        var rotate2 = function rotate3(x3, y3) {
+          x3 = x3 - lx;
+          y3 = y3 - ly;
+          return {
+            x: x3 * cos2 - y3 * sin2 + lx,
+            y: x3 * sin2 + y3 * cos2 + ly
+          };
+        };
+        var px1y1 = rotate2(lx1, ly1);
+        var px1y2 = rotate2(lx1, ly2);
+        var px2y1 = rotate2(lx2, ly1);
+        var px2y2 = rotate2(lx2, ly2);
+        var points = [
+          // with the margin added after the rotation is applied
+          px1y1.x + ox,
+          px1y1.y + oy,
+          px2y1.x + ox,
+          px2y1.y + oy,
+          px2y2.x + ox,
+          px2y2.y + oy,
+          px1y2.x + ox,
+          px1y2.y + oy
+        ];
+        if (pointInsidePolygonPoints(x2, y2, points)) {
+          addEle(ele2);
+          return true;
+        }
+      } else {
+        if (inBoundingBox(bb, x2, y2)) {
+          addEle(ele2);
+          return true;
+        }
+      }
+    }
+    for (var i2 = eles.length - 1; i2 >= 0; i2--) {
+      var ele = eles[i2];
+      if (ele.isNode()) {
+        checkNode(ele) || checkLabel(ele);
+      } else {
+        checkEdge(ele) || checkLabel(ele) || checkLabel(ele, "source") || checkLabel(ele, "target");
+      }
+    }
+    return near;
+  };
+  BRp$e.getAllInBox = function(x1, y1, x2, y2) {
+    var eles = this.getCachedZSortedEles().interactive;
+    var zoom2 = this.cy.zoom();
+    var labelThreshold = 2 / zoom2;
+    var box = [];
+    var x1c = Math.min(x1, x2);
+    var x2c = Math.max(x1, x2);
+    var y1c = Math.min(y1, y2);
+    var y2c = Math.max(y1, y2);
+    x1 = x1c;
+    x2 = x2c;
+    y1 = y1c;
+    y2 = y2c;
+    var boxBb = makeBoundingBox({
+      x1,
+      y1,
+      x2,
+      y2
+    });
+    var selectionBox = [{
+      x: boxBb.x1,
+      y: boxBb.y1
+    }, {
+      x: boxBb.x2,
+      y: boxBb.y1
+    }, {
+      x: boxBb.x2,
+      y: boxBb.y2
+    }, {
+      x: boxBb.x1,
+      y: boxBb.y2
+    }];
+    var boxEdges = [[selectionBox[0], selectionBox[1]], [selectionBox[1], selectionBox[2]], [selectionBox[2], selectionBox[3]], [selectionBox[3], selectionBox[0]]];
+    function preprop(obj, name2, pre) {
+      return getPrefixedProperty(obj, name2, pre);
+    }
+    function getRotatedLabelBox(ele2, prefix) {
+      var _p2 = ele2._private;
+      var th = labelThreshold;
+      var prefixDash = "";
+      ele2.boundingBox();
+      var bb = _p2.labelBounds["main"];
+      if (!bb) {
+        return null;
+      }
+      var lx = preprop(_p2.rscratch, "labelX", prefix);
+      var ly = preprop(_p2.rscratch, "labelY", prefix);
+      var theta = preprop(_p2.rscratch, "labelAngle", prefix);
+      var ox = ele2.pstyle(prefixDash + "text-margin-x").pfValue;
+      var oy = ele2.pstyle(prefixDash + "text-margin-y").pfValue;
+      var lx1 = bb.x1 - th - ox;
+      var lx2 = bb.x2 + th - ox;
+      var ly1 = bb.y1 - th - oy;
+      var ly2 = bb.y2 + th - oy;
+      if (theta) {
+        var cos2 = Math.cos(theta);
+        var sin2 = Math.sin(theta);
+        var rotate2 = function rotate3(x3, y3) {
+          x3 = x3 - lx;
+          y3 = y3 - ly;
+          return {
+            x: x3 * cos2 - y3 * sin2 + lx,
+            y: x3 * sin2 + y3 * cos2 + ly
+          };
+        };
+        return [rotate2(lx1, ly1), rotate2(lx2, ly1), rotate2(lx2, ly2), rotate2(lx1, ly2)];
+      } else {
+        return [{
+          x: lx1,
+          y: ly1
+        }, {
+          x: lx2,
+          y: ly1
+        }, {
+          x: lx2,
+          y: ly2
+        }, {
+          x: lx1,
+          y: ly2
+        }];
+      }
+    }
+    function doLinesIntersect(p1, p2, q1, q2) {
+      function ccw(a2, b2, c2) {
+        return (c2.y - a2.y) * (b2.x - a2.x) > (b2.y - a2.y) * (c2.x - a2.x);
+      }
+      return ccw(p1, q1, q2) !== ccw(p2, q1, q2) && ccw(p1, p2, q1) !== ccw(p1, p2, q2);
+    }
+    for (var e = 0; e < eles.length; e++) {
+      var ele = eles[e];
+      if (ele.isNode()) {
+        var node = ele;
+        var textEvents = node.pstyle("text-events").strValue === "yes";
+        var nodeBoxSelectMode = node.pstyle("box-selection").strValue;
+        var labelBoxSelectEnabled = node.pstyle("box-select-labels").strValue === "yes";
+        if (nodeBoxSelectMode === "none") {
+          continue;
+        }
+        var includeLabels = (nodeBoxSelectMode === "overlap" || labelBoxSelectEnabled) && textEvents;
+        var nodeBb = node.boundingBox({
+          includeNodes: true,
+          includeEdges: false,
+          includeLabels
+        });
+        if (nodeBoxSelectMode === "contain") {
+          var selected = false;
+          if (labelBoxSelectEnabled && textEvents) {
+            var rotatedLabelBox = getRotatedLabelBox(node);
+            if (rotatedLabelBox && satPolygonIntersection(rotatedLabelBox, selectionBox)) {
+              box.push(node);
+              selected = true;
+            }
+          }
+          if (!selected && boundingBoxInBoundingBox(boxBb, nodeBb)) {
+            box.push(node);
+          }
+        } else if (nodeBoxSelectMode === "overlap") {
+          if (boundingBoxesIntersect(boxBb, nodeBb)) {
+            var nodeBodyBb = node.boundingBox({
+              includeNodes: true,
+              includeEdges: true,
+              includeLabels: false,
+              includeMainLabels: false,
+              includeSourceLabels: false,
+              includeTargetLabels: false
+            });
+            var nodeBodyCorners = [{
+              x: nodeBodyBb.x1,
+              y: nodeBodyBb.y1
+            }, {
+              x: nodeBodyBb.x2,
+              y: nodeBodyBb.y1
+            }, {
+              x: nodeBodyBb.x2,
+              y: nodeBodyBb.y2
+            }, {
+              x: nodeBodyBb.x1,
+              y: nodeBodyBb.y2
+            }];
+            if (satPolygonIntersection(nodeBodyCorners, selectionBox)) {
+              box.push(node);
+            } else {
+              var _rotatedLabelBox = getRotatedLabelBox(node);
+              if (_rotatedLabelBox && satPolygonIntersection(_rotatedLabelBox, selectionBox)) {
+                box.push(node);
+              }
+            }
+          }
+        }
+      } else {
+        var edge = ele;
+        var _p = edge._private;
+        var rs = _p.rscratch;
+        var edgeBoxSelectMode = edge.pstyle("box-selection").strValue;
+        if (edgeBoxSelectMode === "none") {
+          continue;
+        }
+        if (edgeBoxSelectMode === "contain") {
+          if (rs.startX != null && rs.startY != null && !inBoundingBox(boxBb, rs.startX, rs.startY)) {
+            continue;
+          }
+          if (rs.endX != null && rs.endY != null && !inBoundingBox(boxBb, rs.endX, rs.endY)) {
+            continue;
+          }
+          if (rs.edgeType === "bezier" || rs.edgeType === "multibezier" || rs.edgeType === "self" || rs.edgeType === "compound" || rs.edgeType === "segments" || rs.edgeType === "haystack") {
+            var pts2 = _p.rstyle.bezierPts || _p.rstyle.linePts || _p.rstyle.haystackPts;
+            var allInside = true;
+            for (var i2 = 0; i2 < pts2.length; i2++) {
+              if (!pointInBoundingBox(boxBb, pts2[i2])) {
+                allInside = false;
+                break;
+              }
+            }
+            if (allInside) {
+              box.push(edge);
+            }
+          } else if (rs.edgeType === "straight") {
+            box.push(edge);
+          }
+        } else if (edgeBoxSelectMode === "overlap") {
+          var _selected = false;
+          if (rs.startX != null && rs.startY != null && rs.endX != null && rs.endY != null && (inBoundingBox(boxBb, rs.startX, rs.startY) || inBoundingBox(boxBb, rs.endX, rs.endY))) {
+            box.push(edge);
+            _selected = true;
+          } else if (!_selected && rs.edgeType === "haystack") {
+            var haystackPts = _p.rstyle.haystackPts;
+            for (var _i = 0; _i < haystackPts.length; _i++) {
+              if (pointInBoundingBox(boxBb, haystackPts[_i])) {
+                box.push(edge);
+                _selected = true;
+                break;
+              }
+            }
+          }
+          if (!_selected) {
+            var _pts = _p.rstyle.bezierPts || _p.rstyle.linePts || _p.rstyle.haystackPts;
+            if ((!_pts || _pts.length < 2) && rs.edgeType === "straight") {
+              if (rs.startX != null && rs.startY != null && rs.endX != null && rs.endY != null) {
+                _pts = [{
+                  x: rs.startX,
+                  y: rs.startY
+                }, {
+                  x: rs.endX,
+                  y: rs.endY
+                }];
+              }
+            }
+            if (!_pts || _pts.length < 2) continue;
+            for (var _i2 = 0; _i2 < _pts.length - 1; _i2++) {
+              var segStart = _pts[_i2];
+              var segEnd = _pts[_i2 + 1];
+              for (var b = 0; b < boxEdges.length; b++) {
+                var _boxEdges$b = _slicedToArray(boxEdges[b], 2), boxStart = _boxEdges$b[0], boxEnd = _boxEdges$b[1];
+                if (doLinesIntersect(segStart, segEnd, boxStart, boxEnd)) {
+                  box.push(edge);
+                  _selected = true;
+                  break;
+                }
+              }
+              if (_selected) break;
+            }
+          }
+        }
+      }
+    }
+    return box;
+  };
+  var BRp$d = {};
+  BRp$d.calculateArrowAngles = function(edge) {
+    var rs = edge._private.rscratch;
+    var isHaystack = rs.edgeType === "haystack";
+    var isBezier = rs.edgeType === "bezier";
+    var isMultibezier = rs.edgeType === "multibezier";
+    var isSegments = rs.edgeType === "segments";
+    var isCompound = rs.edgeType === "compound";
+    var isSelf = rs.edgeType === "self";
+    var dispX, dispY;
+    var startX2, startY2, endX, endY, midX, midY;
+    if (isHaystack) {
+      startX2 = rs.haystackPts[0];
+      startY2 = rs.haystackPts[1];
+      endX = rs.haystackPts[2];
+      endY = rs.haystackPts[3];
+    } else {
+      startX2 = rs.arrowStartX;
+      startY2 = rs.arrowStartY;
+      endX = rs.arrowEndX;
+      endY = rs.arrowEndY;
+    }
+    midX = rs.midX;
+    midY = rs.midY;
+    if (isSegments) {
+      dispX = startX2 - rs.segpts[0];
+      dispY = startY2 - rs.segpts[1];
+    } else if (isMultibezier || isCompound || isSelf || isBezier) {
+      var pts2 = rs.allpts;
+      var bX = qbezierAt(pts2[0], pts2[2], pts2[4], 0.1);
+      var bY = qbezierAt(pts2[1], pts2[3], pts2[5], 0.1);
+      dispX = startX2 - bX;
+      dispY = startY2 - bY;
+    } else {
+      dispX = startX2 - midX;
+      dispY = startY2 - midY;
+    }
+    rs.srcArrowAngle = getAngleFromDisp(dispX, dispY);
+    var midX = rs.midX;
+    var midY = rs.midY;
+    if (isHaystack) {
+      midX = (startX2 + endX) / 2;
+      midY = (startY2 + endY) / 2;
+    }
+    dispX = endX - startX2;
+    dispY = endY - startY2;
+    if (isSegments) {
+      var pts2 = rs.allpts;
+      if (pts2.length / 2 % 2 === 0) {
+        var i2 = pts2.length / 2;
+        var i1 = i2 - 2;
+        dispX = pts2[i2] - pts2[i1];
+        dispY = pts2[i2 + 1] - pts2[i1 + 1];
+      } else if (rs.isRound) {
+        dispX = rs.midVector[1];
+        dispY = -rs.midVector[0];
+      } else {
+        var i2 = pts2.length / 2 - 1;
+        var i1 = i2 - 2;
+        dispX = pts2[i2] - pts2[i1];
+        dispY = pts2[i2 + 1] - pts2[i1 + 1];
+      }
+    } else if (isMultibezier || isCompound || isSelf) {
+      var pts2 = rs.allpts;
+      var cpts = rs.ctrlpts;
+      var bp0x, bp0y;
+      var bp1x, bp1y;
+      if (cpts.length / 2 % 2 === 0) {
+        var p0 = pts2.length / 2 - 1;
+        var ic = p0 + 2;
+        var p1 = ic + 2;
+        bp0x = qbezierAt(pts2[p0], pts2[ic], pts2[p1], 0);
+        bp0y = qbezierAt(pts2[p0 + 1], pts2[ic + 1], pts2[p1 + 1], 0);
+        bp1x = qbezierAt(pts2[p0], pts2[ic], pts2[p1], 1e-4);
+        bp1y = qbezierAt(pts2[p0 + 1], pts2[ic + 1], pts2[p1 + 1], 1e-4);
+      } else {
+        var ic = pts2.length / 2 - 1;
+        var p0 = ic - 2;
+        var p1 = ic + 2;
+        bp0x = qbezierAt(pts2[p0], pts2[ic], pts2[p1], 0.4999);
+        bp0y = qbezierAt(pts2[p0 + 1], pts2[ic + 1], pts2[p1 + 1], 0.4999);
+        bp1x = qbezierAt(pts2[p0], pts2[ic], pts2[p1], 0.5);
+        bp1y = qbezierAt(pts2[p0 + 1], pts2[ic + 1], pts2[p1 + 1], 0.5);
+      }
+      dispX = bp1x - bp0x;
+      dispY = bp1y - bp0y;
+    }
+    rs.midtgtArrowAngle = getAngleFromDisp(dispX, dispY);
+    rs.midDispX = dispX;
+    rs.midDispY = dispY;
+    dispX *= -1;
+    dispY *= -1;
+    if (isSegments) {
+      var pts2 = rs.allpts;
+      if (pts2.length / 2 % 2 === 0) ;
+      else if (!rs.isRound) {
+        var i2 = pts2.length / 2 - 1;
+        var i3 = i2 + 2;
+        dispX = -(pts2[i3] - pts2[i2]);
+        dispY = -(pts2[i3 + 1] - pts2[i2 + 1]);
+      }
+    }
+    rs.midsrcArrowAngle = getAngleFromDisp(dispX, dispY);
+    if (isSegments) {
+      dispX = endX - rs.segpts[rs.segpts.length - 2];
+      dispY = endY - rs.segpts[rs.segpts.length - 1];
+    } else if (isMultibezier || isCompound || isSelf || isBezier) {
+      var pts2 = rs.allpts;
+      var l = pts2.length;
+      var bX = qbezierAt(pts2[l - 6], pts2[l - 4], pts2[l - 2], 0.9);
+      var bY = qbezierAt(pts2[l - 5], pts2[l - 3], pts2[l - 1], 0.9);
+      dispX = endX - bX;
+      dispY = endY - bY;
+    } else {
+      dispX = endX - midX;
+      dispY = endY - midY;
+    }
+    rs.tgtArrowAngle = getAngleFromDisp(dispX, dispY);
+  };
+  BRp$d.getArrowWidth = BRp$d.getArrowHeight = function(edgeWidth, scale2) {
+    var cache2 = this.arrowWidthCache = this.arrowWidthCache || {};
+    var cachedVal = cache2[edgeWidth + ", " + scale2];
+    if (cachedVal) {
+      return cachedVal;
+    }
+    cachedVal = Math.max(Math.pow(edgeWidth * 13.37, 0.9), 29) * scale2;
+    cache2[edgeWidth + ", " + scale2] = cachedVal;
+    return cachedVal;
+  };
+  var x, y, v1 = {}, v2 = {}, sinA, sinA90, radDirection, drawDirection, angle, halfAngle, cRadius, lenOut, radius, limit;
+  var startX, startY, stopX, stopY;
+  var lastPoint;
+  var asVec = function asVec2(p2, pp, v) {
+    v.x = pp.x - p2.x;
+    v.y = pp.y - p2.y;
+    v.len = Math.sqrt(v.x * v.x + v.y * v.y);
+    v.nx = v.x / v.len;
+    v.ny = v.y / v.len;
+    v.ang = Math.atan2(v.ny, v.nx);
+  };
+  var invertVec = function invertVec2(originalV, invertedV) {
+    invertedV.x = originalV.x * -1;
+    invertedV.y = originalV.y * -1;
+    invertedV.nx = originalV.nx * -1;
+    invertedV.ny = originalV.ny * -1;
+    invertedV.ang = originalV.ang > 0 ? -(Math.PI - originalV.ang) : Math.PI + originalV.ang;
+  };
+  var calcCornerArc = function calcCornerArc2(previousPoint, currentPoint, nextPoint, radiusMax, isArcRadius) {
+    previousPoint !== lastPoint ? asVec(currentPoint, previousPoint, v1) : invertVec(v2, v1);
+    asVec(currentPoint, nextPoint, v2);
+    sinA = v1.nx * v2.ny - v1.ny * v2.nx;
+    sinA90 = v1.nx * v2.nx - v1.ny * -v2.ny;
+    angle = Math.asin(Math.max(-1, Math.min(1, sinA)));
+    if (Math.abs(angle) < 1e-6) {
+      x = currentPoint.x;
+      y = currentPoint.y;
+      cRadius = radius = 0;
+      return;
+    }
+    radDirection = 1;
+    drawDirection = false;
+    if (sinA90 < 0) {
+      if (angle < 0) {
+        angle = Math.PI + angle;
+      } else {
+        angle = Math.PI - angle;
+        radDirection = -1;
+        drawDirection = true;
+      }
+    } else {
+      if (angle > 0) {
+        radDirection = -1;
+        drawDirection = true;
+      }
+    }
+    if (currentPoint.radius !== void 0) {
+      radius = currentPoint.radius;
+    } else {
+      radius = radiusMax;
+    }
+    halfAngle = angle / 2;
+    limit = Math.min(v1.len / 2, v2.len / 2);
+    if (isArcRadius) {
+      lenOut = Math.abs(Math.cos(halfAngle) * radius / Math.sin(halfAngle));
+      if (lenOut > limit) {
+        lenOut = limit;
+        cRadius = Math.abs(lenOut * Math.sin(halfAngle) / Math.cos(halfAngle));
+      } else {
+        cRadius = radius;
+      }
+    } else {
+      lenOut = Math.min(limit, radius);
+      cRadius = Math.abs(lenOut * Math.sin(halfAngle) / Math.cos(halfAngle));
+    }
+    stopX = currentPoint.x + v2.nx * lenOut;
+    stopY = currentPoint.y + v2.ny * lenOut;
+    x = stopX - v2.ny * cRadius * radDirection;
+    y = stopY + v2.nx * cRadius * radDirection;
+    startX = currentPoint.x + v1.nx * lenOut;
+    startY = currentPoint.y + v1.ny * lenOut;
+    lastPoint = currentPoint;
+  };
+  function drawPreparedRoundCorner(ctx, roundCorner) {
+    if (roundCorner.radius === 0) ctx.lineTo(roundCorner.cx, roundCorner.cy);
+    else ctx.arc(roundCorner.cx, roundCorner.cy, roundCorner.radius, roundCorner.startAngle, roundCorner.endAngle, roundCorner.counterClockwise);
+  }
+  function getRoundCorner(previousPoint, currentPoint, nextPoint, radiusMax) {
+    var isArcRadius = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : true;
+    if (radiusMax === 0 || currentPoint.radius === 0) return {
+      cx: currentPoint.x,
+      cy: currentPoint.y,
+      radius: 0,
+      startX: currentPoint.x,
+      startY: currentPoint.y,
+      stopX: currentPoint.x,
+      stopY: currentPoint.y,
+      startAngle: void 0,
+      endAngle: void 0,
+      counterClockwise: void 0
+    };
+    calcCornerArc(previousPoint, currentPoint, nextPoint, radiusMax, isArcRadius);
+    return {
+      cx: x,
+      cy: y,
+      radius: cRadius,
+      startX,
+      startY,
+      stopX,
+      stopY,
+      startAngle: v1.ang + Math.PI / 2 * radDirection,
+      endAngle: v2.ang - Math.PI / 2 * radDirection,
+      counterClockwise: drawDirection
+    };
+  }
+  var AVOID_IMPOSSIBLE_BEZIER_CONSTANT = 0.01;
+  var AVOID_IMPOSSIBLE_BEZIER_CONSTANT_L = Math.sqrt(2 * AVOID_IMPOSSIBLE_BEZIER_CONSTANT);
+  var BRp$c = {};
+  BRp$c.findMidptPtsEtc = function(edge, pairInfo) {
+    var posPts = pairInfo.posPts, intersectionPts = pairInfo.intersectionPts, vectorNormInverse = pairInfo.vectorNormInverse;
+    var midptPts;
+    var srcManEndpt = edge.pstyle("source-endpoint");
+    var tgtManEndpt = edge.pstyle("target-endpoint");
+    var haveManualEndPts = srcManEndpt.units != null && tgtManEndpt.units != null;
+    var recalcVectorNormInverse = function recalcVectorNormInverse2(x12, y12, x22, y22) {
+      var dy = y22 - y12;
+      var dx = x22 - x12;
+      var l = Math.sqrt(dx * dx + dy * dy);
+      return {
+        x: -dy / l,
+        y: dx / l
+      };
+    };
+    var edgeDistances = edge.pstyle("edge-distances").value;
+    switch (edgeDistances) {
+      case "node-position":
+        midptPts = posPts;
+        break;
+      case "intersection":
+        midptPts = intersectionPts;
+        break;
+      case "endpoints": {
+        if (haveManualEndPts) {
+          var _this$manualEndptToPx = this.manualEndptToPx(edge.source()[0], srcManEndpt), _this$manualEndptToPx2 = _slicedToArray(_this$manualEndptToPx, 2), x1 = _this$manualEndptToPx2[0], y1 = _this$manualEndptToPx2[1];
+          var _this$manualEndptToPx3 = this.manualEndptToPx(edge.target()[0], tgtManEndpt), _this$manualEndptToPx4 = _slicedToArray(_this$manualEndptToPx3, 2), x2 = _this$manualEndptToPx4[0], y2 = _this$manualEndptToPx4[1];
+          var endPts = {
+            x1,
+            y1,
+            x2,
+            y2
+          };
+          vectorNormInverse = recalcVectorNormInverse(x1, y1, x2, y2);
+          midptPts = endPts;
+        } else {
+          warn("Edge ".concat(edge.id(), " has edge-distances:endpoints specified without manual endpoints specified via source-endpoint and target-endpoint.  Falling back on edge-distances:intersection (default)."));
+          midptPts = intersectionPts;
+        }
+        break;
+      }
+    }
+    return {
+      midptPts,
+      vectorNormInverse
+    };
+  };
+  BRp$c.findHaystackPoints = function(edges) {
+    for (var i2 = 0; i2 < edges.length; i2++) {
+      var edge = edges[i2];
+      var _p = edge._private;
+      var rs = _p.rscratch;
+      if (!rs.haystack) {
+        var angle2 = Math.random() * 2 * Math.PI;
+        rs.source = {
+          x: Math.cos(angle2),
+          y: Math.sin(angle2)
+        };
+        angle2 = Math.random() * 2 * Math.PI;
+        rs.target = {
+          x: Math.cos(angle2),
+          y: Math.sin(angle2)
+        };
+      }
+      var src = _p.source;
+      var tgt = _p.target;
+      var srcPos = src.position();
+      var tgtPos = tgt.position();
+      var srcW = src.width();
+      var tgtW = tgt.width();
+      var srcH = src.height();
+      var tgtH = tgt.height();
+      var radius2 = edge.pstyle("haystack-radius").value;
+      var halfRadius = radius2 / 2;
+      rs.haystackPts = rs.allpts = [rs.source.x * srcW * halfRadius + srcPos.x, rs.source.y * srcH * halfRadius + srcPos.y, rs.target.x * tgtW * halfRadius + tgtPos.x, rs.target.y * tgtH * halfRadius + tgtPos.y];
+      rs.midX = (rs.allpts[0] + rs.allpts[2]) / 2;
+      rs.midY = (rs.allpts[1] + rs.allpts[3]) / 2;
+      rs.edgeType = "haystack";
+      rs.haystack = true;
+      this.storeEdgeProjections(edge);
+      this.calculateArrowAngles(edge);
+      this.recalculateEdgeLabelProjections(edge);
+      this.calculateLabelAngles(edge);
+    }
+  };
+  BRp$c.findSegmentsPoints = function(edge, pairInfo) {
+    var rs = edge._private.rscratch;
+    var segmentWs = edge.pstyle("segment-weights");
+    var segmentDs = edge.pstyle("segment-distances");
+    var segmentRs = edge.pstyle("segment-radii");
+    var segmentTs = edge.pstyle("radius-type");
+    var segmentsN = Math.min(segmentWs.pfValue.length, segmentDs.pfValue.length);
+    var lastRadius = segmentRs.pfValue[segmentRs.pfValue.length - 1];
+    var lastRadiusType = segmentTs.pfValue[segmentTs.pfValue.length - 1];
+    rs.edgeType = "segments";
+    rs.segpts = [];
+    rs.radii = [];
+    rs.isArcRadius = [];
+    for (var s = 0; s < segmentsN; s++) {
+      var w = segmentWs.pfValue[s];
+      var d = segmentDs.pfValue[s];
+      var w1 = 1 - w;
+      var w2 = w;
+      var _this$findMidptPtsEtc = this.findMidptPtsEtc(edge, pairInfo), midptPts = _this$findMidptPtsEtc.midptPts, vectorNormInverse = _this$findMidptPtsEtc.vectorNormInverse;
+      var adjustedMidpt = {
+        x: midptPts.x1 * w1 + midptPts.x2 * w2,
+        y: midptPts.y1 * w1 + midptPts.y2 * w2
+      };
+      rs.segpts.push(adjustedMidpt.x + vectorNormInverse.x * d, adjustedMidpt.y + vectorNormInverse.y * d);
+      rs.radii.push(segmentRs.pfValue[s] !== void 0 ? segmentRs.pfValue[s] : lastRadius);
+      rs.isArcRadius.push((segmentTs.pfValue[s] !== void 0 ? segmentTs.pfValue[s] : lastRadiusType) === "arc-radius");
+    }
+  };
+  BRp$c.findLoopPoints = function(edge, pairInfo, i2, edgeIsUnbundled) {
+    var rs = edge._private.rscratch;
+    var dirCounts = pairInfo.dirCounts, srcPos = pairInfo.srcPos;
+    var ctrlptDists = edge.pstyle("control-point-distances");
+    var ctrlptDist = ctrlptDists ? ctrlptDists.pfValue[0] : void 0;
+    var loopDir = edge.pstyle("loop-direction").pfValue;
+    var loopSwp = edge.pstyle("loop-sweep").pfValue;
+    var stepSize = edge.pstyle("control-point-step-size").pfValue;
+    rs.edgeType = "self";
+    var j = i2;
+    var loopDist = stepSize;
+    if (edgeIsUnbundled) {
+      j = 0;
+      loopDist = ctrlptDist;
+    }
+    var loopAngle = loopDir - Math.PI / 2;
+    var outAngle = loopAngle - loopSwp / 2;
+    var inAngle = loopAngle + loopSwp / 2;
+    var dc = String(loopDir + "_" + loopSwp);
+    j = dirCounts[dc] === void 0 ? dirCounts[dc] = 0 : ++dirCounts[dc];
+    rs.ctrlpts = [srcPos.x + Math.cos(outAngle) * 1.4 * loopDist * (j / 3 + 1), srcPos.y + Math.sin(outAngle) * 1.4 * loopDist * (j / 3 + 1), srcPos.x + Math.cos(inAngle) * 1.4 * loopDist * (j / 3 + 1), srcPos.y + Math.sin(inAngle) * 1.4 * loopDist * (j / 3 + 1)];
+  };
+  BRp$c.findCompoundLoopPoints = function(edge, pairInfo, i2, edgeIsUnbundled) {
+    var rs = edge._private.rscratch;
+    rs.edgeType = "compound";
+    var srcPos = pairInfo.srcPos, tgtPos = pairInfo.tgtPos, srcW = pairInfo.srcW, srcH = pairInfo.srcH, tgtW = pairInfo.tgtW, tgtH = pairInfo.tgtH;
+    var stepSize = edge.pstyle("control-point-step-size").pfValue;
+    var ctrlptDists = edge.pstyle("control-point-distances");
+    var ctrlptDist = ctrlptDists ? ctrlptDists.pfValue[0] : void 0;
+    var j = i2;
+    var loopDist = stepSize;
+    if (edgeIsUnbundled) {
+      j = 0;
+      loopDist = ctrlptDist;
+    }
+    var loopW = 50;
+    var loopaPos = {
+      x: srcPos.x - srcW / 2,
+      y: srcPos.y - srcH / 2
+    };
+    var loopbPos = {
+      x: tgtPos.x - tgtW / 2,
+      y: tgtPos.y - tgtH / 2
+    };
+    var loopPos = {
+      x: Math.min(loopaPos.x, loopbPos.x),
+      y: Math.min(loopaPos.y, loopbPos.y)
+    };
+    var minCompoundStretch = 0.5;
+    var compoundStretchA = Math.max(minCompoundStretch, Math.log(srcW * AVOID_IMPOSSIBLE_BEZIER_CONSTANT));
+    var compoundStretchB = Math.max(minCompoundStretch, Math.log(tgtW * AVOID_IMPOSSIBLE_BEZIER_CONSTANT));
+    rs.ctrlpts = [loopPos.x, loopPos.y - (1 + Math.pow(loopW, 1.12) / 100) * loopDist * (j / 3 + 1) * compoundStretchA, loopPos.x - (1 + Math.pow(loopW, 1.12) / 100) * loopDist * (j / 3 + 1) * compoundStretchB, loopPos.y];
+  };
+  BRp$c.findStraightEdgePoints = function(edge) {
+    edge._private.rscratch.edgeType = "straight";
+  };
+  BRp$c.findBezierPoints = function(edge, pairInfo, i2, edgeIsUnbundled, edgeIsSwapped) {
+    var rs = edge._private.rscratch;
+    var stepSize = edge.pstyle("control-point-step-size").pfValue;
+    var ctrlptDists = edge.pstyle("control-point-distances");
+    var ctrlptWs = edge.pstyle("control-point-weights");
+    var bezierN = ctrlptDists && ctrlptWs ? Math.min(ctrlptDists.value.length, ctrlptWs.value.length) : 1;
+    var ctrlptDist = ctrlptDists ? ctrlptDists.pfValue[0] : void 0;
+    var ctrlptWeight = ctrlptWs.value[0];
+    var multi = edgeIsUnbundled;
+    rs.edgeType = multi ? "multibezier" : "bezier";
+    rs.ctrlpts = [];
+    for (var b = 0; b < bezierN; b++) {
+      var normctrlptDist = (0.5 - pairInfo.eles.length / 2 + i2) * stepSize * (edgeIsSwapped ? -1 : 1);
+      var manctrlptDist = void 0;
+      var sign = signum(normctrlptDist);
+      if (multi) {
+        ctrlptDist = ctrlptDists ? ctrlptDists.pfValue[b] : stepSize;
+        ctrlptWeight = ctrlptWs.value[b];
+      }
+      if (edgeIsUnbundled) {
+        manctrlptDist = ctrlptDist;
+      } else {
+        manctrlptDist = ctrlptDist !== void 0 ? sign * ctrlptDist : void 0;
+      }
+      var distanceFromMidpoint = manctrlptDist !== void 0 ? manctrlptDist : normctrlptDist;
+      var w1 = 1 - ctrlptWeight;
+      var w2 = ctrlptWeight;
+      var _this$findMidptPtsEtc2 = this.findMidptPtsEtc(edge, pairInfo), midptPts = _this$findMidptPtsEtc2.midptPts, vectorNormInverse = _this$findMidptPtsEtc2.vectorNormInverse;
+      var adjustedMidpt = {
+        x: midptPts.x1 * w1 + midptPts.x2 * w2,
+        y: midptPts.y1 * w1 + midptPts.y2 * w2
+      };
+      rs.ctrlpts.push(adjustedMidpt.x + vectorNormInverse.x * distanceFromMidpoint, adjustedMidpt.y + vectorNormInverse.y * distanceFromMidpoint);
+    }
+  };
+  BRp$c.findTaxiPoints = function(edge, pairInfo) {
+    var rs = edge._private.rscratch;
+    rs.edgeType = "segments";
+    var VERTICAL = "vertical";
+    var HORIZONTAL = "horizontal";
+    var LEFTWARD = "leftward";
+    var RIGHTWARD = "rightward";
+    var DOWNWARD = "downward";
+    var UPWARD = "upward";
+    var AUTO = "auto";
+    var posPts = pairInfo.posPts, srcW = pairInfo.srcW, srcH = pairInfo.srcH, tgtW = pairInfo.tgtW, tgtH = pairInfo.tgtH;
+    var edgeDistances = edge.pstyle("edge-distances").value;
+    var dIncludesNodeBody = edgeDistances !== "node-position";
+    var taxiDir = edge.pstyle("taxi-direction").value;
+    var rawTaxiDir = taxiDir;
+    var taxiTurn = edge.pstyle("taxi-turn");
+    var turnIsPercent = taxiTurn.units === "%";
+    var taxiTurnPfVal = taxiTurn.pfValue;
+    var turnIsNegative = taxiTurnPfVal < 0;
+    var minD = edge.pstyle("taxi-turn-min-distance").pfValue;
+    var dw = dIncludesNodeBody ? (srcW + tgtW) / 2 : 0;
+    var dh = dIncludesNodeBody ? (srcH + tgtH) / 2 : 0;
+    var pdx = posPts.x2 - posPts.x1;
+    var pdy = posPts.y2 - posPts.y1;
+    var subDWH = function subDWH2(dxy, dwh) {
+      if (dxy > 0) {
+        return Math.max(dxy - dwh, 0);
+      } else {
+        return Math.min(dxy + dwh, 0);
+      }
+    };
+    var dx = subDWH(pdx, dw);
+    var dy = subDWH(pdy, dh);
+    var isExplicitDir = false;
+    if (rawTaxiDir === AUTO) {
+      taxiDir = Math.abs(dx) > Math.abs(dy) ? HORIZONTAL : VERTICAL;
+    } else if (rawTaxiDir === UPWARD || rawTaxiDir === DOWNWARD) {
+      taxiDir = VERTICAL;
+      isExplicitDir = true;
+    } else if (rawTaxiDir === LEFTWARD || rawTaxiDir === RIGHTWARD) {
+      taxiDir = HORIZONTAL;
+      isExplicitDir = true;
+    }
+    var isVert = taxiDir === VERTICAL;
+    var l = isVert ? dy : dx;
+    var pl = isVert ? pdy : pdx;
+    var sgnL = signum(pl);
+    var forcedDir = false;
+    if (!(isExplicitDir && (turnIsPercent || turnIsNegative)) && (rawTaxiDir === DOWNWARD && pl < 0 || rawTaxiDir === UPWARD && pl > 0 || rawTaxiDir === LEFTWARD && pl > 0 || rawTaxiDir === RIGHTWARD && pl < 0)) {
+      sgnL *= -1;
+      l = sgnL * Math.abs(l);
+      forcedDir = true;
+    }
+    var d;
+    if (turnIsPercent) {
+      var p2 = taxiTurnPfVal < 0 ? 1 + taxiTurnPfVal : taxiTurnPfVal;
+      d = p2 * l;
+    } else {
+      var k = taxiTurnPfVal < 0 ? l : 0;
+      d = k + taxiTurnPfVal * sgnL;
+    }
+    var getIsTooClose = function getIsTooClose2(d2) {
+      return Math.abs(d2) < minD || Math.abs(d2) >= Math.abs(l);
+    };
+    var isTooCloseSrc = getIsTooClose(d);
+    var isTooCloseTgt = getIsTooClose(Math.abs(l) - Math.abs(d));
+    var isTooClose = isTooCloseSrc || isTooCloseTgt;
+    if (isTooClose && !forcedDir) {
+      if (isVert) {
+        var lShapeInsideSrc = Math.abs(pl) <= srcH / 2;
+        var lShapeInsideTgt = Math.abs(pdx) <= tgtW / 2;
+        if (lShapeInsideSrc) {
+          var x2 = (posPts.x1 + posPts.x2) / 2;
+          var y1 = posPts.y1, y2 = posPts.y2;
+          rs.segpts = [x2, y1, x2, y2];
+        } else if (lShapeInsideTgt) {
+          var y3 = (posPts.y1 + posPts.y2) / 2;
+          var x1 = posPts.x1, x22 = posPts.x2;
+          rs.segpts = [x1, y3, x22, y3];
+        } else {
+          rs.segpts = [posPts.x1, posPts.y2];
+        }
+      } else {
+        var _lShapeInsideSrc = Math.abs(pl) <= srcW / 2;
+        var _lShapeInsideTgt = Math.abs(pdy) <= tgtH / 2;
+        if (_lShapeInsideSrc) {
+          var _y = (posPts.y1 + posPts.y2) / 2;
+          var _x = posPts.x1, _x2 = posPts.x2;
+          rs.segpts = [_x, _y, _x2, _y];
+        } else if (_lShapeInsideTgt) {
+          var _x3 = (posPts.x1 + posPts.x2) / 2;
+          var _y2 = posPts.y1, _y3 = posPts.y2;
+          rs.segpts = [_x3, _y2, _x3, _y3];
+        } else {
+          rs.segpts = [posPts.x2, posPts.y1];
+        }
+      }
+    } else {
+      if (isVert) {
+        var _y4 = posPts.y1 + d + (dIncludesNodeBody ? srcH / 2 * sgnL : 0);
+        var _x4 = posPts.x1, _x5 = posPts.x2;
+        rs.segpts = [_x4, _y4, _x5, _y4];
+      } else {
+        var _x6 = posPts.x1 + d + (dIncludesNodeBody ? srcW / 2 * sgnL : 0);
+        var _y5 = posPts.y1, _y6 = posPts.y2;
+        rs.segpts = [_x6, _y5, _x6, _y6];
+      }
+    }
+    if (rs.isRound) {
+      var radius2 = edge.pstyle("taxi-radius").value;
+      var isArcRadius = edge.pstyle("radius-type").value[0] === "arc-radius";
+      rs.radii = new Array(rs.segpts.length / 2).fill(radius2);
+      rs.isArcRadius = new Array(rs.segpts.length / 2).fill(isArcRadius);
+    }
+  };
+  BRp$c.tryToCorrectInvalidPoints = function(edge, pairInfo) {
+    var rs = edge._private.rscratch;
+    if (rs.edgeType === "bezier") {
+      var srcPos = pairInfo.srcPos, tgtPos = pairInfo.tgtPos, srcW = pairInfo.srcW, srcH = pairInfo.srcH, tgtW = pairInfo.tgtW, tgtH = pairInfo.tgtH, srcShape = pairInfo.srcShape, tgtShape = pairInfo.tgtShape, srcCornerRadius = pairInfo.srcCornerRadius, tgtCornerRadius = pairInfo.tgtCornerRadius, srcRs = pairInfo.srcRs, tgtRs = pairInfo.tgtRs;
+      var badStart = !number$1(rs.startX) || !number$1(rs.startY);
+      var badAStart = !number$1(rs.arrowStartX) || !number$1(rs.arrowStartY);
+      var badEnd = !number$1(rs.endX) || !number$1(rs.endY);
+      var badAEnd = !number$1(rs.arrowEndX) || !number$1(rs.arrowEndY);
+      var minCpADistFactor = 3;
+      var arrowW = this.getArrowWidth(edge.pstyle("width").pfValue, edge.pstyle("arrow-scale").value) * this.arrowShapeWidth;
+      var minCpADist = minCpADistFactor * arrowW;
+      var startACpDist = dist({
+        x: rs.ctrlpts[0],
+        y: rs.ctrlpts[1]
+      }, {
+        x: rs.startX,
+        y: rs.startY
+      });
+      var closeStartACp = startACpDist < minCpADist;
+      var endACpDist = dist({
+        x: rs.ctrlpts[0],
+        y: rs.ctrlpts[1]
+      }, {
+        x: rs.endX,
+        y: rs.endY
+      });
+      var closeEndACp = endACpDist < minCpADist;
+      var overlapping = false;
+      if (badStart || badAStart || closeStartACp) {
+        overlapping = true;
+        var cpD = {
+          // delta
+          x: rs.ctrlpts[0] - srcPos.x,
+          y: rs.ctrlpts[1] - srcPos.y
+        };
+        var cpL = Math.sqrt(cpD.x * cpD.x + cpD.y * cpD.y);
+        var cpM = {
+          // normalised delta
+          x: cpD.x / cpL,
+          y: cpD.y / cpL
+        };
+        var radius2 = Math.max(srcW, srcH);
+        var cpProj = {
+          // *2 radius guarantees outside shape
+          x: rs.ctrlpts[0] + cpM.x * 2 * radius2,
+          y: rs.ctrlpts[1] + cpM.y * 2 * radius2
+        };
+        var srcCtrlPtIntn = srcShape.intersectLine(srcPos.x, srcPos.y, srcW, srcH, cpProj.x, cpProj.y, 0, srcCornerRadius, srcRs);
+        if (closeStartACp) {
+          rs.ctrlpts[0] = rs.ctrlpts[0] + cpM.x * (minCpADist - startACpDist);
+          rs.ctrlpts[1] = rs.ctrlpts[1] + cpM.y * (minCpADist - startACpDist);
+        } else {
+          rs.ctrlpts[0] = srcCtrlPtIntn[0] + cpM.x * minCpADist;
+          rs.ctrlpts[1] = srcCtrlPtIntn[1] + cpM.y * minCpADist;
+        }
+      }
+      if (badEnd || badAEnd || closeEndACp) {
+        overlapping = true;
+        var _cpD = {
+          // delta
+          x: rs.ctrlpts[0] - tgtPos.x,
+          y: rs.ctrlpts[1] - tgtPos.y
+        };
+        var _cpL = Math.sqrt(_cpD.x * _cpD.x + _cpD.y * _cpD.y);
+        var _cpM = {
+          // normalised delta
+          x: _cpD.x / _cpL,
+          y: _cpD.y / _cpL
+        };
+        var _radius = Math.max(srcW, srcH);
+        var _cpProj = {
+          // *2 radius guarantees outside shape
+          x: rs.ctrlpts[0] + _cpM.x * 2 * _radius,
+          y: rs.ctrlpts[1] + _cpM.y * 2 * _radius
+        };
+        var tgtCtrlPtIntn = tgtShape.intersectLine(tgtPos.x, tgtPos.y, tgtW, tgtH, _cpProj.x, _cpProj.y, 0, tgtCornerRadius, tgtRs);
+        if (closeEndACp) {
+          rs.ctrlpts[0] = rs.ctrlpts[0] + _cpM.x * (minCpADist - endACpDist);
+          rs.ctrlpts[1] = rs.ctrlpts[1] + _cpM.y * (minCpADist - endACpDist);
+        } else {
+          rs.ctrlpts[0] = tgtCtrlPtIntn[0] + _cpM.x * minCpADist;
+          rs.ctrlpts[1] = tgtCtrlPtIntn[1] + _cpM.y * minCpADist;
+        }
+      }
+      if (overlapping) {
+        this.findEndpoints(edge);
+      }
+    }
+  };
+  BRp$c.storeAllpts = function(edge) {
+    var rs = edge._private.rscratch;
+    if (rs.edgeType === "multibezier" || rs.edgeType === "bezier" || rs.edgeType === "self" || rs.edgeType === "compound") {
+      rs.allpts = [];
+      rs.allpts.push(rs.startX, rs.startY);
+      for (var b = 0; b + 1 < rs.ctrlpts.length; b += 2) {
+        rs.allpts.push(rs.ctrlpts[b], rs.ctrlpts[b + 1]);
+        if (b + 3 < rs.ctrlpts.length) {
+          rs.allpts.push((rs.ctrlpts[b] + rs.ctrlpts[b + 2]) / 2, (rs.ctrlpts[b + 1] + rs.ctrlpts[b + 3]) / 2);
+        }
+      }
+      rs.allpts.push(rs.endX, rs.endY);
+      var m2, mt;
+      if (rs.ctrlpts.length / 2 % 2 === 0) {
+        m2 = rs.allpts.length / 2 - 1;
+        rs.midX = rs.allpts[m2];
+        rs.midY = rs.allpts[m2 + 1];
+      } else {
+        m2 = rs.allpts.length / 2 - 3;
+        mt = 0.5;
+        rs.midX = qbezierAt(rs.allpts[m2], rs.allpts[m2 + 2], rs.allpts[m2 + 4], mt);
+        rs.midY = qbezierAt(rs.allpts[m2 + 1], rs.allpts[m2 + 3], rs.allpts[m2 + 5], mt);
+      }
+    } else if (rs.edgeType === "straight") {
+      rs.allpts = [rs.startX, rs.startY, rs.endX, rs.endY];
+      rs.midX = (rs.startX + rs.endX + rs.arrowStartX + rs.arrowEndX) / 4;
+      rs.midY = (rs.startY + rs.endY + rs.arrowStartY + rs.arrowEndY) / 4;
+    } else if (rs.edgeType === "segments") {
+      rs.allpts = [];
+      rs.allpts.push(rs.startX, rs.startY);
+      rs.allpts.push.apply(rs.allpts, rs.segpts);
+      rs.allpts.push(rs.endX, rs.endY);
+      if (rs.isRound) {
+        rs.roundCorners = [];
+        for (var i2 = 2; i2 + 3 < rs.allpts.length; i2 += 2) {
+          var radius2 = rs.radii[i2 / 2 - 1];
+          var isArcRadius = rs.isArcRadius[i2 / 2 - 1];
+          rs.roundCorners.push(getRoundCorner({
+            x: rs.allpts[i2 - 2],
+            y: rs.allpts[i2 - 1]
+          }, {
+            x: rs.allpts[i2],
+            y: rs.allpts[i2 + 1],
+            radius: radius2
+          }, {
+            x: rs.allpts[i2 + 2],
+            y: rs.allpts[i2 + 3]
+          }, radius2, isArcRadius));
+        }
+      }
+      if (rs.segpts.length % 4 === 0) {
+        var i22 = rs.segpts.length / 2;
+        var i1 = i22 - 2;
+        rs.midX = (rs.segpts[i1] + rs.segpts[i22]) / 2;
+        rs.midY = (rs.segpts[i1 + 1] + rs.segpts[i22 + 1]) / 2;
+      } else {
+        var _i = rs.segpts.length / 2 - 1;
+        if (!rs.isRound) {
+          rs.midX = rs.segpts[_i];
+          rs.midY = rs.segpts[_i + 1];
+        } else {
+          var point = {
+            x: rs.segpts[_i],
+            y: rs.segpts[_i + 1]
+          };
+          var corner = rs.roundCorners[_i / 2];
+          if (corner.radius === 0) {
+            var nextPoint = {
+              x: rs.segpts[_i + 2],
+              y: rs.segpts[_i + 3]
+            };
+            rs.midX = point.x;
+            rs.midY = point.y;
+            rs.midVector = [point.y - nextPoint.y, nextPoint.x - point.x];
+          } else {
+            var v = [point.x - corner.cx, point.y - corner.cy];
+            var factor = corner.radius / Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));
+            v = v.map(function(c2) {
+              return c2 * factor;
+            });
+            rs.midX = corner.cx + v[0];
+            rs.midY = corner.cy + v[1];
+            rs.midVector = v;
+          }
+        }
+      }
+    }
+  };
+  BRp$c.checkForInvalidEdgeWarning = function(edge) {
+    var rs = edge[0]._private.rscratch;
+    if (rs.nodesOverlap || number$1(rs.startX) && number$1(rs.startY) && number$1(rs.endX) && number$1(rs.endY)) {
+      rs.loggedErr = false;
+    } else {
+      if (!rs.loggedErr) {
+        rs.loggedErr = true;
+        warn("Edge `" + edge.id() + "` has invalid endpoints and so it is impossible to draw.  Adjust your edge style (e.g. control points) accordingly or use an alternative edge type.  This is expected behaviour when the source node and the target node overlap.");
+      }
+    }
+  };
+  BRp$c.findEdgeControlPoints = function(edges) {
+    var _this = this;
+    if (!edges || edges.length === 0) {
+      return;
+    }
+    var r = this;
+    var cy = r.cy;
+    var hasCompounds = cy.hasCompoundNodes();
+    var hashTable = new Map$1();
+    var getKey2 = function getKey3(pairId2, edgeIsUnbundled2) {
+      return [].concat(_toConsumableArray(pairId2), [edgeIsUnbundled2 ? 1 : 0]).join("-");
+    };
+    var pairIds = [];
+    var haystackEdges = [];
+    for (var i2 = 0; i2 < edges.length; i2++) {
+      var edge = edges[i2];
+      var _p = edge._private;
+      var curveStyle = edge.pstyle("curve-style").value;
+      if (edge.removed() || !edge.takesUpSpace()) {
+        continue;
+      }
+      if (curveStyle === "haystack") {
+        haystackEdges.push(edge);
+        continue;
+      }
+      var edgeIsUnbundled = curveStyle === "unbundled-bezier" || endsWith(curveStyle, "segments") || curveStyle === "straight" || curveStyle === "straight-triangle" || endsWith(curveStyle, "taxi");
+      var edgeIsBezier = curveStyle === "unbundled-bezier" || curveStyle === "bezier";
+      var src = _p.source;
+      var tgt = _p.target;
+      var srcIndex = src.poolIndex();
+      var tgtIndex = tgt.poolIndex();
+      var pairId = [srcIndex, tgtIndex].sort();
+      var key = getKey2(pairId, edgeIsUnbundled);
+      var tableEntry = hashTable.get(key);
+      if (tableEntry == null) {
+        tableEntry = {
+          eles: []
+        };
+        pairIds.push({
+          pairId,
+          edgeIsUnbundled
+        });
+        hashTable.set(key, tableEntry);
+      }
+      tableEntry.eles.push(edge);
+      if (edgeIsUnbundled) {
+        tableEntry.hasUnbundled = true;
+      }
+      if (edgeIsBezier) {
+        tableEntry.hasBezier = true;
+      }
+    }
+    var _loop = function _loop2() {
+      var _pairIds$p = pairIds[p2], pairId2 = _pairIds$p.pairId, edgeIsUnbundled2 = _pairIds$p.edgeIsUnbundled;
+      var key2 = getKey2(pairId2, edgeIsUnbundled2);
+      var pairInfo = hashTable.get(key2);
+      var swappedpairInfo;
+      if (!pairInfo.hasUnbundled) {
+        var pllEdges = pairInfo.eles[0].parallelEdges().filter(function(e) {
+          return e.isBundledBezier();
+        });
+        clearArray(pairInfo.eles);
+        pllEdges.forEach(function(edge2) {
+          return pairInfo.eles.push(edge2);
+        });
+        pairInfo.eles.sort(function(edge1, edge2) {
+          return edge1.poolIndex() - edge2.poolIndex();
+        });
+      }
+      var firstEdge = pairInfo.eles[0];
+      var src2 = firstEdge.source();
+      var tgt2 = firstEdge.target();
+      if (src2.poolIndex() > tgt2.poolIndex()) {
+        var temp = src2;
+        src2 = tgt2;
+        tgt2 = temp;
+      }
+      var srcPos = pairInfo.srcPos = src2.position();
+      var tgtPos = pairInfo.tgtPos = tgt2.position();
+      var srcW = pairInfo.srcW = src2.outerWidth();
+      var srcH = pairInfo.srcH = src2.outerHeight();
+      var tgtW = pairInfo.tgtW = tgt2.outerWidth();
+      var tgtH = pairInfo.tgtH = tgt2.outerHeight();
+      var srcShape = pairInfo.srcShape = r.nodeShapes[_this.getNodeShape(src2)];
+      var tgtShape = pairInfo.tgtShape = r.nodeShapes[_this.getNodeShape(tgt2)];
+      var srcCornerRadius = pairInfo.srcCornerRadius = src2.pstyle("corner-radius").value === "auto" ? "auto" : src2.pstyle("corner-radius").pfValue;
+      var tgtCornerRadius = pairInfo.tgtCornerRadius = tgt2.pstyle("corner-radius").value === "auto" ? "auto" : tgt2.pstyle("corner-radius").pfValue;
+      var tgtRs = pairInfo.tgtRs = tgt2._private.rscratch;
+      var srcRs = pairInfo.srcRs = src2._private.rscratch;
+      pairInfo.dirCounts = {
+        "north": 0,
+        "west": 0,
+        "south": 0,
+        "east": 0,
+        "northwest": 0,
+        "southwest": 0,
+        "northeast": 0,
+        "southeast": 0
+      };
+      for (var _i2 = 0; _i2 < pairInfo.eles.length; _i2++) {
+        var _edge = pairInfo.eles[_i2];
+        var rs = _edge[0]._private.rscratch;
+        var _curveStyle = _edge.pstyle("curve-style").value;
+        var _edgeIsUnbundled = _curveStyle === "unbundled-bezier" || endsWith(_curveStyle, "segments") || endsWith(_curveStyle, "taxi");
+        var edgeIsSwapped = !src2.same(_edge.source());
+        if (!pairInfo.calculatedIntersection && src2 !== tgt2 && (pairInfo.hasBezier || pairInfo.hasUnbundled)) {
+          pairInfo.calculatedIntersection = true;
+          var srcOutside = srcShape.intersectLine(srcPos.x, srcPos.y, srcW, srcH, tgtPos.x, tgtPos.y, 0, srcCornerRadius, srcRs);
+          var srcIntn = pairInfo.srcIntn = srcOutside;
+          var tgtOutside = tgtShape.intersectLine(tgtPos.x, tgtPos.y, tgtW, tgtH, srcPos.x, srcPos.y, 0, tgtCornerRadius, tgtRs);
+          var tgtIntn = pairInfo.tgtIntn = tgtOutside;
+          var intersectionPts = pairInfo.intersectionPts = {
+            x1: srcOutside[0],
+            x2: tgtOutside[0],
+            y1: srcOutside[1],
+            y2: tgtOutside[1]
+          };
+          var posPts = pairInfo.posPts = {
+            x1: srcPos.x,
+            x2: tgtPos.x,
+            y1: srcPos.y,
+            y2: tgtPos.y
+          };
+          var dy = tgtOutside[1] - srcOutside[1];
+          var dx = tgtOutside[0] - srcOutside[0];
+          var l = Math.sqrt(dx * dx + dy * dy);
+          if (number$1(l) && l >= AVOID_IMPOSSIBLE_BEZIER_CONSTANT_L) ;
+          else {
+            l = Math.sqrt(Math.max(dx * dx, AVOID_IMPOSSIBLE_BEZIER_CONSTANT) + Math.max(dy * dy, AVOID_IMPOSSIBLE_BEZIER_CONSTANT));
+          }
+          var vector = pairInfo.vector = {
+            x: dx,
+            y: dy
+          };
+          var vectorNorm = pairInfo.vectorNorm = {
+            x: vector.x / l,
+            y: vector.y / l
+          };
+          var vectorNormInverse = {
+            x: -vectorNorm.y,
+            y: vectorNorm.x
+          };
+          pairInfo.nodesOverlap = !number$1(l) || tgtShape.checkPoint(srcOutside[0], srcOutside[1], 0, tgtW, tgtH, tgtPos.x, tgtPos.y, tgtCornerRadius, tgtRs) || srcShape.checkPoint(tgtOutside[0], tgtOutside[1], 0, srcW, srcH, srcPos.x, srcPos.y, srcCornerRadius, srcRs);
+          pairInfo.vectorNormInverse = vectorNormInverse;
+          swappedpairInfo = {
+            nodesOverlap: pairInfo.nodesOverlap,
+            dirCounts: pairInfo.dirCounts,
+            calculatedIntersection: true,
+            hasBezier: pairInfo.hasBezier,
+            hasUnbundled: pairInfo.hasUnbundled,
+            eles: pairInfo.eles,
+            srcPos: tgtPos,
+            srcRs: tgtRs,
+            tgtPos: srcPos,
+            tgtRs: srcRs,
+            srcW: tgtW,
+            srcH: tgtH,
+            tgtW: srcW,
+            tgtH: srcH,
+            srcIntn: tgtIntn,
+            tgtIntn: srcIntn,
+            srcShape: tgtShape,
+            tgtShape: srcShape,
+            posPts: {
+              x1: posPts.x2,
+              y1: posPts.y2,
+              x2: posPts.x1,
+              y2: posPts.y1
+            },
+            intersectionPts: {
+              x1: intersectionPts.x2,
+              y1: intersectionPts.y2,
+              x2: intersectionPts.x1,
+              y2: intersectionPts.y1
+            },
+            vector: {
+              x: -vector.x,
+              y: -vector.y
+            },
+            vectorNorm: {
+              x: -vectorNorm.x,
+              y: -vectorNorm.y
+            },
+            vectorNormInverse: {
+              x: -vectorNormInverse.x,
+              y: -vectorNormInverse.y
+            }
+          };
+        }
+        var passedPairInfo = edgeIsSwapped ? swappedpairInfo : pairInfo;
+        rs.nodesOverlap = passedPairInfo.nodesOverlap;
+        rs.srcIntn = passedPairInfo.srcIntn;
+        rs.tgtIntn = passedPairInfo.tgtIntn;
+        rs.isRound = _curveStyle.startsWith("round");
+        if (hasCompounds && (src2.isParent() || src2.isChild() || tgt2.isParent() || tgt2.isChild()) && (src2.parents().anySame(tgt2) || tgt2.parents().anySame(src2) || src2.same(tgt2) && src2.isParent())) {
+          _this.findCompoundLoopPoints(_edge, passedPairInfo, _i2, _edgeIsUnbundled);
+        } else if (src2 === tgt2) {
+          _this.findLoopPoints(_edge, passedPairInfo, _i2, _edgeIsUnbundled);
+        } else if (_curveStyle.endsWith("segments")) {
+          _this.findSegmentsPoints(_edge, passedPairInfo);
+        } else if (_curveStyle.endsWith("taxi")) {
+          _this.findTaxiPoints(_edge, passedPairInfo);
+        } else if (_curveStyle === "straight" || !_edgeIsUnbundled && pairInfo.eles.length % 2 === 1 && _i2 === Math.floor(pairInfo.eles.length / 2)) {
+          _this.findStraightEdgePoints(_edge);
+        } else {
+          _this.findBezierPoints(_edge, passedPairInfo, _i2, _edgeIsUnbundled, edgeIsSwapped);
+        }
+        _this.findEndpoints(_edge);
+        _this.tryToCorrectInvalidPoints(_edge, passedPairInfo);
+        _this.checkForInvalidEdgeWarning(_edge);
+        _this.storeAllpts(_edge);
+        _this.storeEdgeProjections(_edge);
+        _this.calculateArrowAngles(_edge);
+        _this.recalculateEdgeLabelProjections(_edge);
+        _this.calculateLabelAngles(_edge);
+      }
+    };
+    for (var p2 = 0; p2 < pairIds.length; p2++) {
+      _loop();
+    }
+    this.findHaystackPoints(haystackEdges);
+  };
+  function getPts(pts2) {
+    var retPts = [];
+    if (pts2 == null) {
+      return;
+    }
+    for (var i2 = 0; i2 < pts2.length; i2 += 2) {
+      var x2 = pts2[i2];
+      var y2 = pts2[i2 + 1];
+      retPts.push({
+        x: x2,
+        y: y2
+      });
+    }
+    return retPts;
+  }
+  BRp$c.getSegmentPoints = function(edge) {
+    var rs = edge[0]._private.rscratch;
+    this.recalculateRenderedStyle(edge);
+    var type2 = rs.edgeType;
+    if (type2 === "segments") {
+      return getPts(rs.segpts);
+    }
+  };
+  BRp$c.getControlPoints = function(edge) {
+    var rs = edge[0]._private.rscratch;
+    this.recalculateRenderedStyle(edge);
+    var type2 = rs.edgeType;
+    if (type2 === "bezier" || type2 === "multibezier" || type2 === "self" || type2 === "compound") {
+      return getPts(rs.ctrlpts);
+    }
+  };
+  BRp$c.getEdgeMidpoint = function(edge) {
+    var rs = edge[0]._private.rscratch;
+    this.recalculateRenderedStyle(edge);
+    return {
+      x: rs.midX,
+      y: rs.midY
+    };
+  };
+  var BRp$b = {};
+  BRp$b.manualEndptToPx = function(node, prop) {
+    var r = this;
+    var npos = node.position();
+    var w = node.outerWidth();
+    var h = node.outerHeight();
+    var rs = node._private.rscratch;
+    if (prop.value.length === 2) {
+      var p2 = [prop.pfValue[0], prop.pfValue[1]];
+      if (prop.units[0] === "%") {
+        p2[0] = p2[0] * w;
+      }
+      if (prop.units[1] === "%") {
+        p2[1] = p2[1] * h;
+      }
+      p2[0] += npos.x;
+      p2[1] += npos.y;
+      return p2;
+    } else {
+      var angle2 = prop.pfValue[0];
+      angle2 = -Math.PI / 2 + angle2;
+      var l = 2 * Math.max(w, h);
+      var _p = [npos.x + Math.cos(angle2) * l, npos.y + Math.sin(angle2) * l];
+      return r.nodeShapes[this.getNodeShape(node)].intersectLine(npos.x, npos.y, w, h, _p[0], _p[1], 0, node.pstyle("corner-radius").value === "auto" ? "auto" : node.pstyle("corner-radius").pfValue, rs);
+    }
+  };
+  BRp$b.findEndpoints = function(edge) {
+    var _ref, _tgtManEndpt$pfValue, _ref2, _srcManEndpt$pfValue;
+    var r = this;
+    var intersect;
+    var source = edge.source()[0];
+    var target = edge.target()[0];
+    var srcPos = source.position();
+    var tgtPos = target.position();
+    var tgtArShape = edge.pstyle("target-arrow-shape").value;
+    var srcArShape = edge.pstyle("source-arrow-shape").value;
+    var tgtDist = edge.pstyle("target-distance-from-node").pfValue;
+    var srcDist = edge.pstyle("source-distance-from-node").pfValue;
+    var srcRs = source._private.rscratch;
+    var tgtRs = target._private.rscratch;
+    var curveStyle = edge.pstyle("curve-style").value;
+    var rs = edge._private.rscratch;
+    var et = rs.edgeType;
+    var taxi = endsWith(curveStyle, "taxi");
+    var self2 = et === "self" || et === "compound";
+    var bezier = et === "bezier" || et === "multibezier" || self2;
+    var multi = et !== "bezier";
+    var lines = et === "straight" || et === "segments";
+    var segments = et === "segments";
+    var hasEndpts = bezier || multi || lines;
+    var overrideEndpts = self2 || taxi;
+    var srcManEndpt = edge.pstyle("source-endpoint");
+    var srcManEndptVal = overrideEndpts ? "outside-to-node" : srcManEndpt.value;
+    var srcCornerRadius = source.pstyle("corner-radius").value === "auto" ? "auto" : source.pstyle("corner-radius").pfValue;
+    var tgtManEndpt = edge.pstyle("target-endpoint");
+    var tgtManEndptVal = overrideEndpts ? "outside-to-node" : tgtManEndpt.value;
+    var tgtCornerRadius = target.pstyle("corner-radius").value === "auto" ? "auto" : target.pstyle("corner-radius").pfValue;
+    rs.srcManEndpt = srcManEndpt;
+    rs.tgtManEndpt = tgtManEndpt;
+    var p1;
+    var p2;
+    var p1_i;
+    var p2_i;
+    var tgtManEndptPt = (_ref = (tgtManEndpt === null || tgtManEndpt === void 0 || (_tgtManEndpt$pfValue = tgtManEndpt.pfValue) === null || _tgtManEndpt$pfValue === void 0 ? void 0 : _tgtManEndpt$pfValue.length) === 2 ? tgtManEndpt.pfValue : null) !== null && _ref !== void 0 ? _ref : [0, 0];
+    var srcManEndptPt = (_ref2 = (srcManEndpt === null || srcManEndpt === void 0 || (_srcManEndpt$pfValue = srcManEndpt.pfValue) === null || _srcManEndpt$pfValue === void 0 ? void 0 : _srcManEndpt$pfValue.length) === 2 ? srcManEndpt.pfValue : null) !== null && _ref2 !== void 0 ? _ref2 : [0, 0];
+    if (bezier) {
+      var cpStart = [rs.ctrlpts[0], rs.ctrlpts[1]];
+      var cpEnd = multi ? [rs.ctrlpts[rs.ctrlpts.length - 2], rs.ctrlpts[rs.ctrlpts.length - 1]] : cpStart;
+      p1 = cpEnd;
+      p2 = cpStart;
+    } else if (lines) {
+      var srcArrowFromPt = !segments ? [tgtPos.x + tgtManEndptPt[0], tgtPos.y + tgtManEndptPt[1]] : rs.segpts.slice(0, 2);
+      var tgtArrowFromPt = !segments ? [srcPos.x + srcManEndptPt[0], srcPos.y + srcManEndptPt[1]] : rs.segpts.slice(rs.segpts.length - 2);
+      p1 = tgtArrowFromPt;
+      p2 = srcArrowFromPt;
+    }
+    if (tgtManEndptVal === "inside-to-node") {
+      intersect = [tgtPos.x, tgtPos.y];
+    } else if (tgtManEndpt.units) {
+      intersect = this.manualEndptToPx(target, tgtManEndpt);
+    } else if (tgtManEndptVal === "outside-to-line") {
+      intersect = rs.tgtIntn;
+    } else {
+      if (tgtManEndptVal === "outside-to-node" || tgtManEndptVal === "outside-to-node-or-label") {
+        p1_i = p1;
+      } else if (tgtManEndptVal === "outside-to-line" || tgtManEndptVal === "outside-to-line-or-label") {
+        p1_i = [srcPos.x, srcPos.y];
+      }
+      intersect = r.nodeShapes[this.getNodeShape(target)].intersectLine(tgtPos.x, tgtPos.y, target.outerWidth(), target.outerHeight(), p1_i[0], p1_i[1], 0, tgtCornerRadius, tgtRs);
+      if (tgtManEndptVal === "outside-to-node-or-label" || tgtManEndptVal === "outside-to-line-or-label") {
+        var trs = target._private.rscratch;
+        var lw = trs.labelWidth;
+        var lh = trs.labelHeight;
+        var lx = trs.labelX;
+        var ly = trs.labelY;
+        var lw2 = lw / 2;
+        var lh2 = lh / 2;
+        var va = target.pstyle("text-valign").value;
+        if (va === "top") {
+          ly -= lh2;
+        } else if (va === "bottom") {
+          ly += lh2;
+        }
+        var ha = target.pstyle("text-halign").value;
+        if (ha === "left") {
+          lx -= lw2;
+        } else if (ha === "right") {
+          lx += lw2;
+        }
+        var labelIntersect = polygonIntersectLine(p1_i[0], p1_i[1], [lx - lw2, ly - lh2, lx + lw2, ly - lh2, lx + lw2, ly + lh2, lx - lw2, ly + lh2], tgtPos.x, tgtPos.y);
+        if (labelIntersect.length > 0) {
+          var refPt = srcPos;
+          var intSqdist = sqdist(refPt, array2point(intersect));
+          var labIntSqdist = sqdist(refPt, array2point(labelIntersect));
+          var minSqDist = intSqdist;
+          if (labIntSqdist < intSqdist) {
+            intersect = labelIntersect;
+            minSqDist = labIntSqdist;
+          }
+          if (labelIntersect.length > 2) {
+            var labInt2SqDist = sqdist(refPt, {
+              x: labelIntersect[2],
+              y: labelIntersect[3]
+            });
+            if (labInt2SqDist < minSqDist) {
+              intersect = [labelIntersect[2], labelIntersect[3]];
+            }
+          }
+        }
+      }
+    }
+    var arrowEnd = shortenIntersection(intersect, p1, r.arrowShapes[tgtArShape].spacing(edge) + tgtDist);
+    var edgeEnd = shortenIntersection(intersect, p1, r.arrowShapes[tgtArShape].gap(edge) + tgtDist);
+    rs.endX = edgeEnd[0];
+    rs.endY = edgeEnd[1];
+    rs.arrowEndX = arrowEnd[0];
+    rs.arrowEndY = arrowEnd[1];
+    if (srcManEndptVal === "inside-to-node") {
+      intersect = [srcPos.x, srcPos.y];
+    } else if (srcManEndpt.units) {
+      intersect = this.manualEndptToPx(source, srcManEndpt);
+    } else if (srcManEndptVal === "outside-to-line") {
+      intersect = rs.srcIntn;
+    } else {
+      if (srcManEndptVal === "outside-to-node" || srcManEndptVal === "outside-to-node-or-label") {
+        p2_i = p2;
+      } else if (srcManEndptVal === "outside-to-line" || srcManEndptVal === "outside-to-line-or-label") {
+        p2_i = [tgtPos.x, tgtPos.y];
+      }
+      intersect = r.nodeShapes[this.getNodeShape(source)].intersectLine(srcPos.x, srcPos.y, source.outerWidth(), source.outerHeight(), p2_i[0], p2_i[1], 0, srcCornerRadius, srcRs);
+      if (srcManEndptVal === "outside-to-node-or-label" || srcManEndptVal === "outside-to-line-or-label") {
+        var srs = source._private.rscratch;
+        var _lw = srs.labelWidth;
+        var _lh = srs.labelHeight;
+        var _lx = srs.labelX;
+        var _ly = srs.labelY;
+        var _lw2 = _lw / 2;
+        var _lh2 = _lh / 2;
+        var _va = source.pstyle("text-valign").value;
+        if (_va === "top") {
+          _ly -= _lh2;
+        } else if (_va === "bottom") {
+          _ly += _lh2;
+        }
+        var _ha = source.pstyle("text-halign").value;
+        if (_ha === "left") {
+          _lx -= _lw2;
+        } else if (_ha === "right") {
+          _lx += _lw2;
+        }
+        var _labelIntersect = polygonIntersectLine(p2_i[0], p2_i[1], [_lx - _lw2, _ly - _lh2, _lx + _lw2, _ly - _lh2, _lx + _lw2, _ly + _lh2, _lx - _lw2, _ly + _lh2], srcPos.x, srcPos.y);
+        if (_labelIntersect.length > 0) {
+          var _refPt = tgtPos;
+          var _intSqdist = sqdist(_refPt, array2point(intersect));
+          var _labIntSqdist = sqdist(_refPt, array2point(_labelIntersect));
+          var _minSqDist = _intSqdist;
+          if (_labIntSqdist < _intSqdist) {
+            intersect = [_labelIntersect[0], _labelIntersect[1]];
+            _minSqDist = _labIntSqdist;
+          }
+          if (_labelIntersect.length > 2) {
+            var _labInt2SqDist = sqdist(_refPt, {
+              x: _labelIntersect[2],
+              y: _labelIntersect[3]
+            });
+            if (_labInt2SqDist < _minSqDist) {
+              intersect = [_labelIntersect[2], _labelIntersect[3]];
+            }
+          }
+        }
+      }
+    }
+    var arrowStart = shortenIntersection(intersect, p2, r.arrowShapes[srcArShape].spacing(edge) + srcDist);
+    var edgeStart = shortenIntersection(intersect, p2, r.arrowShapes[srcArShape].gap(edge) + srcDist);
+    rs.startX = edgeStart[0];
+    rs.startY = edgeStart[1];
+    rs.arrowStartX = arrowStart[0];
+    rs.arrowStartY = arrowStart[1];
+    if (hasEndpts) {
+      if (!number$1(rs.startX) || !number$1(rs.startY) || !number$1(rs.endX) || !number$1(rs.endY)) {
+        rs.badLine = true;
+      } else {
+        rs.badLine = false;
+      }
+    }
+  };
+  BRp$b.getSourceEndpoint = function(edge) {
+    var rs = edge[0]._private.rscratch;
+    this.recalculateRenderedStyle(edge);
+    switch (rs.edgeType) {
+      case "haystack":
+        return {
+          x: rs.haystackPts[0],
+          y: rs.haystackPts[1]
+        };
+      default:
+        return {
+          x: rs.arrowStartX,
+          y: rs.arrowStartY
+        };
+    }
+  };
+  BRp$b.getTargetEndpoint = function(edge) {
+    var rs = edge[0]._private.rscratch;
+    this.recalculateRenderedStyle(edge);
+    switch (rs.edgeType) {
+      case "haystack":
+        return {
+          x: rs.haystackPts[2],
+          y: rs.haystackPts[3]
+        };
+      default:
+        return {
+          x: rs.arrowEndX,
+          y: rs.arrowEndY
+        };
+    }
+  };
+  var BRp$a = {};
+  function pushBezierPts(r, edge, pts2) {
+    var qbezierAt$1 = function qbezierAt$12(p1, p22, p3, t2) {
+      return qbezierAt(p1, p22, p3, t2);
+    };
+    var _p = edge._private;
+    var bpts = _p.rstyle.bezierPts;
+    for (var i2 = 0; i2 < r.bezierProjPcts.length; i2++) {
+      var p2 = r.bezierProjPcts[i2];
+      bpts.push({
+        x: qbezierAt$1(pts2[0], pts2[2], pts2[4], p2),
+        y: qbezierAt$1(pts2[1], pts2[3], pts2[5], p2)
+      });
+    }
+  }
+  BRp$a.storeEdgeProjections = function(edge) {
+    var _p = edge._private;
+    var rs = _p.rscratch;
+    var et = rs.edgeType;
+    _p.rstyle.bezierPts = null;
+    _p.rstyle.linePts = null;
+    _p.rstyle.haystackPts = null;
+    if (et === "multibezier" || et === "bezier" || et === "self" || et === "compound") {
+      _p.rstyle.bezierPts = [];
+      for (var i2 = 0; i2 + 5 < rs.allpts.length; i2 += 4) {
+        pushBezierPts(this, edge, rs.allpts.slice(i2, i2 + 6));
+      }
+    } else if (et === "segments") {
+      var lpts = _p.rstyle.linePts = [];
+      for (var i2 = 0; i2 + 1 < rs.allpts.length; i2 += 2) {
+        lpts.push({
+          x: rs.allpts[i2],
+          y: rs.allpts[i2 + 1]
+        });
+      }
+    } else if (et === "haystack") {
+      var hpts = rs.haystackPts;
+      _p.rstyle.haystackPts = [{
+        x: hpts[0],
+        y: hpts[1]
+      }, {
+        x: hpts[2],
+        y: hpts[3]
+      }];
+    }
+    _p.rstyle.arrowWidth = this.getArrowWidth(edge.pstyle("width").pfValue, edge.pstyle("arrow-scale").value) * this.arrowShapeWidth;
+  };
+  BRp$a.recalculateEdgeProjections = function(edges) {
+    this.findEdgeControlPoints(edges);
+  };
+  var BRp$9 = {};
+  BRp$9.recalculateNodeLabelProjection = function(node) {
+    var content2 = node.pstyle("label").strValue;
+    if (emptyString(content2)) {
+      return;
+    }
+    var textX, textY;
+    var _p = node._private;
+    var nodeWidth = node.width();
+    var nodeHeight = node.height();
+    var padding = node.padding();
+    var nodePos = node.position();
+    var textHalign = node.pstyle("text-halign").strValue;
+    var textValign = node.pstyle("text-valign").strValue;
+    var rs = _p.rscratch;
+    var rstyle = _p.rstyle;
+    switch (textHalign) {
+      case "left":
+        textX = nodePos.x - nodeWidth / 2 - padding;
+        break;
+      case "right":
+        textX = nodePos.x + nodeWidth / 2 + padding;
+        break;
+      default:
+        textX = nodePos.x;
+    }
+    switch (textValign) {
+      case "top":
+        textY = nodePos.y - nodeHeight / 2 - padding;
+        break;
+      case "bottom":
+        textY = nodePos.y + nodeHeight / 2 + padding;
+        break;
+      default:
+        textY = nodePos.y;
+    }
+    rs.labelX = textX;
+    rs.labelY = textY;
+    rstyle.labelX = textX;
+    rstyle.labelY = textY;
+    this.calculateLabelAngles(node);
+    this.applyLabelDimensions(node);
+  };
+  var lineAngleFromDelta = function lineAngleFromDelta2(dx, dy) {
+    var angle2 = Math.atan(dy / dx);
+    if (dx === 0 && angle2 < 0) {
+      angle2 = angle2 * -1;
+    }
+    return angle2;
+  };
+  var lineAngle = function lineAngle2(p0, p1) {
+    var dx = p1.x - p0.x;
+    var dy = p1.y - p0.y;
+    return lineAngleFromDelta(dx, dy);
+  };
+  var bezierAngle = function bezierAngle2(p0, p1, p2, t2) {
+    var t0 = bound(0, t2 - 1e-3, 1);
+    var t1 = bound(0, t2 + 1e-3, 1);
+    var lp0 = qbezierPtAt(p0, p1, p2, t0);
+    var lp1 = qbezierPtAt(p0, p1, p2, t1);
+    return lineAngle(lp0, lp1);
+  };
+  BRp$9.recalculateEdgeLabelProjections = function(edge) {
+    var p2;
+    var _p = edge._private;
+    var rs = _p.rscratch;
+    var r = this;
+    var content2 = {
+      mid: edge.pstyle("label").strValue,
+      source: edge.pstyle("source-label").strValue,
+      target: edge.pstyle("target-label").strValue
+    };
+    if (content2.mid || content2.source || content2.target) ;
+    else {
+      return;
+    }
+    p2 = {
+      x: rs.midX,
+      y: rs.midY
+    };
+    var setRs = function setRs2(propName, prefix, value) {
+      setPrefixedProperty(_p.rscratch, propName, prefix, value);
+      setPrefixedProperty(_p.rstyle, propName, prefix, value);
+    };
+    setRs("labelX", null, p2.x);
+    setRs("labelY", null, p2.y);
+    var midAngle = lineAngleFromDelta(rs.midDispX, rs.midDispY);
+    setRs("labelAutoAngle", null, midAngle);
+    var _createControlPointInfo = function createControlPointInfo() {
+      if (_createControlPointInfo.cache) {
+        return _createControlPointInfo.cache;
+      }
+      var ctrlpts = [];
+      for (var i2 = 0; i2 + 5 < rs.allpts.length; i2 += 4) {
+        var p0 = {
+          x: rs.allpts[i2],
+          y: rs.allpts[i2 + 1]
+        };
+        var p1 = {
+          x: rs.allpts[i2 + 2],
+          y: rs.allpts[i2 + 3]
+        };
+        var p22 = {
+          x: rs.allpts[i2 + 4],
+          y: rs.allpts[i2 + 5]
+        };
+        ctrlpts.push({
+          p0,
+          p1,
+          p2: p22,
+          startDist: 0,
+          length: 0,
+          segments: []
+        });
+      }
+      var bpts = _p.rstyle.bezierPts;
+      var nProjs = r.bezierProjPcts.length;
+      function addSegment(cp2, p02, p12, t0, t1) {
+        var length = dist(p02, p12);
+        var prevSegment = cp2.segments[cp2.segments.length - 1];
+        var segment = {
+          p0: p02,
+          p1: p12,
+          t0,
+          t1,
+          startDist: prevSegment ? prevSegment.startDist + prevSegment.length : 0,
+          length
+        };
+        cp2.segments.push(segment);
+        cp2.length += length;
+      }
+      for (var _i = 0; _i < ctrlpts.length; _i++) {
+        var cp = ctrlpts[_i];
+        var prevCp = ctrlpts[_i - 1];
+        if (prevCp) {
+          cp.startDist = prevCp.startDist + prevCp.length;
+        }
+        addSegment(cp, cp.p0, bpts[_i * nProjs], 0, r.bezierProjPcts[0]);
+        for (var j = 0; j < nProjs - 1; j++) {
+          addSegment(cp, bpts[_i * nProjs + j], bpts[_i * nProjs + j + 1], r.bezierProjPcts[j], r.bezierProjPcts[j + 1]);
+        }
+        addSegment(cp, bpts[_i * nProjs + nProjs - 1], cp.p2, r.bezierProjPcts[nProjs - 1], 1);
+      }
+      return _createControlPointInfo.cache = ctrlpts;
+    };
+    var calculateEndProjection = function calculateEndProjection2(prefix) {
+      var angle2;
+      var isSrc = prefix === "source";
+      if (!content2[prefix]) {
+        return;
+      }
+      var offset = edge.pstyle(prefix + "-text-offset").pfValue;
+      switch (rs.edgeType) {
+        case "self":
+        case "compound":
+        case "bezier":
+        case "multibezier": {
+          var cps = _createControlPointInfo();
+          var selected;
+          var startDist = 0;
+          var totalDist = 0;
+          for (var i2 = 0; i2 < cps.length; i2++) {
+            var _cp = cps[isSrc ? i2 : cps.length - 1 - i2];
+            for (var j = 0; j < _cp.segments.length; j++) {
+              var _seg = _cp.segments[isSrc ? j : _cp.segments.length - 1 - j];
+              var lastSeg = i2 === cps.length - 1 && j === _cp.segments.length - 1;
+              startDist = totalDist;
+              totalDist += _seg.length;
+              if (totalDist >= offset || lastSeg) {
+                selected = {
+                  cp: _cp,
+                  segment: _seg
+                };
+                break;
+              }
+            }
+            if (selected) {
+              break;
+            }
+          }
+          var cp = selected.cp;
+          var seg = selected.segment;
+          var tSegment = (offset - startDist) / seg.length;
+          var segDt = seg.t1 - seg.t0;
+          var t2 = isSrc ? seg.t0 + segDt * tSegment : seg.t1 - segDt * tSegment;
+          t2 = bound(0, t2, 1);
+          p2 = qbezierPtAt(cp.p0, cp.p1, cp.p2, t2);
+          angle2 = bezierAngle(cp.p0, cp.p1, cp.p2, t2);
+          break;
+        }
+        case "straight":
+        case "segments":
+        case "haystack": {
+          var d = 0, di, d0;
+          var p0, p1;
+          var l = rs.allpts.length;
+          for (var _i2 = 0; _i2 + 3 < l; _i2 += 2) {
+            if (isSrc) {
+              p0 = {
+                x: rs.allpts[_i2],
+                y: rs.allpts[_i2 + 1]
+              };
+              p1 = {
+                x: rs.allpts[_i2 + 2],
+                y: rs.allpts[_i2 + 3]
+              };
+            } else {
+              p0 = {
+                x: rs.allpts[l - 2 - _i2],
+                y: rs.allpts[l - 1 - _i2]
+              };
+              p1 = {
+                x: rs.allpts[l - 4 - _i2],
+                y: rs.allpts[l - 3 - _i2]
+              };
+            }
+            di = dist(p0, p1);
+            d0 = d;
+            d += di;
+            if (d >= offset) {
+              break;
+            }
+          }
+          var pD = offset - d0;
+          var _t = pD / di;
+          _t = bound(0, _t, 1);
+          p2 = lineAt(p0, p1, _t);
+          angle2 = lineAngle(p0, p1);
+          break;
+        }
+      }
+      setRs("labelX", prefix, p2.x);
+      setRs("labelY", prefix, p2.y);
+      setRs("labelAutoAngle", prefix, angle2);
+    };
+    calculateEndProjection("source");
+    calculateEndProjection("target");
+    this.applyLabelDimensions(edge);
+  };
+  BRp$9.applyLabelDimensions = function(ele) {
+    this.applyPrefixedLabelDimensions(ele);
+    if (ele.isEdge()) {
+      this.applyPrefixedLabelDimensions(ele, "source");
+      this.applyPrefixedLabelDimensions(ele, "target");
+    }
+  };
+  BRp$9.applyPrefixedLabelDimensions = function(ele, prefix) {
+    var _p = ele._private;
+    var text = this.getLabelText(ele, prefix);
+    var cacheKey = hashString(text, ele._private.labelDimsKey);
+    if (getPrefixedProperty(_p.rscratch, "prefixedLabelDimsKey", prefix) === cacheKey) {
+      return;
+    }
+    setPrefixedProperty(_p.rscratch, "prefixedLabelDimsKey", prefix, cacheKey);
+    var labelDims = this.calculateLabelDimensions(ele, text);
+    var lineHeight = ele.pstyle("line-height").pfValue;
+    var textWrap = ele.pstyle("text-wrap").strValue;
+    var lines = getPrefixedProperty(_p.rscratch, "labelWrapCachedLines", prefix) || [];
+    var numLines = textWrap !== "wrap" ? 1 : Math.max(lines.length, 1);
+    var normPerLineHeight = labelDims.height / numLines;
+    var labelLineHeight = normPerLineHeight * lineHeight;
+    var width = labelDims.width;
+    var height = labelDims.height + (numLines - 1) * (lineHeight - 1) * normPerLineHeight;
+    setPrefixedProperty(_p.rstyle, "labelWidth", prefix, width);
+    setPrefixedProperty(_p.rscratch, "labelWidth", prefix, width);
+    setPrefixedProperty(_p.rstyle, "labelHeight", prefix, height);
+    setPrefixedProperty(_p.rscratch, "labelHeight", prefix, height);
+    setPrefixedProperty(_p.rscratch, "labelLineHeight", prefix, labelLineHeight);
+  };
+  BRp$9.getLabelText = function(ele, prefix) {
+    var _p = ele._private;
+    var pfd = prefix ? prefix + "-" : "";
+    var text = ele.pstyle(pfd + "label").strValue;
+    var textTransform = ele.pstyle("text-transform").value;
+    var rscratch = function rscratch2(propName, value) {
+      if (value) {
+        setPrefixedProperty(_p.rscratch, propName, prefix, value);
+        return value;
+      } else {
+        return getPrefixedProperty(_p.rscratch, propName, prefix);
+      }
+    };
+    if (!text) {
+      return "";
+    }
+    if (textTransform == "none") ;
+    else if (textTransform == "uppercase") {
+      text = text.toUpperCase();
+    } else if (textTransform == "lowercase") {
+      text = text.toLowerCase();
+    }
+    var wrapStyle = ele.pstyle("text-wrap").value;
+    if (wrapStyle === "wrap") {
+      var labelKey = rscratch("labelKey");
+      if (labelKey != null && rscratch("labelWrapKey") === labelKey) {
+        return rscratch("labelWrapCachedText");
+      }
+      var zwsp = "​";
+      var lines = text.split("\n");
+      var maxW = ele.pstyle("text-max-width").pfValue;
+      var overflow = ele.pstyle("text-overflow-wrap").value;
+      var overflowAny = overflow === "anywhere";
+      var wrappedLines = [];
+      var separatorRegex = /[\s\u200b]+|$/g;
+      for (var l = 0; l < lines.length; l++) {
+        var line = lines[l];
+        var lineDims = this.calculateLabelDimensions(ele, line);
+        var lineW = lineDims.width;
+        if (overflowAny) {
+          var processedLine = line.split("").join(zwsp);
+          line = processedLine;
+        }
+        if (lineW > maxW) {
+          var separatorMatches = line.matchAll(separatorRegex);
+          var subline = "";
+          var previousIndex = 0;
+          var _iterator = _createForOfIteratorHelper(separatorMatches), _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+              var separatorMatch = _step.value;
+              var wordSeparator = separatorMatch[0];
+              var word = line.substring(previousIndex, separatorMatch.index);
+              previousIndex = separatorMatch.index + wordSeparator.length;
+              var testLine = subline.length === 0 ? word : subline + word + wordSeparator;
+              var testDims = this.calculateLabelDimensions(ele, testLine);
+              var testW = testDims.width;
+              if (testW <= maxW) {
+                subline += word + wordSeparator;
+              } else {
+                if (subline) {
+                  wrappedLines.push(subline);
+                }
+                subline = word + wordSeparator;
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+          if (!subline.match(/^[\s\u200b]+$/)) {
+            wrappedLines.push(subline);
+          }
+        } else {
+          wrappedLines.push(line);
+        }
+      }
+      rscratch("labelWrapCachedLines", wrappedLines);
+      text = rscratch("labelWrapCachedText", wrappedLines.join("\n"));
+      rscratch("labelWrapKey", labelKey);
+    } else if (wrapStyle === "ellipsis") {
+      var _maxW = ele.pstyle("text-max-width").pfValue;
+      var ellipsized = "";
+      var ellipsis = "…";
+      var incLastCh = false;
+      if (this.calculateLabelDimensions(ele, text).width < _maxW) {
+        return text;
+      }
+      for (var i2 = 0; i2 < text.length; i2++) {
+        var widthWithNextCh = this.calculateLabelDimensions(ele, ellipsized + text[i2] + ellipsis).width;
+        if (widthWithNextCh > _maxW) {
+          break;
+        }
+        ellipsized += text[i2];
+        if (i2 === text.length - 1) {
+          incLastCh = true;
+        }
+      }
+      if (!incLastCh) {
+        ellipsized += ellipsis;
+      }
+      return ellipsized;
+    }
+    return text;
+  };
+  BRp$9.getLabelJustification = function(ele) {
+    var justification = ele.pstyle("text-justification").strValue;
+    var textHalign = ele.pstyle("text-halign").strValue;
+    if (justification === "auto") {
+      if (ele.isNode()) {
+        switch (textHalign) {
+          case "left":
+            return "right";
+          case "right":
+            return "left";
+          default:
+            return "center";
+        }
+      } else {
+        return "center";
+      }
+    } else {
+      return justification;
+    }
+  };
+  BRp$9.calculateLabelDimensions = function(ele, text) {
+    var r = this;
+    var containerWindow = r.cy.window();
+    var document2 = containerWindow.document;
+    var padding = 0;
+    var fStyle = ele.pstyle("font-style").strValue;
+    var size = ele.pstyle("font-size").pfValue;
+    var family = ele.pstyle("font-family").strValue;
+    var weight = ele.pstyle("font-weight").strValue;
+    var canvas = this.labelCalcCanvas;
+    var c2d = this.labelCalcCanvasContext;
+    if (!canvas) {
+      canvas = this.labelCalcCanvas = document2.createElement("canvas");
+      c2d = this.labelCalcCanvasContext = canvas.getContext("2d");
+      var ds = canvas.style;
+      ds.position = "absolute";
+      ds.left = "-9999px";
+      ds.top = "-9999px";
+      ds.zIndex = "-1";
+      ds.visibility = "hidden";
+      ds.pointerEvents = "none";
+    }
+    c2d.font = "".concat(fStyle, " ").concat(weight, " ").concat(size, "px ").concat(family);
+    var width = 0;
+    var height = 0;
+    var lines = text.split("\n");
+    for (var i2 = 0; i2 < lines.length; i2++) {
+      var line = lines[i2];
+      var metrics = c2d.measureText(line);
+      var w = Math.ceil(metrics.width);
+      var h = size;
+      width = Math.max(w, width);
+      height += h;
+    }
+    width += padding;
+    height += padding;
+    return {
+      width,
+      height
+    };
+  };
+  BRp$9.calculateLabelAngle = function(ele, prefix) {
+    var _p = ele._private;
+    var rs = _p.rscratch;
+    var isEdge = ele.isEdge();
+    var prefixDash = prefix ? prefix + "-" : "";
+    var rot = ele.pstyle(prefixDash + "text-rotation");
+    var rotStr = rot.strValue;
+    if (rotStr === "none") {
+      return 0;
+    } else if (isEdge && rotStr === "autorotate") {
+      return rs.labelAutoAngle;
+    } else if (rotStr === "autorotate") {
+      return 0;
+    } else {
+      return rot.pfValue;
+    }
+  };
+  BRp$9.calculateLabelAngles = function(ele) {
+    var r = this;
+    var isEdge = ele.isEdge();
+    var _p = ele._private;
+    var rs = _p.rscratch;
+    rs.labelAngle = r.calculateLabelAngle(ele);
+    if (isEdge) {
+      rs.sourceLabelAngle = r.calculateLabelAngle(ele, "source");
+      rs.targetLabelAngle = r.calculateLabelAngle(ele, "target");
+    }
+  };
+  var BRp$8 = {};
+  var TOO_SMALL_CUT_RECT = 28;
+  var warnedCutRect = false;
+  BRp$8.getNodeShape = function(node) {
+    var r = this;
+    var shape = node.pstyle("shape").value;
+    if (shape === "cutrectangle" && (node.width() < TOO_SMALL_CUT_RECT || node.height() < TOO_SMALL_CUT_RECT)) {
+      if (!warnedCutRect) {
+        warn("The `cutrectangle` node shape can not be used at small sizes so `rectangle` is used instead");
+        warnedCutRect = true;
+      }
+      return "rectangle";
+    }
+    if (node.isParent()) {
+      if (shape === "rectangle" || shape === "roundrectangle" || shape === "round-rectangle" || shape === "cutrectangle" || shape === "cut-rectangle" || shape === "barrel") {
+        return shape;
+      } else {
+        return "rectangle";
+      }
+    }
+    if (shape === "polygon") {
+      var points = node.pstyle("shape-polygon-points").value;
+      return r.nodeShapes.makePolygon(points).name;
+    }
+    return shape;
+  };
+  var BRp$7 = {};
+  BRp$7.registerCalculationListeners = function() {
+    var cy = this.cy;
+    var elesToUpdate = cy.collection();
+    var r = this;
+    var enqueue = function enqueue2(eles) {
+      var dirtyStyleCaches = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+      elesToUpdate.merge(eles);
+      if (dirtyStyleCaches) {
+        for (var i2 = 0; i2 < eles.length; i2++) {
+          var ele = eles[i2];
+          var _p = ele._private;
+          var rstyle = _p.rstyle;
+          rstyle.clean = false;
+          rstyle.cleanConnected = false;
+        }
+      }
+    };
+    r.binder(cy).on("bounds.* dirty.*", function onDirtyBounds(e) {
+      var ele = e.target;
+      enqueue(ele);
+    }).on("style.* background.*", function onDirtyStyle(e) {
+      var ele = e.target;
+      enqueue(ele, false);
+    });
+    var updateEleCalcs = function updateEleCalcs2(willDraw) {
+      if (willDraw) {
+        var fns = r.onUpdateEleCalcsFns;
+        elesToUpdate.cleanStyle();
+        for (var i2 = 0; i2 < elesToUpdate.length; i2++) {
+          var ele = elesToUpdate[i2];
+          var rstyle = ele._private.rstyle;
+          if (ele.isNode() && !rstyle.cleanConnected) {
+            enqueue(ele.connectedEdges());
+            rstyle.cleanConnected = true;
+          }
+        }
+        if (fns) {
+          for (var _i = 0; _i < fns.length; _i++) {
+            var fn2 = fns[_i];
+            fn2(willDraw, elesToUpdate);
+          }
+        }
+        r.recalculateRenderedStyle(elesToUpdate);
+        elesToUpdate = cy.collection();
+      }
+    };
+    r.flushRenderedStyleQueue = function() {
+      updateEleCalcs(true);
+    };
+    r.beforeRender(updateEleCalcs, r.beforeRenderPriorities.eleCalcs);
+  };
+  BRp$7.onUpdateEleCalcs = function(fn2) {
+    var fns = this.onUpdateEleCalcsFns = this.onUpdateEleCalcsFns || [];
+    fns.push(fn2);
+  };
+  BRp$7.recalculateRenderedStyle = function(eles, useCache) {
+    var isCleanConnected = function isCleanConnected2(ele2) {
+      return ele2._private.rstyle.cleanConnected;
+    };
+    if (eles.length === 0) {
+      return;
+    }
+    var edges = [];
+    var nodes = [];
+    if (this.destroyed) {
+      return;
+    }
+    if (useCache === void 0) {
+      useCache = true;
+    }
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      var _p = ele._private;
+      var rstyle = _p.rstyle;
+      if (ele.isEdge() && (!isCleanConnected(ele.source()) || !isCleanConnected(ele.target()))) {
+        rstyle.clean = false;
+      }
+      if (ele.isEdge() && ele.isBundledBezier()) {
+        if (ele.parallelEdges().some(function(ele2) {
+          return !ele2._private.rstyle.clean && ele2.isBundledBezier();
+        })) {
+          rstyle.clean = false;
+        }
+      }
+      if (useCache && rstyle.clean || ele.removed()) {
+        continue;
+      }
+      if (ele.pstyle("display").value === "none") {
+        continue;
+      }
+      if (_p.group === "nodes") {
+        nodes.push(ele);
+      } else {
+        edges.push(ele);
+      }
+      rstyle.clean = true;
+    }
+    for (var _i2 = 0; _i2 < nodes.length; _i2++) {
+      var _ele = nodes[_i2];
+      var _p2 = _ele._private;
+      var _rstyle = _p2.rstyle;
+      var pos = _ele.position();
+      this.recalculateNodeLabelProjection(_ele);
+      _rstyle.nodeX = pos.x;
+      _rstyle.nodeY = pos.y;
+      _rstyle.nodeW = _ele.pstyle("width").pfValue;
+      _rstyle.nodeH = _ele.pstyle("height").pfValue;
+    }
+    this.recalculateEdgeProjections(edges);
+    for (var _i3 = 0; _i3 < edges.length; _i3++) {
+      var _ele2 = edges[_i3];
+      var _p3 = _ele2._private;
+      var _rstyle2 = _p3.rstyle;
+      var rs = _p3.rscratch;
+      _rstyle2.srcX = rs.arrowStartX;
+      _rstyle2.srcY = rs.arrowStartY;
+      _rstyle2.tgtX = rs.arrowEndX;
+      _rstyle2.tgtY = rs.arrowEndY;
+      _rstyle2.midX = rs.midX;
+      _rstyle2.midY = rs.midY;
+      _rstyle2.labelAngle = rs.labelAngle;
+      _rstyle2.sourceLabelAngle = rs.sourceLabelAngle;
+      _rstyle2.targetLabelAngle = rs.targetLabelAngle;
+    }
+  };
+  var BRp$6 = {};
+  BRp$6.updateCachedGrabbedEles = function() {
+    var eles = this.cachedZSortedEles;
+    if (!eles) {
+      return;
+    }
+    eles.drag = [];
+    eles.nondrag = [];
+    var grabTargets = [];
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      var rs = ele._private.rscratch;
+      if (ele.grabbed() && !ele.isParent()) {
+        grabTargets.push(ele);
+      } else if (rs.inDragLayer) {
+        eles.drag.push(ele);
+      } else {
+        eles.nondrag.push(ele);
+      }
+    }
+    for (var i2 = 0; i2 < grabTargets.length; i2++) {
+      var ele = grabTargets[i2];
+      eles.drag.push(ele);
+    }
+  };
+  BRp$6.invalidateCachedZSortedEles = function() {
+    this.cachedZSortedEles = null;
+  };
+  BRp$6.getCachedZSortedEles = function(forceRecalc) {
+    if (forceRecalc || !this.cachedZSortedEles) {
+      var eles = this.cy.mutableElements().toArray();
+      eles.sort(zIndexSort);
+      eles.interactive = eles.filter(function(ele) {
+        return ele.interactive();
+      });
+      this.cachedZSortedEles = eles;
+      this.updateCachedGrabbedEles();
+    } else {
+      eles = this.cachedZSortedEles;
+    }
+    return eles;
+  };
+  var BRp$5 = {};
+  [BRp$e, BRp$d, BRp$c, BRp$b, BRp$a, BRp$9, BRp$8, BRp$7, BRp$6].forEach(function(props) {
+    extend(BRp$5, props);
+  });
+  var BRp$4 = {};
+  BRp$4.getCachedImage = function(url, crossOrigin, onLoad) {
+    var r = this;
+    var imageCache = r.imageCache = r.imageCache || {};
+    var cache2 = imageCache[url];
+    if (cache2) {
+      if (!cache2.image.complete) {
+        cache2.image.addEventListener("load", onLoad);
+      }
+      return cache2.image;
+    } else {
+      cache2 = imageCache[url] = imageCache[url] || {};
+      var image = cache2.image = new Image();
+      image.addEventListener("load", onLoad);
+      image.addEventListener("error", function() {
+        image.error = true;
+      });
+      var dataUriPrefix = "data:";
+      var isDataUri = url.substring(0, dataUriPrefix.length).toLowerCase() === dataUriPrefix;
+      if (!isDataUri) {
+        crossOrigin = crossOrigin === "null" ? null : crossOrigin;
+        image.crossOrigin = crossOrigin;
+      }
+      image.src = url;
+      return image;
+    }
+  };
+  var BRp$3 = {};
+  BRp$3.registerBinding = function(target, event2, handler, useCapture) {
+    var args = Array.prototype.slice.apply(arguments, [1]);
+    if (Array.isArray(target)) {
+      var res = [];
+      for (var i2 = 0; i2 < target.length; i2++) {
+        var t2 = target[i2];
+        if (t2 !== void 0) {
+          var b = this.binder(t2);
+          res.push(b.on.apply(b, args));
+        }
+      }
+      return res;
+    }
+    var b = this.binder(target);
+    return b.on.apply(b, args);
+  };
+  BRp$3.binder = function(tgt) {
+    var r = this;
+    var containerWindow = r.cy.window();
+    var tgtIsDom = tgt === containerWindow || tgt === containerWindow.document || tgt === containerWindow.document.body || domElement(tgt);
+    if (r.supportsPassiveEvents == null) {
+      var supportsPassive = false;
+      try {
+        var opts = Object.defineProperty({}, "passive", {
+          get: function get2() {
+            supportsPassive = true;
+            return true;
+          }
+        });
+        containerWindow.addEventListener("test", null, opts);
+      } catch (err) {
+      }
+      r.supportsPassiveEvents = supportsPassive;
+    }
+    var on = function on2(event2, handler, useCapture) {
+      var args = Array.prototype.slice.call(arguments);
+      if (tgtIsDom && r.supportsPassiveEvents) {
+        args[2] = {
+          capture: useCapture != null ? useCapture : false,
+          passive: false,
+          once: false
+        };
+      }
+      r.bindings.push({
+        target: tgt,
+        args
+      });
+      (tgt.addEventListener || tgt.on).apply(tgt, args);
+      return this;
+    };
+    return {
+      on,
+      addEventListener: on,
+      addListener: on,
+      bind: on
+    };
+  };
+  BRp$3.nodeIsDraggable = function(node) {
+    return node && node.isNode() && !node.locked() && node.grabbable();
+  };
+  BRp$3.nodeIsGrabbable = function(node) {
+    return this.nodeIsDraggable(node) && node.interactive();
+  };
+  BRp$3.load = function() {
+    var r = this;
+    var containerWindow = r.cy.window();
+    var isSelected = function isSelected2(ele) {
+      return ele.selected();
+    };
+    var getShadowRoot = function getShadowRoot2(element2) {
+      var rootNode = element2.getRootNode();
+      if (rootNode && rootNode.nodeType === 11 && rootNode.host !== void 0) {
+        return rootNode;
+      }
+    };
+    var triggerEvents = function triggerEvents2(target, names, e, position2) {
+      if (target == null) {
+        target = r.cy;
+      }
+      for (var i2 = 0; i2 < names.length; i2++) {
+        var name2 = names[i2];
+        target.emit({
+          originalEvent: e,
+          type: name2,
+          position: position2
+        });
+      }
+    };
+    var isMultSelKeyDown = function isMultSelKeyDown2(e) {
+      return e.shiftKey || e.metaKey || e.ctrlKey;
+    };
+    var allowPanningPassthrough = function allowPanningPassthrough2(down, downs) {
+      var allowPassthrough = true;
+      if (r.cy.hasCompoundNodes() && down && down.pannable()) {
+        for (var i2 = 0; downs && i2 < downs.length; i2++) {
+          var down = downs[i2];
+          if (down.isNode() && down.isParent() && !down.pannable()) {
+            allowPassthrough = false;
+            break;
+          }
+        }
+      } else {
+        allowPassthrough = true;
+      }
+      return allowPassthrough;
+    };
+    var setGrabbed = function setGrabbed2(ele) {
+      ele[0]._private.grabbed = true;
+    };
+    var setFreed = function setFreed2(ele) {
+      ele[0]._private.grabbed = false;
+    };
+    var setInDragLayer = function setInDragLayer2(ele) {
+      ele[0]._private.rscratch.inDragLayer = true;
+    };
+    var setOutDragLayer = function setOutDragLayer2(ele) {
+      ele[0]._private.rscratch.inDragLayer = false;
+    };
+    var setGrabTarget = function setGrabTarget2(ele) {
+      ele[0]._private.rscratch.isGrabTarget = true;
+    };
+    var removeGrabTarget = function removeGrabTarget2(ele) {
+      ele[0]._private.rscratch.isGrabTarget = false;
+    };
+    var addToDragList = function addToDragList2(ele, opts) {
+      var list = opts.addToList;
+      var listHasEle = list.has(ele);
+      if (!listHasEle && ele.grabbable() && !ele.locked()) {
+        list.merge(ele);
+        setGrabbed(ele);
+      }
+    };
+    var addDescendantsToDrag = function addDescendantsToDrag2(node, opts) {
+      if (!node.cy().hasCompoundNodes()) {
+        return;
+      }
+      if (opts.inDragLayer == null && opts.addToList == null) {
+        return;
+      }
+      var innerNodes = node.descendants();
+      if (opts.inDragLayer) {
+        innerNodes.forEach(setInDragLayer);
+        innerNodes.connectedEdges().forEach(setInDragLayer);
+      }
+      if (opts.addToList) {
+        addToDragList(innerNodes, opts);
+      }
+    };
+    var addNodesToDrag = function addNodesToDrag2(nodes, opts) {
+      opts = opts || {};
+      var hasCompoundNodes = nodes.cy().hasCompoundNodes();
+      if (opts.inDragLayer) {
+        nodes.forEach(setInDragLayer);
+        nodes.neighborhood().stdFilter(function(ele) {
+          return !hasCompoundNodes || ele.isEdge();
+        }).forEach(setInDragLayer);
+      }
+      if (opts.addToList) {
+        nodes.forEach(function(ele) {
+          addToDragList(ele, opts);
+        });
+      }
+      addDescendantsToDrag(nodes, opts);
+      updateAncestorsInDragLayer(nodes, {
+        inDragLayer: opts.inDragLayer
+      });
+      r.updateCachedGrabbedEles();
+    };
+    var addNodeToDrag = addNodesToDrag;
+    var freeDraggedElements = function freeDraggedElements2(grabbedEles) {
+      if (!grabbedEles) {
+        return;
+      }
+      r.getCachedZSortedEles().forEach(function(ele) {
+        setFreed(ele);
+        setOutDragLayer(ele);
+        removeGrabTarget(ele);
+      });
+      r.updateCachedGrabbedEles();
+    };
+    var updateAncestorsInDragLayer = function updateAncestorsInDragLayer2(node, opts) {
+      if (opts.inDragLayer == null && opts.addToList == null) {
+        return;
+      }
+      if (!node.cy().hasCompoundNodes()) {
+        return;
+      }
+      var parent = node.ancestors().orphans();
+      if (parent.same(node)) {
+        return;
+      }
+      var nodes = parent.descendants().spawnSelf().merge(parent).unmerge(node).unmerge(node.descendants());
+      var edges = nodes.connectedEdges();
+      if (opts.inDragLayer) {
+        edges.forEach(setInDragLayer);
+        nodes.forEach(setInDragLayer);
+      }
+      if (opts.addToList) {
+        nodes.forEach(function(ele) {
+          addToDragList(ele, opts);
+        });
+      }
+    };
+    var blurActiveDomElement = function blurActiveDomElement2() {
+      if (document.activeElement != null && document.activeElement.blur != null) {
+        document.activeElement.blur();
+      }
+    };
+    var haveMutationsApi = typeof MutationObserver !== "undefined";
+    var haveResizeObserverApi = typeof ResizeObserver !== "undefined";
+    if (haveMutationsApi) {
+      r.removeObserver = new MutationObserver(function(mutns) {
+        for (var i2 = 0; i2 < mutns.length; i2++) {
+          var mutn = mutns[i2];
+          var rNodes = mutn.removedNodes;
+          if (rNodes) {
+            for (var j = 0; j < rNodes.length; j++) {
+              var rNode = rNodes[j];
+              if (rNode === r.container) {
+                r.destroy();
+                break;
+              }
+            }
+          }
+        }
+      });
+      if (r.container.parentNode) {
+        r.removeObserver.observe(r.container.parentNode, {
+          childList: true
+        });
+      }
+    } else {
+      r.registerBinding(r.container, "DOMNodeRemoved", function(e) {
+        r.destroy();
+      });
+    }
+    var onResize = debounce(function() {
+      r.cy.resize();
+    }, 100);
+    if (haveMutationsApi) {
+      r.styleObserver = new MutationObserver(onResize);
+      r.styleObserver.observe(r.container, {
+        attributes: true
+      });
+    }
+    r.registerBinding(containerWindow, "resize", onResize);
+    if (haveResizeObserverApi) {
+      r.resizeObserver = new ResizeObserver(onResize);
+      r.resizeObserver.observe(r.container);
+    }
+    var forEachUp = function forEachUp2(domEle, fn2) {
+      while (domEle != null) {
+        fn2(domEle);
+        domEle = domEle.parentNode;
+      }
+    };
+    var invalidateCoords = function invalidateCoords2() {
+      r.invalidateContainerClientCoordsCache();
+    };
+    forEachUp(r.container, function(domEle) {
+      r.registerBinding(domEle, "transitionend", invalidateCoords);
+      r.registerBinding(domEle, "animationend", invalidateCoords);
+      r.registerBinding(domEle, "scroll", invalidateCoords);
+    });
+    r.registerBinding(r.container, "contextmenu", function(e) {
+      e.preventDefault();
+    });
+    var inBoxSelection = function inBoxSelection2() {
+      return r.selection[4] !== 0;
+    };
+    var eventInContainer = function eventInContainer2(e) {
+      var containerPageCoords = r.findContainerClientCoords();
+      var x2 = containerPageCoords[0];
+      var y2 = containerPageCoords[1];
+      var width = containerPageCoords[2];
+      var height = containerPageCoords[3];
+      var positions = e.touches ? e.touches : [e];
+      var atLeastOnePosInside = false;
+      for (var i2 = 0; i2 < positions.length; i2++) {
+        var p2 = positions[i2];
+        if (x2 <= p2.clientX && p2.clientX <= x2 + width && y2 <= p2.clientY && p2.clientY <= y2 + height) {
+          atLeastOnePosInside = true;
+          break;
+        }
+      }
+      if (!atLeastOnePosInside) {
+        return false;
+      }
+      var container = r.container;
+      var target = e.target;
+      var tParent = target.parentNode;
+      var containerIsTarget = false;
+      while (tParent) {
+        if (tParent === container) {
+          containerIsTarget = true;
+          break;
+        }
+        tParent = tParent.parentNode;
+      }
+      if (!containerIsTarget) {
+        return false;
+      }
+      return true;
+    };
+    r.registerBinding(r.container, "mousedown", function mousedownHandler(e) {
+      if (!eventInContainer(e)) {
+        return;
+      }
+      if (r.hoverData.which === 1 && e.which !== 1) {
+        return;
+      }
+      e.preventDefault();
+      blurActiveDomElement();
+      r.hoverData.capture = true;
+      r.hoverData.which = e.which;
+      var cy = r.cy;
+      var gpos = [e.clientX, e.clientY];
+      var pos = r.projectIntoViewport(gpos[0], gpos[1]);
+      var select2 = r.selection;
+      var nears = r.findNearestElements(pos[0], pos[1], true, false);
+      var near = nears[0];
+      var draggedElements = r.dragData.possibleDragElements;
+      r.hoverData.mdownPos = pos;
+      r.hoverData.mdownGPos = gpos;
+      var makeEvent = function makeEvent2(type2) {
+        return {
+          originalEvent: e,
+          type: type2,
+          position: {
+            x: pos[0],
+            y: pos[1]
+          }
+        };
+      };
+      var checkForTaphold = function checkForTaphold2() {
+        r.hoverData.tapholdCancelled = false;
+        clearTimeout(r.hoverData.tapholdTimeout);
+        r.hoverData.tapholdTimeout = setTimeout(function() {
+          if (r.hoverData.tapholdCancelled) {
+            return;
+          } else {
+            var ele = r.hoverData.down;
+            if (ele) {
+              ele.emit(makeEvent("taphold"));
+            } else {
+              cy.emit(makeEvent("taphold"));
+            }
+          }
+        }, r.tapholdDuration);
+      };
+      if (e.which == 3) {
+        r.hoverData.cxtStarted = true;
+        var cxtEvt = {
+          originalEvent: e,
+          type: "cxttapstart",
+          position: {
+            x: pos[0],
+            y: pos[1]
+          }
+        };
+        if (near) {
+          near.activate();
+          near.emit(cxtEvt);
+          r.hoverData.down = near;
+        } else {
+          cy.emit(cxtEvt);
+        }
+        r.hoverData.downTime = (/* @__PURE__ */ new Date()).getTime();
+        r.hoverData.cxtDragged = false;
+      } else if (e.which == 1) {
+        if (near) {
+          near.activate();
+        }
+        {
+          if (near != null) {
+            if (r.nodeIsGrabbable(near)) {
+              var triggerGrab = function triggerGrab2(ele) {
+                ele.emit(makeEvent("grab"));
+              };
+              setGrabTarget(near);
+              if (!near.selected()) {
+                draggedElements = r.dragData.possibleDragElements = cy.collection();
+                addNodeToDrag(near, {
+                  addToList: draggedElements
+                });
+                near.emit(makeEvent("grabon")).emit(makeEvent("grab"));
+              } else {
+                draggedElements = r.dragData.possibleDragElements = cy.collection();
+                var selectedNodes = cy.$(function(ele) {
+                  return ele.isNode() && ele.selected() && r.nodeIsGrabbable(ele);
+                });
+                addNodesToDrag(selectedNodes, {
+                  addToList: draggedElements
+                });
+                near.emit(makeEvent("grabon"));
+                selectedNodes.forEach(triggerGrab);
+              }
+              r.redrawHint("eles", true);
+              r.redrawHint("drag", true);
+            }
+          }
+          r.hoverData.down = near;
+          r.hoverData.downs = nears;
+          r.hoverData.downTime = (/* @__PURE__ */ new Date()).getTime();
+        }
+        triggerEvents(near, ["mousedown", "tapstart", "vmousedown"], e, {
+          x: pos[0],
+          y: pos[1]
+        });
+        if (near == null) {
+          select2[4] = 1;
+          r.data.bgActivePosistion = {
+            x: pos[0],
+            y: pos[1]
+          };
+          r.redrawHint("select", true);
+          r.redraw();
+        } else if (near.pannable()) {
+          select2[4] = 1;
+        }
+        checkForTaphold();
+      }
+      select2[0] = select2[2] = pos[0];
+      select2[1] = select2[3] = pos[1];
+    }, false);
+    var shadowRoot = getShadowRoot(r.container);
+    r.registerBinding([containerWindow, shadowRoot], "mousemove", function mousemoveHandler(e) {
+      var capture = r.hoverData.capture;
+      if (!capture && !eventInContainer(e)) {
+        return;
+      }
+      var preventDefault = false;
+      var cy = r.cy;
+      var zoom2 = cy.zoom();
+      var gpos = [e.clientX, e.clientY];
+      var pos = r.projectIntoViewport(gpos[0], gpos[1]);
+      var mdownPos = r.hoverData.mdownPos;
+      var mdownGPos = r.hoverData.mdownGPos;
+      var select2 = r.selection;
+      var near = null;
+      if (!r.hoverData.draggingEles && !r.hoverData.dragging && !r.hoverData.selecting) {
+        near = r.findNearestElement(pos[0], pos[1], true, false);
+      }
+      var last = r.hoverData.last;
+      var down = r.hoverData.down;
+      var disp = [pos[0] - select2[2], pos[1] - select2[3]];
+      var draggedElements = r.dragData.possibleDragElements;
+      var isOverThresholdDrag;
+      if (mdownGPos) {
+        var dx = gpos[0] - mdownGPos[0];
+        var dx2 = dx * dx;
+        var dy = gpos[1] - mdownGPos[1];
+        var dy2 = dy * dy;
+        var dist2 = dx2 + dy2;
+        r.hoverData.isOverThresholdDrag = isOverThresholdDrag = dist2 >= r.desktopTapThreshold2;
+      }
+      var multSelKeyDown = isMultSelKeyDown(e);
+      if (isOverThresholdDrag) {
+        r.hoverData.tapholdCancelled = true;
+      }
+      var updateDragDelta = function updateDragDelta2() {
+        var dragDelta2 = r.hoverData.dragDelta = r.hoverData.dragDelta || [];
+        if (dragDelta2.length === 0) {
+          dragDelta2.push(disp[0]);
+          dragDelta2.push(disp[1]);
+        } else {
+          dragDelta2[0] += disp[0];
+          dragDelta2[1] += disp[1];
+        }
+      };
+      preventDefault = true;
+      triggerEvents(near, ["mousemove", "vmousemove", "tapdrag"], e, {
+        x: pos[0],
+        y: pos[1]
+      });
+      var makeEvent = function makeEvent2(type2) {
+        return {
+          originalEvent: e,
+          type: type2,
+          position: {
+            x: pos[0],
+            y: pos[1]
+          }
+        };
+      };
+      var goIntoBoxMode = function goIntoBoxMode2() {
+        r.data.bgActivePosistion = void 0;
+        if (!r.hoverData.selecting) {
+          cy.emit(makeEvent("boxstart"));
+        }
+        select2[4] = 1;
+        r.hoverData.selecting = true;
+        r.redrawHint("select", true);
+        r.redraw();
+      };
+      if (r.hoverData.which === 3) {
+        if (isOverThresholdDrag) {
+          var cxtEvt = makeEvent("cxtdrag");
+          if (down) {
+            down.emit(cxtEvt);
+          } else {
+            cy.emit(cxtEvt);
+          }
+          r.hoverData.cxtDragged = true;
+          if (!r.hoverData.cxtOver || near !== r.hoverData.cxtOver) {
+            if (r.hoverData.cxtOver) {
+              r.hoverData.cxtOver.emit(makeEvent("cxtdragout"));
+            }
+            r.hoverData.cxtOver = near;
+            if (near) {
+              near.emit(makeEvent("cxtdragover"));
+            }
+          }
+        }
+      } else if (r.hoverData.dragging) {
+        preventDefault = true;
+        if (cy.panningEnabled() && cy.userPanningEnabled()) {
+          var deltaP;
+          if (r.hoverData.justStartedPan) {
+            var mdPos = r.hoverData.mdownPos;
+            deltaP = {
+              x: (pos[0] - mdPos[0]) * zoom2,
+              y: (pos[1] - mdPos[1]) * zoom2
+            };
+            r.hoverData.justStartedPan = false;
+          } else {
+            deltaP = {
+              x: disp[0] * zoom2,
+              y: disp[1] * zoom2
+            };
+          }
+          cy.panBy(deltaP);
+          cy.emit(makeEvent("dragpan"));
+          r.hoverData.dragged = true;
+        }
+        pos = r.projectIntoViewport(e.clientX, e.clientY);
+      } else if (select2[4] == 1 && (down == null || down.pannable())) {
+        if (isOverThresholdDrag) {
+          if (!r.hoverData.dragging && cy.boxSelectionEnabled() && (multSelKeyDown || !cy.panningEnabled() || !cy.userPanningEnabled())) {
+            goIntoBoxMode();
+          } else if (!r.hoverData.selecting && cy.panningEnabled() && cy.userPanningEnabled()) {
+            var allowPassthrough = allowPanningPassthrough(down, r.hoverData.downs);
+            if (allowPassthrough) {
+              r.hoverData.dragging = true;
+              r.hoverData.justStartedPan = true;
+              select2[4] = 0;
+              r.data.bgActivePosistion = array2point(mdownPos);
+              r.redrawHint("select", true);
+              r.redraw();
+            }
+          }
+          if (down && down.pannable() && down.active()) {
+            down.unactivate();
+          }
+        }
+      } else {
+        if (down && down.pannable() && down.active()) {
+          down.unactivate();
+        }
+        if ((!down || !down.grabbed()) && near != last) {
+          if (last) {
+            triggerEvents(last, ["mouseout", "tapdragout"], e, {
+              x: pos[0],
+              y: pos[1]
+            });
+          }
+          if (near) {
+            triggerEvents(near, ["mouseover", "tapdragover"], e, {
+              x: pos[0],
+              y: pos[1]
+            });
+          }
+          r.hoverData.last = near;
+        }
+        if (down) {
+          if (isOverThresholdDrag) {
+            if (cy.boxSelectionEnabled() && multSelKeyDown) {
+              if (down && down.grabbed()) {
+                freeDraggedElements(draggedElements);
+                down.emit(makeEvent("freeon"));
+                draggedElements.emit(makeEvent("free"));
+                if (r.dragData.didDrag) {
+                  down.emit(makeEvent("dragfreeon"));
+                  draggedElements.emit(makeEvent("dragfree"));
+                }
+              }
+              goIntoBoxMode();
+            } else if (down && down.grabbed() && r.nodeIsDraggable(down)) {
+              var justStartedDrag = !r.dragData.didDrag;
+              if (justStartedDrag) {
+                r.redrawHint("eles", true);
+              }
+              r.dragData.didDrag = true;
+              if (!r.hoverData.draggingEles) {
+                addNodesToDrag(draggedElements, {
+                  inDragLayer: true
+                });
+              }
+              var totalShift = {
+                x: 0,
+                y: 0
+              };
+              if (number$1(disp[0]) && number$1(disp[1])) {
+                totalShift.x += disp[0];
+                totalShift.y += disp[1];
+                if (justStartedDrag) {
+                  var dragDelta = r.hoverData.dragDelta;
+                  if (dragDelta && number$1(dragDelta[0]) && number$1(dragDelta[1])) {
+                    totalShift.x += dragDelta[0];
+                    totalShift.y += dragDelta[1];
+                  }
+                }
+              }
+              r.hoverData.draggingEles = true;
+              draggedElements.silentShift(totalShift).emit(makeEvent("position")).emit(makeEvent("drag"));
+              r.redrawHint("drag", true);
+              r.redraw();
+            }
+          } else {
+            updateDragDelta();
+          }
+        }
+        preventDefault = true;
+      }
+      select2[2] = pos[0];
+      select2[3] = pos[1];
+      if (preventDefault) {
+        if (e.stopPropagation) e.stopPropagation();
+        if (e.preventDefault) e.preventDefault();
+        return false;
+      }
+    }, false);
+    var clickTimeout, didDoubleClick, prevClickTimeStamp;
+    r.registerBinding(containerWindow, "mouseup", function mouseupHandler(e) {
+      if (r.hoverData.which === 1 && e.which !== 1 && r.hoverData.capture) {
+        return;
+      }
+      var capture = r.hoverData.capture;
+      if (!capture) {
+        return;
+      }
+      r.hoverData.capture = false;
+      var cy = r.cy;
+      var pos = r.projectIntoViewport(e.clientX, e.clientY);
+      var select2 = r.selection;
+      var near = r.findNearestElement(pos[0], pos[1], true, false);
+      var draggedElements = r.dragData.possibleDragElements;
+      var down = r.hoverData.down;
+      var multSelKeyDown = isMultSelKeyDown(e);
+      if (r.data.bgActivePosistion) {
+        r.redrawHint("select", true);
+        r.redraw();
+      }
+      r.hoverData.tapholdCancelled = true;
+      r.data.bgActivePosistion = void 0;
+      if (down) {
+        down.unactivate();
+      }
+      var makeEvent = function makeEvent2(type2) {
+        return {
+          originalEvent: e,
+          type: type2,
+          position: {
+            x: pos[0],
+            y: pos[1]
+          }
+        };
+      };
+      if (r.hoverData.which === 3) {
+        var cxtEvt = makeEvent("cxttapend");
+        if (down) {
+          down.emit(cxtEvt);
+        } else {
+          cy.emit(cxtEvt);
+        }
+        if (!r.hoverData.cxtDragged) {
+          var cxtTap = makeEvent("cxttap");
+          if (down) {
+            down.emit(cxtTap);
+          } else {
+            cy.emit(cxtTap);
+          }
+        }
+        r.hoverData.cxtDragged = false;
+        r.hoverData.which = null;
+      } else if (r.hoverData.which === 1) {
+        triggerEvents(near, ["mouseup", "tapend", "vmouseup"], e, {
+          x: pos[0],
+          y: pos[1]
+        });
+        if (!r.dragData.didDrag && // didn't move a node around
+        !r.hoverData.dragged && // didn't pan
+        !r.hoverData.selecting && // not box selection
+        !r.hoverData.isOverThresholdDrag) {
+          triggerEvents(down, ["click", "tap", "vclick"], e, {
+            x: pos[0],
+            y: pos[1]
+          });
+          didDoubleClick = false;
+          if (e.timeStamp - prevClickTimeStamp <= cy.multiClickDebounceTime()) {
+            clickTimeout && clearTimeout(clickTimeout);
+            didDoubleClick = true;
+            prevClickTimeStamp = null;
+            triggerEvents(down, ["dblclick", "dbltap", "vdblclick"], e, {
+              x: pos[0],
+              y: pos[1]
+            });
+          } else {
+            clickTimeout = setTimeout(function() {
+              if (didDoubleClick) return;
+              triggerEvents(down, ["oneclick", "onetap", "voneclick"], e, {
+                x: pos[0],
+                y: pos[1]
+              });
+            }, cy.multiClickDebounceTime());
+            prevClickTimeStamp = e.timeStamp;
+          }
+        }
+        if (down == null && !r.dragData.didDrag && !r.hoverData.selecting && !r.hoverData.dragged && !isMultSelKeyDown(e)) {
+          cy.$(isSelected).unselect(["tapunselect"]);
+          if (draggedElements.length > 0) {
+            r.redrawHint("eles", true);
+          }
+          r.dragData.possibleDragElements = draggedElements = cy.collection();
+        }
+        if (near == down && !r.dragData.didDrag && !r.hoverData.selecting) {
+          if (near != null && near._private.selectable) {
+            if (r.hoverData.dragging) ;
+            else if (cy.selectionType() === "additive" || multSelKeyDown) {
+              if (near.selected()) {
+                near.unselect(["tapunselect"]);
+              } else {
+                near.select(["tapselect"]);
+              }
+            } else {
+              if (!multSelKeyDown) {
+                cy.$(isSelected).unmerge(near).unselect(["tapunselect"]);
+                near.select(["tapselect"]);
+              }
+            }
+            r.redrawHint("eles", true);
+          }
+        }
+        if (r.hoverData.selecting) {
+          var box = cy.collection(r.getAllInBox(select2[0], select2[1], select2[2], select2[3]));
+          r.redrawHint("select", true);
+          if (box.length > 0) {
+            r.redrawHint("eles", true);
+          }
+          cy.emit(makeEvent("boxend"));
+          var eleWouldBeSelected = function eleWouldBeSelected2(ele) {
+            return ele.selectable() && !ele.selected();
+          };
+          if (cy.selectionType() === "additive") {
+            box.emit(makeEvent("box")).stdFilter(eleWouldBeSelected).select().emit(makeEvent("boxselect"));
+          } else {
+            if (!multSelKeyDown) {
+              cy.$(isSelected).unmerge(box).unselect();
+            }
+            box.emit(makeEvent("box")).stdFilter(eleWouldBeSelected).select().emit(makeEvent("boxselect"));
+          }
+          r.redraw();
+        }
+        if (r.hoverData.dragging) {
+          r.hoverData.dragging = false;
+          r.redrawHint("select", true);
+          r.redrawHint("eles", true);
+          r.redraw();
+        }
+        if (!select2[4]) {
+          r.redrawHint("drag", true);
+          r.redrawHint("eles", true);
+          var downWasGrabbed = down && down.grabbed();
+          freeDraggedElements(draggedElements);
+          if (downWasGrabbed) {
+            down.emit(makeEvent("freeon"));
+            draggedElements.emit(makeEvent("free"));
+            if (r.dragData.didDrag) {
+              down.emit(makeEvent("dragfreeon"));
+              draggedElements.emit(makeEvent("dragfree"));
+            }
+          }
+        }
+      }
+      select2[4] = 0;
+      r.hoverData.down = null;
+      r.hoverData.cxtStarted = false;
+      r.hoverData.draggingEles = false;
+      r.hoverData.selecting = false;
+      r.hoverData.isOverThresholdDrag = false;
+      r.dragData.didDrag = false;
+      r.hoverData.dragged = false;
+      r.hoverData.dragDelta = [];
+      r.hoverData.mdownPos = null;
+      r.hoverData.mdownGPos = null;
+      r.hoverData.which = null;
+    }, false);
+    var wheelDeltas = [];
+    var wheelDeltaN = 4;
+    var inaccurateScrollDevice;
+    var inaccurateScrollFactor = 1e5;
+    var allAreDivisibleBy = function allAreDivisibleBy2(list, factor) {
+      for (var i2 = 0; i2 < list.length; i2++) {
+        if (list[i2] % factor !== 0) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var allAreSameMagnitude = function allAreSameMagnitude2(list) {
+      var firstMag = Math.abs(list[0]);
+      for (var i2 = 1; i2 < list.length; i2++) {
+        if (Math.abs(list[i2]) !== firstMag) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var wheelHandler = function wheelHandler2(e) {
+      var clamp = false;
+      var delta = e.deltaY;
+      if (delta == null) {
+        if (e.wheelDeltaY != null) {
+          delta = e.wheelDeltaY / 4;
+        } else if (e.wheelDelta != null) {
+          delta = e.wheelDelta / 4;
+        }
+      }
+      if (delta === 0) {
+        return;
+      }
+      if (inaccurateScrollDevice == null) {
+        if (wheelDeltas.length >= wheelDeltaN) {
+          var wds = wheelDeltas;
+          inaccurateScrollDevice = allAreDivisibleBy(wds, 5);
+          if (!inaccurateScrollDevice) {
+            var firstMag = Math.abs(wds[0]);
+            inaccurateScrollDevice = allAreSameMagnitude(wds) && firstMag > 5;
+          }
+          if (inaccurateScrollDevice) {
+            for (var i2 = 0; i2 < wds.length; i2++) {
+              inaccurateScrollFactor = Math.min(Math.abs(wds[i2]), inaccurateScrollFactor);
+            }
+          }
+        } else {
+          wheelDeltas.push(delta);
+          clamp = true;
+        }
+      } else if (inaccurateScrollDevice) {
+        inaccurateScrollFactor = Math.min(Math.abs(delta), inaccurateScrollFactor);
+      }
+      if (r.scrollingPage) {
+        return;
+      }
+      var cy = r.cy;
+      var zoom2 = cy.zoom();
+      var pan = cy.pan();
+      var pos = r.projectIntoViewport(e.clientX, e.clientY);
+      var rpos = [pos[0] * zoom2 + pan.x, pos[1] * zoom2 + pan.y];
+      if (r.hoverData.draggingEles || r.hoverData.dragging || r.hoverData.cxtStarted || inBoxSelection()) {
+        e.preventDefault();
+        return;
+      }
+      if (cy.panningEnabled() && cy.userPanningEnabled() && cy.zoomingEnabled() && cy.userZoomingEnabled()) {
+        e.preventDefault();
+        r.data.wheelZooming = true;
+        clearTimeout(r.data.wheelTimeout);
+        r.data.wheelTimeout = setTimeout(function() {
+          r.data.wheelZooming = false;
+          r.redrawHint("eles", true);
+          r.redraw();
+        }, 150);
+        var diff;
+        if (clamp && Math.abs(delta) > 5) {
+          delta = signum(delta) * 5;
+        }
+        diff = delta / -250;
+        if (inaccurateScrollDevice) {
+          diff /= inaccurateScrollFactor;
+          diff *= 3;
+        }
+        diff = diff * r.wheelSensitivity;
+        var needsWheelFix = e.deltaMode === 1;
+        if (needsWheelFix) {
+          diff *= 33;
+        }
+        var newZoom = cy.zoom() * Math.pow(10, diff);
+        if (e.type === "gesturechange") {
+          newZoom = r.gestureStartZoom * e.scale;
+        }
+        cy.zoom({
+          level: newZoom,
+          renderedPosition: {
+            x: rpos[0],
+            y: rpos[1]
+          }
+        });
+        cy.emit({
+          type: e.type === "gesturechange" ? "pinchzoom" : "scrollzoom",
+          originalEvent: e,
+          position: {
+            x: pos[0],
+            y: pos[1]
+          }
+        });
+      }
+    };
+    r.registerBinding(r.container, "wheel", wheelHandler, true);
+    r.registerBinding(containerWindow, "scroll", function scrollHandler2(e) {
+      r.scrollingPage = true;
+      clearTimeout(r.scrollingPageTimeout);
+      r.scrollingPageTimeout = setTimeout(function() {
+        r.scrollingPage = false;
+      }, 250);
+    }, true);
+    r.registerBinding(r.container, "gesturestart", function gestureStartHandler(e) {
+      r.gestureStartZoom = r.cy.zoom();
+      if (!r.hasTouchStarted) {
+        e.preventDefault();
+      }
+    }, true);
+    r.registerBinding(r.container, "gesturechange", function(e) {
+      if (!r.hasTouchStarted) {
+        wheelHandler(e);
+      }
+    }, true);
+    r.registerBinding(r.container, "mouseout", function mouseOutHandler(e) {
+      var pos = r.projectIntoViewport(e.clientX, e.clientY);
+      r.cy.emit({
+        originalEvent: e,
+        type: "mouseout",
+        position: {
+          x: pos[0],
+          y: pos[1]
+        }
+      });
+    }, false);
+    r.registerBinding(r.container, "mouseover", function mouseOverHandler(e) {
+      var pos = r.projectIntoViewport(e.clientX, e.clientY);
+      r.cy.emit({
+        originalEvent: e,
+        type: "mouseover",
+        position: {
+          x: pos[0],
+          y: pos[1]
+        }
+      });
+    }, false);
+    var f1x1, f1y1, f2x1, f2y1;
+    var distance1, distance1Sq;
+    var center1, modelCenter1;
+    var offsetLeft, offsetTop;
+    var containerWidth, containerHeight;
+    var twoFingersStartInside;
+    var distance = function distance2(x1, y1, x2, y2) {
+      return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
+    };
+    var distanceSq = function distanceSq2(x1, y1, x2, y2) {
+      return (x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1);
+    };
+    var touchstartHandler;
+    r.registerBinding(r.container, "touchstart", touchstartHandler = function touchstartHandler2(e) {
+      r.hasTouchStarted = true;
+      if (!eventInContainer(e)) {
+        return;
+      }
+      blurActiveDomElement();
+      r.touchData.capture = true;
+      r.data.bgActivePosistion = void 0;
+      var cy = r.cy;
+      var now2 = r.touchData.now;
+      var earlier = r.touchData.earlier;
+      if (e.touches[0]) {
+        var pos = r.projectIntoViewport(e.touches[0].clientX, e.touches[0].clientY);
+        now2[0] = pos[0];
+        now2[1] = pos[1];
+      }
+      if (e.touches[1]) {
+        var pos = r.projectIntoViewport(e.touches[1].clientX, e.touches[1].clientY);
+        now2[2] = pos[0];
+        now2[3] = pos[1];
+      }
+      if (e.touches[2]) {
+        var pos = r.projectIntoViewport(e.touches[2].clientX, e.touches[2].clientY);
+        now2[4] = pos[0];
+        now2[5] = pos[1];
+      }
+      var makeEvent = function makeEvent2(type2) {
+        return {
+          originalEvent: e,
+          type: type2,
+          position: {
+            x: now2[0],
+            y: now2[1]
+          }
+        };
+      };
+      if (e.touches[1]) {
+        r.touchData.singleTouchMoved = true;
+        freeDraggedElements(r.dragData.touchDragEles);
+        var offsets = r.findContainerClientCoords();
+        offsetLeft = offsets[0];
+        offsetTop = offsets[1];
+        containerWidth = offsets[2];
+        containerHeight = offsets[3];
+        f1x1 = e.touches[0].clientX - offsetLeft;
+        f1y1 = e.touches[0].clientY - offsetTop;
+        f2x1 = e.touches[1].clientX - offsetLeft;
+        f2y1 = e.touches[1].clientY - offsetTop;
+        twoFingersStartInside = 0 <= f1x1 && f1x1 <= containerWidth && 0 <= f2x1 && f2x1 <= containerWidth && 0 <= f1y1 && f1y1 <= containerHeight && 0 <= f2y1 && f2y1 <= containerHeight;
+        var pan = cy.pan();
+        var zoom2 = cy.zoom();
+        distance1 = distance(f1x1, f1y1, f2x1, f2y1);
+        distance1Sq = distanceSq(f1x1, f1y1, f2x1, f2y1);
+        center1 = [(f1x1 + f2x1) / 2, (f1y1 + f2y1) / 2];
+        modelCenter1 = [(center1[0] - pan.x) / zoom2, (center1[1] - pan.y) / zoom2];
+        var cxtDistThreshold = 200;
+        var cxtDistThresholdSq = cxtDistThreshold * cxtDistThreshold;
+        if (distance1Sq < cxtDistThresholdSq && !e.touches[2]) {
+          var near1 = r.findNearestElement(now2[0], now2[1], true, true);
+          var near2 = r.findNearestElement(now2[2], now2[3], true, true);
+          if (near1 && near1.isNode()) {
+            near1.activate().emit(makeEvent("cxttapstart"));
+            r.touchData.start = near1;
+          } else if (near2 && near2.isNode()) {
+            near2.activate().emit(makeEvent("cxttapstart"));
+            r.touchData.start = near2;
+          } else {
+            cy.emit(makeEvent("cxttapstart"));
+          }
+          if (r.touchData.start) {
+            r.touchData.start._private.grabbed = false;
+          }
+          r.touchData.cxt = true;
+          r.touchData.cxtDragged = false;
+          r.data.bgActivePosistion = void 0;
+          r.redraw();
+          return;
+        }
+      }
+      if (e.touches[2]) {
+        if (cy.boxSelectionEnabled()) {
+          e.preventDefault();
+        }
+      } else if (e.touches[1]) ;
+      else if (e.touches[0]) {
+        var nears = r.findNearestElements(now2[0], now2[1], true, true);
+        var near = nears[0];
+        if (near != null) {
+          near.activate();
+          r.touchData.start = near;
+          r.touchData.starts = nears;
+          if (r.nodeIsGrabbable(near)) {
+            var draggedEles = r.dragData.touchDragEles = cy.collection();
+            var selectedNodes = null;
+            r.redrawHint("eles", true);
+            r.redrawHint("drag", true);
+            if (near.selected()) {
+              selectedNodes = cy.$(function(ele) {
+                return ele.selected() && r.nodeIsGrabbable(ele);
+              });
+              addNodesToDrag(selectedNodes, {
+                addToList: draggedEles
+              });
+            } else {
+              addNodeToDrag(near, {
+                addToList: draggedEles
+              });
+            }
+            setGrabTarget(near);
+            near.emit(makeEvent("grabon"));
+            if (selectedNodes) {
+              selectedNodes.forEach(function(n) {
+                n.emit(makeEvent("grab"));
+              });
+            } else {
+              near.emit(makeEvent("grab"));
+            }
+          }
+        }
+        triggerEvents(near, ["touchstart", "tapstart", "vmousedown"], e, {
+          x: now2[0],
+          y: now2[1]
+        });
+        if (near == null) {
+          r.data.bgActivePosistion = {
+            x: pos[0],
+            y: pos[1]
+          };
+          r.redrawHint("select", true);
+          r.redraw();
+        }
+        r.touchData.singleTouchMoved = false;
+        r.touchData.singleTouchStartTime = +/* @__PURE__ */ new Date();
+        clearTimeout(r.touchData.tapholdTimeout);
+        r.touchData.tapholdTimeout = setTimeout(function() {
+          if (r.touchData.singleTouchMoved === false && !r.pinching && !r.touchData.selecting) {
+            triggerEvents(r.touchData.start, ["taphold"], e, {
+              x: now2[0],
+              y: now2[1]
+            });
+          }
+        }, r.tapholdDuration);
+      }
+      if (e.touches.length >= 1) {
+        var sPos = r.touchData.startPosition = [null, null, null, null, null, null];
+        for (var i2 = 0; i2 < now2.length; i2++) {
+          sPos[i2] = earlier[i2] = now2[i2];
+        }
+        var touch0 = e.touches[0];
+        r.touchData.startGPosition = [touch0.clientX, touch0.clientY];
+      }
+    }, false);
+    var touchmoveHandler;
+    r.registerBinding(containerWindow, "touchmove", touchmoveHandler = function touchmoveHandler2(e) {
+      var capture = r.touchData.capture;
+      if (!capture && !eventInContainer(e)) {
+        return;
+      }
+      var select2 = r.selection;
+      var cy = r.cy;
+      var now2 = r.touchData.now;
+      var earlier = r.touchData.earlier;
+      var zoom2 = cy.zoom();
+      if (e.touches[0]) {
+        var pos = r.projectIntoViewport(e.touches[0].clientX, e.touches[0].clientY);
+        now2[0] = pos[0];
+        now2[1] = pos[1];
+      }
+      if (e.touches[1]) {
+        var pos = r.projectIntoViewport(e.touches[1].clientX, e.touches[1].clientY);
+        now2[2] = pos[0];
+        now2[3] = pos[1];
+      }
+      if (e.touches[2]) {
+        var pos = r.projectIntoViewport(e.touches[2].clientX, e.touches[2].clientY);
+        now2[4] = pos[0];
+        now2[5] = pos[1];
+      }
+      var makeEvent = function makeEvent2(type2) {
+        return {
+          originalEvent: e,
+          type: type2,
+          position: {
+            x: now2[0],
+            y: now2[1]
+          }
+        };
+      };
+      var startGPos = r.touchData.startGPosition;
+      var isOverThresholdDrag;
+      if (capture && e.touches[0] && startGPos) {
+        var disp = [];
+        for (var j = 0; j < now2.length; j++) {
+          disp[j] = now2[j] - earlier[j];
+        }
+        var dx = e.touches[0].clientX - startGPos[0];
+        var dx2 = dx * dx;
+        var dy = e.touches[0].clientY - startGPos[1];
+        var dy2 = dy * dy;
+        var dist2 = dx2 + dy2;
+        isOverThresholdDrag = dist2 >= r.touchTapThreshold2;
+      }
+      if (capture && r.touchData.cxt) {
+        e.preventDefault();
+        var f1x2 = e.touches[0].clientX - offsetLeft, f1y2 = e.touches[0].clientY - offsetTop;
+        var f2x2 = e.touches[1].clientX - offsetLeft, f2y2 = e.touches[1].clientY - offsetTop;
+        var distance2Sq = distanceSq(f1x2, f1y2, f2x2, f2y2);
+        var factorSq = distance2Sq / distance1Sq;
+        var distThreshold = 150;
+        var distThresholdSq = distThreshold * distThreshold;
+        var factorThreshold = 1.5;
+        var factorThresholdSq = factorThreshold * factorThreshold;
+        if (factorSq >= factorThresholdSq || distance2Sq >= distThresholdSq) {
+          r.touchData.cxt = false;
+          r.data.bgActivePosistion = void 0;
+          r.redrawHint("select", true);
+          var cxtEvt = makeEvent("cxttapend");
+          if (r.touchData.start) {
+            r.touchData.start.unactivate().emit(cxtEvt);
+            r.touchData.start = null;
+          } else {
+            cy.emit(cxtEvt);
+          }
+        }
+      }
+      if (capture && r.touchData.cxt) {
+        var cxtEvt = makeEvent("cxtdrag");
+        r.data.bgActivePosistion = void 0;
+        r.redrawHint("select", true);
+        if (r.touchData.start) {
+          r.touchData.start.emit(cxtEvt);
+        } else {
+          cy.emit(cxtEvt);
+        }
+        if (r.touchData.start) {
+          r.touchData.start._private.grabbed = false;
+        }
+        r.touchData.cxtDragged = true;
+        var near = r.findNearestElement(now2[0], now2[1], true, true);
+        if (!r.touchData.cxtOver || near !== r.touchData.cxtOver) {
+          if (r.touchData.cxtOver) {
+            r.touchData.cxtOver.emit(makeEvent("cxtdragout"));
+          }
+          r.touchData.cxtOver = near;
+          if (near) {
+            near.emit(makeEvent("cxtdragover"));
+          }
+        }
+      } else if (capture && e.touches[2] && cy.boxSelectionEnabled()) {
+        e.preventDefault();
+        r.data.bgActivePosistion = void 0;
+        this.lastThreeTouch = +/* @__PURE__ */ new Date();
+        if (!r.touchData.selecting) {
+          cy.emit(makeEvent("boxstart"));
+        }
+        r.touchData.selecting = true;
+        r.touchData.didSelect = true;
+        select2[4] = 1;
+        if (!select2 || select2.length === 0 || select2[0] === void 0) {
+          select2[0] = (now2[0] + now2[2] + now2[4]) / 3;
+          select2[1] = (now2[1] + now2[3] + now2[5]) / 3;
+          select2[2] = (now2[0] + now2[2] + now2[4]) / 3 + 1;
+          select2[3] = (now2[1] + now2[3] + now2[5]) / 3 + 1;
+        } else {
+          select2[2] = (now2[0] + now2[2] + now2[4]) / 3;
+          select2[3] = (now2[1] + now2[3] + now2[5]) / 3;
+        }
+        r.redrawHint("select", true);
+        r.redraw();
+      } else if (capture && e.touches[1] && !r.touchData.didSelect && cy.zoomingEnabled() && cy.panningEnabled() && cy.userZoomingEnabled() && cy.userPanningEnabled()) {
+        e.preventDefault();
+        r.data.bgActivePosistion = void 0;
+        r.redrawHint("select", true);
+        var draggedEles = r.dragData.touchDragEles;
+        if (draggedEles) {
+          r.redrawHint("drag", true);
+          for (var i2 = 0; i2 < draggedEles.length; i2++) {
+            var de_p = draggedEles[i2]._private;
+            de_p.grabbed = false;
+            de_p.rscratch.inDragLayer = false;
+          }
+        }
+        var _start = r.touchData.start;
+        var f1x2 = e.touches[0].clientX - offsetLeft, f1y2 = e.touches[0].clientY - offsetTop;
+        var f2x2 = e.touches[1].clientX - offsetLeft, f2y2 = e.touches[1].clientY - offsetTop;
+        var distance2 = distance(f1x2, f1y2, f2x2, f2y2);
+        var factor = distance2 / distance1;
+        if (twoFingersStartInside) {
+          var df1x = f1x2 - f1x1;
+          var df1y = f1y2 - f1y1;
+          var df2x = f2x2 - f2x1;
+          var df2y = f2y2 - f2y1;
+          var tx = (df1x + df2x) / 2;
+          var ty = (df1y + df2y) / 2;
+          var zoom1 = cy.zoom();
+          var zoom22 = zoom1 * factor;
+          var pan1 = cy.pan();
+          var ctrx = modelCenter1[0] * zoom1 + pan1.x;
+          var ctry = modelCenter1[1] * zoom1 + pan1.y;
+          var pan2 = {
+            x: -zoom22 / zoom1 * (ctrx - pan1.x - tx) + ctrx,
+            y: -zoom22 / zoom1 * (ctry - pan1.y - ty) + ctry
+          };
+          if (_start && _start.active()) {
+            var draggedEles = r.dragData.touchDragEles;
+            freeDraggedElements(draggedEles);
+            r.redrawHint("drag", true);
+            r.redrawHint("eles", true);
+            _start.unactivate().emit(makeEvent("freeon"));
+            draggedEles.emit(makeEvent("free"));
+            if (r.dragData.didDrag) {
+              _start.emit(makeEvent("dragfreeon"));
+              draggedEles.emit(makeEvent("dragfree"));
+            }
+          }
+          cy.viewport({
+            zoom: zoom22,
+            pan: pan2,
+            cancelOnFailedZoom: true
+          });
+          cy.emit(makeEvent("pinchzoom"));
+          distance1 = distance2;
+          f1x1 = f1x2;
+          f1y1 = f1y2;
+          f2x1 = f2x2;
+          f2y1 = f2y2;
+          r.pinching = true;
+        }
+        if (e.touches[0]) {
+          var pos = r.projectIntoViewport(e.touches[0].clientX, e.touches[0].clientY);
+          now2[0] = pos[0];
+          now2[1] = pos[1];
+        }
+        if (e.touches[1]) {
+          var pos = r.projectIntoViewport(e.touches[1].clientX, e.touches[1].clientY);
+          now2[2] = pos[0];
+          now2[3] = pos[1];
+        }
+        if (e.touches[2]) {
+          var pos = r.projectIntoViewport(e.touches[2].clientX, e.touches[2].clientY);
+          now2[4] = pos[0];
+          now2[5] = pos[1];
+        }
+      } else if (e.touches[0] && !r.touchData.didSelect) {
+        var start2 = r.touchData.start;
+        var last = r.touchData.last;
+        var near;
+        if (!r.hoverData.draggingEles && !r.swipePanning) {
+          near = r.findNearestElement(now2[0], now2[1], true, true);
+        }
+        if (capture && start2 != null) {
+          e.preventDefault();
+        }
+        if (capture && start2 != null && r.nodeIsDraggable(start2)) {
+          if (isOverThresholdDrag) {
+            var draggedEles = r.dragData.touchDragEles;
+            var justStartedDrag = !r.dragData.didDrag;
+            if (justStartedDrag) {
+              addNodesToDrag(draggedEles, {
+                inDragLayer: true
+              });
+            }
+            r.dragData.didDrag = true;
+            var totalShift = {
+              x: 0,
+              y: 0
+            };
+            if (number$1(disp[0]) && number$1(disp[1])) {
+              totalShift.x += disp[0];
+              totalShift.y += disp[1];
+              if (justStartedDrag) {
+                r.redrawHint("eles", true);
+                var dragDelta = r.touchData.dragDelta;
+                if (dragDelta && number$1(dragDelta[0]) && number$1(dragDelta[1])) {
+                  totalShift.x += dragDelta[0];
+                  totalShift.y += dragDelta[1];
+                }
+              }
+            }
+            r.hoverData.draggingEles = true;
+            draggedEles.silentShift(totalShift).emit(makeEvent("position")).emit(makeEvent("drag"));
+            r.redrawHint("drag", true);
+            if (r.touchData.startPosition[0] == earlier[0] && r.touchData.startPosition[1] == earlier[1]) {
+              r.redrawHint("eles", true);
+            }
+            r.redraw();
+          } else {
+            var dragDelta = r.touchData.dragDelta = r.touchData.dragDelta || [];
+            if (dragDelta.length === 0) {
+              dragDelta.push(disp[0]);
+              dragDelta.push(disp[1]);
+            } else {
+              dragDelta[0] += disp[0];
+              dragDelta[1] += disp[1];
+            }
+          }
+        }
+        {
+          triggerEvents(start2 || near, ["touchmove", "tapdrag", "vmousemove"], e, {
+            x: now2[0],
+            y: now2[1]
+          });
+          if ((!start2 || !start2.grabbed()) && near != last) {
+            if (last) {
+              last.emit(makeEvent("tapdragout"));
+            }
+            if (near) {
+              near.emit(makeEvent("tapdragover"));
+            }
+          }
+          r.touchData.last = near;
+        }
+        if (capture) {
+          for (var i2 = 0; i2 < now2.length; i2++) {
+            if (now2[i2] && r.touchData.startPosition[i2] && isOverThresholdDrag) {
+              r.touchData.singleTouchMoved = true;
+            }
+          }
+        }
+        if (capture && (start2 == null || start2.pannable()) && cy.panningEnabled() && cy.userPanningEnabled()) {
+          var allowPassthrough = allowPanningPassthrough(start2, r.touchData.starts);
+          if (allowPassthrough) {
+            e.preventDefault();
+            if (!r.data.bgActivePosistion) {
+              r.data.bgActivePosistion = array2point(r.touchData.startPosition);
+            }
+            if (r.swipePanning) {
+              cy.panBy({
+                x: disp[0] * zoom2,
+                y: disp[1] * zoom2
+              });
+              cy.emit(makeEvent("dragpan"));
+            } else if (isOverThresholdDrag) {
+              r.swipePanning = true;
+              cy.panBy({
+                x: dx * zoom2,
+                y: dy * zoom2
+              });
+              cy.emit(makeEvent("dragpan"));
+              if (start2) {
+                start2.unactivate();
+                r.redrawHint("select", true);
+                r.touchData.start = null;
+              }
+            }
+          }
+          var pos = r.projectIntoViewport(e.touches[0].clientX, e.touches[0].clientY);
+          now2[0] = pos[0];
+          now2[1] = pos[1];
+        }
+      }
+      for (var j = 0; j < now2.length; j++) {
+        earlier[j] = now2[j];
+      }
+      if (capture && e.touches.length > 0 && !r.hoverData.draggingEles && !r.swipePanning && r.data.bgActivePosistion != null) {
+        r.data.bgActivePosistion = void 0;
+        r.redrawHint("select", true);
+        r.redraw();
+      }
+    }, false);
+    var touchcancelHandler;
+    r.registerBinding(containerWindow, "touchcancel", touchcancelHandler = function touchcancelHandler2(e) {
+      var start2 = r.touchData.start;
+      r.touchData.capture = false;
+      if (start2) {
+        start2.unactivate();
+      }
+    });
+    var touchendHandler, didDoubleTouch, touchTimeout, prevTouchTimeStamp;
+    r.registerBinding(containerWindow, "touchend", touchendHandler = function touchendHandler2(e) {
+      var start2 = r.touchData.start;
+      var capture = r.touchData.capture;
+      if (capture) {
+        if (e.touches.length === 0) {
+          r.touchData.capture = false;
+        }
+        e.preventDefault();
+      } else {
+        return;
+      }
+      var select2 = r.selection;
+      r.swipePanning = false;
+      r.hoverData.draggingEles = false;
+      var cy = r.cy;
+      var zoom2 = cy.zoom();
+      var now2 = r.touchData.now;
+      var earlier = r.touchData.earlier;
+      if (e.touches[0]) {
+        var pos = r.projectIntoViewport(e.touches[0].clientX, e.touches[0].clientY);
+        now2[0] = pos[0];
+        now2[1] = pos[1];
+      }
+      if (e.touches[1]) {
+        var pos = r.projectIntoViewport(e.touches[1].clientX, e.touches[1].clientY);
+        now2[2] = pos[0];
+        now2[3] = pos[1];
+      }
+      if (e.touches[2]) {
+        var pos = r.projectIntoViewport(e.touches[2].clientX, e.touches[2].clientY);
+        now2[4] = pos[0];
+        now2[5] = pos[1];
+      }
+      var makeEvent = function makeEvent2(type2) {
+        return {
+          originalEvent: e,
+          type: type2,
+          position: {
+            x: now2[0],
+            y: now2[1]
+          }
+        };
+      };
+      if (start2) {
+        start2.unactivate();
+      }
+      var ctxTapend;
+      if (r.touchData.cxt) {
+        ctxTapend = makeEvent("cxttapend");
+        if (start2) {
+          start2.emit(ctxTapend);
+        } else {
+          cy.emit(ctxTapend);
+        }
+        if (!r.touchData.cxtDragged) {
+          var ctxTap = makeEvent("cxttap");
+          if (start2) {
+            start2.emit(ctxTap);
+          } else {
+            cy.emit(ctxTap);
+          }
+        }
+        if (r.touchData.start) {
+          r.touchData.start._private.grabbed = false;
+        }
+        r.touchData.cxt = false;
+        r.touchData.start = null;
+        r.redraw();
+        return;
+      }
+      if (!e.touches[2] && cy.boxSelectionEnabled() && r.touchData.selecting) {
+        r.touchData.selecting = false;
+        var box = cy.collection(r.getAllInBox(select2[0], select2[1], select2[2], select2[3]));
+        select2[0] = void 0;
+        select2[1] = void 0;
+        select2[2] = void 0;
+        select2[3] = void 0;
+        select2[4] = 0;
+        r.redrawHint("select", true);
+        cy.emit(makeEvent("boxend"));
+        var eleWouldBeSelected = function eleWouldBeSelected2(ele) {
+          return ele.selectable() && !ele.selected();
+        };
+        box.emit(makeEvent("box")).stdFilter(eleWouldBeSelected).select().emit(makeEvent("boxselect"));
+        if (box.nonempty()) {
+          r.redrawHint("eles", true);
+        }
+        r.redraw();
+      }
+      if (start2 != null) {
+        start2.unactivate();
+      }
+      if (e.touches[2]) {
+        r.data.bgActivePosistion = void 0;
+        r.redrawHint("select", true);
+      } else if (e.touches[1]) ;
+      else if (e.touches[0]) ;
+      else if (!e.touches[0]) {
+        r.data.bgActivePosistion = void 0;
+        r.redrawHint("select", true);
+        var draggedEles = r.dragData.touchDragEles;
+        if (start2 != null) {
+          var startWasGrabbed = start2._private.grabbed;
+          freeDraggedElements(draggedEles);
+          r.redrawHint("drag", true);
+          r.redrawHint("eles", true);
+          if (startWasGrabbed) {
+            start2.emit(makeEvent("freeon"));
+            draggedEles.emit(makeEvent("free"));
+            if (r.dragData.didDrag) {
+              start2.emit(makeEvent("dragfreeon"));
+              draggedEles.emit(makeEvent("dragfree"));
+            }
+          }
+          triggerEvents(start2, ["touchend", "tapend", "vmouseup", "tapdragout"], e, {
+            x: now2[0],
+            y: now2[1]
+          });
+          start2.unactivate();
+          r.touchData.start = null;
+        } else {
+          var near = r.findNearestElement(now2[0], now2[1], true, true);
+          triggerEvents(near, ["touchend", "tapend", "vmouseup", "tapdragout"], e, {
+            x: now2[0],
+            y: now2[1]
+          });
+        }
+        var dx = r.touchData.startPosition[0] - now2[0];
+        var dx2 = dx * dx;
+        var dy = r.touchData.startPosition[1] - now2[1];
+        var dy2 = dy * dy;
+        var dist2 = dx2 + dy2;
+        var rdist2 = dist2 * zoom2 * zoom2;
+        if (!r.touchData.singleTouchMoved) {
+          if (!start2) {
+            cy.$(":selected").unselect(["tapunselect"]);
+          }
+          triggerEvents(start2, ["tap", "vclick"], e, {
+            x: now2[0],
+            y: now2[1]
+          });
+          didDoubleTouch = false;
+          if (e.timeStamp - prevTouchTimeStamp <= cy.multiClickDebounceTime()) {
+            touchTimeout && clearTimeout(touchTimeout);
+            didDoubleTouch = true;
+            prevTouchTimeStamp = null;
+            triggerEvents(start2, ["dbltap", "vdblclick"], e, {
+              x: now2[0],
+              y: now2[1]
+            });
+          } else {
+            touchTimeout = setTimeout(function() {
+              if (didDoubleTouch) return;
+              triggerEvents(start2, ["onetap", "voneclick"], e, {
+                x: now2[0],
+                y: now2[1]
+              });
+            }, cy.multiClickDebounceTime());
+            prevTouchTimeStamp = e.timeStamp;
+          }
+        }
+        if (start2 != null && !r.dragData.didDrag && start2._private.selectable && rdist2 < r.touchTapThreshold2 && !r.pinching) {
+          if (cy.selectionType() === "single") {
+            cy.$(isSelected).unmerge(start2).unselect(["tapunselect"]);
+            start2.select(["tapselect"]);
+          } else {
+            if (start2.selected()) {
+              start2.unselect(["tapunselect"]);
+            } else {
+              start2.select(["tapselect"]);
+            }
+          }
+          r.redrawHint("eles", true);
+        }
+        r.touchData.singleTouchMoved = true;
+      }
+      for (var j = 0; j < now2.length; j++) {
+        earlier[j] = now2[j];
+      }
+      r.dragData.didDrag = false;
+      if (e.touches.length === 0) {
+        r.touchData.dragDelta = [];
+        r.touchData.startPosition = [null, null, null, null, null, null];
+        r.touchData.startGPosition = null;
+        r.touchData.didSelect = false;
+      }
+      if (e.touches.length < 2) {
+        if (e.touches.length === 1) {
+          r.touchData.startGPosition = [e.touches[0].clientX, e.touches[0].clientY];
+        }
+        r.pinching = false;
+        r.redrawHint("eles", true);
+        r.redraw();
+      }
+    }, false);
+    if (typeof TouchEvent === "undefined") {
+      var pointers = [];
+      var makeTouch = function makeTouch2(e) {
+        return {
+          clientX: e.clientX,
+          clientY: e.clientY,
+          force: 1,
+          identifier: e.pointerId,
+          pageX: e.pageX,
+          pageY: e.pageY,
+          radiusX: e.width / 2,
+          radiusY: e.height / 2,
+          screenX: e.screenX,
+          screenY: e.screenY,
+          target: e.target
+        };
+      };
+      var makePointer = function makePointer2(e) {
+        return {
+          event: e,
+          touch: makeTouch(e)
+        };
+      };
+      var addPointer = function addPointer2(e) {
+        pointers.push(makePointer(e));
+      };
+      var removePointer = function removePointer2(e) {
+        for (var i2 = 0; i2 < pointers.length; i2++) {
+          var p2 = pointers[i2];
+          if (p2.event.pointerId === e.pointerId) {
+            pointers.splice(i2, 1);
+            return;
+          }
+        }
+      };
+      var updatePointer = function updatePointer2(e) {
+        var p2 = pointers.filter(function(p3) {
+          return p3.event.pointerId === e.pointerId;
+        })[0];
+        p2.event = e;
+        p2.touch = makeTouch(e);
+      };
+      var addTouchesToEvent = function addTouchesToEvent2(e) {
+        e.touches = pointers.map(function(p2) {
+          return p2.touch;
+        });
+      };
+      var pointerIsMouse = function pointerIsMouse2(e) {
+        return e.pointerType === "mouse" || e.pointerType === 4;
+      };
+      r.registerBinding(r.container, "pointerdown", function(e) {
+        if (pointerIsMouse(e)) {
+          return;
+        }
+        e.preventDefault();
+        addPointer(e);
+        addTouchesToEvent(e);
+        touchstartHandler(e);
+      });
+      r.registerBinding(r.container, "pointerup", function(e) {
+        if (pointerIsMouse(e)) {
+          return;
+        }
+        removePointer(e);
+        addTouchesToEvent(e);
+        touchendHandler(e);
+      });
+      r.registerBinding(r.container, "pointercancel", function(e) {
+        if (pointerIsMouse(e)) {
+          return;
+        }
+        removePointer(e);
+        addTouchesToEvent(e);
+        touchcancelHandler(e);
+      });
+      r.registerBinding(r.container, "pointermove", function(e) {
+        if (pointerIsMouse(e)) {
+          return;
+        }
+        e.preventDefault();
+        updatePointer(e);
+        addTouchesToEvent(e);
+        touchmoveHandler(e);
+      });
+    }
+  };
+  var BRp$2 = {};
+  BRp$2.generatePolygon = function(name2, points) {
+    return this.nodeShapes[name2] = {
+      renderer: this,
+      name: name2,
+      points,
+      draw: function draw(context, centerX, centerY, width, height, cornerRadius) {
+        this.renderer.nodeShapeImpl("polygon", context, centerX, centerY, width, height, this.points);
+      },
+      intersectLine: function intersectLine(nodeX, nodeY, width, height, x2, y2, padding, cornerRadius) {
+        return polygonIntersectLine(x2, y2, this.points, nodeX, nodeY, width / 2, height / 2, padding);
+      },
+      checkPoint: function checkPoint(x2, y2, padding, width, height, centerX, centerY, cornerRadius) {
+        return pointInsidePolygon(x2, y2, this.points, centerX, centerY, width, height, [0, -1], padding);
+      },
+      hasMiterBounds: name2 !== "rectangle",
+      miterBounds: function miterBounds(centerX, centerY, width, height, strokeWidth, strokePosition) {
+        return miterBox(this.points, centerX, centerY, width, height, strokeWidth);
+      }
+    };
+  };
+  BRp$2.generateEllipse = function() {
+    return this.nodeShapes["ellipse"] = {
+      renderer: this,
+      name: "ellipse",
+      draw: function draw(context, centerX, centerY, width, height, cornerRadius) {
+        this.renderer.nodeShapeImpl(this.name, context, centerX, centerY, width, height);
+      },
+      intersectLine: function intersectLine(nodeX, nodeY, width, height, x2, y2, padding, cornerRadius) {
+        return intersectLineEllipse(x2, y2, nodeX, nodeY, width / 2 + padding, height / 2 + padding);
+      },
+      checkPoint: function checkPoint(x2, y2, padding, width, height, centerX, centerY, cornerRadius) {
+        return checkInEllipse(x2, y2, width, height, centerX, centerY, padding);
+      }
+    };
+  };
+  BRp$2.generateRoundPolygon = function(name2, points) {
+    return this.nodeShapes[name2] = {
+      renderer: this,
+      name: name2,
+      points,
+      getOrCreateCorners: function getOrCreateCorners(centerX, centerY, width, height, cornerRadius, rs, field) {
+        if (rs[field] !== void 0 && rs[field + "-cx"] === centerX && rs[field + "-cy"] === centerY) {
+          return rs[field];
+        }
+        rs[field] = new Array(points.length / 2);
+        rs[field + "-cx"] = centerX;
+        rs[field + "-cy"] = centerY;
+        var halfW = width / 2;
+        var halfH = height / 2;
+        cornerRadius = cornerRadius === "auto" ? getRoundPolygonRadius(width, height) : cornerRadius;
+        var p2 = new Array(points.length / 2);
+        for (var _i = 0; _i < points.length / 2; _i++) {
+          p2[_i] = {
+            x: centerX + halfW * points[_i * 2],
+            y: centerY + halfH * points[_i * 2 + 1]
+          };
+        }
+        var i2, p1, p22, p3, len = p2.length;
+        p1 = p2[len - 1];
+        for (i2 = 0; i2 < len; i2++) {
+          p22 = p2[i2 % len];
+          p3 = p2[(i2 + 1) % len];
+          rs[field][i2] = getRoundCorner(p1, p22, p3, cornerRadius);
+          p1 = p22;
+          p22 = p3;
+        }
+        return rs[field];
+      },
+      draw: function draw(context, centerX, centerY, width, height, cornerRadius, rs) {
+        this.renderer.nodeShapeImpl("round-polygon", context, centerX, centerY, width, height, this.points, this.getOrCreateCorners(centerX, centerY, width, height, cornerRadius, rs, "drawCorners"));
+      },
+      intersectLine: function intersectLine(nodeX, nodeY, width, height, x2, y2, padding, cornerRadius, rs) {
+        return roundPolygonIntersectLine(x2, y2, this.points, nodeX, nodeY, width, height, padding, this.getOrCreateCorners(nodeX, nodeY, width, height, cornerRadius, rs, "corners"));
+      },
+      checkPoint: function checkPoint(x2, y2, padding, width, height, centerX, centerY, cornerRadius, rs) {
+        return pointInsideRoundPolygon(x2, y2, this.points, centerX, centerY, width, height, this.getOrCreateCorners(centerX, centerY, width, height, cornerRadius, rs, "corners"));
+      }
+    };
+  };
+  BRp$2.generateRoundRectangle = function() {
+    return this.nodeShapes["round-rectangle"] = this.nodeShapes["roundrectangle"] = {
+      renderer: this,
+      name: "round-rectangle",
+      points: generateUnitNgonPointsFitToSquare(4, 0),
+      draw: function draw(context, centerX, centerY, width, height, cornerRadius) {
+        this.renderer.nodeShapeImpl(this.name, context, centerX, centerY, width, height, this.points, cornerRadius);
+      },
+      intersectLine: function intersectLine(nodeX, nodeY, width, height, x2, y2, padding, cornerRadius) {
+        return roundRectangleIntersectLine(x2, y2, nodeX, nodeY, width, height, padding, cornerRadius);
+      },
+      checkPoint: function checkPoint(x2, y2, padding, width, height, centerX, centerY, cornerRadius) {
+        var halfWidth = width / 2;
+        var halfHeight = height / 2;
+        cornerRadius = cornerRadius === "auto" ? getRoundRectangleRadius(width, height) : cornerRadius;
+        cornerRadius = Math.min(halfWidth, halfHeight, cornerRadius);
+        var diam = cornerRadius * 2;
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width, height - diam, [0, -1], padding)) {
+          return true;
+        }
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width - diam, height, [0, -1], padding)) {
+          return true;
+        }
+        if (checkInEllipse(x2, y2, diam, diam, centerX - halfWidth + cornerRadius, centerY - halfHeight + cornerRadius, padding)) {
+          return true;
+        }
+        if (checkInEllipse(x2, y2, diam, diam, centerX + halfWidth - cornerRadius, centerY - halfHeight + cornerRadius, padding)) {
+          return true;
+        }
+        if (checkInEllipse(x2, y2, diam, diam, centerX + halfWidth - cornerRadius, centerY + halfHeight - cornerRadius, padding)) {
+          return true;
+        }
+        if (checkInEllipse(x2, y2, diam, diam, centerX - halfWidth + cornerRadius, centerY + halfHeight - cornerRadius, padding)) {
+          return true;
+        }
+        return false;
+      }
+    };
+  };
+  BRp$2.generateCutRectangle = function() {
+    return this.nodeShapes["cut-rectangle"] = this.nodeShapes["cutrectangle"] = {
+      renderer: this,
+      name: "cut-rectangle",
+      cornerLength: getCutRectangleCornerLength(),
+      points: generateUnitNgonPointsFitToSquare(4, 0),
+      draw: function draw(context, centerX, centerY, width, height, cornerRadius) {
+        this.renderer.nodeShapeImpl(this.name, context, centerX, centerY, width, height, null, cornerRadius);
+      },
+      generateCutTrianglePts: function generateCutTrianglePts(width, height, centerX, centerY, cornerRadius) {
+        var cl = cornerRadius === "auto" ? this.cornerLength : cornerRadius;
+        var hh = height / 2;
+        var hw = width / 2;
+        var xBegin = centerX - hw;
+        var xEnd = centerX + hw;
+        var yBegin = centerY - hh;
+        var yEnd = centerY + hh;
+        return {
+          topLeft: [xBegin, yBegin + cl, xBegin + cl, yBegin, xBegin + cl, yBegin + cl],
+          topRight: [xEnd - cl, yBegin, xEnd, yBegin + cl, xEnd - cl, yBegin + cl],
+          bottomRight: [xEnd, yEnd - cl, xEnd - cl, yEnd, xEnd - cl, yEnd - cl],
+          bottomLeft: [xBegin + cl, yEnd, xBegin, yEnd - cl, xBegin + cl, yEnd - cl]
+        };
+      },
+      intersectLine: function intersectLine(nodeX, nodeY, width, height, x2, y2, padding, cornerRadius) {
+        var cPts = this.generateCutTrianglePts(width + 2 * padding, height + 2 * padding, nodeX, nodeY, cornerRadius);
+        var pts2 = [].concat.apply([], [cPts.topLeft.splice(0, 4), cPts.topRight.splice(0, 4), cPts.bottomRight.splice(0, 4), cPts.bottomLeft.splice(0, 4)]);
+        return polygonIntersectLine(x2, y2, pts2, nodeX, nodeY);
+      },
+      checkPoint: function checkPoint(x2, y2, padding, width, height, centerX, centerY, cornerRadius) {
+        var cl = cornerRadius === "auto" ? this.cornerLength : cornerRadius;
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width, height - 2 * cl, [0, -1], padding)) {
+          return true;
+        }
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width - 2 * cl, height, [0, -1], padding)) {
+          return true;
+        }
+        var cutTrianglePts = this.generateCutTrianglePts(width, height, centerX, centerY);
+        return pointInsidePolygonPoints(x2, y2, cutTrianglePts.topLeft) || pointInsidePolygonPoints(x2, y2, cutTrianglePts.topRight) || pointInsidePolygonPoints(x2, y2, cutTrianglePts.bottomRight) || pointInsidePolygonPoints(x2, y2, cutTrianglePts.bottomLeft);
+      }
+    };
+  };
+  BRp$2.generateBarrel = function() {
+    return this.nodeShapes["barrel"] = {
+      renderer: this,
+      name: "barrel",
+      points: generateUnitNgonPointsFitToSquare(4, 0),
+      draw: function draw(context, centerX, centerY, width, height, cornerRadius) {
+        this.renderer.nodeShapeImpl(this.name, context, centerX, centerY, width, height);
+      },
+      intersectLine: function intersectLine(nodeX, nodeY, width, height, x2, y2, padding, cornerRadius) {
+        var t0 = 0.15;
+        var t1 = 0.5;
+        var t2 = 0.85;
+        var bPts = this.generateBarrelBezierPts(width + 2 * padding, height + 2 * padding, nodeX, nodeY);
+        var approximateBarrelCurvePts = function approximateBarrelCurvePts2(pts3) {
+          var m0 = qbezierPtAt({
+            x: pts3[0],
+            y: pts3[1]
+          }, {
+            x: pts3[2],
+            y: pts3[3]
+          }, {
+            x: pts3[4],
+            y: pts3[5]
+          }, t0);
+          var m1 = qbezierPtAt({
+            x: pts3[0],
+            y: pts3[1]
+          }, {
+            x: pts3[2],
+            y: pts3[3]
+          }, {
+            x: pts3[4],
+            y: pts3[5]
+          }, t1);
+          var m2 = qbezierPtAt({
+            x: pts3[0],
+            y: pts3[1]
+          }, {
+            x: pts3[2],
+            y: pts3[3]
+          }, {
+            x: pts3[4],
+            y: pts3[5]
+          }, t2);
+          return [pts3[0], pts3[1], m0.x, m0.y, m1.x, m1.y, m2.x, m2.y, pts3[4], pts3[5]];
+        };
+        var pts2 = [].concat(approximateBarrelCurvePts(bPts.topLeft), approximateBarrelCurvePts(bPts.topRight), approximateBarrelCurvePts(bPts.bottomRight), approximateBarrelCurvePts(bPts.bottomLeft));
+        return polygonIntersectLine(x2, y2, pts2, nodeX, nodeY);
+      },
+      generateBarrelBezierPts: function generateBarrelBezierPts(width, height, centerX, centerY) {
+        var hh = height / 2;
+        var hw = width / 2;
+        var xBegin = centerX - hw;
+        var xEnd = centerX + hw;
+        var yBegin = centerY - hh;
+        var yEnd = centerY + hh;
+        var curveConstants = getBarrelCurveConstants(width, height);
+        var hOffset = curveConstants.heightOffset;
+        var wOffset = curveConstants.widthOffset;
+        var ctrlPtXOffset = curveConstants.ctrlPtOffsetPct * width;
+        var pts2 = {
+          topLeft: [xBegin, yBegin + hOffset, xBegin + ctrlPtXOffset, yBegin, xBegin + wOffset, yBegin],
+          topRight: [xEnd - wOffset, yBegin, xEnd - ctrlPtXOffset, yBegin, xEnd, yBegin + hOffset],
+          bottomRight: [xEnd, yEnd - hOffset, xEnd - ctrlPtXOffset, yEnd, xEnd - wOffset, yEnd],
+          bottomLeft: [xBegin + wOffset, yEnd, xBegin + ctrlPtXOffset, yEnd, xBegin, yEnd - hOffset]
+        };
+        pts2.topLeft.isTop = true;
+        pts2.topRight.isTop = true;
+        pts2.bottomLeft.isBottom = true;
+        pts2.bottomRight.isBottom = true;
+        return pts2;
+      },
+      checkPoint: function checkPoint(x2, y2, padding, width, height, centerX, centerY, cornerRadius) {
+        var curveConstants = getBarrelCurveConstants(width, height);
+        var hOffset = curveConstants.heightOffset;
+        var wOffset = curveConstants.widthOffset;
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width, height - 2 * hOffset, [0, -1], padding)) {
+          return true;
+        }
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width - 2 * wOffset, height, [0, -1], padding)) {
+          return true;
+        }
+        var barrelCurvePts = this.generateBarrelBezierPts(width, height, centerX, centerY);
+        var getCurveT = function getCurveT2(x3, y3, curvePts) {
+          var x0 = curvePts[4];
+          var x1 = curvePts[2];
+          var x22 = curvePts[0];
+          var y02 = curvePts[5];
+          var y23 = curvePts[1];
+          var xMin = Math.min(x0, x22);
+          var xMax = Math.max(x0, x22);
+          var yMin = Math.min(y02, y23);
+          var yMax = Math.max(y02, y23);
+          if (xMin <= x3 && x3 <= xMax && yMin <= y3 && y3 <= yMax) {
+            var coeff = bezierPtsToQuadCoeff(x0, x1, x22);
+            var roots = solveQuadratic(coeff[0], coeff[1], coeff[2], x3);
+            var validRoots = roots.filter(function(r) {
+              return 0 <= r && r <= 1;
+            });
+            if (validRoots.length > 0) {
+              return validRoots[0];
+            }
+          }
+          return null;
+        };
+        var curveRegions = Object.keys(barrelCurvePts);
+        for (var i2 = 0; i2 < curveRegions.length; i2++) {
+          var corner = curveRegions[i2];
+          var cornerPts = barrelCurvePts[corner];
+          var t2 = getCurveT(x2, y2, cornerPts);
+          if (t2 == null) {
+            continue;
+          }
+          var y0 = cornerPts[5];
+          var y1 = cornerPts[3];
+          var y22 = cornerPts[1];
+          var bezY = qbezierAt(y0, y1, y22, t2);
+          if (cornerPts.isTop && bezY <= y2) {
+            return true;
+          }
+          if (cornerPts.isBottom && y2 <= bezY) {
+            return true;
+          }
+        }
+        return false;
+      }
+    };
+  };
+  BRp$2.generateBottomRoundrectangle = function() {
+    return this.nodeShapes["bottom-round-rectangle"] = this.nodeShapes["bottomroundrectangle"] = {
+      renderer: this,
+      name: "bottom-round-rectangle",
+      points: generateUnitNgonPointsFitToSquare(4, 0),
+      draw: function draw(context, centerX, centerY, width, height, cornerRadius) {
+        this.renderer.nodeShapeImpl(this.name, context, centerX, centerY, width, height, this.points, cornerRadius);
+      },
+      intersectLine: function intersectLine(nodeX, nodeY, width, height, x2, y2, padding, cornerRadius) {
+        var topStartX = nodeX - (width / 2 + padding);
+        var topStartY = nodeY - (height / 2 + padding);
+        var topEndY = topStartY;
+        var topEndX = nodeX + (width / 2 + padding);
+        var topIntersections = finiteLinesIntersect(x2, y2, nodeX, nodeY, topStartX, topStartY, topEndX, topEndY, false);
+        if (topIntersections.length > 0) {
+          return topIntersections;
+        }
+        return roundRectangleIntersectLine(x2, y2, nodeX, nodeY, width, height, padding, cornerRadius);
+      },
+      checkPoint: function checkPoint(x2, y2, padding, width, height, centerX, centerY, cornerRadius) {
+        cornerRadius = cornerRadius === "auto" ? getRoundRectangleRadius(width, height) : cornerRadius;
+        var diam = 2 * cornerRadius;
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width, height - diam, [0, -1], padding)) {
+          return true;
+        }
+        if (pointInsidePolygon(x2, y2, this.points, centerX, centerY, width - diam, height, [0, -1], padding)) {
+          return true;
+        }
+        var outerWidth = width / 2 + 2 * padding;
+        var outerHeight = height / 2 + 2 * padding;
+        var points = [centerX - outerWidth, centerY - outerHeight, centerX - outerWidth, centerY, centerX + outerWidth, centerY, centerX + outerWidth, centerY - outerHeight];
+        if (pointInsidePolygonPoints(x2, y2, points)) {
+          return true;
+        }
+        if (checkInEllipse(x2, y2, diam, diam, centerX + width / 2 - cornerRadius, centerY + height / 2 - cornerRadius, padding)) {
+          return true;
+        }
+        if (checkInEllipse(x2, y2, diam, diam, centerX - width / 2 + cornerRadius, centerY + height / 2 - cornerRadius, padding)) {
+          return true;
+        }
+        return false;
+      }
+    };
+  };
+  BRp$2.registerNodeShapes = function() {
+    var nodeShapes = this.nodeShapes = {};
+    var renderer2 = this;
+    this.generateEllipse();
+    this.generatePolygon("triangle", generateUnitNgonPointsFitToSquare(3, 0));
+    this.generateRoundPolygon("round-triangle", generateUnitNgonPointsFitToSquare(3, 0));
+    this.generatePolygon("rectangle", generateUnitNgonPointsFitToSquare(4, 0));
+    nodeShapes["square"] = nodeShapes["rectangle"];
+    this.generateRoundRectangle();
+    this.generateCutRectangle();
+    this.generateBarrel();
+    this.generateBottomRoundrectangle();
+    {
+      var diamondPoints = [0, 1, 1, 0, 0, -1, -1, 0];
+      this.generatePolygon("diamond", diamondPoints);
+      this.generateRoundPolygon("round-diamond", diamondPoints);
+    }
+    this.generatePolygon("pentagon", generateUnitNgonPointsFitToSquare(5, 0));
+    this.generateRoundPolygon("round-pentagon", generateUnitNgonPointsFitToSquare(5, 0));
+    this.generatePolygon("hexagon", generateUnitNgonPointsFitToSquare(6, 0));
+    this.generateRoundPolygon("round-hexagon", generateUnitNgonPointsFitToSquare(6, 0));
+    this.generatePolygon("heptagon", generateUnitNgonPointsFitToSquare(7, 0));
+    this.generateRoundPolygon("round-heptagon", generateUnitNgonPointsFitToSquare(7, 0));
+    this.generatePolygon("octagon", generateUnitNgonPointsFitToSquare(8, 0));
+    this.generateRoundPolygon("round-octagon", generateUnitNgonPointsFitToSquare(8, 0));
+    var star5Points = new Array(20);
+    {
+      var outerPoints = generateUnitNgonPoints(5, 0);
+      var innerPoints = generateUnitNgonPoints(5, Math.PI / 5);
+      var innerRadius = 0.5 * (3 - Math.sqrt(5));
+      innerRadius *= 1.57;
+      for (var i2 = 0; i2 < innerPoints.length / 2; i2++) {
+        innerPoints[i2 * 2] *= innerRadius;
+        innerPoints[i2 * 2 + 1] *= innerRadius;
+      }
+      for (var i2 = 0; i2 < 20 / 4; i2++) {
+        star5Points[i2 * 4] = outerPoints[i2 * 2];
+        star5Points[i2 * 4 + 1] = outerPoints[i2 * 2 + 1];
+        star5Points[i2 * 4 + 2] = innerPoints[i2 * 2];
+        star5Points[i2 * 4 + 3] = innerPoints[i2 * 2 + 1];
+      }
+    }
+    star5Points = fitPolygonToSquare(star5Points);
+    this.generatePolygon("star", star5Points);
+    this.generatePolygon("vee", [-1, -1, 0, -0.333, 1, -1, 0, 1]);
+    this.generatePolygon("rhomboid", [-1, -1, 0.333, -1, 1, 1, -0.333, 1]);
+    this.generatePolygon("right-rhomboid", [-0.333, -1, 1, -1, 0.333, 1, -1, 1]);
+    this.nodeShapes["concavehexagon"] = this.generatePolygon("concave-hexagon", [-1, -0.95, -0.75, 0, -1, 0.95, 1, 0.95, 0.75, 0, 1, -0.95]);
+    {
+      var tagPoints = [-1, -1, 0.25, -1, 1, 0, 0.25, 1, -1, 1];
+      this.generatePolygon("tag", tagPoints);
+      this.generateRoundPolygon("round-tag", tagPoints);
+    }
+    nodeShapes.makePolygon = function(points) {
+      var key = points.join("$");
+      var name2 = "polygon-" + key;
+      var shape;
+      if (shape = this[name2]) {
+        return shape;
+      }
+      return renderer2.generatePolygon(name2, points);
+    };
+  };
+  var BRp$1 = {};
+  BRp$1.timeToRender = function() {
+    return this.redrawTotalTime / this.redrawCount;
+  };
+  BRp$1.redraw = function(options) {
+    options = options || staticEmptyObject();
+    var r = this;
+    if (r.averageRedrawTime === void 0) {
+      r.averageRedrawTime = 0;
+    }
+    if (r.lastRedrawTime === void 0) {
+      r.lastRedrawTime = 0;
+    }
+    if (r.lastDrawTime === void 0) {
+      r.lastDrawTime = 0;
+    }
+    r.requestedFrame = true;
+    r.renderOptions = options;
+  };
+  BRp$1.beforeRender = function(fn2, priority) {
+    if (this.destroyed) {
+      return;
+    }
+    if (priority == null) {
+      error("Priority is not optional for beforeRender");
+    }
+    var cbs = this.beforeRenderCallbacks;
+    cbs.push({
+      fn: fn2,
+      priority
+    });
+    cbs.sort(function(a2, b) {
+      return b.priority - a2.priority;
+    });
+  };
+  var beforeRenderCallbacks = function beforeRenderCallbacks2(r, willDraw, startTime) {
+    var cbs = r.beforeRenderCallbacks;
+    for (var i2 = 0; i2 < cbs.length; i2++) {
+      cbs[i2].fn(willDraw, startTime);
+    }
+  };
+  BRp$1.startRenderLoop = function() {
+    var r = this;
+    var cy = r.cy;
+    if (r.renderLoopStarted) {
+      return;
+    } else {
+      r.renderLoopStarted = true;
+    }
+    var _renderFn = function renderFn(requestTime) {
+      if (r.destroyed) {
+        return;
+      }
+      if (cy.batching()) ;
+      else if (r.requestedFrame && !r.skipFrame) {
+        beforeRenderCallbacks(r, true, requestTime);
+        var startTime = performanceNow();
+        r.render(r.renderOptions);
+        var endTime = r.lastDrawTime = performanceNow();
+        if (r.averageRedrawTime === void 0) {
+          r.averageRedrawTime = endTime - startTime;
+        }
+        if (r.redrawCount === void 0) {
+          r.redrawCount = 0;
+        }
+        r.redrawCount++;
+        if (r.redrawTotalTime === void 0) {
+          r.redrawTotalTime = 0;
+        }
+        var duration = endTime - startTime;
+        r.redrawTotalTime += duration;
+        r.lastRedrawTime = duration;
+        r.averageRedrawTime = r.averageRedrawTime / 2 + duration / 2;
+        r.requestedFrame = false;
+      } else {
+        beforeRenderCallbacks(r, false, requestTime);
+      }
+      r.skipFrame = false;
+      requestAnimationFrame(_renderFn);
+    };
+    requestAnimationFrame(_renderFn);
+  };
+  var BaseRenderer = function BaseRenderer2(options) {
+    this.init(options);
+  };
+  var BR = BaseRenderer;
+  var BRp = BR.prototype;
+  BRp.clientFunctions = ["redrawHint", "render", "renderTo", "matchCanvasSize", "nodeShapeImpl", "arrowShapeImpl"];
+  BRp.init = function(options) {
+    var r = this;
+    r.options = options;
+    r.cy = options.cy;
+    var ctr = r.container = options.cy.container();
+    var containerWindow = r.cy.window();
+    if (containerWindow) {
+      var document2 = containerWindow.document;
+      var head = document2.head;
+      var stylesheetId = "__________cytoscape_stylesheet";
+      var className = "__________cytoscape_container";
+      var stylesheetAlreadyExists = document2.getElementById(stylesheetId) != null;
+      if (ctr.className.indexOf(className) < 0) {
+        ctr.className = (ctr.className || "") + " " + className;
+      }
+      if (!stylesheetAlreadyExists) {
+        var stylesheet2 = document2.createElement("style");
+        stylesheet2.id = stylesheetId;
+        stylesheet2.textContent = "." + className + " { position: relative; }";
+        head.insertBefore(stylesheet2, head.children[0]);
+      }
+      var computedStyle = containerWindow.getComputedStyle(ctr);
+      var position2 = computedStyle.getPropertyValue("position");
+      if (position2 === "static") {
+        warn("A Cytoscape container has style position:static and so can not use UI extensions properly");
+      }
+    }
+    r.selection = [void 0, void 0, void 0, void 0, 0];
+    r.bezierProjPcts = [0.05, 0.225, 0.4, 0.5, 0.6, 0.775, 0.95];
+    r.hoverData = {
+      down: null,
+      last: null,
+      downTime: null,
+      triggerMode: null,
+      dragging: false,
+      initialPan: [null, null],
+      capture: false
+    };
+    r.dragData = {
+      possibleDragElements: []
+    };
+    r.touchData = {
+      start: null,
+      capture: false,
+      // These 3 fields related to tap, taphold events
+      startPosition: [null, null, null, null, null, null],
+      singleTouchStartTime: null,
+      singleTouchMoved: true,
+      now: [null, null, null, null, null, null],
+      earlier: [null, null, null, null, null, null]
+    };
+    r.redraws = 0;
+    r.showFps = options.showFps;
+    r.debug = options.debug;
+    r.webgl = options.webgl;
+    r.hideEdgesOnViewport = options.hideEdgesOnViewport;
+    r.textureOnViewport = options.textureOnViewport;
+    r.wheelSensitivity = options.wheelSensitivity;
+    r.motionBlurEnabled = options.motionBlur;
+    r.forcedPixelRatio = number$1(options.pixelRatio) ? options.pixelRatio : null;
+    r.motionBlur = options.motionBlur;
+    r.motionBlurOpacity = options.motionBlurOpacity;
+    r.motionBlurTransparency = 1 - r.motionBlurOpacity;
+    r.motionBlurPxRatio = 1;
+    r.mbPxRBlurry = 1;
+    r.minMbLowQualFrames = 4;
+    r.fullQualityMb = false;
+    r.clearedForMotionBlur = [];
+    r.desktopTapThreshold = options.desktopTapThreshold;
+    r.desktopTapThreshold2 = options.desktopTapThreshold * options.desktopTapThreshold;
+    r.touchTapThreshold = options.touchTapThreshold;
+    r.touchTapThreshold2 = options.touchTapThreshold * options.touchTapThreshold;
+    r.tapholdDuration = 500;
+    r.bindings = [];
+    r.beforeRenderCallbacks = [];
+    r.beforeRenderPriorities = {
+      // higher priority execs before lower one
+      animations: 400,
+      eleCalcs: 300,
+      eleTxrDeq: 200,
+      lyrTxrDeq: 150,
+      lyrTxrSkip: 100
+    };
+    r.registerNodeShapes();
+    r.registerArrowShapes();
+    r.registerCalculationListeners();
+  };
+  BRp.notify = function(eventName, eles) {
+    var r = this;
+    var cy = r.cy;
+    if (this.destroyed) {
+      return;
+    }
+    if (eventName === "init") {
+      r.load();
+      return;
+    }
+    if (eventName === "destroy") {
+      r.destroy();
+      return;
+    }
+    if (eventName === "add" || eventName === "remove" || eventName === "move" && cy.hasCompoundNodes() || eventName === "load" || eventName === "zorder" || eventName === "mount") {
+      r.invalidateCachedZSortedEles();
+    }
+    if (eventName === "viewport") {
+      r.redrawHint("select", true);
+    }
+    if (eventName === "gc") {
+      r.redrawHint("gc", true);
+    }
+    if (eventName === "load" || eventName === "resize" || eventName === "mount") {
+      r.invalidateContainerClientCoordsCache();
+      r.matchCanvasSize(r.container);
+    }
+    r.redrawHint("eles", true);
+    r.redrawHint("drag", true);
+    this.startRenderLoop();
+    this.redraw();
+  };
+  BRp.destroy = function() {
+    var r = this;
+    r.destroyed = true;
+    r.cy.stopAnimationLoop();
+    for (var i2 = 0; i2 < r.bindings.length; i2++) {
+      var binding = r.bindings[i2];
+      var b = binding;
+      var tgt = b.target;
+      (tgt.off || tgt.removeEventListener).apply(tgt, b.args);
+    }
+    r.bindings = [];
+    r.beforeRenderCallbacks = [];
+    r.onUpdateEleCalcsFns = [];
+    if (r.removeObserver) {
+      r.removeObserver.disconnect();
+    }
+    if (r.styleObserver) {
+      r.styleObserver.disconnect();
+    }
+    if (r.resizeObserver) {
+      r.resizeObserver.disconnect();
+    }
+    if (r.labelCalcDiv) {
+      try {
+        document.body.removeChild(r.labelCalcDiv);
+      } catch (e) {
+      }
+    }
+  };
+  BRp.isHeadless = function() {
+    return false;
+  };
+  [BRp$f, BRp$5, BRp$4, BRp$3, BRp$2, BRp$1].forEach(function(props) {
+    extend(BRp, props);
+  });
+  var fullFpsTime = 1e3 / 60;
+  var defs = {
+    setupDequeueing: function setupDequeueing(opts) {
+      return function setupDequeueingImpl() {
+        var self2 = this;
+        var r = this.renderer;
+        if (self2.dequeueingSetup) {
+          return;
+        } else {
+          self2.dequeueingSetup = true;
+        }
+        var queueRedraw = debounce(function() {
+          r.redrawHint("eles", true);
+          r.redrawHint("drag", true);
+          r.redraw();
+        }, opts.deqRedrawThreshold);
+        var dequeue = function dequeue2(willDraw, frameStartTime) {
+          var startTime = performanceNow();
+          var avgRenderTime = r.averageRedrawTime;
+          var renderTime = r.lastRedrawTime;
+          var deqd = [];
+          var extent = r.cy.extent();
+          var pixelRatio = r.getPixelRatio();
+          if (!willDraw) {
+            r.flushRenderedStyleQueue();
+          }
+          while (true) {
+            var now2 = performanceNow();
+            var duration = now2 - startTime;
+            var frameDuration = now2 - frameStartTime;
+            if (renderTime < fullFpsTime) {
+              var timeAvailable = fullFpsTime - (willDraw ? avgRenderTime : 0);
+              if (frameDuration >= opts.deqFastCost * timeAvailable) {
+                break;
+              }
+            } else {
+              if (willDraw) {
+                if (duration >= opts.deqCost * renderTime || duration >= opts.deqAvgCost * avgRenderTime) {
+                  break;
+                }
+              } else if (frameDuration >= opts.deqNoDrawCost * fullFpsTime) {
+                break;
+              }
+            }
+            var thisDeqd = opts.deq(self2, pixelRatio, extent);
+            if (thisDeqd.length > 0) {
+              for (var i2 = 0; i2 < thisDeqd.length; i2++) {
+                deqd.push(thisDeqd[i2]);
+              }
+            } else {
+              break;
+            }
+          }
+          if (deqd.length > 0) {
+            opts.onDeqd(self2, deqd);
+            if (!willDraw && opts.shouldRedraw(self2, deqd, pixelRatio, extent)) {
+              queueRedraw();
+            }
+          }
+        };
+        var priority = opts.priority || noop$1;
+        r.beforeRender(dequeue, priority(self2));
+      };
+    }
+  };
+  var ElementTextureCacheLookup = /* @__PURE__ */ (function() {
+    function ElementTextureCacheLookup2(getKey2) {
+      var doesEleInvalidateKey = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : falsify;
+      _classCallCheck(this, ElementTextureCacheLookup2);
+      this.idsByKey = new Map$1();
+      this.keyForId = new Map$1();
+      this.cachesByLvl = new Map$1();
+      this.lvls = [];
+      this.getKey = getKey2;
+      this.doesEleInvalidateKey = doesEleInvalidateKey;
+    }
+    return _createClass(ElementTextureCacheLookup2, [{
+      key: "getIdsFor",
+      value: function getIdsFor(key) {
+        if (key == null) {
+          error("Can not get id list for null key");
+        }
+        var idsByKey = this.idsByKey;
+        var ids = this.idsByKey.get(key);
+        if (!ids) {
+          ids = new Set$1();
+          idsByKey.set(key, ids);
+        }
+        return ids;
+      }
+    }, {
+      key: "addIdForKey",
+      value: function addIdForKey(key, id2) {
+        if (key != null) {
+          this.getIdsFor(key).add(id2);
+        }
+      }
+    }, {
+      key: "deleteIdForKey",
+      value: function deleteIdForKey(key, id2) {
+        if (key != null) {
+          this.getIdsFor(key)["delete"](id2);
+        }
+      }
+    }, {
+      key: "getNumberOfIdsForKey",
+      value: function getNumberOfIdsForKey(key) {
+        if (key == null) {
+          return 0;
+        } else {
+          return this.getIdsFor(key).size;
+        }
+      }
+    }, {
+      key: "updateKeyMappingFor",
+      value: function updateKeyMappingFor(ele) {
+        var id2 = ele.id();
+        var prevKey = this.keyForId.get(id2);
+        var currKey = this.getKey(ele);
+        this.deleteIdForKey(prevKey, id2);
+        this.addIdForKey(currKey, id2);
+        this.keyForId.set(id2, currKey);
+      }
+    }, {
+      key: "deleteKeyMappingFor",
+      value: function deleteKeyMappingFor(ele) {
+        var id2 = ele.id();
+        var prevKey = this.keyForId.get(id2);
+        this.deleteIdForKey(prevKey, id2);
+        this.keyForId["delete"](id2);
+      }
+    }, {
+      key: "keyHasChangedFor",
+      value: function keyHasChangedFor(ele) {
+        var id2 = ele.id();
+        var prevKey = this.keyForId.get(id2);
+        var newKey = this.getKey(ele);
+        return prevKey !== newKey;
+      }
+    }, {
+      key: "isInvalid",
+      value: function isInvalid(ele) {
+        return this.keyHasChangedFor(ele) || this.doesEleInvalidateKey(ele);
+      }
+    }, {
+      key: "getCachesAt",
+      value: function getCachesAt(lvl) {
+        var cachesByLvl = this.cachesByLvl, lvls = this.lvls;
+        var caches = cachesByLvl.get(lvl);
+        if (!caches) {
+          caches = new Map$1();
+          cachesByLvl.set(lvl, caches);
+          lvls.push(lvl);
+        }
+        return caches;
+      }
+    }, {
+      key: "getCache",
+      value: function getCache(key, lvl) {
+        return this.getCachesAt(lvl).get(key);
+      }
+    }, {
+      key: "get",
+      value: function get2(ele, lvl) {
+        var key = this.getKey(ele);
+        var cache2 = this.getCache(key, lvl);
+        if (cache2 != null) {
+          this.updateKeyMappingFor(ele);
+        }
+        return cache2;
+      }
+    }, {
+      key: "getForCachedKey",
+      value: function getForCachedKey(ele, lvl) {
+        var key = this.keyForId.get(ele.id());
+        var cache2 = this.getCache(key, lvl);
+        return cache2;
+      }
+    }, {
+      key: "hasCache",
+      value: function hasCache(key, lvl) {
+        return this.getCachesAt(lvl).has(key);
+      }
+    }, {
+      key: "has",
+      value: function has(ele, lvl) {
+        var key = this.getKey(ele);
+        return this.hasCache(key, lvl);
+      }
+    }, {
+      key: "setCache",
+      value: function setCache(key, lvl, cache2) {
+        cache2.key = key;
+        this.getCachesAt(lvl).set(key, cache2);
+      }
+    }, {
+      key: "set",
+      value: function set2(ele, lvl, cache2) {
+        var key = this.getKey(ele);
+        this.setCache(key, lvl, cache2);
+        this.updateKeyMappingFor(ele);
+      }
+    }, {
+      key: "deleteCache",
+      value: function deleteCache(key, lvl) {
+        this.getCachesAt(lvl)["delete"](key);
+      }
+    }, {
+      key: "delete",
+      value: function _delete(ele, lvl) {
+        var key = this.getKey(ele);
+        this.deleteCache(key, lvl);
+      }
+    }, {
+      key: "invalidateKey",
+      value: function invalidateKey(key) {
+        var _this = this;
+        this.lvls.forEach(function(lvl) {
+          return _this.deleteCache(key, lvl);
+        });
+      }
+      // returns true if no other eles reference the invalidated cache (n.b. other eles may need the cache with the same key)
+    }, {
+      key: "invalidate",
+      value: function invalidate(ele) {
+        var id2 = ele.id();
+        var key = this.keyForId.get(id2);
+        this.deleteKeyMappingFor(ele);
+        var entireKeyInvalidated = this.doesEleInvalidateKey(ele);
+        if (entireKeyInvalidated) {
+          this.invalidateKey(key);
+        }
+        return entireKeyInvalidated || this.getNumberOfIdsForKey(key) === 0;
+      }
+    }]);
+  })();
+  var minTxrH = 25;
+  var txrStepH = 50;
+  var minLvl$1 = -4;
+  var maxLvl$1 = 3;
+  var maxZoom$1 = 7.99;
+  var eleTxrSpacing = 8;
+  var defTxrWidth = 1024;
+  var maxTxrW = 1024;
+  var maxTxrH = 1024;
+  var minUtility = 0.2;
+  var maxFullness = 0.8;
+  var maxFullnessChecks = 10;
+  var deqCost$1 = 0.15;
+  var deqAvgCost$1 = 0.1;
+  var deqNoDrawCost$1 = 0.9;
+  var deqFastCost$1 = 0.9;
+  var deqRedrawThreshold$1 = 100;
+  var maxDeqSize$1 = 1;
+  var getTxrReasons = {
+    dequeue: "dequeue",
+    downscale: "downscale",
+    highQuality: "highQuality"
+  };
+  var initDefaults = defaults$g({
+    getKey: null,
+    doesEleInvalidateKey: falsify,
+    drawElement: null,
+    getBoundingBox: null,
+    getRotationPoint: null,
+    getRotationOffset: null,
+    isVisible: trueify,
+    allowEdgeTxrCaching: true,
+    allowParentTxrCaching: true
+  });
+  var ElementTextureCache = function ElementTextureCache2(renderer2, initOptions) {
+    var self2 = this;
+    self2.renderer = renderer2;
+    self2.onDequeues = [];
+    var opts = initDefaults(initOptions);
+    extend(self2, opts);
+    self2.lookup = new ElementTextureCacheLookup(opts.getKey, opts.doesEleInvalidateKey);
+    self2.setupDequeueing();
+  };
+  var ETCp = ElementTextureCache.prototype;
+  ETCp.reasons = getTxrReasons;
+  ETCp.getTextureQueue = function(txrH) {
+    var self2 = this;
+    self2.eleImgCaches = self2.eleImgCaches || {};
+    return self2.eleImgCaches[txrH] = self2.eleImgCaches[txrH] || [];
+  };
+  ETCp.getRetiredTextureQueue = function(txrH) {
+    var self2 = this;
+    var rtxtrQs = self2.eleImgCaches.retired = self2.eleImgCaches.retired || {};
+    var rtxtrQ = rtxtrQs[txrH] = rtxtrQs[txrH] || [];
+    return rtxtrQ;
+  };
+  ETCp.getElementQueue = function() {
+    var self2 = this;
+    var q = self2.eleCacheQueue = self2.eleCacheQueue || new Heap(function(a2, b) {
+      return b.reqs - a2.reqs;
+    });
+    return q;
+  };
+  ETCp.getElementKeyToQueue = function() {
+    var self2 = this;
+    var k2q = self2.eleKeyToCacheQueue = self2.eleKeyToCacheQueue || {};
+    return k2q;
+  };
+  ETCp.getElement = function(ele, bb, pxRatio, lvl, reason) {
+    var self2 = this;
+    var r = this.renderer;
+    var zoom2 = r.cy.zoom();
+    var lookup2 = this.lookup;
+    if (!bb || bb.w === 0 || bb.h === 0 || isNaN(bb.w) || isNaN(bb.h) || !ele.visible() || ele.removed()) {
+      return null;
+    }
+    if (!self2.allowEdgeTxrCaching && ele.isEdge() || !self2.allowParentTxrCaching && ele.isParent()) {
+      return null;
+    }
+    if (lvl == null) {
+      lvl = Math.ceil(log2(zoom2 * pxRatio));
+    }
+    if (lvl < minLvl$1) {
+      lvl = minLvl$1;
+    } else if (zoom2 >= maxZoom$1 || lvl > maxLvl$1) {
+      return null;
+    }
+    var scale2 = Math.pow(2, lvl);
+    var eleScaledH = bb.h * scale2;
+    var eleScaledW = bb.w * scale2;
+    var scaledLabelShown = r.eleTextBiggerThanMin(ele, scale2);
+    if (!this.isVisible(ele, scaledLabelShown)) {
+      return null;
+    }
+    var eleCache = lookup2.get(ele, lvl);
+    if (eleCache && eleCache.invalidated) {
+      eleCache.invalidated = false;
+      eleCache.texture.invalidatedWidth -= eleCache.width;
+    }
+    if (eleCache) {
+      return eleCache;
+    }
+    var txrH;
+    if (eleScaledH <= minTxrH) {
+      txrH = minTxrH;
+    } else if (eleScaledH <= txrStepH) {
+      txrH = txrStepH;
+    } else {
+      txrH = Math.ceil(eleScaledH / txrStepH) * txrStepH;
+    }
+    if (eleScaledH > maxTxrH || eleScaledW > maxTxrW) {
+      return null;
+    }
+    var txrQ = self2.getTextureQueue(txrH);
+    var txr = txrQ[txrQ.length - 2];
+    var addNewTxr = function addNewTxr2() {
+      return self2.recycleTexture(txrH, eleScaledW) || self2.addTexture(txrH, eleScaledW);
+    };
+    if (!txr) {
+      txr = txrQ[txrQ.length - 1];
+    }
+    if (!txr) {
+      txr = addNewTxr();
+    }
+    if (txr.width - txr.usedWidth < eleScaledW) {
+      txr = addNewTxr();
+    }
+    var scalableFrom = function scalableFrom2(otherCache) {
+      return otherCache && otherCache.scaledLabelShown === scaledLabelShown;
+    };
+    var deqing = reason && reason === getTxrReasons.dequeue;
+    var highQualityReq = reason && reason === getTxrReasons.highQuality;
+    var downscaleReq = reason && reason === getTxrReasons.downscale;
+    var higherCache;
+    for (var l = lvl + 1; l <= maxLvl$1; l++) {
+      var c2 = lookup2.get(ele, l);
+      if (c2) {
+        higherCache = c2;
+        break;
+      }
+    }
+    var oneUpCache = higherCache && higherCache.level === lvl + 1 ? higherCache : null;
+    var downscale = function downscale2() {
+      txr.context.drawImage(oneUpCache.texture.canvas, oneUpCache.x, 0, oneUpCache.width, oneUpCache.height, txr.usedWidth, 0, eleScaledW, eleScaledH);
+    };
+    txr.context.setTransform(1, 0, 0, 1, 0, 0);
+    txr.context.clearRect(txr.usedWidth, 0, eleScaledW, txrH);
+    if (scalableFrom(oneUpCache)) {
+      downscale();
+    } else if (scalableFrom(higherCache)) {
+      if (highQualityReq) {
+        for (var _l = higherCache.level; _l > lvl; _l--) {
+          oneUpCache = self2.getElement(ele, bb, pxRatio, _l, getTxrReasons.downscale);
+        }
+        downscale();
+      } else {
+        self2.queueElement(ele, higherCache.level - 1);
+        return higherCache;
+      }
+    } else {
+      var lowerCache;
+      if (!deqing && !highQualityReq && !downscaleReq) {
+        for (var _l2 = lvl - 1; _l2 >= minLvl$1; _l2--) {
+          var _c = lookup2.get(ele, _l2);
+          if (_c) {
+            lowerCache = _c;
+            break;
+          }
+        }
+      }
+      if (scalableFrom(lowerCache)) {
+        self2.queueElement(ele, lvl);
+        return lowerCache;
+      }
+      txr.context.translate(txr.usedWidth, 0);
+      txr.context.scale(scale2, scale2);
+      this.drawElement(txr.context, ele, bb, scaledLabelShown, false);
+      txr.context.scale(1 / scale2, 1 / scale2);
+      txr.context.translate(-txr.usedWidth, 0);
+    }
+    eleCache = {
+      x: txr.usedWidth,
+      texture: txr,
+      level: lvl,
+      scale: scale2,
+      width: eleScaledW,
+      height: eleScaledH,
+      scaledLabelShown
+    };
+    txr.usedWidth += Math.ceil(eleScaledW + eleTxrSpacing);
+    txr.eleCaches.push(eleCache);
+    lookup2.set(ele, lvl, eleCache);
+    self2.checkTextureFullness(txr);
+    return eleCache;
+  };
+  ETCp.invalidateElements = function(eles) {
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      this.invalidateElement(eles[i2]);
+    }
+  };
+  ETCp.invalidateElement = function(ele) {
+    var self2 = this;
+    var lookup2 = self2.lookup;
+    var caches = [];
+    var invalid2 = lookup2.isInvalid(ele);
+    if (!invalid2) {
+      return;
+    }
+    for (var lvl = minLvl$1; lvl <= maxLvl$1; lvl++) {
+      var cache2 = lookup2.getForCachedKey(ele, lvl);
+      if (cache2) {
+        caches.push(cache2);
+      }
+    }
+    var noOtherElesUseCache = lookup2.invalidate(ele);
+    if (noOtherElesUseCache) {
+      for (var i2 = 0; i2 < caches.length; i2++) {
+        var _cache = caches[i2];
+        var txr = _cache.texture;
+        txr.invalidatedWidth += _cache.width;
+        _cache.invalidated = true;
+        self2.checkTextureUtility(txr);
+      }
+    }
+    self2.removeFromQueue(ele);
+  };
+  ETCp.checkTextureUtility = function(txr) {
+    if (txr.invalidatedWidth >= minUtility * txr.width) {
+      this.retireTexture(txr);
+    }
+  };
+  ETCp.checkTextureFullness = function(txr) {
+    var self2 = this;
+    var txrQ = self2.getTextureQueue(txr.height);
+    if (txr.usedWidth / txr.width > maxFullness && txr.fullnessChecks >= maxFullnessChecks) {
+      removeFromArray(txrQ, txr);
+    } else {
+      txr.fullnessChecks++;
+    }
+  };
+  ETCp.retireTexture = function(txr) {
+    var self2 = this;
+    var txrH = txr.height;
+    var txrQ = self2.getTextureQueue(txrH);
+    var lookup2 = this.lookup;
+    removeFromArray(txrQ, txr);
+    txr.retired = true;
+    var eleCaches = txr.eleCaches;
+    for (var i2 = 0; i2 < eleCaches.length; i2++) {
+      var eleCache = eleCaches[i2];
+      lookup2.deleteCache(eleCache.key, eleCache.level);
+    }
+    clearArray(eleCaches);
+    var rtxtrQ = self2.getRetiredTextureQueue(txrH);
+    rtxtrQ.push(txr);
+  };
+  ETCp.addTexture = function(txrH, minW) {
+    var self2 = this;
+    var txrQ = self2.getTextureQueue(txrH);
+    var txr = {};
+    txrQ.push(txr);
+    txr.eleCaches = [];
+    txr.height = txrH;
+    txr.width = Math.max(defTxrWidth, minW);
+    txr.usedWidth = 0;
+    txr.invalidatedWidth = 0;
+    txr.fullnessChecks = 0;
+    txr.canvas = self2.renderer.makeOffscreenCanvas(txr.width, txr.height);
+    txr.context = txr.canvas.getContext("2d");
+    return txr;
+  };
+  ETCp.recycleTexture = function(txrH, minW) {
+    var self2 = this;
+    var txrQ = self2.getTextureQueue(txrH);
+    var rtxtrQ = self2.getRetiredTextureQueue(txrH);
+    for (var i2 = 0; i2 < rtxtrQ.length; i2++) {
+      var txr = rtxtrQ[i2];
+      if (txr.width >= minW) {
+        txr.retired = false;
+        txr.usedWidth = 0;
+        txr.invalidatedWidth = 0;
+        txr.fullnessChecks = 0;
+        clearArray(txr.eleCaches);
+        txr.context.setTransform(1, 0, 0, 1, 0, 0);
+        txr.context.clearRect(0, 0, txr.width, txr.height);
+        removeFromArray(rtxtrQ, txr);
+        txrQ.push(txr);
+        return txr;
+      }
+    }
+  };
+  ETCp.queueElement = function(ele, lvl) {
+    var self2 = this;
+    var q = self2.getElementQueue();
+    var k2q = self2.getElementKeyToQueue();
+    var key = this.getKey(ele);
+    var existingReq = k2q[key];
+    if (existingReq) {
+      existingReq.level = Math.max(existingReq.level, lvl);
+      existingReq.eles.merge(ele);
+      existingReq.reqs++;
+      q.updateItem(existingReq);
+    } else {
+      var req = {
+        eles: ele.spawn().merge(ele),
+        level: lvl,
+        reqs: 1,
+        key
+      };
+      q.push(req);
+      k2q[key] = req;
+    }
+  };
+  ETCp.dequeue = function(pxRatio) {
+    var self2 = this;
+    var q = self2.getElementQueue();
+    var k2q = self2.getElementKeyToQueue();
+    var dequeued = [];
+    var lookup2 = self2.lookup;
+    for (var i2 = 0; i2 < maxDeqSize$1; i2++) {
+      if (q.size() > 0) {
+        var req = q.pop();
+        var key = req.key;
+        var ele = req.eles[0];
+        var cacheExists = lookup2.hasCache(ele, req.level);
+        k2q[key] = null;
+        if (cacheExists) {
+          continue;
+        }
+        dequeued.push(req);
+        var bb = self2.getBoundingBox(ele);
+        self2.getElement(ele, bb, pxRatio, req.level, getTxrReasons.dequeue);
+      } else {
+        break;
+      }
+    }
+    return dequeued;
+  };
+  ETCp.removeFromQueue = function(ele) {
+    var self2 = this;
+    var q = self2.getElementQueue();
+    var k2q = self2.getElementKeyToQueue();
+    var key = this.getKey(ele);
+    var req = k2q[key];
+    if (req != null) {
+      if (req.eles.length === 1) {
+        req.reqs = MAX_INT$1;
+        q.updateItem(req);
+        q.pop();
+        k2q[key] = null;
+      } else {
+        req.eles.unmerge(ele);
+      }
+    }
+  };
+  ETCp.onDequeue = function(fn2) {
+    this.onDequeues.push(fn2);
+  };
+  ETCp.offDequeue = function(fn2) {
+    removeFromArray(this.onDequeues, fn2);
+  };
+  ETCp.setupDequeueing = defs.setupDequeueing({
+    deqRedrawThreshold: deqRedrawThreshold$1,
+    deqCost: deqCost$1,
+    deqAvgCost: deqAvgCost$1,
+    deqNoDrawCost: deqNoDrawCost$1,
+    deqFastCost: deqFastCost$1,
+    deq: function deq(self2, pxRatio, extent) {
+      return self2.dequeue(pxRatio, extent);
+    },
+    onDeqd: function onDeqd(self2, deqd) {
+      for (var i2 = 0; i2 < self2.onDequeues.length; i2++) {
+        var fn2 = self2.onDequeues[i2];
+        fn2(deqd);
+      }
+    },
+    shouldRedraw: function shouldRedraw(self2, deqd, pxRatio, extent) {
+      for (var i2 = 0; i2 < deqd.length; i2++) {
+        var eles = deqd[i2].eles;
+        for (var j = 0; j < eles.length; j++) {
+          var bb = eles[j].boundingBox();
+          if (boundingBoxesIntersect(bb, extent)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    },
+    priority: function priority(self2) {
+      return self2.renderer.beforeRenderPriorities.eleTxrDeq;
+    }
+  });
+  var defNumLayers = 1;
+  var minLvl = -4;
+  var maxLvl = 2;
+  var maxZoom = 3.99;
+  var deqRedrawThreshold = 50;
+  var refineEleDebounceTime = 50;
+  var deqCost = 0.15;
+  var deqAvgCost = 0.1;
+  var deqNoDrawCost = 0.9;
+  var deqFastCost = 0.9;
+  var maxDeqSize = 1;
+  var invalidThreshold = 250;
+  var maxLayerArea = 4e3 * 4e3;
+  var maxLayerDim = 32767;
+  var useHighQualityEleTxrReqs = true;
+  var LayeredTextureCache = function LayeredTextureCache2(renderer2) {
+    var self2 = this;
+    var r = self2.renderer = renderer2;
+    var cy = r.cy;
+    self2.layersByLevel = {};
+    self2.firstGet = true;
+    self2.lastInvalidationTime = performanceNow() - 2 * invalidThreshold;
+    self2.skipping = false;
+    self2.eleTxrDeqs = cy.collection();
+    self2.scheduleElementRefinement = debounce(function() {
+      self2.refineElementTextures(self2.eleTxrDeqs);
+      self2.eleTxrDeqs.unmerge(self2.eleTxrDeqs);
+    }, refineEleDebounceTime);
+    r.beforeRender(function(willDraw, now2) {
+      if (now2 - self2.lastInvalidationTime <= invalidThreshold) {
+        self2.skipping = true;
+      } else {
+        self2.skipping = false;
+      }
+    }, r.beforeRenderPriorities.lyrTxrSkip);
+    var qSort = function qSort2(a2, b) {
+      return b.reqs - a2.reqs;
+    };
+    self2.layersQueue = new Heap(qSort);
+    self2.setupDequeueing();
+  };
+  var LTCp = LayeredTextureCache.prototype;
+  var layerIdPool = 0;
+  var MAX_INT = Math.pow(2, 53) - 1;
+  LTCp.makeLayer = function(bb, lvl) {
+    var scale2 = Math.pow(2, lvl);
+    var w = Math.ceil(bb.w * scale2);
+    var h = Math.ceil(bb.h * scale2);
+    var canvas = this.renderer.makeOffscreenCanvas(w, h);
+    var layer2 = {
+      id: layerIdPool = ++layerIdPool % MAX_INT,
+      bb,
+      level: lvl,
+      width: w,
+      height: h,
+      canvas,
+      context: canvas.getContext("2d"),
+      eles: [],
+      elesQueue: [],
+      reqs: 0
+    };
+    var cxt = layer2.context;
+    var dx = -layer2.bb.x1;
+    var dy = -layer2.bb.y1;
+    cxt.scale(scale2, scale2);
+    cxt.translate(dx, dy);
+    return layer2;
+  };
+  LTCp.getLayers = function(eles, pxRatio, lvl) {
+    var self2 = this;
+    var r = self2.renderer;
+    var cy = r.cy;
+    var zoom2 = cy.zoom();
+    var firstGet = self2.firstGet;
+    self2.firstGet = false;
+    if (lvl == null) {
+      lvl = Math.ceil(log2(zoom2 * pxRatio));
+      if (lvl < minLvl) {
+        lvl = minLvl;
+      } else if (zoom2 >= maxZoom || lvl > maxLvl) {
+        return null;
+      }
+    }
+    self2.validateLayersElesOrdering(lvl, eles);
+    var layersByLvl = self2.layersByLevel;
+    var scale2 = Math.pow(2, lvl);
+    var layers = layersByLvl[lvl] = layersByLvl[lvl] || [];
+    var bb;
+    var lvlComplete = self2.levelIsComplete(lvl, eles);
+    var tmpLayers;
+    var checkTempLevels = function checkTempLevels2() {
+      var canUseAsTmpLvl = function canUseAsTmpLvl2(l) {
+        self2.validateLayersElesOrdering(l, eles);
+        if (self2.levelIsComplete(l, eles)) {
+          tmpLayers = layersByLvl[l];
+          return true;
+        }
+      };
+      var checkLvls = function checkLvls2(dir) {
+        if (tmpLayers) {
+          return;
+        }
+        for (var l = lvl + dir; minLvl <= l && l <= maxLvl; l += dir) {
+          if (canUseAsTmpLvl(l)) {
+            break;
+          }
+        }
+      };
+      checkLvls(1);
+      checkLvls(-1);
+      for (var i3 = layers.length - 1; i3 >= 0; i3--) {
+        var layer3 = layers[i3];
+        if (layer3.invalid) {
+          removeFromArray(layers, layer3);
+        }
+      }
+    };
+    if (!lvlComplete) {
+      checkTempLevels();
+    } else {
+      return layers;
+    }
+    var getBb = function getBb2() {
+      if (!bb) {
+        bb = makeBoundingBox();
+        for (var i3 = 0; i3 < eles.length; i3++) {
+          updateBoundingBox(bb, eles[i3].boundingBox());
+        }
+      }
+      return bb;
+    };
+    var makeLayer = function makeLayer2(opts) {
+      opts = opts || {};
+      var after = opts.after;
+      getBb();
+      var w = Math.ceil(bb.w * scale2);
+      var h = Math.ceil(bb.h * scale2);
+      if (w > maxLayerDim || h > maxLayerDim) {
+        return null;
+      }
+      var area = w * h;
+      if (area > maxLayerArea) {
+        return null;
+      }
+      var layer3 = self2.makeLayer(bb, lvl);
+      if (after != null) {
+        var index2 = layers.indexOf(after) + 1;
+        layers.splice(index2, 0, layer3);
+      } else if (opts.insert === void 0 || opts.insert) {
+        layers.unshift(layer3);
+      }
+      return layer3;
+    };
+    if (self2.skipping && !firstGet) {
+      return null;
+    }
+    var layer2 = null;
+    var maxElesPerLayer = eles.length / defNumLayers;
+    var allowLazyQueueing = !firstGet;
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      var rs = ele._private.rscratch;
+      var caches = rs.imgLayerCaches = rs.imgLayerCaches || {};
+      var existingLayer = caches[lvl];
+      if (existingLayer) {
+        layer2 = existingLayer;
+        continue;
+      }
+      if (!layer2 || layer2.eles.length >= maxElesPerLayer || !boundingBoxInBoundingBox(layer2.bb, ele.boundingBox())) {
+        layer2 = makeLayer({
+          insert: true,
+          after: layer2
+        });
+        if (!layer2) {
+          return null;
+        }
+      }
+      if (tmpLayers || allowLazyQueueing) {
+        self2.queueLayer(layer2, ele);
+      } else {
+        self2.drawEleInLayer(layer2, ele, lvl, pxRatio);
+      }
+      layer2.eles.push(ele);
+      caches[lvl] = layer2;
+    }
+    if (tmpLayers) {
+      return tmpLayers;
+    }
+    if (allowLazyQueueing) {
+      return null;
+    }
+    return layers;
+  };
+  LTCp.getEleLevelForLayerLevel = function(lvl, pxRatio) {
+    return lvl;
+  };
+  LTCp.drawEleInLayer = function(layer2, ele, lvl, pxRatio) {
+    var self2 = this;
+    var r = this.renderer;
+    var context = layer2.context;
+    var bb = ele.boundingBox();
+    if (bb.w === 0 || bb.h === 0 || !ele.visible()) {
+      return;
+    }
+    lvl = self2.getEleLevelForLayerLevel(lvl, pxRatio);
+    {
+      r.setImgSmoothing(context, false);
+    }
+    {
+      r.drawCachedElement(context, ele, null, null, lvl, useHighQualityEleTxrReqs);
+    }
+    {
+      r.setImgSmoothing(context, true);
+    }
+  };
+  LTCp.levelIsComplete = function(lvl, eles) {
+    var self2 = this;
+    var layers = self2.layersByLevel[lvl];
+    if (!layers || layers.length === 0) {
+      return false;
+    }
+    var numElesInLayers = 0;
+    for (var i2 = 0; i2 < layers.length; i2++) {
+      var layer2 = layers[i2];
+      if (layer2.reqs > 0) {
+        return false;
+      }
+      if (layer2.invalid) {
+        return false;
+      }
+      numElesInLayers += layer2.eles.length;
+    }
+    if (numElesInLayers !== eles.length) {
+      return false;
+    }
+    return true;
+  };
+  LTCp.validateLayersElesOrdering = function(lvl, eles) {
+    var layers = this.layersByLevel[lvl];
+    if (!layers) {
+      return;
+    }
+    for (var i2 = 0; i2 < layers.length; i2++) {
+      var layer2 = layers[i2];
+      var offset = -1;
+      for (var j = 0; j < eles.length; j++) {
+        if (layer2.eles[0] === eles[j]) {
+          offset = j;
+          break;
+        }
+      }
+      if (offset < 0) {
+        this.invalidateLayer(layer2);
+        continue;
+      }
+      var o = offset;
+      for (var j = 0; j < layer2.eles.length; j++) {
+        if (layer2.eles[j] !== eles[o + j]) {
+          this.invalidateLayer(layer2);
+          break;
+        }
+      }
+    }
+  };
+  LTCp.updateElementsInLayers = function(eles, update) {
+    var self2 = this;
+    var isEles = element(eles[0]);
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var req = isEles ? null : eles[i2];
+      var ele = isEles ? eles[i2] : eles[i2].ele;
+      var rs = ele._private.rscratch;
+      var caches = rs.imgLayerCaches = rs.imgLayerCaches || {};
+      for (var l = minLvl; l <= maxLvl; l++) {
+        var layer2 = caches[l];
+        if (!layer2) {
+          continue;
+        }
+        if (req && self2.getEleLevelForLayerLevel(layer2.level) !== req.level) {
+          continue;
+        }
+        update(layer2, ele, req);
+      }
+    }
+  };
+  LTCp.haveLayers = function() {
+    var self2 = this;
+    var haveLayers = false;
+    for (var l = minLvl; l <= maxLvl; l++) {
+      var layers = self2.layersByLevel[l];
+      if (layers && layers.length > 0) {
+        haveLayers = true;
+        break;
+      }
+    }
+    return haveLayers;
+  };
+  LTCp.invalidateElements = function(eles) {
+    var self2 = this;
+    if (eles.length === 0) {
+      return;
+    }
+    self2.lastInvalidationTime = performanceNow();
+    if (eles.length === 0 || !self2.haveLayers()) {
+      return;
+    }
+    self2.updateElementsInLayers(eles, function invalAssocLayers(layer2, ele, req) {
+      self2.invalidateLayer(layer2);
+    });
+  };
+  LTCp.invalidateLayer = function(layer2) {
+    this.lastInvalidationTime = performanceNow();
+    if (layer2.invalid) {
+      return;
+    }
+    var lvl = layer2.level;
+    var eles = layer2.eles;
+    var layers = this.layersByLevel[lvl];
+    removeFromArray(layers, layer2);
+    layer2.elesQueue = [];
+    layer2.invalid = true;
+    if (layer2.replacement) {
+      layer2.replacement.invalid = true;
+    }
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var caches = eles[i2]._private.rscratch.imgLayerCaches;
+      if (caches) {
+        caches[lvl] = null;
+      }
+    }
+  };
+  LTCp.refineElementTextures = function(eles) {
+    var self2 = this;
+    self2.updateElementsInLayers(eles, function refineEachEle(layer2, ele, req) {
+      var rLyr = layer2.replacement;
+      if (!rLyr) {
+        rLyr = layer2.replacement = self2.makeLayer(layer2.bb, layer2.level);
+        rLyr.replaces = layer2;
+        rLyr.eles = layer2.eles;
+      }
+      if (!rLyr.reqs) {
+        for (var i2 = 0; i2 < rLyr.eles.length; i2++) {
+          self2.queueLayer(rLyr, rLyr.eles[i2]);
+        }
+      }
+    });
+  };
+  LTCp.enqueueElementRefinement = function(ele) {
+    this.eleTxrDeqs.merge(ele);
+    this.scheduleElementRefinement();
+  };
+  LTCp.queueLayer = function(layer2, ele) {
+    var self2 = this;
+    var q = self2.layersQueue;
+    var elesQ = layer2.elesQueue;
+    var hasId = elesQ.hasId = elesQ.hasId || {};
+    if (layer2.replacement) {
+      return;
+    }
+    if (ele) {
+      if (hasId[ele.id()]) {
+        return;
+      }
+      elesQ.push(ele);
+      hasId[ele.id()] = true;
+    }
+    if (layer2.reqs) {
+      layer2.reqs++;
+      q.updateItem(layer2);
+    } else {
+      layer2.reqs = 1;
+      q.push(layer2);
+    }
+  };
+  LTCp.dequeue = function(pxRatio) {
+    var self2 = this;
+    var q = self2.layersQueue;
+    var deqd = [];
+    var eleDeqs = 0;
+    while (eleDeqs < maxDeqSize) {
+      if (q.size() === 0) {
+        break;
+      }
+      var layer2 = q.peek();
+      if (layer2.replacement) {
+        q.pop();
+        continue;
+      }
+      if (layer2.replaces && layer2 !== layer2.replaces.replacement) {
+        q.pop();
+        continue;
+      }
+      if (layer2.invalid) {
+        q.pop();
+        continue;
+      }
+      var ele = layer2.elesQueue.shift();
+      if (ele) {
+        self2.drawEleInLayer(layer2, ele, layer2.level, pxRatio);
+        eleDeqs++;
+      }
+      if (deqd.length === 0) {
+        deqd.push(true);
+      }
+      if (layer2.elesQueue.length === 0) {
+        q.pop();
+        layer2.reqs = 0;
+        if (layer2.replaces) {
+          self2.applyLayerReplacement(layer2);
+        }
+        self2.requestRedraw();
+      }
+    }
+    return deqd;
+  };
+  LTCp.applyLayerReplacement = function(layer2) {
+    var self2 = this;
+    var layersInLevel = self2.layersByLevel[layer2.level];
+    var replaced = layer2.replaces;
+    var index2 = layersInLevel.indexOf(replaced);
+    if (index2 < 0 || replaced.invalid) {
+      return;
+    }
+    layersInLevel[index2] = layer2;
+    for (var i2 = 0; i2 < layer2.eles.length; i2++) {
+      var _p = layer2.eles[i2]._private;
+      var cache2 = _p.imgLayerCaches = _p.imgLayerCaches || {};
+      if (cache2) {
+        cache2[layer2.level] = layer2;
+      }
+    }
+    self2.requestRedraw();
+  };
+  LTCp.requestRedraw = debounce(function() {
+    var r = this.renderer;
+    r.redrawHint("eles", true);
+    r.redrawHint("drag", true);
+    r.redraw();
+  }, 100);
+  LTCp.setupDequeueing = defs.setupDequeueing({
+    deqRedrawThreshold,
+    deqCost,
+    deqAvgCost,
+    deqNoDrawCost,
+    deqFastCost,
+    deq: function deq(self2, pxRatio) {
+      return self2.dequeue(pxRatio);
+    },
+    onDeqd: noop$1,
+    shouldRedraw: trueify,
+    priority: function priority(self2) {
+      return self2.renderer.beforeRenderPriorities.lyrTxrDeq;
+    }
+  });
+  var CRp$b = {};
+  var impl;
+  function polygon(context, points) {
+    for (var i2 = 0; i2 < points.length; i2++) {
+      var pt = points[i2];
+      context.lineTo(pt.x, pt.y);
+    }
+  }
+  function triangleBackcurve(context, points, controlPoint) {
+    var firstPt;
+    for (var i2 = 0; i2 < points.length; i2++) {
+      var pt = points[i2];
+      if (i2 === 0) {
+        firstPt = pt;
+      }
+      context.lineTo(pt.x, pt.y);
+    }
+    context.quadraticCurveTo(controlPoint.x, controlPoint.y, firstPt.x, firstPt.y);
+  }
+  function triangleTee(context, trianglePoints, teePoints) {
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    var triPts = trianglePoints;
+    for (var i2 = 0; i2 < triPts.length; i2++) {
+      var pt = triPts[i2];
+      context.lineTo(pt.x, pt.y);
+    }
+    var teePts = teePoints;
+    var firstTeePt = teePoints[0];
+    context.moveTo(firstTeePt.x, firstTeePt.y);
+    for (var i2 = 1; i2 < teePts.length; i2++) {
+      var pt = teePts[i2];
+      context.lineTo(pt.x, pt.y);
+    }
+    if (context.closePath) {
+      context.closePath();
+    }
+  }
+  function circleTriangle(context, trianglePoints, rx, ry, r) {
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    context.arc(rx, ry, r, 0, Math.PI * 2, false);
+    var triPts = trianglePoints;
+    var firstTrPt = triPts[0];
+    context.moveTo(firstTrPt.x, firstTrPt.y);
+    for (var i2 = 0; i2 < triPts.length; i2++) {
+      var pt = triPts[i2];
+      context.lineTo(pt.x, pt.y);
+    }
+    if (context.closePath) {
+      context.closePath();
+    }
+  }
+  function circle$1(context, rx, ry, r) {
+    context.arc(rx, ry, r, 0, Math.PI * 2, false);
+  }
+  CRp$b.arrowShapeImpl = function(name2) {
+    return (impl || (impl = {
+      "polygon": polygon,
+      "triangle-backcurve": triangleBackcurve,
+      "triangle-tee": triangleTee,
+      "circle-triangle": circleTriangle,
+      "triangle-cross": triangleTee,
+      "circle": circle$1
+    }))[name2];
+  };
+  var CRp$a = {};
+  CRp$a.drawElement = function(context, ele, shiftToOriginWithBb, showLabel, showOverlay, showOpacity) {
+    var r = this;
+    if (ele.isNode()) {
+      r.drawNode(context, ele, shiftToOriginWithBb, showLabel, showOverlay, showOpacity);
+    } else {
+      r.drawEdge(context, ele, shiftToOriginWithBb, showLabel, showOverlay, showOpacity);
+    }
+  };
+  CRp$a.drawElementOverlay = function(context, ele) {
+    var r = this;
+    if (ele.isNode()) {
+      r.drawNodeOverlay(context, ele);
+    } else {
+      r.drawEdgeOverlay(context, ele);
+    }
+  };
+  CRp$a.drawElementUnderlay = function(context, ele) {
+    var r = this;
+    if (ele.isNode()) {
+      r.drawNodeUnderlay(context, ele);
+    } else {
+      r.drawEdgeUnderlay(context, ele);
+    }
+  };
+  CRp$a.drawCachedElementPortion = function(context, ele, eleTxrCache, pxRatio, lvl, reason, getRotation, getOpacity2) {
+    var r = this;
+    var bb = eleTxrCache.getBoundingBox(ele);
+    if (bb.w === 0 || bb.h === 0) {
+      return;
+    }
+    var eleCache = eleTxrCache.getElement(ele, bb, pxRatio, lvl, reason);
+    if (eleCache != null) {
+      var opacity = getOpacity2(r, ele);
+      if (opacity === 0) {
+        return;
+      }
+      var theta = getRotation(r, ele);
+      var x1 = bb.x1, y1 = bb.y1, w = bb.w, h = bb.h;
+      var x2, y2, sx, sy, smooth;
+      if (theta !== 0) {
+        var rotPt = eleTxrCache.getRotationPoint(ele);
+        sx = rotPt.x;
+        sy = rotPt.y;
+        context.translate(sx, sy);
+        context.rotate(theta);
+        smooth = r.getImgSmoothing(context);
+        if (!smooth) {
+          r.setImgSmoothing(context, true);
+        }
+        var off = eleTxrCache.getRotationOffset(ele);
+        x2 = off.x;
+        y2 = off.y;
+      } else {
+        x2 = x1;
+        y2 = y1;
+      }
+      var oldGlobalAlpha;
+      if (opacity !== 1) {
+        oldGlobalAlpha = context.globalAlpha;
+        context.globalAlpha = oldGlobalAlpha * opacity;
+      }
+      context.drawImage(eleCache.texture.canvas, eleCache.x, 0, eleCache.width, eleCache.height, x2, y2, w, h);
+      if (opacity !== 1) {
+        context.globalAlpha = oldGlobalAlpha;
+      }
+      if (theta !== 0) {
+        context.rotate(-theta);
+        context.translate(-sx, -sy);
+        if (!smooth) {
+          r.setImgSmoothing(context, false);
+        }
+      }
+    } else {
+      eleTxrCache.drawElement(context, ele);
+    }
+  };
+  var getZeroRotation = function getZeroRotation2() {
+    return 0;
+  };
+  var getLabelRotation = function getLabelRotation2(r, ele) {
+    return r.getTextAngle(ele, null);
+  };
+  var getSourceLabelRotation = function getSourceLabelRotation2(r, ele) {
+    return r.getTextAngle(ele, "source");
+  };
+  var getTargetLabelRotation = function getTargetLabelRotation2(r, ele) {
+    return r.getTextAngle(ele, "target");
+  };
+  var getOpacity = function getOpacity2(r, ele) {
+    return ele.effectiveOpacity();
+  };
+  var getTextOpacity = function getTextOpacity2(e, ele) {
+    return ele.pstyle("text-opacity").pfValue * ele.effectiveOpacity();
+  };
+  CRp$a.drawCachedElement = function(context, ele, pxRatio, extent, lvl, requestHighQuality) {
+    var r = this;
+    var _r$data = r.data, eleTxrCache = _r$data.eleTxrCache, lblTxrCache = _r$data.lblTxrCache, slbTxrCache = _r$data.slbTxrCache, tlbTxrCache = _r$data.tlbTxrCache;
+    var bb = ele.boundingBox();
+    var reason = requestHighQuality === true ? eleTxrCache.reasons.highQuality : null;
+    if (bb.w === 0 || bb.h === 0 || !ele.visible()) {
+      return;
+    }
+    if (!extent || boundingBoxesIntersect(bb, extent)) {
+      var isEdge = ele.isEdge();
+      var badLine = ele.element()._private.rscratch.badLine;
+      r.drawElementUnderlay(context, ele);
+      r.drawCachedElementPortion(context, ele, eleTxrCache, pxRatio, lvl, reason, getZeroRotation, getOpacity);
+      if (!isEdge || !badLine) {
+        r.drawCachedElementPortion(context, ele, lblTxrCache, pxRatio, lvl, reason, getLabelRotation, getTextOpacity);
+      }
+      if (isEdge && !badLine) {
+        r.drawCachedElementPortion(context, ele, slbTxrCache, pxRatio, lvl, reason, getSourceLabelRotation, getTextOpacity);
+        r.drawCachedElementPortion(context, ele, tlbTxrCache, pxRatio, lvl, reason, getTargetLabelRotation, getTextOpacity);
+      }
+      r.drawElementOverlay(context, ele);
+    }
+  };
+  CRp$a.drawElements = function(context, eles) {
+    var r = this;
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      r.drawElement(context, ele);
+    }
+  };
+  CRp$a.drawCachedElements = function(context, eles, pxRatio, extent) {
+    var r = this;
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      r.drawCachedElement(context, ele, pxRatio, extent);
+    }
+  };
+  CRp$a.drawCachedNodes = function(context, eles, pxRatio, extent) {
+    var r = this;
+    for (var i2 = 0; i2 < eles.length; i2++) {
+      var ele = eles[i2];
+      if (!ele.isNode()) {
+        continue;
+      }
+      r.drawCachedElement(context, ele, pxRatio, extent);
+    }
+  };
+  CRp$a.drawLayeredElements = function(context, eles, pxRatio, extent) {
+    var r = this;
+    var layers = r.data.lyrTxrCache.getLayers(eles, pxRatio);
+    if (layers) {
+      for (var i2 = 0; i2 < layers.length; i2++) {
+        var layer2 = layers[i2];
+        var bb = layer2.bb;
+        if (bb.w === 0 || bb.h === 0) {
+          continue;
+        }
+        context.drawImage(layer2.canvas, bb.x1, bb.y1, bb.w, bb.h);
+      }
+    } else {
+      r.drawCachedElements(context, eles, pxRatio, extent);
+    }
+  };
+  var CRp$9 = {};
+  CRp$9.drawEdge = function(context, edge, shiftToOriginWithBb) {
+    var drawLabel = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true;
+    var shouldDrawOverlay = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : true;
+    var shouldDrawOpacity = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : true;
+    var r = this;
+    var rs = edge._private.rscratch;
+    if (shouldDrawOpacity && !edge.visible()) {
+      return;
+    }
+    if (rs.badLine || rs.allpts == null || isNaN(rs.allpts[0])) {
+      return;
+    }
+    var bb;
+    if (shiftToOriginWithBb) {
+      bb = shiftToOriginWithBb;
+      context.translate(-bb.x1, -bb.y1);
+    }
+    var opacity = shouldDrawOpacity ? edge.pstyle("opacity").value : 1;
+    var lineOpacity = shouldDrawOpacity ? edge.pstyle("line-opacity").value : 1;
+    var curveStyle = edge.pstyle("curve-style").value;
+    var lineStyle = edge.pstyle("line-style").value;
+    var edgeWidth = edge.pstyle("width").pfValue;
+    var lineCap = edge.pstyle("line-cap").value;
+    var lineOutlineWidth = edge.pstyle("line-outline-width").value;
+    var lineOutlineColor = edge.pstyle("line-outline-color").value;
+    var effectiveLineOpacity = opacity * lineOpacity;
+    var effectiveArrowOpacity = opacity * lineOpacity;
+    var drawLine = function drawLine2() {
+      var strokeOpacity = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : effectiveLineOpacity;
+      if (curveStyle === "straight-triangle") {
+        r.eleStrokeStyle(context, edge, strokeOpacity);
+        r.drawEdgeTrianglePath(edge, context, rs.allpts);
+      } else {
+        context.lineWidth = edgeWidth;
+        context.lineCap = lineCap;
+        r.eleStrokeStyle(context, edge, strokeOpacity);
+        r.drawEdgePath(edge, context, rs.allpts, lineStyle);
+        context.lineCap = "butt";
+      }
+    };
+    var drawLineOutline = function drawLineOutline2() {
+      var strokeOpacity = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : effectiveLineOpacity;
+      context.lineWidth = edgeWidth + lineOutlineWidth;
+      context.lineCap = lineCap;
+      if (lineOutlineWidth > 0) {
+        r.colorStrokeStyle(context, lineOutlineColor[0], lineOutlineColor[1], lineOutlineColor[2], strokeOpacity);
+      } else {
+        context.lineCap = "butt";
+        return;
+      }
+      if (curveStyle === "straight-triangle") {
+        r.drawEdgeTrianglePath(edge, context, rs.allpts);
+      } else {
+        r.drawEdgePath(edge, context, rs.allpts, lineStyle);
+        context.lineCap = "butt";
+      }
+    };
+    var drawOverlay = function drawOverlay2() {
+      if (!shouldDrawOverlay) {
+        return;
+      }
+      r.drawEdgeOverlay(context, edge);
+    };
+    var drawUnderlay = function drawUnderlay2() {
+      if (!shouldDrawOverlay) {
+        return;
+      }
+      r.drawEdgeUnderlay(context, edge);
+    };
+    var drawArrows = function drawArrows2() {
+      var arrowOpacity = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : effectiveArrowOpacity;
+      r.drawArrowheads(context, edge, arrowOpacity);
+    };
+    var drawText = function drawText2() {
+      r.drawElementText(context, edge, null, drawLabel);
+    };
+    context.lineJoin = "round";
+    var ghost = edge.pstyle("ghost").value === "yes";
+    if (ghost) {
+      var gx = edge.pstyle("ghost-offset-x").pfValue;
+      var gy = edge.pstyle("ghost-offset-y").pfValue;
+      var ghostOpacity = edge.pstyle("ghost-opacity").value;
+      var effectiveGhostOpacity = effectiveLineOpacity * ghostOpacity;
+      context.translate(gx, gy);
+      drawLine(effectiveGhostOpacity);
+      drawArrows(effectiveGhostOpacity);
+      context.translate(-gx, -gy);
+    } else {
+      drawLineOutline();
+    }
+    drawUnderlay();
+    drawLine();
+    drawArrows();
+    drawOverlay();
+    drawText();
+    if (shiftToOriginWithBb) {
+      context.translate(bb.x1, bb.y1);
+    }
+  };
+  var drawEdgeOverlayUnderlay = function drawEdgeOverlayUnderlay2(overlayOrUnderlay) {
+    if (!["overlay", "underlay"].includes(overlayOrUnderlay)) {
+      throw new Error("Invalid state");
+    }
+    return function(context, edge) {
+      if (!edge.visible()) {
+        return;
+      }
+      var opacity = edge.pstyle("".concat(overlayOrUnderlay, "-opacity")).value;
+      if (opacity === 0) {
+        return;
+      }
+      var r = this;
+      var usePaths = r.usePaths();
+      var rs = edge._private.rscratch;
+      var padding = edge.pstyle("".concat(overlayOrUnderlay, "-padding")).pfValue;
+      var width = 2 * padding;
+      var color2 = edge.pstyle("".concat(overlayOrUnderlay, "-color")).value;
+      context.lineWidth = width;
+      if (rs.edgeType === "self" && !usePaths) {
+        context.lineCap = "butt";
+      } else {
+        context.lineCap = "round";
+      }
+      r.colorStrokeStyle(context, color2[0], color2[1], color2[2], opacity);
+      r.drawEdgePath(edge, context, rs.allpts, "solid");
+    };
+  };
+  CRp$9.drawEdgeOverlay = drawEdgeOverlayUnderlay("overlay");
+  CRp$9.drawEdgeUnderlay = drawEdgeOverlayUnderlay("underlay");
+  CRp$9.drawEdgePath = function(edge, context, pts2, type2) {
+    var rs = edge._private.rscratch;
+    var canvasCxt = context;
+    var path;
+    var pathCacheHit = false;
+    var usePaths = this.usePaths();
+    var lineDashPattern = edge.pstyle("line-dash-pattern").pfValue;
+    var lineDashOffset = edge.pstyle("line-dash-offset").pfValue;
+    if (usePaths) {
+      var pathCacheKey = pts2.join("$");
+      var keyMatches = rs.pathCacheKey && rs.pathCacheKey === pathCacheKey;
+      if (keyMatches) {
+        path = context = rs.pathCache;
+        pathCacheHit = true;
+      } else {
+        path = context = new Path2D();
+        rs.pathCacheKey = pathCacheKey;
+        rs.pathCache = path;
+      }
+    }
+    if (canvasCxt.setLineDash) {
+      switch (type2) {
+        case "dotted":
+          canvasCxt.setLineDash([1, 1]);
+          break;
+        case "dashed":
+          canvasCxt.setLineDash(lineDashPattern);
+          canvasCxt.lineDashOffset = lineDashOffset;
+          break;
+        case "solid":
+          canvasCxt.setLineDash([]);
+          break;
+      }
+    }
+    if (!pathCacheHit && !rs.badLine) {
+      if (context.beginPath) {
+        context.beginPath();
+      }
+      context.moveTo(pts2[0], pts2[1]);
+      switch (rs.edgeType) {
+        case "bezier":
+        case "self":
+        case "compound":
+        case "multibezier":
+          for (var i2 = 2; i2 + 3 < pts2.length; i2 += 4) {
+            context.quadraticCurveTo(pts2[i2], pts2[i2 + 1], pts2[i2 + 2], pts2[i2 + 3]);
+          }
+          break;
+        case "straight":
+        case "haystack":
+          for (var _i = 2; _i + 1 < pts2.length; _i += 2) {
+            context.lineTo(pts2[_i], pts2[_i + 1]);
+          }
+          break;
+        case "segments":
+          if (rs.isRound) {
+            var _iterator = _createForOfIteratorHelper(rs.roundCorners), _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+                var corner = _step.value;
+                drawPreparedRoundCorner(context, corner);
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+            context.lineTo(pts2[pts2.length - 2], pts2[pts2.length - 1]);
+          } else {
+            for (var _i2 = 2; _i2 + 1 < pts2.length; _i2 += 2) {
+              context.lineTo(pts2[_i2], pts2[_i2 + 1]);
+            }
+          }
+          break;
+      }
+    }
+    context = canvasCxt;
+    if (usePaths) {
+      context.stroke(path);
+    } else {
+      context.stroke();
+    }
+    if (context.setLineDash) {
+      context.setLineDash([]);
+    }
+  };
+  CRp$9.drawEdgeTrianglePath = function(edge, context, pts2) {
+    context.fillStyle = context.strokeStyle;
+    var edgeWidth = edge.pstyle("width").pfValue;
+    for (var i2 = 0; i2 + 1 < pts2.length; i2 += 2) {
+      var vector = [pts2[i2 + 2] - pts2[i2], pts2[i2 + 3] - pts2[i2 + 1]];
+      var length = Math.sqrt(vector[0] * vector[0] + vector[1] * vector[1]);
+      var normal = [vector[1] / length, -vector[0] / length];
+      var triangleHead = [normal[0] * edgeWidth / 2, normal[1] * edgeWidth / 2];
+      context.beginPath();
+      context.moveTo(pts2[i2] - triangleHead[0], pts2[i2 + 1] - triangleHead[1]);
+      context.lineTo(pts2[i2] + triangleHead[0], pts2[i2 + 1] + triangleHead[1]);
+      context.lineTo(pts2[i2 + 2], pts2[i2 + 3]);
+      context.closePath();
+      context.fill();
+    }
+  };
+  CRp$9.drawArrowheads = function(context, edge, opacity) {
+    var rs = edge._private.rscratch;
+    var isHaystack = rs.edgeType === "haystack";
+    if (!isHaystack) {
+      this.drawArrowhead(context, edge, "source", rs.arrowStartX, rs.arrowStartY, rs.srcArrowAngle, opacity);
+    }
+    this.drawArrowhead(context, edge, "mid-target", rs.midX, rs.midY, rs.midtgtArrowAngle, opacity);
+    this.drawArrowhead(context, edge, "mid-source", rs.midX, rs.midY, rs.midsrcArrowAngle, opacity);
+    if (!isHaystack) {
+      this.drawArrowhead(context, edge, "target", rs.arrowEndX, rs.arrowEndY, rs.tgtArrowAngle, opacity);
+    }
+  };
+  CRp$9.drawArrowhead = function(context, edge, prefix, x2, y2, angle2, opacity) {
+    if (isNaN(x2) || x2 == null || isNaN(y2) || y2 == null || isNaN(angle2) || angle2 == null) {
+      return;
+    }
+    var self2 = this;
+    var arrowShape = edge.pstyle(prefix + "-arrow-shape").value;
+    if (arrowShape === "none") {
+      return;
+    }
+    var arrowClearFill = edge.pstyle(prefix + "-arrow-fill").value === "hollow" ? "both" : "filled";
+    var arrowFill = edge.pstyle(prefix + "-arrow-fill").value;
+    var edgeWidth = edge.pstyle("width").pfValue;
+    var pArrowWidth = edge.pstyle(prefix + "-arrow-width");
+    var arrowWidth = pArrowWidth.value === "match-line" ? edgeWidth : pArrowWidth.pfValue;
+    if (pArrowWidth.units === "%") arrowWidth *= edgeWidth;
+    var edgeOpacity = edge.pstyle("opacity").value;
+    if (opacity === void 0) {
+      opacity = edgeOpacity;
+    }
+    var gco = context.globalCompositeOperation;
+    if (opacity !== 1 || arrowFill === "hollow") {
+      context.globalCompositeOperation = "destination-out";
+      self2.colorFillStyle(context, 255, 255, 255, 1);
+      self2.colorStrokeStyle(context, 255, 255, 255, 1);
+      self2.drawArrowShape(edge, context, arrowClearFill, edgeWidth, arrowShape, arrowWidth, x2, y2, angle2);
+      context.globalCompositeOperation = gco;
+    }
+    var color2 = edge.pstyle(prefix + "-arrow-color").value;
+    self2.colorFillStyle(context, color2[0], color2[1], color2[2], opacity);
+    self2.colorStrokeStyle(context, color2[0], color2[1], color2[2], opacity);
+    self2.drawArrowShape(edge, context, arrowFill, edgeWidth, arrowShape, arrowWidth, x2, y2, angle2);
+  };
+  CRp$9.drawArrowShape = function(edge, context, fill, edgeWidth, shape, shapeWidth, x2, y2, angle2) {
+    var r = this;
+    var usePaths = this.usePaths() && shape !== "triangle-cross";
+    var pathCacheHit = false;
+    var path;
+    var canvasContext = context;
+    var translation = {
+      x: x2,
+      y: y2
+    };
+    var scale2 = edge.pstyle("arrow-scale").value;
+    var size = this.getArrowWidth(edgeWidth, scale2);
+    var shapeImpl = r.arrowShapes[shape];
+    if (usePaths) {
+      var cache2 = r.arrowPathCache = r.arrowPathCache || [];
+      var key = hashString(shape);
+      var cachedPath = cache2[key];
+      if (cachedPath != null) {
+        path = context = cachedPath;
+        pathCacheHit = true;
+      } else {
+        path = context = new Path2D();
+        cache2[key] = path;
+      }
+    }
+    if (!pathCacheHit) {
+      if (context.beginPath) {
+        context.beginPath();
+      }
+      if (usePaths) {
+        shapeImpl.draw(context, 1, 0, {
+          x: 0,
+          y: 0
+        }, 1);
+      } else {
+        shapeImpl.draw(context, size, angle2, translation, edgeWidth);
+      }
+      if (context.closePath) {
+        context.closePath();
+      }
+    }
+    context = canvasContext;
+    if (usePaths) {
+      context.translate(x2, y2);
+      context.rotate(angle2);
+      context.scale(size, size);
+    }
+    if (fill === "filled" || fill === "both") {
+      if (usePaths) {
+        context.fill(path);
+      } else {
+        context.fill();
+      }
+    }
+    if (fill === "hollow" || fill === "both") {
+      context.lineWidth = shapeWidth / (usePaths ? size : 1);
+      context.lineJoin = "miter";
+      if (usePaths) {
+        context.stroke(path);
+      } else {
+        context.stroke();
+      }
+    }
+    if (usePaths) {
+      context.scale(1 / size, 1 / size);
+      context.rotate(-angle2);
+      context.translate(-x2, -y2);
+    }
+  };
+  var CRp$8 = {};
+  CRp$8.safeDrawImage = function(context, img, ix, iy, iw, ih, x2, y2, w, h) {
+    if (iw <= 0 || ih <= 0 || w <= 0 || h <= 0) {
+      return;
+    }
+    try {
+      context.drawImage(img, ix, iy, iw, ih, x2, y2, w, h);
+    } catch (e) {
+      warn(e);
+    }
+  };
+  CRp$8.drawInscribedImage = function(context, img, node, index2, nodeOpacity) {
+    var r = this;
+    var pos = node.position();
+    var nodeX = pos.x;
+    var nodeY = pos.y;
+    var styleObj = node.cy().style();
+    var getIndexedStyle = styleObj.getIndexedStyle.bind(styleObj);
+    var fit = getIndexedStyle(node, "background-fit", "value", index2);
+    var repeat2 = getIndexedStyle(node, "background-repeat", "value", index2);
+    var nodeW = node.width();
+    var nodeH = node.height();
+    var paddingX2 = node.padding() * 2;
+    var nodeTW = nodeW + (getIndexedStyle(node, "background-width-relative-to", "value", index2) === "inner" ? 0 : paddingX2);
+    var nodeTH = nodeH + (getIndexedStyle(node, "background-height-relative-to", "value", index2) === "inner" ? 0 : paddingX2);
+    var rs = node._private.rscratch;
+    var clip2 = getIndexedStyle(node, "background-clip", "value", index2);
+    var shouldClip = clip2 === "node";
+    var imgOpacity = getIndexedStyle(node, "background-image-opacity", "value", index2) * nodeOpacity;
+    var smooth = getIndexedStyle(node, "background-image-smoothing", "value", index2);
+    var cornerRadius = node.pstyle("corner-radius").value;
+    if (cornerRadius !== "auto") cornerRadius = node.pstyle("corner-radius").pfValue;
+    var imgW = img.width || img.cachedW;
+    var imgH = img.height || img.cachedH;
+    if (null == imgW || null == imgH) {
+      document.body.appendChild(img);
+      imgW = img.cachedW = img.width || img.offsetWidth;
+      imgH = img.cachedH = img.height || img.offsetHeight;
+      document.body.removeChild(img);
+    }
+    var w = imgW;
+    var h = imgH;
+    if (getIndexedStyle(node, "background-width", "value", index2) !== "auto") {
+      if (getIndexedStyle(node, "background-width", "units", index2) === "%") {
+        w = getIndexedStyle(node, "background-width", "pfValue", index2) * nodeTW;
+      } else {
+        w = getIndexedStyle(node, "background-width", "pfValue", index2);
+      }
+    }
+    if (getIndexedStyle(node, "background-height", "value", index2) !== "auto") {
+      if (getIndexedStyle(node, "background-height", "units", index2) === "%") {
+        h = getIndexedStyle(node, "background-height", "pfValue", index2) * nodeTH;
+      } else {
+        h = getIndexedStyle(node, "background-height", "pfValue", index2);
+      }
+    }
+    if (w === 0 || h === 0) {
+      return;
+    }
+    if (fit === "contain") {
+      var scale2 = Math.min(nodeTW / w, nodeTH / h);
+      w *= scale2;
+      h *= scale2;
+    } else if (fit === "cover") {
+      var scale2 = Math.max(nodeTW / w, nodeTH / h);
+      w *= scale2;
+      h *= scale2;
+    }
+    var x2 = nodeX - nodeTW / 2;
+    var posXUnits = getIndexedStyle(node, "background-position-x", "units", index2);
+    var posXPfVal = getIndexedStyle(node, "background-position-x", "pfValue", index2);
+    if (posXUnits === "%") {
+      x2 += (nodeTW - w) * posXPfVal;
+    } else {
+      x2 += posXPfVal;
+    }
+    var offXUnits = getIndexedStyle(node, "background-offset-x", "units", index2);
+    var offXPfVal = getIndexedStyle(node, "background-offset-x", "pfValue", index2);
+    if (offXUnits === "%") {
+      x2 += (nodeTW - w) * offXPfVal;
+    } else {
+      x2 += offXPfVal;
+    }
+    var y2 = nodeY - nodeTH / 2;
+    var posYUnits = getIndexedStyle(node, "background-position-y", "units", index2);
+    var posYPfVal = getIndexedStyle(node, "background-position-y", "pfValue", index2);
+    if (posYUnits === "%") {
+      y2 += (nodeTH - h) * posYPfVal;
+    } else {
+      y2 += posYPfVal;
+    }
+    var offYUnits = getIndexedStyle(node, "background-offset-y", "units", index2);
+    var offYPfVal = getIndexedStyle(node, "background-offset-y", "pfValue", index2);
+    if (offYUnits === "%") {
+      y2 += (nodeTH - h) * offYPfVal;
+    } else {
+      y2 += offYPfVal;
+    }
+    if (rs.pathCache) {
+      x2 -= nodeX;
+      y2 -= nodeY;
+      nodeX = 0;
+      nodeY = 0;
+    }
+    var gAlpha = context.globalAlpha;
+    context.globalAlpha = imgOpacity;
+    var smoothingEnabled = r.getImgSmoothing(context);
+    var isSmoothingSwitched = false;
+    if (smooth === "no" && smoothingEnabled) {
+      r.setImgSmoothing(context, false);
+      isSmoothingSwitched = true;
+    } else if (smooth === "yes" && !smoothingEnabled) {
+      r.setImgSmoothing(context, true);
+      isSmoothingSwitched = true;
+    }
+    if (repeat2 === "no-repeat") {
+      if (shouldClip) {
+        context.save();
+        if (rs.pathCache) {
+          context.clip(rs.pathCache);
+        } else {
+          r.nodeShapes[r.getNodeShape(node)].draw(context, nodeX, nodeY, nodeTW, nodeTH, cornerRadius, rs);
+          context.clip();
+        }
+      }
+      r.safeDrawImage(context, img, 0, 0, imgW, imgH, x2, y2, w, h);
+      if (shouldClip) {
+        context.restore();
+      }
+    } else {
+      var pattern = context.createPattern(img, repeat2);
+      context.fillStyle = pattern;
+      r.nodeShapes[r.getNodeShape(node)].draw(context, nodeX, nodeY, nodeTW, nodeTH, cornerRadius, rs);
+      context.translate(x2, y2);
+      context.fill();
+      context.translate(-x2, -y2);
+    }
+    context.globalAlpha = gAlpha;
+    if (isSmoothingSwitched) {
+      r.setImgSmoothing(context, smoothingEnabled);
+    }
+  };
+  var CRp$7 = {};
+  CRp$7.eleTextBiggerThanMin = function(ele, scale2) {
+    if (!scale2) {
+      var zoom2 = ele.cy().zoom();
+      var pxRatio = this.getPixelRatio();
+      var lvl = Math.ceil(log2(zoom2 * pxRatio));
+      scale2 = Math.pow(2, lvl);
+    }
+    var computedSize = ele.pstyle("font-size").pfValue * scale2;
+    var minSize = ele.pstyle("min-zoomed-font-size").pfValue;
+    if (computedSize < minSize) {
+      return false;
+    }
+    return true;
+  };
+  CRp$7.drawElementText = function(context, ele, shiftToOriginWithBb, force, prefix) {
+    var useEleOpacity = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : true;
+    var r = this;
+    if (force == null) {
+      if (useEleOpacity && !r.eleTextBiggerThanMin(ele)) {
+        return;
+      }
+    } else if (force === false) {
+      return;
+    }
+    if (ele.isNode()) {
+      var label = ele.pstyle("label");
+      if (!label || !label.value) {
+        return;
+      }
+      var justification = r.getLabelJustification(ele);
+      context.textAlign = justification;
+      context.textBaseline = "bottom";
+    } else {
+      var badLine = ele.element()._private.rscratch.badLine;
+      var _label = ele.pstyle("label");
+      var srcLabel = ele.pstyle("source-label");
+      var tgtLabel = ele.pstyle("target-label");
+      if (badLine || (!_label || !_label.value) && (!srcLabel || !srcLabel.value) && (!tgtLabel || !tgtLabel.value)) {
+        return;
+      }
+      context.textAlign = "center";
+      context.textBaseline = "bottom";
+    }
+    var applyRotation = !shiftToOriginWithBb;
+    var bb;
+    if (shiftToOriginWithBb) {
+      bb = shiftToOriginWithBb;
+      context.translate(-bb.x1, -bb.y1);
+    }
+    if (prefix == null) {
+      r.drawText(context, ele, null, applyRotation, useEleOpacity);
+      if (ele.isEdge()) {
+        r.drawText(context, ele, "source", applyRotation, useEleOpacity);
+        r.drawText(context, ele, "target", applyRotation, useEleOpacity);
+      }
+    } else {
+      r.drawText(context, ele, prefix, applyRotation, useEleOpacity);
+    }
+    if (shiftToOriginWithBb) {
+      context.translate(bb.x1, bb.y1);
+    }
+  };
+  CRp$7.getFontCache = function(context) {
+    var cache2;
+    this.fontCaches = this.fontCaches || [];
+    for (var i2 = 0; i2 < this.fontCaches.length; i2++) {
+      cache2 = this.fontCaches[i2];
+      if (cache2.context === context) {
+        return cache2;
+      }
+    }
+    cache2 = {
+      context
+    };
+    this.fontCaches.push(cache2);
+    return cache2;
+  };
+  CRp$7.setupTextStyle = function(context, ele) {
+    var useEleOpacity = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;
+    var labelStyle = ele.pstyle("font-style").strValue;
+    var labelSize = ele.pstyle("font-size").pfValue + "px";
+    var labelFamily = ele.pstyle("font-family").strValue;
+    var labelWeight = ele.pstyle("font-weight").strValue;
+    var opacity = useEleOpacity ? ele.effectiveOpacity() * ele.pstyle("text-opacity").value : 1;
+    var outlineOpacity = ele.pstyle("text-outline-opacity").value * opacity;
+    var color2 = ele.pstyle("color").value;
+    var outlineColor = ele.pstyle("text-outline-color").value;
+    context.font = labelStyle + " " + labelWeight + " " + labelSize + " " + labelFamily;
+    context.lineJoin = "round";
+    this.colorFillStyle(context, color2[0], color2[1], color2[2], opacity);
+    this.colorStrokeStyle(context, outlineColor[0], outlineColor[1], outlineColor[2], outlineOpacity);
+  };
+  function circle(ctx, x2, y2, width, height) {
+    var diameter = Math.min(width, height);
+    var radius2 = diameter / 2;
+    var centerX = x2 + width / 2;
+    var centerY = y2 + height / 2;
+    ctx.beginPath();
+    ctx.arc(centerX, centerY, radius2, 0, Math.PI * 2);
+    ctx.closePath();
+  }
+  function roundRect(ctx, x2, y2, width, height) {
+    var radius2 = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 5;
+    var r = Math.min(radius2, width / 2, height / 2);
+    ctx.beginPath();
+    ctx.moveTo(x2 + r, y2);
+    ctx.lineTo(x2 + width - r, y2);
+    ctx.quadraticCurveTo(x2 + width, y2, x2 + width, y2 + r);
+    ctx.lineTo(x2 + width, y2 + height - r);
+    ctx.quadraticCurveTo(x2 + width, y2 + height, x2 + width - r, y2 + height);
+    ctx.lineTo(x2 + r, y2 + height);
+    ctx.quadraticCurveTo(x2, y2 + height, x2, y2 + height - r);
+    ctx.lineTo(x2, y2 + r);
+    ctx.quadraticCurveTo(x2, y2, x2 + r, y2);
+    ctx.closePath();
+  }
+  CRp$7.getTextAngle = function(ele, prefix) {
+    var theta;
+    var _p = ele._private;
+    var rscratch = _p.rscratch;
+    var pdash = prefix ? prefix + "-" : "";
+    var rotation = ele.pstyle(pdash + "text-rotation");
+    if (rotation.strValue === "autorotate") {
+      var textAngle = getPrefixedProperty(rscratch, "labelAngle", prefix);
+      theta = ele.isEdge() ? textAngle : 0;
+    } else if (rotation.strValue === "none") {
+      theta = 0;
+    } else {
+      theta = rotation.pfValue;
+    }
+    return theta;
+  };
+  CRp$7.drawText = function(context, ele, prefix) {
+    var applyRotation = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true;
+    var useEleOpacity = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : true;
+    var _p = ele._private;
+    var rscratch = _p.rscratch;
+    var parentOpacity = useEleOpacity ? ele.effectiveOpacity() : 1;
+    if (useEleOpacity && (parentOpacity === 0 || ele.pstyle("text-opacity").value === 0)) {
+      return;
+    }
+    if (prefix === "main") {
+      prefix = null;
+    }
+    var textX = getPrefixedProperty(rscratch, "labelX", prefix);
+    var textY = getPrefixedProperty(rscratch, "labelY", prefix);
+    var orgTextX, orgTextY;
+    var text = this.getLabelText(ele, prefix);
+    if (text != null && text !== "" && !isNaN(textX) && !isNaN(textY)) {
+      this.setupTextStyle(context, ele, useEleOpacity);
+      var pdash = prefix ? prefix + "-" : "";
+      var textW = getPrefixedProperty(rscratch, "labelWidth", prefix);
+      var textH = getPrefixedProperty(rscratch, "labelHeight", prefix);
+      var marginX = ele.pstyle(pdash + "text-margin-x").pfValue;
+      var marginY = ele.pstyle(pdash + "text-margin-y").pfValue;
+      var isEdge = ele.isEdge();
+      var halign = ele.pstyle("text-halign").value;
+      var valign = ele.pstyle("text-valign").value;
+      if (isEdge) {
+        halign = "center";
+        valign = "center";
+      }
+      textX += marginX;
+      textY += marginY;
+      var theta;
+      if (!applyRotation) {
+        theta = 0;
+      } else {
+        theta = this.getTextAngle(ele, prefix);
+      }
+      if (theta !== 0) {
+        orgTextX = textX;
+        orgTextY = textY;
+        context.translate(orgTextX, orgTextY);
+        context.rotate(theta);
+        textX = 0;
+        textY = 0;
+      }
+      switch (valign) {
+        case "top":
+          break;
+        case "center":
+          textY += textH / 2;
+          break;
+        case "bottom":
+          textY += textH;
+          break;
+      }
+      var backgroundOpacity = ele.pstyle("text-background-opacity").value;
+      var borderOpacity = ele.pstyle("text-border-opacity").value;
+      var textBorderWidth = ele.pstyle("text-border-width").pfValue;
+      var backgroundPadding = ele.pstyle("text-background-padding").pfValue;
+      var styleShape = ele.pstyle("text-background-shape").strValue;
+      var rounded = styleShape === "round-rectangle" || styleShape === "roundrectangle";
+      var circled = styleShape === "circle";
+      var roundRadius = 2;
+      if (backgroundOpacity > 0 || textBorderWidth > 0 && borderOpacity > 0) {
+        var textFill = context.fillStyle;
+        var textStroke = context.strokeStyle;
+        var textLineWidth = context.lineWidth;
+        var textBackgroundColor = ele.pstyle("text-background-color").value;
+        var textBorderColor = ele.pstyle("text-border-color").value;
+        var textBorderStyle = ele.pstyle("text-border-style").value;
+        var doFill = backgroundOpacity > 0;
+        var doStroke = textBorderWidth > 0 && borderOpacity > 0;
+        var bgX = textX - backgroundPadding;
+        switch (halign) {
+          case "left":
+            bgX -= textW;
+            break;
+          case "center":
+            bgX -= textW / 2;
+            break;
+        }
+        var bgY = textY - textH - backgroundPadding;
+        var bgW = textW + 2 * backgroundPadding;
+        var bgH = textH + 2 * backgroundPadding;
+        if (doFill) {
+          context.fillStyle = "rgba(".concat(textBackgroundColor[0], ",").concat(textBackgroundColor[1], ",").concat(textBackgroundColor[2], ",").concat(backgroundOpacity * parentOpacity, ")");
+        }
+        if (doStroke) {
+          context.strokeStyle = "rgba(".concat(textBorderColor[0], ",").concat(textBorderColor[1], ",").concat(textBorderColor[2], ",").concat(borderOpacity * parentOpacity, ")");
+          context.lineWidth = textBorderWidth;
+          if (context.setLineDash) {
+            switch (textBorderStyle) {
+              case "dotted":
+                context.setLineDash([1, 1]);
+                break;
+              case "dashed":
+                context.setLineDash([4, 2]);
+                break;
+              case "double":
+                context.lineWidth = textBorderWidth / 4;
+                context.setLineDash([]);
+                break;
+              case "solid":
+              default:
+                context.setLineDash([]);
+                break;
+            }
+          }
+        }
+        if (rounded) {
+          context.beginPath();
+          roundRect(context, bgX, bgY, bgW, bgH, roundRadius);
+        } else if (circled) {
+          context.beginPath();
+          circle(context, bgX, bgY, bgW, bgH);
+        } else {
+          context.beginPath();
+          context.rect(bgX, bgY, bgW, bgH);
+        }
+        if (doFill) context.fill();
+        if (doStroke) context.stroke();
+        if (doStroke && textBorderStyle === "double") {
+          var whiteWidth = textBorderWidth / 2;
+          context.beginPath();
+          if (rounded) {
+            roundRect(context, bgX + whiteWidth, bgY + whiteWidth, bgW - 2 * whiteWidth, bgH - 2 * whiteWidth, roundRadius);
+          } else {
+            context.rect(bgX + whiteWidth, bgY + whiteWidth, bgW - 2 * whiteWidth, bgH - 2 * whiteWidth);
+          }
+          context.stroke();
+        }
+        context.fillStyle = textFill;
+        context.strokeStyle = textStroke;
+        context.lineWidth = textLineWidth;
+        if (context.setLineDash) context.setLineDash([]);
+      }
+      var lineWidth = 2 * ele.pstyle("text-outline-width").pfValue;
+      if (lineWidth > 0) {
+        context.lineWidth = lineWidth;
+      }
+      if (ele.pstyle("text-wrap").value === "wrap") {
+        var lines = getPrefixedProperty(rscratch, "labelWrapCachedLines", prefix);
+        var lineHeight = getPrefixedProperty(rscratch, "labelLineHeight", prefix);
+        var halfTextW = textW / 2;
+        var justification = this.getLabelJustification(ele);
+        if (justification === "auto") ;
+        else if (halign === "left") {
+          if (justification === "left") {
+            textX += -textW;
+          } else if (justification === "center") {
+            textX += -halfTextW;
+          }
+        } else if (halign === "center") {
+          if (justification === "left") {
+            textX += -halfTextW;
+          } else if (justification === "right") {
+            textX += halfTextW;
+          }
+        } else if (halign === "right") {
+          if (justification === "center") {
+            textX += halfTextW;
+          } else if (justification === "right") {
+            textX += textW;
+          }
+        }
+        switch (valign) {
+          case "top":
+            textY -= (lines.length - 1) * lineHeight;
+            break;
+          case "center":
+          case "bottom":
+            textY -= (lines.length - 1) * lineHeight;
+            break;
+        }
+        for (var l = 0; l < lines.length; l++) {
+          if (lineWidth > 0) {
+            context.strokeText(lines[l], textX, textY);
+          }
+          context.fillText(lines[l], textX, textY);
+          textY += lineHeight;
+        }
+      } else {
+        if (lineWidth > 0) {
+          context.strokeText(text, textX, textY);
+        }
+        context.fillText(text, textX, textY);
+      }
+      if (theta !== 0) {
+        context.rotate(-theta);
+        context.translate(-orgTextX, -orgTextY);
+      }
+    }
+  };
+  var CRp$6 = {};
+  CRp$6.drawNode = function(context, node, shiftToOriginWithBb) {
+    var drawLabel = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true;
+    var shouldDrawOverlay = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : true;
+    var shouldDrawOpacity = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : true;
+    var r = this;
+    var nodeWidth, nodeHeight;
+    var _p = node._private;
+    var rs = _p.rscratch;
+    var pos = node.position();
+    if (!number$1(pos.x) || !number$1(pos.y)) {
+      return;
+    }
+    if (shouldDrawOpacity && !node.visible()) {
+      return;
+    }
+    var eleOpacity = shouldDrawOpacity ? node.effectiveOpacity() : 1;
+    var usePaths = r.usePaths();
+    var path;
+    var pathCacheHit = false;
+    var padding = node.padding();
+    nodeWidth = node.width() + 2 * padding;
+    nodeHeight = node.height() + 2 * padding;
+    var bb;
+    if (shiftToOriginWithBb) {
+      bb = shiftToOriginWithBb;
+      context.translate(-bb.x1, -bb.y1);
+    }
+    var bgImgProp = node.pstyle("background-image");
+    var urls = bgImgProp.value;
+    var urlDefined = new Array(urls.length);
+    var image = new Array(urls.length);
+    var numImages = 0;
+    for (var i2 = 0; i2 < urls.length; i2++) {
+      var url = urls[i2];
+      var defd = urlDefined[i2] = url != null && url !== "none";
+      if (defd) {
+        var bgImgCrossOrigin = node.cy().style().getIndexedStyle(node, "background-image-crossorigin", "value", i2);
+        numImages++;
+        image[i2] = r.getCachedImage(url, bgImgCrossOrigin, function() {
+          _p.backgroundTimestamp = Date.now();
+          node.emitAndNotify("background");
+        });
+      }
+    }
+    var darkness = node.pstyle("background-blacken").value;
+    var borderWidth = node.pstyle("border-width").pfValue;
+    var bgOpacity = node.pstyle("background-opacity").value * eleOpacity;
+    var borderColor = node.pstyle("border-color").value;
+    var borderStyle = node.pstyle("border-style").value;
+    var borderJoin = node.pstyle("border-join").value;
+    var borderCap = node.pstyle("border-cap").value;
+    var borderPosition = node.pstyle("border-position").value;
+    var borderPattern = node.pstyle("border-dash-pattern").pfValue;
+    var borderOffset = node.pstyle("border-dash-offset").pfValue;
+    var borderOpacity = node.pstyle("border-opacity").value * eleOpacity;
+    var outlineWidth = node.pstyle("outline-width").pfValue;
+    var outlineColor = node.pstyle("outline-color").value;
+    var outlineStyle = node.pstyle("outline-style").value;
+    var outlineOpacity = node.pstyle("outline-opacity").value * eleOpacity;
+    var outlineOffset = node.pstyle("outline-offset").value;
+    var cornerRadius = node.pstyle("corner-radius").value;
+    if (cornerRadius !== "auto") cornerRadius = node.pstyle("corner-radius").pfValue;
+    var setupShapeColor = function setupShapeColor2() {
+      var bgOpy = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : bgOpacity;
+      r.eleFillStyle(context, node, bgOpy);
+    };
+    var setupBorderColor = function setupBorderColor2() {
+      var bdrOpy = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : borderOpacity;
+      r.colorStrokeStyle(context, borderColor[0], borderColor[1], borderColor[2], bdrOpy);
+    };
+    var setupOutlineColor = function setupOutlineColor2() {
+      var otlnOpy = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : outlineOpacity;
+      r.colorStrokeStyle(context, outlineColor[0], outlineColor[1], outlineColor[2], otlnOpy);
+    };
+    var getPath = function getPath2(width, height, shape, points) {
+      var pathCache = r.nodePathCache = r.nodePathCache || [];
+      var key = hashStrings(shape === "polygon" ? shape + "," + points.join(",") : shape, "" + height, "" + width, "" + cornerRadius);
+      var cachedPath = pathCache[key];
+      var path2;
+      var cacheHit = false;
+      if (cachedPath != null) {
+        path2 = cachedPath;
+        cacheHit = true;
+        rs.pathCache = path2;
+      } else {
+        path2 = new Path2D();
+        pathCache[key] = rs.pathCache = path2;
+      }
+      return {
+        path: path2,
+        cacheHit
+      };
+    };
+    var styleShape = node.pstyle("shape").strValue;
+    var shapePts = node.pstyle("shape-polygon-points").pfValue;
+    if (usePaths) {
+      context.translate(pos.x, pos.y);
+      var shapePath = getPath(nodeWidth, nodeHeight, styleShape, shapePts);
+      path = shapePath.path;
+      pathCacheHit = shapePath.cacheHit;
+    }
+    var drawShape = function drawShape2() {
+      if (!pathCacheHit) {
+        var npos = pos;
+        if (usePaths) {
+          npos = {
+            x: 0,
+            y: 0
+          };
+        }
+        r.nodeShapes[r.getNodeShape(node)].draw(path || context, npos.x, npos.y, nodeWidth, nodeHeight, cornerRadius, rs);
+      }
+      if (usePaths) {
+        context.fill(path);
+      } else {
+        context.fill();
+      }
+    };
+    var drawImages = function drawImages2() {
+      var nodeOpacity = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : eleOpacity;
+      var inside2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+      var prevBging = _p.backgrounding;
+      var totalCompleted = 0;
+      for (var _i = 0; _i < image.length; _i++) {
+        var bgContainment = node.cy().style().getIndexedStyle(node, "background-image-containment", "value", _i);
+        if (inside2 && bgContainment === "over" || !inside2 && bgContainment === "inside") {
+          totalCompleted++;
+          continue;
+        }
+        if (urlDefined[_i] && image[_i].complete && !image[_i].error) {
+          totalCompleted++;
+          r.drawInscribedImage(context, image[_i], node, _i, nodeOpacity);
+        }
+      }
+      _p.backgrounding = !(totalCompleted === numImages);
+      if (prevBging !== _p.backgrounding) {
+        node.updateStyle(false);
+      }
+    };
+    var drawPie = function drawPie2() {
+      var redrawShape = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+      var pieOpacity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : eleOpacity;
+      if (r.hasPie(node)) {
+        r.drawPie(context, node, pieOpacity);
+        if (redrawShape) {
+          if (!usePaths) {
+            r.nodeShapes[r.getNodeShape(node)].draw(context, pos.x, pos.y, nodeWidth, nodeHeight, cornerRadius, rs);
+          }
+        }
+      }
+    };
+    var drawStripe = function drawStripe2() {
+      var redrawShape = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+      var stripeOpacity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : eleOpacity;
+      if (r.hasStripe(node)) {
+        context.save();
+        if (usePaths) {
+          context.clip(rs.pathCache);
+        } else {
+          r.nodeShapes[r.getNodeShape(node)].draw(context, pos.x, pos.y, nodeWidth, nodeHeight, cornerRadius, rs);
+          context.clip();
+        }
+        r.drawStripe(context, node, stripeOpacity);
+        context.restore();
+        if (redrawShape) {
+          if (!usePaths) {
+            r.nodeShapes[r.getNodeShape(node)].draw(context, pos.x, pos.y, nodeWidth, nodeHeight, cornerRadius, rs);
+          }
+        }
+      }
+    };
+    var darken = function darken2() {
+      var darkenOpacity = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : eleOpacity;
+      var opacity = (darkness > 0 ? darkness : -darkness) * darkenOpacity;
+      var c2 = darkness > 0 ? 0 : 255;
+      if (darkness !== 0) {
+        r.colorFillStyle(context, c2, c2, c2, opacity);
+        if (usePaths) {
+          context.fill(path);
+        } else {
+          context.fill();
+        }
+      }
+    };
+    var drawBorder = function drawBorder2() {
+      if (borderWidth > 0) {
+        context.lineWidth = borderWidth;
+        context.lineCap = borderCap;
+        context.lineJoin = borderJoin;
+        if (context.setLineDash) {
+          switch (borderStyle) {
+            case "dotted":
+              context.setLineDash([1, 1]);
+              break;
+            case "dashed":
+              context.setLineDash(borderPattern);
+              context.lineDashOffset = borderOffset;
+              break;
+            case "solid":
+            case "double":
+              context.setLineDash([]);
+              break;
+          }
+        }
+        if (borderPosition !== "center") {
+          context.save();
+          context.lineWidth *= 2;
+          if (borderPosition === "inside") {
+            usePaths ? context.clip(path) : context.clip();
+          } else {
+            var region = new Path2D();
+            region.rect(-nodeWidth / 2 - borderWidth, -nodeHeight / 2 - borderWidth, nodeWidth + 2 * borderWidth, nodeHeight + 2 * borderWidth);
+            region.addPath(path);
+            context.clip(region, "evenodd");
+          }
+          usePaths ? context.stroke(path) : context.stroke();
+          context.restore();
+        } else {
+          usePaths ? context.stroke(path) : context.stroke();
+        }
+        if (borderStyle === "double") {
+          context.lineWidth = borderWidth / 3;
+          var gco = context.globalCompositeOperation;
+          context.globalCompositeOperation = "destination-out";
+          if (usePaths) {
+            context.stroke(path);
+          } else {
+            context.stroke();
+          }
+          context.globalCompositeOperation = gco;
+        }
+        if (context.setLineDash) {
+          context.setLineDash([]);
+        }
+      }
+    };
+    var drawOutline = function drawOutline2() {
+      if (outlineWidth > 0) {
+        context.lineWidth = outlineWidth;
+        context.lineCap = "butt";
+        if (context.setLineDash) {
+          switch (outlineStyle) {
+            case "dotted":
+              context.setLineDash([1, 1]);
+              break;
+            case "dashed":
+              context.setLineDash([4, 2]);
+              break;
+            case "solid":
+            case "double":
+              context.setLineDash([]);
+              break;
+          }
+        }
+        var npos = pos;
+        if (usePaths) {
+          npos = {
+            x: 0,
+            y: 0
+          };
+        }
+        var shape = r.getNodeShape(node);
+        var bWidth = borderWidth;
+        if (borderPosition === "inside") bWidth = 0;
+        if (borderPosition === "outside") bWidth *= 2;
+        var scaleX = (nodeWidth + bWidth + (outlineWidth + outlineOffset)) / nodeWidth;
+        var scaleY = (nodeHeight + bWidth + (outlineWidth + outlineOffset)) / nodeHeight;
+        var sWidth = nodeWidth * scaleX;
+        var sHeight = nodeHeight * scaleY;
+        var points = r.nodeShapes[shape].points;
+        var _path;
+        if (usePaths) {
+          var outlinePath = getPath(sWidth, sHeight, shape, points);
+          _path = outlinePath.path;
+        }
+        if (shape === "ellipse") {
+          r.drawEllipsePath(_path || context, npos.x, npos.y, sWidth, sHeight);
+        } else if (["round-diamond", "round-heptagon", "round-hexagon", "round-octagon", "round-pentagon", "round-polygon", "round-triangle", "round-tag"].includes(shape)) {
+          var sMult = 0;
+          var offsetX = 0;
+          var offsetY = 0;
+          if (shape === "round-diamond") {
+            sMult = (bWidth + outlineOffset + outlineWidth) * 1.4;
+          } else if (shape === "round-heptagon") {
+            sMult = (bWidth + outlineOffset + outlineWidth) * 1.075;
+            offsetY = -(bWidth / 2 + outlineOffset + outlineWidth) / 35;
+          } else if (shape === "round-hexagon") {
+            sMult = (bWidth + outlineOffset + outlineWidth) * 1.12;
+          } else if (shape === "round-pentagon") {
+            sMult = (bWidth + outlineOffset + outlineWidth) * 1.13;
+            offsetY = -(bWidth / 2 + outlineOffset + outlineWidth) / 15;
+          } else if (shape === "round-tag") {
+            sMult = (bWidth + outlineOffset + outlineWidth) * 1.12;
+            offsetX = (bWidth / 2 + outlineWidth + outlineOffset) * 0.07;
+          } else if (shape === "round-triangle") {
+            sMult = (bWidth + outlineOffset + outlineWidth) * (Math.PI / 2);
+            offsetY = -(bWidth + outlineOffset / 2 + outlineWidth) / Math.PI;
+          }
+          if (sMult !== 0) {
+            scaleX = (nodeWidth + sMult) / nodeWidth;
+            sWidth = nodeWidth * scaleX;
+            if (!["round-hexagon", "round-tag"].includes(shape)) {
+              scaleY = (nodeHeight + sMult) / nodeHeight;
+              sHeight = nodeHeight * scaleY;
+            }
+          }
+          cornerRadius = cornerRadius === "auto" ? getRoundPolygonRadius(sWidth, sHeight) : cornerRadius;
+          var halfW = sWidth / 2;
+          var halfH = sHeight / 2;
+          var radius2 = cornerRadius + (bWidth + outlineWidth + outlineOffset) / 2;
+          var p2 = new Array(points.length / 2);
+          var corners = new Array(points.length / 2);
+          for (var _i2 = 0; _i2 < points.length / 2; _i2++) {
+            p2[_i2] = {
+              x: npos.x + offsetX + halfW * points[_i2 * 2],
+              y: npos.y + offsetY + halfH * points[_i2 * 2 + 1]
+            };
+          }
+          var _i3, p1, p22, p3, len = p2.length;
+          p1 = p2[len - 1];
+          for (_i3 = 0; _i3 < len; _i3++) {
+            p22 = p2[_i3 % len];
+            p3 = p2[(_i3 + 1) % len];
+            corners[_i3] = getRoundCorner(p1, p22, p3, radius2);
+            p1 = p22;
+            p22 = p3;
+          }
+          r.drawRoundPolygonPath(_path || context, npos.x + offsetX, npos.y + offsetY, nodeWidth * scaleX, nodeHeight * scaleY, points, corners);
+        } else if (["roundrectangle", "round-rectangle"].includes(shape)) {
+          cornerRadius = cornerRadius === "auto" ? getRoundRectangleRadius(sWidth, sHeight) : cornerRadius;
+          r.drawRoundRectanglePath(_path || context, npos.x, npos.y, sWidth, sHeight, cornerRadius + (bWidth + outlineWidth + outlineOffset) / 2);
+        } else if (["cutrectangle", "cut-rectangle"].includes(shape)) {
+          cornerRadius = cornerRadius === "auto" ? getCutRectangleCornerLength() : cornerRadius;
+          r.drawCutRectanglePath(_path || context, npos.x, npos.y, sWidth, sHeight, null, cornerRadius + (bWidth + outlineWidth + outlineOffset) / 4);
+        } else if (["bottomroundrectangle", "bottom-round-rectangle"].includes(shape)) {
+          cornerRadius = cornerRadius === "auto" ? getRoundRectangleRadius(sWidth, sHeight) : cornerRadius;
+          r.drawBottomRoundRectanglePath(_path || context, npos.x, npos.y, sWidth, sHeight, cornerRadius + (bWidth + outlineWidth + outlineOffset) / 2);
+        } else if (shape === "barrel") {
+          r.drawBarrelPath(_path || context, npos.x, npos.y, sWidth, sHeight);
+        } else if (shape.startsWith("polygon") || ["rhomboid", "right-rhomboid", "round-tag", "tag", "vee"].includes(shape)) {
+          var pad = (bWidth + outlineWidth + outlineOffset) / nodeWidth;
+          points = joinLines(expandPolygon(points, pad));
+          r.drawPolygonPath(_path || context, npos.x, npos.y, nodeWidth, nodeHeight, points);
+        } else {
+          var _pad = (bWidth + outlineWidth + outlineOffset) / nodeWidth;
+          points = joinLines(expandPolygon(points, -_pad));
+          r.drawPolygonPath(_path || context, npos.x, npos.y, nodeWidth, nodeHeight, points);
+        }
+        if (usePaths) {
+          context.stroke(_path);
+        } else {
+          context.stroke();
+        }
+        if (outlineStyle === "double") {
+          context.lineWidth = bWidth / 3;
+          var gco = context.globalCompositeOperation;
+          context.globalCompositeOperation = "destination-out";
+          if (usePaths) {
+            context.stroke(_path);
+          } else {
+            context.stroke();
+          }
+          context.globalCompositeOperation = gco;
+        }
+        if (context.setLineDash) {
+          context.setLineDash([]);
+        }
+      }
+    };
+    var drawOverlay = function drawOverlay2() {
+      if (shouldDrawOverlay) {
+        r.drawNodeOverlay(context, node, pos, nodeWidth, nodeHeight);
+      }
+    };
+    var drawUnderlay = function drawUnderlay2() {
+      if (shouldDrawOverlay) {
+        r.drawNodeUnderlay(context, node, pos, nodeWidth, nodeHeight);
+      }
+    };
+    var drawText = function drawText2() {
+      r.drawElementText(context, node, null, drawLabel);
+    };
+    var ghost = node.pstyle("ghost").value === "yes";
+    if (ghost) {
+      var gx = node.pstyle("ghost-offset-x").pfValue;
+      var gy = node.pstyle("ghost-offset-y").pfValue;
+      var ghostOpacity = node.pstyle("ghost-opacity").value;
+      var effGhostOpacity = ghostOpacity * eleOpacity;
+      context.translate(gx, gy);
+      setupOutlineColor();
+      drawOutline();
+      setupShapeColor(ghostOpacity * bgOpacity);
+      drawShape();
+      drawImages(effGhostOpacity, true);
+      setupBorderColor(ghostOpacity * borderOpacity);
+      drawBorder();
+      drawPie(darkness !== 0 || borderWidth !== 0);
+      drawStripe(darkness !== 0 || borderWidth !== 0);
+      drawImages(effGhostOpacity, false);
+      darken(effGhostOpacity);
+      context.translate(-gx, -gy);
+    }
+    if (usePaths) {
+      context.translate(-pos.x, -pos.y);
+    }
+    drawUnderlay();
+    if (usePaths) {
+      context.translate(pos.x, pos.y);
+    }
+    setupOutlineColor();
+    drawOutline();
+    setupShapeColor();
+    drawShape();
+    drawImages(eleOpacity, true);
+    setupBorderColor();
+    drawBorder();
+    drawPie(darkness !== 0 || borderWidth !== 0);
+    drawStripe(darkness !== 0 || borderWidth !== 0);
+    drawImages(eleOpacity, false);
+    darken();
+    if (usePaths) {
+      context.translate(-pos.x, -pos.y);
+    }
+    drawText();
+    drawOverlay();
+    if (shiftToOriginWithBb) {
+      context.translate(bb.x1, bb.y1);
+    }
+  };
+  var drawNodeOverlayUnderlay = function drawNodeOverlayUnderlay2(overlayOrUnderlay) {
+    if (!["overlay", "underlay"].includes(overlayOrUnderlay)) {
+      throw new Error("Invalid state");
+    }
+    return function(context, node, pos, nodeWidth, nodeHeight) {
+      var r = this;
+      if (!node.visible()) {
+        return;
+      }
+      var padding = node.pstyle("".concat(overlayOrUnderlay, "-padding")).pfValue;
+      var opacity = node.pstyle("".concat(overlayOrUnderlay, "-opacity")).value;
+      var color2 = node.pstyle("".concat(overlayOrUnderlay, "-color")).value;
+      var shape = node.pstyle("".concat(overlayOrUnderlay, "-shape")).value;
+      var radius2 = node.pstyle("".concat(overlayOrUnderlay, "-corner-radius")).value;
+      if (opacity > 0) {
+        pos = pos || node.position();
+        if (nodeWidth == null || nodeHeight == null) {
+          var _padding = node.padding();
+          nodeWidth = node.width() + 2 * _padding;
+          nodeHeight = node.height() + 2 * _padding;
+        }
+        r.colorFillStyle(context, color2[0], color2[1], color2[2], opacity);
+        r.nodeShapes[shape].draw(context, pos.x, pos.y, nodeWidth + padding * 2, nodeHeight + padding * 2, radius2);
+        context.fill();
+      }
+    };
+  };
+  CRp$6.drawNodeOverlay = drawNodeOverlayUnderlay("overlay");
+  CRp$6.drawNodeUnderlay = drawNodeOverlayUnderlay("underlay");
+  CRp$6.hasPie = function(node) {
+    node = node[0];
+    return node._private.hasPie;
+  };
+  CRp$6.hasStripe = function(node) {
+    node = node[0];
+    return node._private.hasStripe;
+  };
+  CRp$6.drawPie = function(context, node, nodeOpacity, pos) {
+    node = node[0];
+    pos = pos || node.position();
+    var cyStyle = node.cy().style();
+    var pieSize = node.pstyle("pie-size");
+    var hole = node.pstyle("pie-hole");
+    var overallStartAngle = node.pstyle("pie-start-angle").pfValue;
+    var x2 = pos.x;
+    var y2 = pos.y;
+    var nodeW = node.width();
+    var nodeH = node.height();
+    var radius2 = Math.min(nodeW, nodeH) / 2;
+    var holeRadius;
+    var lastPercent = 0;
+    var usePaths = this.usePaths();
+    if (usePaths) {
+      x2 = 0;
+      y2 = 0;
+    }
+    if (pieSize.units === "%") {
+      radius2 = radius2 * pieSize.pfValue;
+    } else if (pieSize.pfValue !== void 0) {
+      radius2 = pieSize.pfValue / 2;
+    }
+    if (hole.units === "%") {
+      holeRadius = radius2 * hole.pfValue;
+    } else if (hole.pfValue !== void 0) {
+      holeRadius = hole.pfValue / 2;
+    }
+    if (holeRadius >= radius2) {
+      return;
+    }
+    for (var i2 = 1; i2 <= cyStyle.pieBackgroundN; i2++) {
+      var size = node.pstyle("pie-" + i2 + "-background-size").value;
+      var color2 = node.pstyle("pie-" + i2 + "-background-color").value;
+      var opacity = node.pstyle("pie-" + i2 + "-background-opacity").value * nodeOpacity;
+      var percent = size / 100;
+      if (percent + lastPercent > 1) {
+        percent = 1 - lastPercent;
+      }
+      var angleStart = 1.5 * Math.PI + 2 * Math.PI * lastPercent;
+      angleStart += overallStartAngle;
+      var angleDelta = 2 * Math.PI * percent;
+      var angleEnd = angleStart + angleDelta;
+      if (size === 0 || lastPercent >= 1 || lastPercent + percent > 1) {
+        continue;
+      }
+      if (holeRadius === 0) {
+        context.beginPath();
+        context.moveTo(x2, y2);
+        context.arc(x2, y2, radius2, angleStart, angleEnd);
+        context.closePath();
+      } else {
+        context.beginPath();
+        context.arc(x2, y2, radius2, angleStart, angleEnd);
+        context.arc(x2, y2, holeRadius, angleEnd, angleStart, true);
+        context.closePath();
+      }
+      this.colorFillStyle(context, color2[0], color2[1], color2[2], opacity);
+      context.fill();
+      lastPercent += percent;
+    }
+  };
+  CRp$6.drawStripe = function(context, node, nodeOpacity, pos) {
+    node = node[0];
+    pos = pos || node.position();
+    var cyStyle = node.cy().style();
+    var x2 = pos.x;
+    var y2 = pos.y;
+    var nodeW = node.width();
+    var nodeH = node.height();
+    var lastPercent = 0;
+    var usePaths = this.usePaths();
+    context.save();
+    var direction = node.pstyle("stripe-direction").value;
+    var stripeSize = node.pstyle("stripe-size");
+    switch (direction) {
+      case "vertical":
+        break;
+      // default
+      case "righward":
+        context.rotate(-Math.PI / 2);
+        break;
+    }
+    var stripeW = nodeW;
+    var stripeH = nodeH;
+    if (stripeSize.units === "%") {
+      stripeW = stripeW * stripeSize.pfValue;
+      stripeH = stripeH * stripeSize.pfValue;
+    } else if (stripeSize.pfValue !== void 0) {
+      stripeW = stripeSize.pfValue;
+      stripeH = stripeSize.pfValue;
+    }
+    if (usePaths) {
+      x2 = 0;
+      y2 = 0;
+    }
+    y2 -= stripeW / 2;
+    x2 -= stripeH / 2;
+    for (var i2 = 1; i2 <= cyStyle.stripeBackgroundN; i2++) {
+      var size = node.pstyle("stripe-" + i2 + "-background-size").value;
+      var color2 = node.pstyle("stripe-" + i2 + "-background-color").value;
+      var opacity = node.pstyle("stripe-" + i2 + "-background-opacity").value * nodeOpacity;
+      var percent = size / 100;
+      if (percent + lastPercent > 1) {
+        percent = 1 - lastPercent;
+      }
+      if (size === 0 || lastPercent >= 1 || lastPercent + percent > 1) {
+        continue;
+      }
+      context.beginPath();
+      context.rect(x2, y2 + stripeH * lastPercent, stripeW, stripeH * percent);
+      context.closePath();
+      this.colorFillStyle(context, color2[0], color2[1], color2[2], opacity);
+      context.fill();
+      lastPercent += percent;
+    }
+    context.restore();
+  };
+  var CRp$5 = {};
+  var motionBlurDelay = 100;
+  CRp$5.getPixelRatio = function() {
+    var context = this.data.contexts[0];
+    if (this.forcedPixelRatio != null) {
+      return this.forcedPixelRatio;
+    }
+    var containerWindow = this.cy.window();
+    var backingStore = context.backingStorePixelRatio || context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || context.backingStorePixelRatio || 1;
+    return (containerWindow.devicePixelRatio || 1) / backingStore;
+  };
+  CRp$5.paintCache = function(context) {
+    var caches = this.paintCaches = this.paintCaches || [];
+    var needToCreateCache = true;
+    var cache2;
+    for (var i2 = 0; i2 < caches.length; i2++) {
+      cache2 = caches[i2];
+      if (cache2.context === context) {
+        needToCreateCache = false;
+        break;
+      }
+    }
+    if (needToCreateCache) {
+      cache2 = {
+        context
+      };
+      caches.push(cache2);
+    }
+    return cache2;
+  };
+  CRp$5.createGradientStyleFor = function(context, shapeStyleName, ele, fill, opacity) {
+    var gradientStyle;
+    var usePaths = this.usePaths();
+    var colors2 = ele.pstyle(shapeStyleName + "-gradient-stop-colors").value, positions = ele.pstyle(shapeStyleName + "-gradient-stop-positions").pfValue;
+    if (fill === "radial-gradient") {
+      if (ele.isEdge()) {
+        var start2 = ele.sourceEndpoint(), end = ele.targetEndpoint(), mid = ele.midpoint();
+        var d1 = dist(start2, mid);
+        var d2 = dist(end, mid);
+        gradientStyle = context.createRadialGradient(mid.x, mid.y, 0, mid.x, mid.y, Math.max(d1, d2));
+      } else {
+        var pos = usePaths ? {
+          x: 0,
+          y: 0
+        } : ele.position(), width = ele.paddedWidth(), height = ele.paddedHeight();
+        gradientStyle = context.createRadialGradient(pos.x, pos.y, 0, pos.x, pos.y, Math.max(width, height));
+      }
+    } else {
+      if (ele.isEdge()) {
+        var _start = ele.sourceEndpoint(), _end = ele.targetEndpoint();
+        gradientStyle = context.createLinearGradient(_start.x, _start.y, _end.x, _end.y);
+      } else {
+        var _pos = usePaths ? {
+          x: 0,
+          y: 0
+        } : ele.position(), _width = ele.paddedWidth(), _height = ele.paddedHeight(), halfWidth = _width / 2, halfHeight = _height / 2;
+        var direction = ele.pstyle("background-gradient-direction").value;
+        switch (direction) {
+          case "to-bottom":
+            gradientStyle = context.createLinearGradient(_pos.x, _pos.y - halfHeight, _pos.x, _pos.y + halfHeight);
+            break;
+          case "to-top":
+            gradientStyle = context.createLinearGradient(_pos.x, _pos.y + halfHeight, _pos.x, _pos.y - halfHeight);
+            break;
+          case "to-left":
+            gradientStyle = context.createLinearGradient(_pos.x + halfWidth, _pos.y, _pos.x - halfWidth, _pos.y);
+            break;
+          case "to-right":
+            gradientStyle = context.createLinearGradient(_pos.x - halfWidth, _pos.y, _pos.x + halfWidth, _pos.y);
+            break;
+          case "to-bottom-right":
+          case "to-right-bottom":
+            gradientStyle = context.createLinearGradient(_pos.x - halfWidth, _pos.y - halfHeight, _pos.x + halfWidth, _pos.y + halfHeight);
+            break;
+          case "to-top-right":
+          case "to-right-top":
+            gradientStyle = context.createLinearGradient(_pos.x - halfWidth, _pos.y + halfHeight, _pos.x + halfWidth, _pos.y - halfHeight);
+            break;
+          case "to-bottom-left":
+          case "to-left-bottom":
+            gradientStyle = context.createLinearGradient(_pos.x + halfWidth, _pos.y - halfHeight, _pos.x - halfWidth, _pos.y + halfHeight);
+            break;
+          case "to-top-left":
+          case "to-left-top":
+            gradientStyle = context.createLinearGradient(_pos.x + halfWidth, _pos.y + halfHeight, _pos.x - halfWidth, _pos.y - halfHeight);
+            break;
+        }
+      }
+    }
+    if (!gradientStyle) return null;
+    var hasPositions = positions.length === colors2.length;
+    var length = colors2.length;
+    for (var i2 = 0; i2 < length; i2++) {
+      gradientStyle.addColorStop(hasPositions ? positions[i2] : i2 / (length - 1), "rgba(" + colors2[i2][0] + "," + colors2[i2][1] + "," + colors2[i2][2] + "," + opacity + ")");
+    }
+    return gradientStyle;
+  };
+  CRp$5.gradientFillStyle = function(context, ele, fill, opacity) {
+    var gradientStyle = this.createGradientStyleFor(context, "background", ele, fill, opacity);
+    if (!gradientStyle) return null;
+    context.fillStyle = gradientStyle;
+  };
+  CRp$5.colorFillStyle = function(context, r, g, b, a2) {
+    context.fillStyle = "rgba(" + r + "," + g + "," + b + "," + a2 + ")";
+  };
+  CRp$5.eleFillStyle = function(context, ele, opacity) {
+    var backgroundFill = ele.pstyle("background-fill").value;
+    if (backgroundFill === "linear-gradient" || backgroundFill === "radial-gradient") {
+      this.gradientFillStyle(context, ele, backgroundFill, opacity);
+    } else {
+      var backgroundColor = ele.pstyle("background-color").value;
+      this.colorFillStyle(context, backgroundColor[0], backgroundColor[1], backgroundColor[2], opacity);
+    }
+  };
+  CRp$5.gradientStrokeStyle = function(context, ele, fill, opacity) {
+    var gradientStyle = this.createGradientStyleFor(context, "line", ele, fill, opacity);
+    if (!gradientStyle) return null;
+    context.strokeStyle = gradientStyle;
+  };
+  CRp$5.colorStrokeStyle = function(context, r, g, b, a2) {
+    context.strokeStyle = "rgba(" + r + "," + g + "," + b + "," + a2 + ")";
+  };
+  CRp$5.eleStrokeStyle = function(context, ele, opacity) {
+    var lineFill = ele.pstyle("line-fill").value;
+    if (lineFill === "linear-gradient" || lineFill === "radial-gradient") {
+      this.gradientStrokeStyle(context, ele, lineFill, opacity);
+    } else {
+      var lineColor = ele.pstyle("line-color").value;
+      this.colorStrokeStyle(context, lineColor[0], lineColor[1], lineColor[2], opacity);
+    }
+  };
+  CRp$5.matchCanvasSize = function(container) {
+    var r = this;
+    var data2 = r.data;
+    var bb = r.findContainerClientCoords();
+    var width = bb[2];
+    var height = bb[3];
+    var pixelRatio = r.getPixelRatio();
+    var mbPxRatio = r.motionBlurPxRatio;
+    if (container === r.data.bufferCanvases[r.MOTIONBLUR_BUFFER_NODE] || container === r.data.bufferCanvases[r.MOTIONBLUR_BUFFER_DRAG]) {
+      pixelRatio = mbPxRatio;
+    }
+    var canvasWidth = width * pixelRatio;
+    var canvasHeight = height * pixelRatio;
+    var canvas;
+    if (canvasWidth === r.canvasWidth && canvasHeight === r.canvasHeight) {
+      return;
+    }
+    r.fontCaches = null;
+    var canvasContainer = data2.canvasContainer;
+    canvasContainer.style.width = width + "px";
+    canvasContainer.style.height = height + "px";
+    for (var i2 = 0; i2 < r.CANVAS_LAYERS; i2++) {
+      canvas = data2.canvases[i2];
+      canvas.width = canvasWidth;
+      canvas.height = canvasHeight;
+      canvas.style.width = width + "px";
+      canvas.style.height = height + "px";
+    }
+    for (var i2 = 0; i2 < r.BUFFER_COUNT; i2++) {
+      canvas = data2.bufferCanvases[i2];
+      canvas.width = canvasWidth;
+      canvas.height = canvasHeight;
+      canvas.style.width = width + "px";
+      canvas.style.height = height + "px";
+    }
+    r.textureMult = 1;
+    if (pixelRatio <= 1) {
+      canvas = data2.bufferCanvases[r.TEXTURE_BUFFER];
+      r.textureMult = 2;
+      canvas.width = canvasWidth * r.textureMult;
+      canvas.height = canvasHeight * r.textureMult;
+    }
+    r.canvasWidth = canvasWidth;
+    r.canvasHeight = canvasHeight;
+    r.pixelRatio = pixelRatio;
+  };
+  CRp$5.renderTo = function(cxt, zoom2, pan, pxRatio) {
+    this.render({
+      forcedContext: cxt,
+      forcedZoom: zoom2,
+      forcedPan: pan,
+      drawAllLayers: true,
+      forcedPxRatio: pxRatio
+    });
+  };
+  CRp$5.clearCanvas = function() {
+    var r = this;
+    var data2 = r.data;
+    function clear(context) {
+      context.clearRect(0, 0, r.canvasWidth, r.canvasHeight);
+    }
+    clear(data2.contexts[r.NODE]);
+    clear(data2.contexts[r.DRAG]);
+  };
+  CRp$5.render = function(options) {
+    var r = this;
+    options = options || staticEmptyObject();
+    var cy = r.cy;
+    var forcedContext = options.forcedContext;
+    var drawAllLayers = options.drawAllLayers;
+    var drawOnlyNodeLayer = options.drawOnlyNodeLayer;
+    var forcedZoom = options.forcedZoom;
+    var forcedPan = options.forcedPan;
+    var pixelRatio = options.forcedPxRatio === void 0 ? this.getPixelRatio() : options.forcedPxRatio;
+    var data2 = r.data;
+    var needDraw = data2.canvasNeedsRedraw;
+    var textureDraw = r.textureOnViewport && !forcedContext && (r.pinching || r.hoverData.dragging || r.swipePanning || r.data.wheelZooming);
+    var motionBlur = options.motionBlur !== void 0 ? options.motionBlur : r.motionBlur;
+    var mbPxRatio = r.motionBlurPxRatio;
+    var hasCompoundNodes = cy.hasCompoundNodes();
+    var inNodeDragGesture = r.hoverData.draggingEles;
+    var inBoxSelection = r.hoverData.selecting || r.touchData.selecting ? true : false;
+    motionBlur = motionBlur && !forcedContext && r.motionBlurEnabled && !inBoxSelection;
+    var motionBlurFadeEffect = motionBlur;
+    if (!forcedContext) {
+      if (r.prevPxRatio !== pixelRatio) {
+        r.invalidateContainerClientCoordsCache();
+        r.matchCanvasSize(r.container);
+        r.redrawHint("eles", true);
+        r.redrawHint("drag", true);
+      }
+      r.prevPxRatio = pixelRatio;
+    }
+    if (!forcedContext && r.motionBlurTimeout) {
+      clearTimeout(r.motionBlurTimeout);
+    }
+    if (motionBlur) {
+      if (r.mbFrames == null) {
+        r.mbFrames = 0;
+      }
+      r.mbFrames++;
+      if (r.mbFrames < 3) {
+        motionBlurFadeEffect = false;
+      }
+      if (r.mbFrames > r.minMbLowQualFrames) {
+        r.motionBlurPxRatio = r.mbPxRBlurry;
+      }
+    }
+    if (r.clearingMotionBlur) {
+      r.motionBlurPxRatio = 1;
+    }
+    if (r.textureDrawLastFrame && !textureDraw) {
+      needDraw[r.NODE] = true;
+      needDraw[r.SELECT_BOX] = true;
+    }
+    var style = cy.style();
+    var zoom2 = cy.zoom();
+    var effectiveZoom = forcedZoom !== void 0 ? forcedZoom : zoom2;
+    var pan = cy.pan();
+    var effectivePan = {
+      x: pan.x,
+      y: pan.y
+    };
+    var vp = {
+      zoom: zoom2,
+      pan: {
+        x: pan.x,
+        y: pan.y
+      }
+    };
+    var prevVp = r.prevViewport;
+    var viewportIsDiff = prevVp === void 0 || vp.zoom !== prevVp.zoom || vp.pan.x !== prevVp.pan.x || vp.pan.y !== prevVp.pan.y;
+    if (!viewportIsDiff && !(inNodeDragGesture && !hasCompoundNodes)) {
+      r.motionBlurPxRatio = 1;
+    }
+    if (forcedPan) {
+      effectivePan = forcedPan;
+    }
+    effectiveZoom *= pixelRatio;
+    effectivePan.x *= pixelRatio;
+    effectivePan.y *= pixelRatio;
+    var eles = r.getCachedZSortedEles();
+    function mbclear(context2, x2, y2, w, h) {
+      var gco = context2.globalCompositeOperation;
+      context2.globalCompositeOperation = "destination-out";
+      r.colorFillStyle(context2, 255, 255, 255, r.motionBlurTransparency);
+      context2.fillRect(x2, y2, w, h);
+      context2.globalCompositeOperation = gco;
+    }
+    function setContextTransform2(context2, clear2) {
+      var ePan, eZoom, w, h;
+      if (!r.clearingMotionBlur && (context2 === data2.bufferContexts[r.MOTIONBLUR_BUFFER_NODE] || context2 === data2.bufferContexts[r.MOTIONBLUR_BUFFER_DRAG])) {
+        ePan = {
+          x: pan.x * mbPxRatio,
+          y: pan.y * mbPxRatio
+        };
+        eZoom = zoom2 * mbPxRatio;
+        w = r.canvasWidth * mbPxRatio;
+        h = r.canvasHeight * mbPxRatio;
+      } else {
+        ePan = effectivePan;
+        eZoom = effectiveZoom;
+        w = r.canvasWidth;
+        h = r.canvasHeight;
+      }
+      context2.setTransform(1, 0, 0, 1, 0, 0);
+      if (clear2 === "motionBlur") {
+        mbclear(context2, 0, 0, w, h);
+      } else if (!forcedContext && (clear2 === void 0 || clear2)) {
+        context2.clearRect(0, 0, w, h);
+      }
+      if (!drawAllLayers) {
+        context2.translate(ePan.x, ePan.y);
+        context2.scale(eZoom, eZoom);
+      }
+      if (forcedPan) {
+        context2.translate(forcedPan.x, forcedPan.y);
+      }
+      if (forcedZoom) {
+        context2.scale(forcedZoom, forcedZoom);
+      }
+    }
+    if (!textureDraw) {
+      r.textureDrawLastFrame = false;
+    }
+    if (textureDraw) {
+      r.textureDrawLastFrame = true;
+      if (!r.textureCache) {
+        r.textureCache = {};
+        r.textureCache.bb = cy.mutableElements().boundingBox();
+        r.textureCache.texture = r.data.bufferCanvases[r.TEXTURE_BUFFER];
+        var cxt = r.data.bufferContexts[r.TEXTURE_BUFFER];
+        cxt.setTransform(1, 0, 0, 1, 0, 0);
+        cxt.clearRect(0, 0, r.canvasWidth * r.textureMult, r.canvasHeight * r.textureMult);
+        r.render({
+          forcedContext: cxt,
+          drawOnlyNodeLayer: true,
+          forcedPxRatio: pixelRatio * r.textureMult
+        });
+        var vp = r.textureCache.viewport = {
+          zoom: cy.zoom(),
+          pan: cy.pan(),
+          width: r.canvasWidth,
+          height: r.canvasHeight
+        };
+        vp.mpan = {
+          x: (0 - vp.pan.x) / vp.zoom,
+          y: (0 - vp.pan.y) / vp.zoom
+        };
+      }
+      needDraw[r.DRAG] = false;
+      needDraw[r.NODE] = false;
+      var context = data2.contexts[r.NODE];
+      var texture = r.textureCache.texture;
+      var vp = r.textureCache.viewport;
+      context.setTransform(1, 0, 0, 1, 0, 0);
+      if (motionBlur) {
+        mbclear(context, 0, 0, vp.width, vp.height);
+      } else {
+        context.clearRect(0, 0, vp.width, vp.height);
+      }
+      var outsideBgColor = style.core("outside-texture-bg-color").value;
+      var outsideBgOpacity = style.core("outside-texture-bg-opacity").value;
+      r.colorFillStyle(context, outsideBgColor[0], outsideBgColor[1], outsideBgColor[2], outsideBgOpacity);
+      context.fillRect(0, 0, vp.width, vp.height);
+      var zoom2 = cy.zoom();
+      setContextTransform2(context, false);
+      context.clearRect(vp.mpan.x, vp.mpan.y, vp.width / vp.zoom / pixelRatio, vp.height / vp.zoom / pixelRatio);
+      context.drawImage(texture, vp.mpan.x, vp.mpan.y, vp.width / vp.zoom / pixelRatio, vp.height / vp.zoom / pixelRatio);
+    } else if (r.textureOnViewport && !forcedContext) {
+      r.textureCache = null;
+    }
+    var extent = cy.extent();
+    var vpManip = r.pinching || r.hoverData.dragging || r.swipePanning || r.data.wheelZooming || r.hoverData.draggingEles || r.cy.animated();
+    var hideEdges = r.hideEdgesOnViewport && vpManip;
+    var needMbClear = [];
+    needMbClear[r.NODE] = !needDraw[r.NODE] && motionBlur && !r.clearedForMotionBlur[r.NODE] || r.clearingMotionBlur;
+    if (needMbClear[r.NODE]) {
+      r.clearedForMotionBlur[r.NODE] = true;
+    }
+    needMbClear[r.DRAG] = !needDraw[r.DRAG] && motionBlur && !r.clearedForMotionBlur[r.DRAG] || r.clearingMotionBlur;
+    if (needMbClear[r.DRAG]) {
+      r.clearedForMotionBlur[r.DRAG] = true;
+    }
+    if (needDraw[r.NODE] || drawAllLayers || drawOnlyNodeLayer || needMbClear[r.NODE]) {
+      var useBuffer = motionBlur && !needMbClear[r.NODE] && mbPxRatio !== 1;
+      var context = forcedContext || (useBuffer ? r.data.bufferContexts[r.MOTIONBLUR_BUFFER_NODE] : data2.contexts[r.NODE]);
+      var clear = motionBlur && !useBuffer ? "motionBlur" : void 0;
+      setContextTransform2(context, clear);
+      if (hideEdges) {
+        r.drawCachedNodes(context, eles.nondrag, pixelRatio, extent);
+      } else {
+        r.drawLayeredElements(context, eles.nondrag, pixelRatio, extent);
+      }
+      if (r.debug) {
+        r.drawDebugPoints(context, eles.nondrag);
+      }
+      if (!drawAllLayers && !motionBlur) {
+        needDraw[r.NODE] = false;
+      }
+    }
+    if (!drawOnlyNodeLayer && (needDraw[r.DRAG] || drawAllLayers || needMbClear[r.DRAG])) {
+      var useBuffer = motionBlur && !needMbClear[r.DRAG] && mbPxRatio !== 1;
+      var context = forcedContext || (useBuffer ? r.data.bufferContexts[r.MOTIONBLUR_BUFFER_DRAG] : data2.contexts[r.DRAG]);
+      setContextTransform2(context, motionBlur && !useBuffer ? "motionBlur" : void 0);
+      if (hideEdges) {
+        r.drawCachedNodes(context, eles.drag, pixelRatio, extent);
+      } else {
+        r.drawCachedElements(context, eles.drag, pixelRatio, extent);
+      }
+      if (r.debug) {
+        r.drawDebugPoints(context, eles.drag);
+      }
+      if (!drawAllLayers && !motionBlur) {
+        needDraw[r.DRAG] = false;
+      }
+    }
+    this.drawSelectionRectangle(options, setContextTransform2);
+    if (motionBlur && mbPxRatio !== 1) {
+      var cxtNode = data2.contexts[r.NODE];
+      var txtNode = r.data.bufferCanvases[r.MOTIONBLUR_BUFFER_NODE];
+      var cxtDrag = data2.contexts[r.DRAG];
+      var txtDrag = r.data.bufferCanvases[r.MOTIONBLUR_BUFFER_DRAG];
+      var drawMotionBlur = function drawMotionBlur2(cxt2, txt, needClear) {
+        cxt2.setTransform(1, 0, 0, 1, 0, 0);
+        if (needClear || !motionBlurFadeEffect) {
+          cxt2.clearRect(0, 0, r.canvasWidth, r.canvasHeight);
+        } else {
+          mbclear(cxt2, 0, 0, r.canvasWidth, r.canvasHeight);
+        }
+        var pxr = mbPxRatio;
+        cxt2.drawImage(
+          txt,
+          // img
+          0,
+          0,
+          // sx, sy
+          r.canvasWidth * pxr,
+          r.canvasHeight * pxr,
+          // sw, sh
+          0,
+          0,
+          // x, y
+          r.canvasWidth,
+          r.canvasHeight
+          // w, h
+        );
+      };
+      if (needDraw[r.NODE] || needMbClear[r.NODE]) {
+        drawMotionBlur(cxtNode, txtNode, needMbClear[r.NODE]);
+        needDraw[r.NODE] = false;
+      }
+      if (needDraw[r.DRAG] || needMbClear[r.DRAG]) {
+        drawMotionBlur(cxtDrag, txtDrag, needMbClear[r.DRAG]);
+        needDraw[r.DRAG] = false;
+      }
+    }
+    r.prevViewport = vp;
+    if (r.clearingMotionBlur) {
+      r.clearingMotionBlur = false;
+      r.motionBlurCleared = true;
+      r.motionBlur = true;
+    }
+    if (motionBlur) {
+      r.motionBlurTimeout = setTimeout(function() {
+        r.motionBlurTimeout = null;
+        r.clearedForMotionBlur[r.NODE] = false;
+        r.clearedForMotionBlur[r.DRAG] = false;
+        r.motionBlur = false;
+        r.clearingMotionBlur = !textureDraw;
+        r.mbFrames = 0;
+        needDraw[r.NODE] = true;
+        needDraw[r.DRAG] = true;
+        r.redraw();
+      }, motionBlurDelay);
+    }
+    if (!forcedContext) {
+      cy.emit("render");
+    }
+  };
+  var fpsHeight;
+  CRp$5.drawSelectionRectangle = function(options, setContextTransform2) {
+    var r = this;
+    var cy = r.cy;
+    var data2 = r.data;
+    var style = cy.style();
+    var drawOnlyNodeLayer = options.drawOnlyNodeLayer;
+    var drawAllLayers = options.drawAllLayers;
+    var needDraw = data2.canvasNeedsRedraw;
+    var forcedContext = options.forcedContext;
+    if (r.showFps || !drawOnlyNodeLayer && needDraw[r.SELECT_BOX] && !drawAllLayers) {
+      var context = forcedContext || data2.contexts[r.SELECT_BOX];
+      setContextTransform2(context);
+      if (r.selection[4] == 1 && (r.hoverData.selecting || r.touchData.selecting)) {
+        var zoom2 = r.cy.zoom();
+        var borderWidth = style.core("selection-box-border-width").value / zoom2;
+        context.lineWidth = borderWidth;
+        context.fillStyle = "rgba(" + style.core("selection-box-color").value[0] + "," + style.core("selection-box-color").value[1] + "," + style.core("selection-box-color").value[2] + "," + style.core("selection-box-opacity").value + ")";
+        context.fillRect(r.selection[0], r.selection[1], r.selection[2] - r.selection[0], r.selection[3] - r.selection[1]);
+        if (borderWidth > 0) {
+          context.strokeStyle = "rgba(" + style.core("selection-box-border-color").value[0] + "," + style.core("selection-box-border-color").value[1] + "," + style.core("selection-box-border-color").value[2] + "," + style.core("selection-box-opacity").value + ")";
+          context.strokeRect(r.selection[0], r.selection[1], r.selection[2] - r.selection[0], r.selection[3] - r.selection[1]);
+        }
+      }
+      if (data2.bgActivePosistion && !r.hoverData.selecting) {
+        var zoom2 = r.cy.zoom();
+        var pos = data2.bgActivePosistion;
+        context.fillStyle = "rgba(" + style.core("active-bg-color").value[0] + "," + style.core("active-bg-color").value[1] + "," + style.core("active-bg-color").value[2] + "," + style.core("active-bg-opacity").value + ")";
+        context.beginPath();
+        context.arc(pos.x, pos.y, style.core("active-bg-size").pfValue / zoom2, 0, 2 * Math.PI);
+        context.fill();
+      }
+      var timeToRender = r.lastRedrawTime;
+      if (r.showFps && timeToRender) {
+        timeToRender = Math.round(timeToRender);
+        var fps = Math.round(1e3 / timeToRender);
+        var text = "1 frame = " + timeToRender + " ms = " + fps + " fps";
+        context.setTransform(1, 0, 0, 1, 0, 0);
+        context.fillStyle = "rgba(255, 0, 0, 0.75)";
+        context.strokeStyle = "rgba(255, 0, 0, 0.75)";
+        context.font = "30px Arial";
+        if (!fpsHeight) {
+          var dims = context.measureText(text);
+          fpsHeight = dims.actualBoundingBoxAscent;
+        }
+        context.fillText(text, 0, fpsHeight);
+        var maxFps = 60;
+        context.strokeRect(0, fpsHeight + 10, 250, 20);
+        context.fillRect(0, fpsHeight + 10, 250 * Math.min(fps / maxFps, 1), 20);
+      }
+      if (!drawAllLayers) {
+        needDraw[r.SELECT_BOX] = false;
+      }
+    }
+  };
+  function compileShader(gl, type2, source) {
+    var shader = gl.createShader(type2);
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+      throw new Error(gl.getShaderInfoLog(shader));
+    }
+    return shader;
+  }
+  function createProgram(gl, vertexSource, fragementSource) {
+    var vertexShader = compileShader(gl, gl.VERTEX_SHADER, vertexSource);
+    var fragmentShader = compileShader(gl, gl.FRAGMENT_SHADER, fragementSource);
+    var program = gl.createProgram();
+    gl.attachShader(program, vertexShader);
+    gl.attachShader(program, fragmentShader);
+    gl.linkProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+      throw new Error("Could not initialize shaders");
+    }
+    return program;
+  }
+  function createTextureCanvas(r, width, height) {
+    if (height === void 0) {
+      height = width;
+    }
+    var canvas = r.makeOffscreenCanvas(width, height);
+    var ctx = canvas.context = canvas.getContext("2d");
+    canvas.clear = function() {
+      return ctx.clearRect(0, 0, canvas.width, canvas.height);
+    };
+    canvas.clear();
+    return canvas;
+  }
+  function getEffectivePanZoom(r) {
+    var pixelRatio = r.pixelRatio;
+    var zoom2 = r.cy.zoom();
+    var pan = r.cy.pan();
+    return {
+      zoom: zoom2 * pixelRatio,
+      pan: {
+        x: pan.x * pixelRatio,
+        y: pan.y * pixelRatio
+      }
+    };
+  }
+  function getEffectiveZoom(r) {
+    var pixelRatio = r.pixelRatio;
+    var zoom2 = r.cy.zoom();
+    return zoom2 * pixelRatio;
+  }
+  function modelToRenderedPosition(r, pan, zoom2, x2, y2) {
+    var rx = x2 * zoom2 + pan.x;
+    var ry = y2 * zoom2 + pan.y;
+    ry = Math.round(r.canvasHeight - ry);
+    return [rx, ry];
+  }
+  function isSimpleShape(node) {
+    if (node.pstyle("background-fill").value !== "solid") return false;
+    if (node.pstyle("background-image").strValue !== "none") return false;
+    if (node.pstyle("border-width").value === 0) return true;
+    if (node.pstyle("border-opacity").value === 0) return true;
+    if (node.pstyle("border-style").value !== "solid") return false;
+    return true;
+  }
+  function arrayEqual(a1, a2) {
+    if (a1.length !== a2.length) {
+      return false;
+    }
+    for (var i2 = 0; i2 < a1.length; i2++) {
+      if (a1[i2] !== a2[i2]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function toWebGLColor(color2, opacity, outArray) {
+    var r = color2[0] / 255;
+    var g = color2[1] / 255;
+    var b = color2[2] / 255;
+    var a2 = opacity;
+    var arr = outArray || new Array(4);
+    arr[0] = r * a2;
+    arr[1] = g * a2;
+    arr[2] = b * a2;
+    arr[3] = a2;
+    return arr;
+  }
+  function indexToVec4(index2, outArray) {
+    var arr = outArray || new Array(4);
+    arr[0] = (index2 >> 0 & 255) / 255;
+    arr[1] = (index2 >> 8 & 255) / 255;
+    arr[2] = (index2 >> 16 & 255) / 255;
+    arr[3] = (index2 >> 24 & 255) / 255;
+    return arr;
+  }
+  function vec4ToIndex(vec4) {
+    return vec4[0] + (vec4[1] << 8) + (vec4[2] << 16) + (vec4[3] << 24);
+  }
+  function createTexture(gl, debugID) {
+    var texture = gl.createTexture();
+    texture.buffer = function(offscreenCanvas) {
+      gl.bindTexture(gl.TEXTURE_2D, texture);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
+      gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, offscreenCanvas);
+      gl.generateMipmap(gl.TEXTURE_2D);
+      gl.bindTexture(gl.TEXTURE_2D, null);
+    };
+    texture.deleteTexture = function() {
+      gl.deleteTexture(texture);
+    };
+    return texture;
+  }
+  function getTypeInfo(gl, glslType) {
+    switch (glslType) {
+      case "float":
+        return [1, gl.FLOAT, 4];
+      case "vec2":
+        return [2, gl.FLOAT, 4];
+      case "vec3":
+        return [3, gl.FLOAT, 4];
+      case "vec4":
+        return [4, gl.FLOAT, 4];
+      case "int":
+        return [1, gl.INT, 4];
+      case "ivec2":
+        return [2, gl.INT, 4];
+    }
+  }
+  function createTypedArray(gl, glType, dataOrSize) {
+    switch (glType) {
+      case gl.FLOAT:
+        return new Float32Array(dataOrSize);
+      case gl.INT:
+        return new Int32Array(dataOrSize);
+    }
+  }
+  function createTypedArrayView(gl, glType, array2, stride, size, i2) {
+    switch (glType) {
+      case gl.FLOAT:
+        return new Float32Array(array2.buffer, i2 * stride, size);
+      case gl.INT:
+        return new Int32Array(array2.buffer, i2 * stride, size);
+    }
+  }
+  function createBufferStaticDraw(gl, type2, attributeLoc, dataArray) {
+    var _getTypeInfo = getTypeInfo(gl, type2), _getTypeInfo2 = _slicedToArray(_getTypeInfo, 2), size = _getTypeInfo2[0], glType = _getTypeInfo2[1];
+    var data2 = createTypedArray(gl, glType, dataArray);
+    var buffer = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, data2, gl.STATIC_DRAW);
+    if (glType === gl.FLOAT) {
+      gl.vertexAttribPointer(attributeLoc, size, glType, false, 0, 0);
+    } else if (glType === gl.INT) {
+      gl.vertexAttribIPointer(attributeLoc, size, glType, 0, 0);
+    }
+    gl.enableVertexAttribArray(attributeLoc);
+    gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    return buffer;
+  }
+  function createBufferDynamicDraw(gl, instances, type2, attributeLoc) {
+    var _getTypeInfo3 = getTypeInfo(gl, type2), _getTypeInfo4 = _slicedToArray(_getTypeInfo3, 3), size = _getTypeInfo4[0], glType = _getTypeInfo4[1], bytes = _getTypeInfo4[2];
+    var dataArray = createTypedArray(gl, glType, instances * size);
+    var stride = size * bytes;
+    var buffer = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, instances * stride, gl.DYNAMIC_DRAW);
+    gl.enableVertexAttribArray(attributeLoc);
+    if (glType === gl.FLOAT) {
+      gl.vertexAttribPointer(attributeLoc, size, glType, false, stride, 0);
+    } else if (glType === gl.INT) {
+      gl.vertexAttribIPointer(attributeLoc, size, glType, stride, 0);
+    }
+    gl.vertexAttribDivisor(attributeLoc, 1);
+    gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    var views = new Array(instances);
+    for (var i2 = 0; i2 < instances; i2++) {
+      views[i2] = createTypedArrayView(gl, glType, dataArray, stride, size, i2);
+    }
+    buffer.dataArray = dataArray;
+    buffer.stride = stride;
+    buffer.size = size;
+    buffer.getView = function(i3) {
+      return views[i3];
+    };
+    buffer.setPoint = function(i3, x2, y2) {
+      var view = views[i3];
+      view[0] = x2;
+      view[1] = y2;
+    };
+    buffer.bufferSubData = function(count2) {
+      gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+      if (count2) {
+        gl.bufferSubData(gl.ARRAY_BUFFER, 0, dataArray, 0, count2 * size);
+      } else {
+        gl.bufferSubData(gl.ARRAY_BUFFER, 0, dataArray);
+      }
+    };
+    return buffer;
+  }
+  function create3x3MatrixBufferDynamicDraw(gl, instances, attributeLoc) {
+    var matrixSize = 9;
+    var matrixData = new Float32Array(instances * matrixSize);
+    var matrixViews = new Array(instances);
+    for (var i2 = 0; i2 < instances; i2++) {
+      var byteOffset = i2 * matrixSize * 4;
+      matrixViews[i2] = new Float32Array(matrixData.buffer, byteOffset, matrixSize);
+    }
+    var buffer = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, matrixData.byteLength, gl.DYNAMIC_DRAW);
+    for (var _i = 0; _i < 3; _i++) {
+      var loc = attributeLoc + _i;
+      gl.enableVertexAttribArray(loc);
+      gl.vertexAttribPointer(loc, 3, gl.FLOAT, false, 3 * 12, _i * 12);
+      gl.vertexAttribDivisor(loc, 1);
+    }
+    gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    buffer.getMatrixView = function(i3) {
+      return matrixViews[i3];
+    };
+    buffer.setData = function(matrix, i3) {
+      matrixViews[i3].set(matrix, 0);
+    };
+    buffer.bufferSubData = function() {
+      gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+      gl.bufferSubData(gl.ARRAY_BUFFER, 0, matrixData);
+    };
+    return buffer;
+  }
+  function createPickingFrameBuffer(gl) {
+    var fb = gl.createFramebuffer();
+    gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
+    var targetTexture = gl.createTexture();
+    gl.bindTexture(gl.TEXTURE_2D, targetTexture);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, targetTexture, 0);
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    fb.setFramebufferAttachmentSizes = function(width, height) {
+      gl.bindTexture(gl.TEXTURE_2D, targetTexture);
+      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+    };
+    return fb;
+  }
+  var ARRAY_TYPE = typeof Float32Array !== "undefined" ? Float32Array : Array;
+  if (!Math.hypot) Math.hypot = function() {
+    var y2 = 0, i2 = arguments.length;
+    while (i2--) {
+      y2 += arguments[i2] * arguments[i2];
+    }
+    return Math.sqrt(y2);
+  };
+  function create() {
+    var out = new ARRAY_TYPE(9);
+    if (ARRAY_TYPE != Float32Array) {
+      out[1] = 0;
+      out[2] = 0;
+      out[3] = 0;
+      out[5] = 0;
+      out[6] = 0;
+      out[7] = 0;
+    }
+    out[0] = 1;
+    out[4] = 1;
+    out[8] = 1;
+    return out;
+  }
+  function identity(out) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 1;
+    out[5] = 0;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 1;
+    return out;
+  }
+  function multiply(out, a2, b) {
+    var a00 = a2[0], a01 = a2[1], a02 = a2[2];
+    var a10 = a2[3], a11 = a2[4], a12 = a2[5];
+    var a20 = a2[6], a21 = a2[7], a22 = a2[8];
+    var b00 = b[0], b01 = b[1], b02 = b[2];
+    var b10 = b[3], b11 = b[4], b12 = b[5];
+    var b20 = b[6], b21 = b[7], b22 = b[8];
+    out[0] = b00 * a00 + b01 * a10 + b02 * a20;
+    out[1] = b00 * a01 + b01 * a11 + b02 * a21;
+    out[2] = b00 * a02 + b01 * a12 + b02 * a22;
+    out[3] = b10 * a00 + b11 * a10 + b12 * a20;
+    out[4] = b10 * a01 + b11 * a11 + b12 * a21;
+    out[5] = b10 * a02 + b11 * a12 + b12 * a22;
+    out[6] = b20 * a00 + b21 * a10 + b22 * a20;
+    out[7] = b20 * a01 + b21 * a11 + b22 * a21;
+    out[8] = b20 * a02 + b21 * a12 + b22 * a22;
+    return out;
+  }
+  function translate(out, a2, v) {
+    var a00 = a2[0], a01 = a2[1], a02 = a2[2], a10 = a2[3], a11 = a2[4], a12 = a2[5], a20 = a2[6], a21 = a2[7], a22 = a2[8], x2 = v[0], y2 = v[1];
+    out[0] = a00;
+    out[1] = a01;
+    out[2] = a02;
+    out[3] = a10;
+    out[4] = a11;
+    out[5] = a12;
+    out[6] = x2 * a00 + y2 * a10 + a20;
+    out[7] = x2 * a01 + y2 * a11 + a21;
+    out[8] = x2 * a02 + y2 * a12 + a22;
+    return out;
+  }
+  function rotate(out, a2, rad) {
+    var a00 = a2[0], a01 = a2[1], a02 = a2[2], a10 = a2[3], a11 = a2[4], a12 = a2[5], a20 = a2[6], a21 = a2[7], a22 = a2[8], s = Math.sin(rad), c2 = Math.cos(rad);
+    out[0] = c2 * a00 + s * a10;
+    out[1] = c2 * a01 + s * a11;
+    out[2] = c2 * a02 + s * a12;
+    out[3] = c2 * a10 - s * a00;
+    out[4] = c2 * a11 - s * a01;
+    out[5] = c2 * a12 - s * a02;
+    out[6] = a20;
+    out[7] = a21;
+    out[8] = a22;
+    return out;
+  }
+  function scale(out, a2, v) {
+    var x2 = v[0], y2 = v[1];
+    out[0] = x2 * a2[0];
+    out[1] = x2 * a2[1];
+    out[2] = x2 * a2[2];
+    out[3] = y2 * a2[3];
+    out[4] = y2 * a2[4];
+    out[5] = y2 * a2[5];
+    out[6] = a2[6];
+    out[7] = a2[7];
+    out[8] = a2[8];
+    return out;
+  }
+  function projection(out, width, height) {
+    out[0] = 2 / width;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = -2 / height;
+    out[5] = 0;
+    out[6] = -1;
+    out[7] = 1;
+    out[8] = 1;
+    return out;
+  }
+  var Atlas = /* @__PURE__ */ (function() {
+    function Atlas2(r, texSize, texRows, createTextureCanvas2) {
+      _classCallCheck(this, Atlas2);
+      this.debugID = Math.floor(Math.random() * 1e4);
+      this.r = r;
+      this.texSize = texSize;
+      this.texRows = texRows;
+      this.texHeight = Math.floor(texSize / texRows);
+      this.enableWrapping = true;
+      this.locked = false;
+      this.texture = null;
+      this.needsBuffer = true;
+      this.freePointer = {
+        x: 0,
+        row: 0
+      };
+      this.keyToLocation = /* @__PURE__ */ new Map();
+      this.canvas = createTextureCanvas2(r, texSize, texSize);
+      this.scratch = createTextureCanvas2(r, texSize, this.texHeight, "scratch");
+    }
+    return _createClass(Atlas2, [{
+      key: "lock",
+      value: function lock() {
+        this.locked = true;
+      }
+    }, {
+      key: "getKeys",
+      value: function getKeys() {
+        return new Set(this.keyToLocation.keys());
+      }
+    }, {
+      key: "getScale",
+      value: function getScale2(_ref) {
+        var w = _ref.w, h = _ref.h;
+        var texHeight = this.texHeight, maxTexWidth = this.texSize;
+        var scale2 = texHeight / h;
+        var texW = w * scale2;
+        var texH = h * scale2;
+        if (texW > maxTexWidth) {
+          scale2 = maxTexWidth / w;
+          texW = w * scale2;
+          texH = h * scale2;
+        }
+        return {
+          scale: scale2,
+          texW,
+          texH
+        };
+      }
+    }, {
+      key: "draw",
+      value: function draw(key, bb, doDrawing) {
+        var _this = this;
+        if (this.locked) throw new Error("can't draw, atlas is locked");
+        var texSize = this.texSize, texRows = this.texRows, texHeight = this.texHeight;
+        var _this$getScale = this.getScale(bb), scale2 = _this$getScale.scale, texW = _this$getScale.texW, texH = _this$getScale.texH;
+        var drawAt = function drawAt2(location2, canvas) {
+          if (doDrawing && canvas) {
+            var context = canvas.context;
+            var x2 = location2.x, row = location2.row;
+            var xOffset = x2;
+            var yOffset = texHeight * row;
+            context.save();
+            context.translate(xOffset, yOffset);
+            context.scale(scale2, scale2);
+            doDrawing(context, bb);
+            context.restore();
+          }
+        };
+        var locations = [null, null];
+        var drawNormal = function drawNormal2() {
+          drawAt(_this.freePointer, _this.canvas);
+          locations[0] = {
+            x: _this.freePointer.x,
+            y: _this.freePointer.row * texHeight,
+            w: texW,
+            h: texH
+          };
+          locations[1] = {
+            // create a second location with a width of 0, for convenience
+            x: _this.freePointer.x + texW,
+            y: _this.freePointer.row * texHeight,
+            w: 0,
+            h: texH
+          };
+          _this.freePointer.x += texW;
+          if (_this.freePointer.x == texSize) {
+            _this.freePointer.x = 0;
+            _this.freePointer.row++;
+          }
+        };
+        var drawWrapped = function drawWrapped2() {
+          var scratch = _this.scratch, canvas = _this.canvas;
+          scratch.clear();
+          drawAt({
+            x: 0,
+            row: 0
+          }, scratch);
+          var firstTexW = texSize - _this.freePointer.x;
+          var secondTexW = texW - firstTexW;
+          var h = texHeight;
+          {
+            var dx = _this.freePointer.x;
+            var dy = _this.freePointer.row * texHeight;
+            var w = firstTexW;
+            canvas.context.drawImage(scratch, 0, 0, w, h, dx, dy, w, h);
+            locations[0] = {
+              x: dx,
+              y: dy,
+              w,
+              h: texH
+            };
+          }
+          {
+            var sx = firstTexW;
+            var _dy = (_this.freePointer.row + 1) * texHeight;
+            var _w = secondTexW;
+            if (canvas) {
+              canvas.context.drawImage(scratch, sx, 0, _w, h, 0, _dy, _w, h);
+            }
+            locations[1] = {
+              x: 0,
+              y: _dy,
+              w: _w,
+              h: texH
+            };
+          }
+          _this.freePointer.x = secondTexW;
+          _this.freePointer.row++;
+        };
+        var moveToStartOfNextRow = function moveToStartOfNextRow2() {
+          _this.freePointer.x = 0;
+          _this.freePointer.row++;
+        };
+        if (this.freePointer.x + texW <= texSize) {
+          drawNormal();
+        } else if (this.freePointer.row >= texRows - 1) {
+          return false;
+        } else if (this.freePointer.x === texSize) {
+          moveToStartOfNextRow();
+          drawNormal();
+        } else if (this.enableWrapping) {
+          drawWrapped();
+        } else {
+          moveToStartOfNextRow();
+          drawNormal();
+        }
+        this.keyToLocation.set(key, locations);
+        this.needsBuffer = true;
+        return locations;
+      }
+    }, {
+      key: "getOffsets",
+      value: function getOffsets(key) {
+        return this.keyToLocation.get(key);
+      }
+    }, {
+      key: "isEmpty",
+      value: function isEmpty() {
+        return this.freePointer.x === 0 && this.freePointer.row === 0;
+      }
+    }, {
+      key: "canFit",
+      value: function canFit(bb) {
+        if (this.locked) return false;
+        var texSize = this.texSize, texRows = this.texRows;
+        var _this$getScale2 = this.getScale(bb), texW = _this$getScale2.texW;
+        if (this.freePointer.x + texW > texSize) {
+          return this.freePointer.row < texRows - 1;
+        }
+        return true;
+      }
+      // called on every frame
+    }, {
+      key: "bufferIfNeeded",
+      value: function bufferIfNeeded(gl) {
+        if (!this.texture) {
+          this.texture = createTexture(gl, this.debugID);
+        }
+        if (this.needsBuffer) {
+          this.texture.buffer(this.canvas);
+          this.needsBuffer = false;
+          if (this.locked) {
+            this.canvas = null;
+            this.scratch = null;
+          }
+        }
+      }
+    }, {
+      key: "dispose",
+      value: function dispose() {
+        if (this.texture) {
+          this.texture.deleteTexture();
+          this.texture = null;
+        }
+        this.canvas = null;
+        this.scratch = null;
+        this.locked = true;
+      }
+    }]);
+  })();
+  var AtlasCollection = /* @__PURE__ */ (function() {
+    function AtlasCollection2(r, texSize, texRows, createTextureCanvas2) {
+      _classCallCheck(this, AtlasCollection2);
+      this.r = r;
+      this.texSize = texSize;
+      this.texRows = texRows;
+      this.createTextureCanvas = createTextureCanvas2;
+      this.atlases = [];
+      this.styleKeyToAtlas = /* @__PURE__ */ new Map();
+      this.markedKeys = /* @__PURE__ */ new Set();
+    }
+    return _createClass(AtlasCollection2, [{
+      key: "getKeys",
+      value: function getKeys() {
+        return new Set(this.styleKeyToAtlas.keys());
+      }
+    }, {
+      key: "_createAtlas",
+      value: function _createAtlas() {
+        var r = this.r, texSize = this.texSize, texRows = this.texRows, createTextureCanvas2 = this.createTextureCanvas;
+        return new Atlas(r, texSize, texRows, createTextureCanvas2);
+      }
+    }, {
+      key: "_getScratchCanvas",
+      value: function _getScratchCanvas() {
+        if (!this.scratch) {
+          var r = this.r, texSize = this.texSize, texRows = this.texRows, createTextureCanvas2 = this.createTextureCanvas;
+          var texHeight = Math.floor(texSize / texRows);
+          this.scratch = createTextureCanvas2(r, texSize, texHeight, "scratch");
+        }
+        return this.scratch;
+      }
+    }, {
+      key: "draw",
+      value: function draw(key, bb, doDrawing) {
+        var atlas = this.styleKeyToAtlas.get(key);
+        if (!atlas) {
+          atlas = this.atlases[this.atlases.length - 1];
+          if (!atlas || !atlas.canFit(bb)) {
+            if (atlas) atlas.lock();
+            atlas = this._createAtlas();
+            this.atlases.push(atlas);
+          }
+          atlas.draw(key, bb, doDrawing);
+          this.styleKeyToAtlas.set(key, atlas);
+        }
+        return atlas;
+      }
+    }, {
+      key: "getAtlas",
+      value: function getAtlas(key) {
+        return this.styleKeyToAtlas.get(key);
+      }
+    }, {
+      key: "hasAtlas",
+      value: function hasAtlas(key) {
+        return this.styleKeyToAtlas.has(key);
+      }
+    }, {
+      key: "markKeyForGC",
+      value: function markKeyForGC(key) {
+        this.markedKeys.add(key);
+      }
+    }, {
+      key: "gc",
+      value: function gc() {
+        var _this2 = this;
+        var markedKeys = this.markedKeys;
+        if (markedKeys.size === 0) {
+          console.log("nothing to garbage collect");
+          return;
+        }
+        var newAtlases = [];
+        var newStyleKeyToAtlas = /* @__PURE__ */ new Map();
+        var newAtlas = null;
+        var _iterator = _createForOfIteratorHelper(this.atlases), _step;
+        try {
+          var _loop = function _loop2() {
+            var atlas = _step.value;
+            var keys2 = atlas.getKeys();
+            var keysToCollect = intersection(markedKeys, keys2);
+            if (keysToCollect.size === 0) {
+              newAtlases.push(atlas);
+              keys2.forEach(function(k) {
+                return newStyleKeyToAtlas.set(k, atlas);
+              });
+              return 1;
+            }
+            if (!newAtlas) {
+              newAtlas = _this2._createAtlas();
+              newAtlases.push(newAtlas);
+            }
+            var _iterator2 = _createForOfIteratorHelper(keys2), _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+                var key = _step2.value;
+                if (!keysToCollect.has(key)) {
+                  var _atlas$getOffsets = atlas.getOffsets(key), _atlas$getOffsets2 = _slicedToArray(_atlas$getOffsets, 2), s1 = _atlas$getOffsets2[0], s2 = _atlas$getOffsets2[1];
+                  if (!newAtlas.canFit({
+                    w: s1.w + s2.w,
+                    h: s1.h
+                  })) {
+                    newAtlas.lock();
+                    newAtlas = _this2._createAtlas();
+                    newAtlases.push(newAtlas);
+                  }
+                  if (atlas.canvas) {
+                    _this2._copyTextureToNewAtlas(key, atlas, newAtlas);
+                    newStyleKeyToAtlas.set(key, newAtlas);
+                  }
+                }
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+            atlas.dispose();
+          };
+          for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+            if (_loop()) continue;
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        this.atlases = newAtlases;
+        this.styleKeyToAtlas = newStyleKeyToAtlas;
+        this.markedKeys = /* @__PURE__ */ new Set();
+      }
+    }, {
+      key: "_copyTextureToNewAtlas",
+      value: function _copyTextureToNewAtlas(key, oldAtlas, newAtlas) {
+        var _oldAtlas$getOffsets = oldAtlas.getOffsets(key), _oldAtlas$getOffsets2 = _slicedToArray(_oldAtlas$getOffsets, 2), s1 = _oldAtlas$getOffsets2[0], s2 = _oldAtlas$getOffsets2[1];
+        if (s2.w === 0) {
+          newAtlas.draw(key, s1, function(context) {
+            context.drawImage(oldAtlas.canvas, s1.x, s1.y, s1.w, s1.h, 0, 0, s1.w, s1.h);
+          });
+        } else {
+          var scratch = this._getScratchCanvas();
+          scratch.clear();
+          scratch.context.drawImage(oldAtlas.canvas, s1.x, s1.y, s1.w, s1.h, 0, 0, s1.w, s1.h);
+          scratch.context.drawImage(oldAtlas.canvas, s2.x, s2.y, s2.w, s2.h, s1.w, 0, s2.w, s2.h);
+          var w = s1.w + s2.w;
+          var h = s1.h;
+          newAtlas.draw(key, {
+            w,
+            h
+          }, function(context) {
+            context.drawImage(
+              scratch,
+              0,
+              0,
+              w,
+              h,
+              0,
+              0,
+              w,
+              h
+              // the destination context has already been translated to the correct position
+            );
+          });
+        }
+      }
+    }, {
+      key: "getCounts",
+      value: function getCounts() {
+        return {
+          keyCount: this.styleKeyToAtlas.size,
+          atlasCount: new Set(this.styleKeyToAtlas.values()).size
+        };
+      }
+    }]);
+  })();
+  function intersection(set1, set2) {
+    if (set1.intersection) return set1.intersection(set2);
+    else return new Set(_toConsumableArray(set1).filter(function(x2) {
+      return set2.has(x2);
+    }));
+  }
+  var AtlasManager = /* @__PURE__ */ (function() {
+    function AtlasManager2(r, globalOptions) {
+      _classCallCheck(this, AtlasManager2);
+      this.r = r;
+      this.globalOptions = globalOptions;
+      this.atlasSize = globalOptions.webglTexSize;
+      this.maxAtlasesPerBatch = globalOptions.webglTexPerBatch;
+      this.renderTypes = /* @__PURE__ */ new Map();
+      this.collections = /* @__PURE__ */ new Map();
+      this.typeAndIdToKey = /* @__PURE__ */ new Map();
+    }
+    return _createClass(AtlasManager2, [{
+      key: "getAtlasSize",
+      value: function getAtlasSize() {
+        return this.atlasSize;
+      }
+    }, {
+      key: "addAtlasCollection",
+      value: function addAtlasCollection(collectionName, atlasCollectionOptions) {
+        var _this$globalOptions = this.globalOptions, webglTexSize = _this$globalOptions.webglTexSize, createTextureCanvas2 = _this$globalOptions.createTextureCanvas;
+        var texRows = atlasCollectionOptions.texRows;
+        var cachedCreateTextureCanvas = this._cacheScratchCanvas(createTextureCanvas2);
+        var atlasCollection = new AtlasCollection(this.r, webglTexSize, texRows, cachedCreateTextureCanvas);
+        this.collections.set(collectionName, atlasCollection);
+      }
+    }, {
+      key: "addRenderType",
+      value: function addRenderType(type2, renderTypeOptions) {
+        var collection2 = renderTypeOptions.collection;
+        if (!this.collections.has(collection2)) throw new Error("invalid atlas collection name '".concat(collection2, "'"));
+        var atlasCollection = this.collections.get(collection2);
+        var opts = extend({
+          type: type2,
+          atlasCollection
+        }, renderTypeOptions);
+        this.renderTypes.set(type2, opts);
+      }
+    }, {
+      key: "getRenderTypeOpts",
+      value: function getRenderTypeOpts(type2) {
+        return this.renderTypes.get(type2);
+      }
+    }, {
+      key: "getAtlasCollection",
+      value: function getAtlasCollection(name2) {
+        return this.collections.get(name2);
+      }
+    }, {
+      key: "_cacheScratchCanvas",
+      value: function _cacheScratchCanvas(createTextureCanvas2) {
+        var prevW = -1;
+        var prevH = -1;
+        var scratchCanvas = null;
+        return function(r, w, h, scratch) {
+          if (scratch) {
+            if (!scratchCanvas || w != prevW || h != prevH) {
+              prevW = w;
+              prevH = h;
+              scratchCanvas = createTextureCanvas2(r, w, h);
+            }
+            return scratchCanvas;
+          } else {
+            return createTextureCanvas2(r, w, h);
+          }
+        };
+      }
+    }, {
+      key: "_key",
+      value: function _key(renderType, id2) {
+        return "".concat(renderType, "-").concat(id2);
+      }
+      /** Marks textues associated with the element for garbage collection. */
+    }, {
+      key: "invalidate",
+      value: function invalidate(eles) {
+        var _this3 = this;
+        var _ref2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, _ref2$forceRedraw = _ref2.forceRedraw, forceRedraw = _ref2$forceRedraw === void 0 ? false : _ref2$forceRedraw, _ref2$filterEle = _ref2.filterEle, filterEle = _ref2$filterEle === void 0 ? function() {
+          return true;
+        } : _ref2$filterEle, _ref2$filterType = _ref2.filterType, filterType = _ref2$filterType === void 0 ? function() {
+          return true;
+        } : _ref2$filterType;
+        var needGC = false;
+        var runGCNow = false;
+        var _iterator3 = _createForOfIteratorHelper(eles), _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
+            var ele = _step3.value;
+            if (filterEle(ele)) {
+              var _iterator4 = _createForOfIteratorHelper(this.renderTypes.values()), _step4;
+              try {
+                var _loop2 = function _loop22() {
+                  var opts = _step4.value;
+                  var renderType = opts.type;
+                  if (filterType(renderType)) {
+                    var atlasCollection = _this3.collections.get(opts.collection);
+                    var key = opts.getKey(ele);
+                    var keyArray = Array.isArray(key) ? key : [key];
+                    if (forceRedraw) {
+                      keyArray.forEach(function(key2) {
+                        return atlasCollection.markKeyForGC(key2);
+                      });
+                      runGCNow = true;
+                    } else {
+                      var id2 = opts.getID ? opts.getID(ele) : ele.id();
+                      var mapKey = _this3._key(renderType, id2);
+                      var oldKeyArray = _this3.typeAndIdToKey.get(mapKey);
+                      if (oldKeyArray !== void 0 && !arrayEqual(keyArray, oldKeyArray)) {
+                        needGC = true;
+                        _this3.typeAndIdToKey["delete"](mapKey);
+                        oldKeyArray.forEach(function(oldKey) {
+                          return atlasCollection.markKeyForGC(oldKey);
+                        });
+                      }
+                    }
+                  }
+                };
+                for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+                  _loop2();
+                }
+              } catch (err) {
+                _iterator4.e(err);
+              } finally {
+                _iterator4.f();
+              }
+            }
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+        if (runGCNow) {
+          this.gc();
+          needGC = false;
+        }
+        return needGC;
+      }
+      /** Garbage collect */
+    }, {
+      key: "gc",
+      value: function gc() {
+        var _iterator5 = _createForOfIteratorHelper(this.collections.values()), _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done; ) {
+            var collection2 = _step5.value;
+            collection2.gc();
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+      }
+    }, {
+      key: "getOrCreateAtlas",
+      value: function getOrCreateAtlas(ele, type2, bb, styleKey) {
+        var opts = this.renderTypes.get(type2);
+        var atlasCollection = this.collections.get(opts.collection);
+        var drawn = false;
+        var atlas = atlasCollection.draw(styleKey, bb, function(context) {
+          if (opts.drawClipped) {
+            context.save();
+            context.beginPath();
+            context.rect(0, 0, bb.w, bb.h);
+            context.clip();
+            opts.drawElement(context, ele, bb, true, true);
+            context.restore();
+          } else {
+            opts.drawElement(context, ele, bb, true, true);
+          }
+          drawn = true;
+        });
+        if (drawn) {
+          var id2 = opts.getID ? opts.getID(ele) : ele.id();
+          var mapKey = this._key(type2, id2);
+          if (this.typeAndIdToKey.has(mapKey)) {
+            this.typeAndIdToKey.get(mapKey).push(styleKey);
+          } else {
+            this.typeAndIdToKey.set(mapKey, [styleKey]);
+          }
+        }
+        return atlas;
+      }
+    }, {
+      key: "getAtlasInfo",
+      value: function getAtlasInfo(ele, type2) {
+        var _this4 = this;
+        var opts = this.renderTypes.get(type2);
+        var key = opts.getKey(ele);
+        var keyArray = Array.isArray(key) ? key : [key];
+        return keyArray.map(function(styleKey) {
+          var bb = opts.getBoundingBox(ele, styleKey);
+          var atlas = _this4.getOrCreateAtlas(ele, type2, bb, styleKey);
+          var _atlas$getOffsets3 = atlas.getOffsets(styleKey), _atlas$getOffsets4 = _slicedToArray(_atlas$getOffsets3, 2), tex1 = _atlas$getOffsets4[0], tex2 = _atlas$getOffsets4[1];
+          return {
+            atlas,
+            tex: tex1,
+            tex1,
+            tex2,
+            bb
+          };
+        });
+      }
+    }, {
+      key: "getDebugInfo",
+      value: function getDebugInfo() {
+        var debugInfo = [];
+        var _iterator6 = _createForOfIteratorHelper(this.collections), _step6;
+        try {
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done; ) {
+            var _step6$value = _slicedToArray(_step6.value, 2), name2 = _step6$value[0], collection2 = _step6$value[1];
+            var _collection$getCounts = collection2.getCounts(), keyCount = _collection$getCounts.keyCount, atlasCount = _collection$getCounts.atlasCount;
+            debugInfo.push({
+              type: name2,
+              keyCount,
+              atlasCount
+            });
+          }
+        } catch (err) {
+          _iterator6.e(err);
+        } finally {
+          _iterator6.f();
+        }
+        return debugInfo;
+      }
+    }]);
+  })();
+  var AtlasBatchManager = /* @__PURE__ */ (function() {
+    function AtlasBatchManager2(globalOptions) {
+      _classCallCheck(this, AtlasBatchManager2);
+      this.globalOptions = globalOptions;
+      this.atlasSize = globalOptions.webglTexSize;
+      this.maxAtlasesPerBatch = globalOptions.webglTexPerBatch;
+      this.batchAtlases = [];
+    }
+    return _createClass(AtlasBatchManager2, [{
+      key: "getMaxAtlasesPerBatch",
+      value: function getMaxAtlasesPerBatch() {
+        return this.maxAtlasesPerBatch;
+      }
+    }, {
+      key: "getAtlasSize",
+      value: function getAtlasSize() {
+        return this.atlasSize;
+      }
+    }, {
+      key: "getIndexArray",
+      value: function getIndexArray() {
+        return Array.from({
+          length: this.maxAtlasesPerBatch
+        }, function(v, i2) {
+          return i2;
+        });
+      }
+    }, {
+      key: "startBatch",
+      value: function startBatch() {
+        this.batchAtlases = [];
+      }
+    }, {
+      key: "getAtlasCount",
+      value: function getAtlasCount() {
+        return this.batchAtlases.length;
+      }
+    }, {
+      key: "getAtlases",
+      value: function getAtlases() {
+        return this.batchAtlases;
+      }
+    }, {
+      key: "canAddToCurrentBatch",
+      value: function canAddToCurrentBatch(atlas) {
+        if (this.batchAtlases.length === this.maxAtlasesPerBatch) {
+          return this.batchAtlases.includes(atlas);
+        }
+        return true;
+      }
+    }, {
+      key: "getAtlasIndexForBatch",
+      value: function getAtlasIndexForBatch(atlas) {
+        var atlasID = this.batchAtlases.indexOf(atlas);
+        if (atlasID < 0) {
+          if (this.batchAtlases.length === this.maxAtlasesPerBatch) {
+            throw new Error("cannot add more atlases to batch");
+          }
+          this.batchAtlases.push(atlas);
+          atlasID = this.batchAtlases.length - 1;
+        }
+        return atlasID;
+      }
+    }]);
+  })();
+  var circleSD = "\n  float circleSD(vec2 p, float r) {\n    return distance(vec2(0), p) - r; // signed distance\n  }\n";
+  var rectangleSD = "\n  float rectangleSD(vec2 p, vec2 b) {\n    vec2 d = abs(p)-b;\n    return distance(vec2(0),max(d,0.0)) + min(max(d.x,d.y),0.0);\n  }\n";
+  var roundRectangleSD = "\n  float roundRectangleSD(vec2 p, vec2 b, vec4 cr) {\n    cr.xy = (p.x > 0.0) ? cr.xy : cr.zw;\n    cr.x  = (p.y > 0.0) ? cr.x  : cr.y;\n    vec2 q = abs(p) - b + cr.x;\n    return min(max(q.x, q.y), 0.0) + distance(vec2(0), max(q, 0.0)) - cr.x;\n  }\n";
+  var ellipseSD = "\n  float ellipseSD(vec2 p, vec2 ab) {\n    p = abs( p ); // symmetry\n\n    // find root with Newton solver\n    vec2 q = ab*(p-ab);\n    float w = (q.x<q.y)? 1.570796327 : 0.0;\n    for( int i=0; i<5; i++ ) {\n      vec2 cs = vec2(cos(w),sin(w));\n      vec2 u = ab*vec2( cs.x,cs.y);\n      vec2 v = ab*vec2(-cs.y,cs.x);\n      w = w + dot(p-u,v)/(dot(p-u,u)+dot(v,v));\n    }\n    \n    // compute final point and distance\n    float d = length(p-ab*vec2(cos(w),sin(w)));\n    \n    // return signed distance\n    return (dot(p/ab,p/ab)>1.0) ? d : -d;\n  }\n";
+  var RENDER_TARGET = {
+    SCREEN: {
+      name: "screen",
+      screen: true
+    },
+    PICKING: {
+      name: "picking",
+      picking: true
+    }
+  };
+  var TEX_PICKING_MODE = {
+    // render the texture just like in RENDER_TARGET.SCREEN mode
+    IGNORE: 1,
+    // don't render the texture at all
+    USE_BB: 2
+    // render the bounding box as an opaque rectangle
+  };
+  var TEXTURE = 0;
+  var EDGE_STRAIGHT = 1;
+  var EDGE_CURVE_SEGMENT = 2;
+  var EDGE_ARROW = 3;
+  var RECTANGLE = 4;
+  var ROUND_RECTANGLE = 5;
+  var BOTTOM_ROUND_RECTANGLE = 6;
+  var ELLIPSE = 7;
+  var ElementDrawingWebGL = /* @__PURE__ */ (function() {
+    function ElementDrawingWebGL2(r, gl, opts) {
+      _classCallCheck(this, ElementDrawingWebGL2);
+      this.r = r;
+      this.gl = gl;
+      this.maxInstances = opts.webglBatchSize;
+      this.atlasSize = opts.webglTexSize;
+      this.bgColor = opts.bgColor;
+      this.debug = opts.webglDebug;
+      this.batchDebugInfo = [];
+      opts.enableWrapping = true;
+      opts.createTextureCanvas = createTextureCanvas;
+      this.atlasManager = new AtlasManager(r, opts);
+      this.batchManager = new AtlasBatchManager(opts);
+      this.simpleShapeOptions = /* @__PURE__ */ new Map();
+      this.program = this._createShaderProgram(RENDER_TARGET.SCREEN);
+      this.pickingProgram = this._createShaderProgram(RENDER_TARGET.PICKING);
+      this.vao = this._createVAO();
+    }
+    return _createClass(ElementDrawingWebGL2, [{
+      key: "addAtlasCollection",
+      value: function addAtlasCollection(collectionName, opts) {
+        this.atlasManager.addAtlasCollection(collectionName, opts);
+      }
+      /**
+       * @typedef { Object } TextureRenderTypeOpts
+       * @property { string } collection - name of atlas collection to render textures to
+       * @property { function } getKey - returns the "style key" for an element, may be a single value or an array for multi-line lables
+       * @property { function } drawElement - uses a canvas renderer to draw the element to the texture atlas
+       * @property { boolean  } drawClipped - if true the context will be clipped to the bounding box before drawElement() is called, may affect performance
+       * @property { function } getBoundingBox - returns the bounding box for an element
+       * @property { function } getRotation
+       * @property { function } getRotationPoint
+       * @property { function } getRotationOffset
+       * @property { function } isVisible - an extra check for visibility in addition to ele.visible()
+       * @property { function } getTexPickingMode - returns a value from the TEX_PICKING_MODE enum
+       */
+      /**
+       * @param { string } typeName
+       * @param { TextureRenderTypeOpts } opts
+       */
+    }, {
+      key: "addTextureAtlasRenderType",
+      value: function addTextureAtlasRenderType(typeName2, opts) {
+        this.atlasManager.addRenderType(typeName2, opts);
+      }
+      /**
+       * @typedef { Object } SimpleShapeRenderTypeOpts
+       * @property { function } getBoundingBox - returns the bounding box for an element
+       * @property { function } isVisible - this is an extra check for visibility in addition to ele.visible()
+       * @property { function } isSimple - check if element is a simple shape, or if it needs to fall back to texture rendering
+       * @property { ShapeVisualProperties } shapeProps
+       */
+      /**
+       * @typedef { Object } ShapeVisualProperties
+       * @property { string } shape
+       * @property { string } color
+       * @property { string } opacity
+       * @property { string } padding
+       * @property { string } radius
+       * @property { boolean } border
+      */
+      /**
+       * @param { string } typeName
+       * @param { SimpleShapeRenderTypeOpts } opts
+       */
+    }, {
+      key: "addSimpleShapeRenderType",
+      value: function addSimpleShapeRenderType(typeName2, opts) {
+        this.simpleShapeOptions.set(typeName2, opts);
+      }
+      /**
+       * Inform the atlasManager when element style keys may have changed.
+       * The atlasManager can then mark unused textures for "garbage collection".
+       */
+    }, {
+      key: "invalidate",
+      value: function invalidate(eles) {
+        var _ref = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, type2 = _ref.type;
+        var atlasManager = this.atlasManager;
+        if (type2) {
+          return atlasManager.invalidate(eles, {
+            filterType: function filterType(t2) {
+              return t2 === type2;
+            },
+            forceRedraw: true
+          });
+        } else {
+          return atlasManager.invalidate(eles);
+        }
+      }
+      /**
+       * Run texture garbage collection.
+       */
+    }, {
+      key: "gc",
+      value: function gc() {
+        this.atlasManager.gc();
+      }
+    }, {
+      key: "_createShaderProgram",
+      value: function _createShaderProgram(renderTarget) {
+        var gl = this.gl;
+        var vertexShaderSource = "#version 300 es\n      precision highp float;\n\n      uniform mat3 uPanZoomMatrix;\n      uniform int  uAtlasSize;\n      \n      // instanced\n      in vec2 aPosition; // a vertex from the unit square\n      \n      in mat3 aTransform; // used to transform verticies, eg into a bounding box\n      in int aVertType; // the type of thing we are rendering\n\n      // the z-index that is output when using picking mode\n      in vec4 aIndex;\n      \n      // For textures\n      in int aAtlasId; // which shader unit/atlas to use\n      in vec4 aTex; // x/y/w/h of texture in atlas\n\n      // for edges\n      in vec4 aPointAPointB;\n      in vec4 aPointCPointD;\n      in vec2 aLineWidth; // also used for node border width\n\n      // simple shapes\n      in vec4 aCornerRadius; // for round-rectangle [top-right, bottom-right, top-left, bottom-left]\n      in vec4 aColor; // also used for edges\n      in vec4 aBorderColor; // aLineWidth is used for border width\n\n      // output values passed to the fragment shader\n      out vec2 vTexCoord;\n      out vec4 vColor;\n      out vec2 vPosition;\n      // flat values are not interpolated\n      flat out int vAtlasId; \n      flat out int vVertType;\n      flat out vec2 vTopRight;\n      flat out vec2 vBotLeft;\n      flat out vec4 vCornerRadius;\n      flat out vec4 vBorderColor;\n      flat out vec2 vBorderWidth;\n      flat out vec4 vIndex;\n      \n      void main(void) {\n        int vid = gl_VertexID;\n        vec2 position = aPosition; // TODO make this a vec3, simplifies some code below\n\n        if(aVertType == ".concat(TEXTURE, ") {\n          float texX = aTex.x; // texture coordinates\n          float texY = aTex.y;\n          float texW = aTex.z;\n          float texH = aTex.w;\n\n          if(vid == 1 || vid == 2 || vid == 4) {\n            texX += texW;\n          }\n          if(vid == 2 || vid == 4 || vid == 5) {\n            texY += texH;\n          }\n\n          float d = float(uAtlasSize);\n          vTexCoord = vec2(texX / d, texY / d); // tex coords must be between 0 and 1\n\n          gl_Position = vec4(uPanZoomMatrix * aTransform * vec3(position, 1.0), 1.0);\n        }\n        else if(aVertType == ").concat(RECTANGLE, " || aVertType == ").concat(ELLIPSE, " \n             || aVertType == ").concat(ROUND_RECTANGLE, " || aVertType == ").concat(BOTTOM_ROUND_RECTANGLE, ") { // simple shapes\n\n          // the bounding box is needed by the fragment shader\n          vBotLeft  = (aTransform * vec3(0, 0, 1)).xy; // flat\n          vTopRight = (aTransform * vec3(1, 1, 1)).xy; // flat\n          vPosition = (aTransform * vec3(position, 1)).xy; // will be interpolated\n\n          // calculations are done in the fragment shader, just pass these along\n          vColor = aColor;\n          vCornerRadius = aCornerRadius;\n          vBorderColor = aBorderColor;\n          vBorderWidth = aLineWidth;\n\n          gl_Position = vec4(uPanZoomMatrix * aTransform * vec3(position, 1.0), 1.0);\n        }\n        else if(aVertType == ").concat(EDGE_STRAIGHT, ") {\n          vec2 source = aPointAPointB.xy;\n          vec2 target = aPointAPointB.zw;\n\n          // adjust the geometry so that the line is centered on the edge\n          position.y = position.y - 0.5;\n\n          // stretch the unit square into a long skinny rectangle\n          vec2 xBasis = target - source;\n          vec2 yBasis = normalize(vec2(-xBasis.y, xBasis.x));\n          vec2 point = source + xBasis * position.x + yBasis * aLineWidth[0] * position.y;\n\n          gl_Position = vec4(uPanZoomMatrix * vec3(point, 1.0), 1.0);\n          vColor = aColor;\n        } \n        else if(aVertType == ").concat(EDGE_CURVE_SEGMENT, ") {\n          vec2 pointA = aPointAPointB.xy;\n          vec2 pointB = aPointAPointB.zw;\n          vec2 pointC = aPointCPointD.xy;\n          vec2 pointD = aPointCPointD.zw;\n\n          // adjust the geometry so that the line is centered on the edge\n          position.y = position.y - 0.5;\n\n          vec2 p0, p1, p2, pos;\n          if(position.x == 0.0) { // The left side of the unit square\n            p0 = pointA;\n            p1 = pointB;\n            p2 = pointC;\n            pos = position;\n          } else { // The right side of the unit square, use same approach but flip the geometry upside down\n            p0 = pointD;\n            p1 = pointC;\n            p2 = pointB;\n            pos = vec2(0.0, -position.y);\n          }\n\n          vec2 p01 = p1 - p0;\n          vec2 p12 = p2 - p1;\n          vec2 p21 = p1 - p2;\n\n          // Find the normal vector.\n          vec2 tangent = normalize(normalize(p12) + normalize(p01));\n          vec2 normal = vec2(-tangent.y, tangent.x);\n\n          // Find the vector perpendicular to p0 -> p1.\n          vec2 p01Norm = normalize(vec2(-p01.y, p01.x));\n\n          // Determine the bend direction.\n          float sigma = sign(dot(p01 + p21, normal));\n          float width = aLineWidth[0];\n\n          if(sign(pos.y) == -sigma) {\n            // This is an intersecting vertex. Adjust the position so that there's no overlap.\n            vec2 point = 0.5 * width * normal * -sigma / dot(normal, p01Norm);\n            gl_Position = vec4(uPanZoomMatrix * vec3(p1 + point, 1.0), 1.0);\n          } else {\n            // This is a non-intersecting vertex. Treat it like a mitre join.\n            vec2 point = 0.5 * width * normal * sigma * dot(normal, p01Norm);\n            gl_Position = vec4(uPanZoomMatrix * vec3(p1 + point, 1.0), 1.0);\n          }\n\n          vColor = aColor;\n        } \n        else if(aVertType == ").concat(EDGE_ARROW, " && vid < 3) {\n          // massage the first triangle into an edge arrow\n          if(vid == 0)\n            position = vec2(-0.15, -0.3);\n          if(vid == 1)\n            position = vec2(  0.0,  0.0);\n          if(vid == 2)\n            position = vec2( 0.15, -0.3);\n\n          gl_Position = vec4(uPanZoomMatrix * aTransform * vec3(position, 1.0), 1.0);\n          vColor = aColor;\n        }\n        else {\n          gl_Position = vec4(2.0, 0.0, 0.0, 1.0); // discard vertex by putting it outside webgl clip space\n        }\n\n        vAtlasId = aAtlasId;\n        vVertType = aVertType;\n        vIndex = aIndex;\n      }\n    ");
+        var idxs = this.batchManager.getIndexArray();
+        var fragmentShaderSource = "#version 300 es\n      precision highp float;\n\n      // declare texture unit for each texture atlas in the batch\n      ".concat(idxs.map(function(i3) {
+          return "uniform sampler2D uTexture".concat(i3, ";");
+        }).join("\n	"), "\n\n      uniform vec4 uBGColor;\n      uniform float uZoom;\n\n      in vec2 vTexCoord;\n      in vec4 vColor;\n      in vec2 vPosition; // model coordinates\n\n      flat in int vAtlasId;\n      flat in vec4 vIndex;\n      flat in int vVertType;\n      flat in vec2 vTopRight;\n      flat in vec2 vBotLeft;\n      flat in vec4 vCornerRadius;\n      flat in vec4 vBorderColor;\n      flat in vec2 vBorderWidth;\n\n      out vec4 outColor;\n\n      ").concat(circleSD, "\n      ").concat(rectangleSD, "\n      ").concat(roundRectangleSD, "\n      ").concat(ellipseSD, "\n\n      vec4 blend(vec4 top, vec4 bot) { // blend colors with premultiplied alpha\n        return vec4( \n          top.rgb + (bot.rgb * (1.0 - top.a)),\n          top.a   + (bot.a   * (1.0 - top.a)) \n        );\n      }\n\n      vec4 distInterp(vec4 cA, vec4 cB, float d) { // interpolate color using Signed Distance\n        // scale to the zoom level so that borders don't look blurry when zoomed in\n        // note 1.5 is an aribitrary value chosen because it looks good\n        return mix(cA, cB, 1.0 - smoothstep(0.0, 1.5 / uZoom, abs(d))); \n      }\n\n      void main(void) {\n        if(vVertType == ").concat(TEXTURE, ") {\n          // look up the texel from the texture unit\n          ").concat(idxs.map(function(i3) {
+          return "if(vAtlasId == ".concat(i3, ") outColor = texture(uTexture").concat(i3, ", vTexCoord);");
+        }).join("\n	else "), "\n        } \n        else if(vVertType == ").concat(EDGE_ARROW, ") {\n          // mimics how canvas renderer uses context.globalCompositeOperation = 'destination-out';\n          outColor = blend(vColor, uBGColor);\n          outColor.a = 1.0; // make opaque, masks out line under arrow\n        }\n        else if(vVertType == ").concat(RECTANGLE, " && vBorderWidth == vec2(0.0)) { // simple rectangle with no border\n          outColor = vColor; // unit square is already transformed to the rectangle, nothing else needs to be done\n        }\n        else if(vVertType == ").concat(RECTANGLE, " || vVertType == ").concat(ELLIPSE, " \n          || vVertType == ").concat(ROUND_RECTANGLE, " || vVertType == ").concat(BOTTOM_ROUND_RECTANGLE, ") { // use SDF\n\n          float outerBorder = vBorderWidth[0];\n          float innerBorder = vBorderWidth[1];\n          float borderPadding = outerBorder * 2.0;\n          float w = vTopRight.x - vBotLeft.x - borderPadding;\n          float h = vTopRight.y - vBotLeft.y - borderPadding;\n          vec2 b = vec2(w/2.0, h/2.0); // half width, half height\n          vec2 p = vPosition - vec2(vTopRight.x - b[0] - outerBorder, vTopRight.y - b[1] - outerBorder); // translate to center\n\n          float d; // signed distance\n          if(vVertType == ").concat(RECTANGLE, ") {\n            d = rectangleSD(p, b);\n          } else if(vVertType == ").concat(ELLIPSE, " && w == h) {\n            d = circleSD(p, b.x); // faster than ellipse\n          } else if(vVertType == ").concat(ELLIPSE, ") {\n            d = ellipseSD(p, b);\n          } else {\n            d = roundRectangleSD(p, b, vCornerRadius.wzyx);\n          }\n\n          // use the distance to interpolate a color to smooth the edges of the shape, doesn't need multisampling\n          // we must smooth colors inwards, because we can't change pixels outside the shape's bounding box\n          if(d > 0.0) {\n            if(d > outerBorder) {\n              discard;\n            } else {\n              outColor = distInterp(vBorderColor, vec4(0), d - outerBorder);\n            }\n          } else {\n            if(d > innerBorder) {\n              vec4 outerColor = outerBorder == 0.0 ? vec4(0) : vBorderColor;\n              vec4 innerBorderColor = blend(vBorderColor, vColor);\n              outColor = distInterp(innerBorderColor, outerColor, d);\n            } \n            else {\n              vec4 outerColor;\n              if(innerBorder == 0.0 && outerBorder == 0.0) {\n                outerColor = vec4(0);\n              } else if(innerBorder == 0.0) {\n                outerColor = vBorderColor;\n              } else {\n                outerColor = blend(vBorderColor, vColor);\n              }\n              outColor = distInterp(vColor, outerColor, d - innerBorder);\n            }\n          }\n        }\n        else {\n          outColor = vColor;\n        }\n\n        ").concat(renderTarget.picking ? "if(outColor.a == 0.0) discard;\n             else outColor = vIndex;" : "", "\n      }\n    ");
+        var program = createProgram(gl, vertexShaderSource, fragmentShaderSource);
+        program.aPosition = gl.getAttribLocation(program, "aPosition");
+        program.aIndex = gl.getAttribLocation(program, "aIndex");
+        program.aVertType = gl.getAttribLocation(program, "aVertType");
+        program.aTransform = gl.getAttribLocation(program, "aTransform");
+        program.aAtlasId = gl.getAttribLocation(program, "aAtlasId");
+        program.aTex = gl.getAttribLocation(program, "aTex");
+        program.aPointAPointB = gl.getAttribLocation(program, "aPointAPointB");
+        program.aPointCPointD = gl.getAttribLocation(program, "aPointCPointD");
+        program.aLineWidth = gl.getAttribLocation(program, "aLineWidth");
+        program.aColor = gl.getAttribLocation(program, "aColor");
+        program.aCornerRadius = gl.getAttribLocation(program, "aCornerRadius");
+        program.aBorderColor = gl.getAttribLocation(program, "aBorderColor");
+        program.uPanZoomMatrix = gl.getUniformLocation(program, "uPanZoomMatrix");
+        program.uAtlasSize = gl.getUniformLocation(program, "uAtlasSize");
+        program.uBGColor = gl.getUniformLocation(program, "uBGColor");
+        program.uZoom = gl.getUniformLocation(program, "uZoom");
+        program.uTextures = [];
+        for (var i2 = 0; i2 < this.batchManager.getMaxAtlasesPerBatch(); i2++) {
+          program.uTextures.push(gl.getUniformLocation(program, "uTexture".concat(i2)));
+        }
+        return program;
+      }
+    }, {
+      key: "_createVAO",
+      value: function _createVAO() {
+        var unitSquare = [0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1];
+        this.vertexCount = unitSquare.length / 2;
+        var n = this.maxInstances;
+        var gl = this.gl, program = this.program;
+        var vao = gl.createVertexArray();
+        gl.bindVertexArray(vao);
+        createBufferStaticDraw(gl, "vec2", program.aPosition, unitSquare);
+        this.transformBuffer = create3x3MatrixBufferDynamicDraw(gl, n, program.aTransform);
+        this.indexBuffer = createBufferDynamicDraw(gl, n, "vec4", program.aIndex);
+        this.vertTypeBuffer = createBufferDynamicDraw(gl, n, "int", program.aVertType);
+        this.atlasIdBuffer = createBufferDynamicDraw(gl, n, "int", program.aAtlasId);
+        this.texBuffer = createBufferDynamicDraw(gl, n, "vec4", program.aTex);
+        this.pointAPointBBuffer = createBufferDynamicDraw(gl, n, "vec4", program.aPointAPointB);
+        this.pointCPointDBuffer = createBufferDynamicDraw(gl, n, "vec4", program.aPointCPointD);
+        this.lineWidthBuffer = createBufferDynamicDraw(gl, n, "vec2", program.aLineWidth);
+        this.colorBuffer = createBufferDynamicDraw(gl, n, "vec4", program.aColor);
+        this.cornerRadiusBuffer = createBufferDynamicDraw(gl, n, "vec4", program.aCornerRadius);
+        this.borderColorBuffer = createBufferDynamicDraw(gl, n, "vec4", program.aBorderColor);
+        gl.bindVertexArray(null);
+        return vao;
+      }
+    }, {
+      key: "buffers",
+      get: function get2() {
+        var _this = this;
+        if (!this._buffers) {
+          this._buffers = Object.keys(this).filter(function(k) {
+            return endsWith(k, "Buffer");
+          }).map(function(k) {
+            return _this[k];
+          });
+        }
+        return this._buffers;
+      }
+    }, {
+      key: "startFrame",
+      value: function startFrame(panZoomMatrix) {
+        var renderTarget = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : RENDER_TARGET.SCREEN;
+        this.panZoomMatrix = panZoomMatrix;
+        this.renderTarget = renderTarget;
+        this.batchDebugInfo = [];
+        this.wrappedCount = 0;
+        this.simpleCount = 0;
+        this.startBatch();
+      }
+    }, {
+      key: "startBatch",
+      value: function startBatch() {
+        this.instanceCount = 0;
+        this.batchManager.startBatch();
+      }
+    }, {
+      key: "endFrame",
+      value: function endFrame() {
+        this.endBatch();
+      }
+    }, {
+      key: "_isVisible",
+      value: function _isVisible(ele, opts) {
+        if (ele.visible()) {
+          if (opts && opts.isVisible) {
+            return opts.isVisible(ele);
+          }
+          return true;
+        }
+        return false;
+      }
+      /**
+       * Draws a texture using the texture atlas.
+       */
+    }, {
+      key: "drawTexture",
+      value: function drawTexture(ele, eleIndex, type2) {
+        var atlasManager = this.atlasManager, batchManager = this.batchManager;
+        var opts = atlasManager.getRenderTypeOpts(type2);
+        if (!this._isVisible(ele, opts)) {
+          return;
+        }
+        if (ele.isEdge() && !this._isValidEdge(ele)) {
+          return;
+        }
+        if (this.renderTarget.picking && opts.getTexPickingMode) {
+          var mode = opts.getTexPickingMode(ele);
+          if (mode === TEX_PICKING_MODE.IGNORE) {
+            return;
+          } else if (mode == TEX_PICKING_MODE.USE_BB) {
+            this.drawPickingRectangle(ele, eleIndex, type2);
+            return;
+          }
+        }
+        var atlasInfoArray = atlasManager.getAtlasInfo(ele, type2);
+        var _iterator = _createForOfIteratorHelper(atlasInfoArray), _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+            var atlasInfo = _step.value;
+            var atlas = atlasInfo.atlas, tex1 = atlasInfo.tex1, tex2 = atlasInfo.tex2;
+            if (!batchManager.canAddToCurrentBatch(atlas)) {
+              this.endBatch();
+            }
+            var atlasIndex = batchManager.getAtlasIndexForBatch(atlas);
+            for (var _i = 0, _arr = [[tex1, true], [tex2, false]]; _i < _arr.length; _i++) {
+              var _arr$_i = _slicedToArray(_arr[_i], 2), tex = _arr$_i[0], first = _arr$_i[1];
+              if (tex.w != 0) {
+                var instance = this.instanceCount;
+                this.vertTypeBuffer.getView(instance)[0] = TEXTURE;
+                var indexView = this.indexBuffer.getView(instance);
+                indexToVec4(eleIndex, indexView);
+                var atlasIdView = this.atlasIdBuffer.getView(instance);
+                atlasIdView[0] = atlasIndex;
+                var texView = this.texBuffer.getView(instance);
+                texView[0] = tex.x;
+                texView[1] = tex.y;
+                texView[2] = tex.w;
+                texView[3] = tex.h;
+                var matrixView = this.transformBuffer.getMatrixView(instance);
+                this.setTransformMatrix(ele, matrixView, opts, atlasInfo, first);
+                this.instanceCount++;
+                if (!first) this.wrappedCount++;
+                if (this.instanceCount >= this.maxInstances) {
+                  this.endBatch();
+                }
+              }
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+      /**
+       * matrix is expected to be a 9 element array
+       * this function follows same pattern as CRp.drawCachedElementPortion(...)
+       */
+    }, {
+      key: "setTransformMatrix",
+      value: function setTransformMatrix(ele, matrix, opts, atlasInfo) {
+        var first = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : true;
+        var padding = 0;
+        if (opts.shapeProps && opts.shapeProps.padding) {
+          padding = ele.pstyle(opts.shapeProps.padding).pfValue;
+        }
+        if (atlasInfo) {
+          var bb = atlasInfo.bb, tex1 = atlasInfo.tex1, tex2 = atlasInfo.tex2;
+          var ratio = tex1.w / (tex1.w + tex2.w);
+          if (!first) {
+            ratio = 1 - ratio;
+          }
+          var adjBB = this._getAdjustedBB(bb, padding, first, ratio);
+          this._applyTransformMatrix(matrix, adjBB, opts, ele);
+        } else {
+          var _bb = opts.getBoundingBox(ele);
+          var _adjBB = this._getAdjustedBB(_bb, padding, true, 1);
+          this._applyTransformMatrix(matrix, _adjBB, opts, ele);
+        }
+      }
+    }, {
+      key: "_applyTransformMatrix",
+      value: function _applyTransformMatrix(matrix, adjBB, opts, ele) {
+        var x2, y2;
+        identity(matrix);
+        var theta = opts.getRotation ? opts.getRotation(ele) : 0;
+        if (theta !== 0) {
+          var _opts$getRotationPoin = opts.getRotationPoint(ele), sx = _opts$getRotationPoin.x, sy = _opts$getRotationPoin.y;
+          translate(matrix, matrix, [sx, sy]);
+          rotate(matrix, matrix, theta);
+          var offset = opts.getRotationOffset(ele);
+          x2 = offset.x + (adjBB.xOffset || 0);
+          y2 = offset.y + (adjBB.yOffset || 0);
+        } else {
+          x2 = adjBB.x1;
+          y2 = adjBB.y1;
+        }
+        translate(matrix, matrix, [x2, y2]);
+        scale(matrix, matrix, [adjBB.w, adjBB.h]);
+      }
+      /**
+       * Adjusts a node or label BB to accomodate padding and split for wrapped textures.
+       * @param bb - the original bounding box
+       * @param padding - the padding to add to the bounding box
+       * @param first - whether this is the first part of a wrapped texture
+       * @param ratio - the ratio of the texture width of part of the text to the entire texture
+       */
+    }, {
+      key: "_getAdjustedBB",
+      value: function _getAdjustedBB(bb, padding, first, ratio) {
+        var x1 = bb.x1, y1 = bb.y1, w = bb.w, h = bb.h, yOffset = bb.yOffset;
+        if (padding) {
+          x1 -= padding;
+          y1 -= padding;
+          w += 2 * padding;
+          h += 2 * padding;
+        }
+        var xOffset = 0;
+        var adjW = w * ratio;
+        if (first && ratio < 1) {
+          w = adjW;
+        } else if (!first && ratio < 1) {
+          xOffset = w - adjW;
+          x1 += xOffset;
+          w = adjW;
+        }
+        return {
+          x1,
+          y1,
+          w,
+          h,
+          xOffset,
+          yOffset
+        };
+      }
+      /**
+       * Draw a solid opaque rectangle matching the element's Bounding Box.
+       * Used by the PICKING mode to make the entire BB of a label clickable.
+       */
+    }, {
+      key: "drawPickingRectangle",
+      value: function drawPickingRectangle(ele, eleIndex, type2) {
+        var opts = this.atlasManager.getRenderTypeOpts(type2);
+        var instance = this.instanceCount;
+        this.vertTypeBuffer.getView(instance)[0] = RECTANGLE;
+        var indexView = this.indexBuffer.getView(instance);
+        indexToVec4(eleIndex, indexView);
+        var colorView = this.colorBuffer.getView(instance);
+        toWebGLColor([0, 0, 0], 1, colorView);
+        var matrixView = this.transformBuffer.getMatrixView(instance);
+        this.setTransformMatrix(ele, matrixView, opts);
+        this.simpleCount++;
+        this.instanceCount++;
+        if (this.instanceCount >= this.maxInstances) {
+          this.endBatch();
+        }
+      }
+      /**
+       * Draw a node using either a texture or a "simple shape".
+       */
+    }, {
+      key: "drawNode",
+      value: function drawNode(node, eleIndex, type2) {
+        var opts = this.simpleShapeOptions.get(type2);
+        if (!this._isVisible(node, opts)) {
+          return;
+        }
+        var props = opts.shapeProps;
+        var vertType = this._getVertTypeForShape(node, props.shape);
+        if (vertType === void 0 || opts.isSimple && !opts.isSimple(node)) {
+          this.drawTexture(node, eleIndex, type2);
+          return;
+        }
+        var instance = this.instanceCount;
+        this.vertTypeBuffer.getView(instance)[0] = vertType;
+        if (vertType === ROUND_RECTANGLE || vertType === BOTTOM_ROUND_RECTANGLE) {
+          var bb = opts.getBoundingBox(node);
+          var radius2 = this._getCornerRadius(node, props.radius, bb);
+          var radiusView = this.cornerRadiusBuffer.getView(instance);
+          radiusView[0] = radius2;
+          radiusView[1] = radius2;
+          radiusView[2] = radius2;
+          radiusView[3] = radius2;
+          if (vertType === BOTTOM_ROUND_RECTANGLE) {
+            radiusView[0] = 0;
+            radiusView[2] = 0;
+          }
+        }
+        var indexView = this.indexBuffer.getView(instance);
+        indexToVec4(eleIndex, indexView);
+        var color2 = node.pstyle(props.color).value;
+        var opacity = node.pstyle(props.opacity).value;
+        var colorView = this.colorBuffer.getView(instance);
+        toWebGLColor(color2, opacity, colorView);
+        var lineWidthView = this.lineWidthBuffer.getView(instance);
+        lineWidthView[0] = 0;
+        lineWidthView[1] = 0;
+        if (props.border) {
+          var borderWidth = node.pstyle("border-width").value;
+          if (borderWidth > 0) {
+            var borderColor = node.pstyle("border-color").value;
+            var borderOpacity = node.pstyle("border-opacity").value;
+            var borderColorView = this.borderColorBuffer.getView(instance);
+            toWebGLColor(borderColor, borderOpacity, borderColorView);
+            var borderPos = node.pstyle("border-position").value;
+            if (borderPos === "inside") {
+              lineWidthView[0] = 0;
+              lineWidthView[1] = -borderWidth;
+            } else if (borderPos === "outside") {
+              lineWidthView[0] = borderWidth;
+              lineWidthView[1] = 0;
+            } else {
+              var halfWidth = borderWidth / 2;
+              lineWidthView[0] = halfWidth;
+              lineWidthView[1] = -halfWidth;
+            }
+          }
+        }
+        var matrixView = this.transformBuffer.getMatrixView(instance);
+        this.setTransformMatrix(node, matrixView, opts);
+        this.simpleCount++;
+        this.instanceCount++;
+        if (this.instanceCount >= this.maxInstances) {
+          this.endBatch();
+        }
+      }
+    }, {
+      key: "_getVertTypeForShape",
+      value: function _getVertTypeForShape(node, shapeProp) {
+        var shape = node.pstyle(shapeProp).value;
+        switch (shape) {
+          case "rectangle":
+            return RECTANGLE;
+          case "ellipse":
+            return ELLIPSE;
+          case "roundrectangle":
+          case "round-rectangle":
+            return ROUND_RECTANGLE;
+          case "bottom-round-rectangle":
+            return BOTTOM_ROUND_RECTANGLE;
+          default:
+            return void 0;
+        }
+      }
+    }, {
+      key: "_getCornerRadius",
+      value: function _getCornerRadius(node, radiusProp, _ref2) {
+        var w = _ref2.w, h = _ref2.h;
+        if (node.pstyle(radiusProp).value === "auto") {
+          return getRoundRectangleRadius(w, h);
+        } else {
+          var radius2 = node.pstyle(radiusProp).pfValue;
+          var halfWidth = w / 2;
+          var halfHeight = h / 2;
+          return Math.min(radius2, halfHeight, halfWidth);
+        }
+      }
+      /**
+       * Only supports drawing triangles at the moment.
+       */
+    }, {
+      key: "drawEdgeArrow",
+      value: function drawEdgeArrow(edge, eleIndex, prefix) {
+        if (!edge.visible()) {
+          return;
+        }
+        var rs = edge._private.rscratch;
+        var x2, y2, angle2;
+        if (prefix === "source") {
+          x2 = rs.arrowStartX;
+          y2 = rs.arrowStartY;
+          angle2 = rs.srcArrowAngle;
+        } else {
+          x2 = rs.arrowEndX;
+          y2 = rs.arrowEndY;
+          angle2 = rs.tgtArrowAngle;
+        }
+        if (isNaN(x2) || x2 == null || isNaN(y2) || y2 == null || isNaN(angle2) || angle2 == null) {
+          return;
+        }
+        var arrowShape = edge.pstyle(prefix + "-arrow-shape").value;
+        if (arrowShape === "none") {
+          return;
+        }
+        var color2 = edge.pstyle(prefix + "-arrow-color").value;
+        var baseOpacity = edge.pstyle("opacity").value;
+        var lineOpacity = edge.pstyle("line-opacity").value;
+        var opacity = baseOpacity * lineOpacity;
+        var lineWidth = edge.pstyle("width").pfValue;
+        var scale$1 = edge.pstyle("arrow-scale").value;
+        var size = this.r.getArrowWidth(lineWidth, scale$1);
+        var instance = this.instanceCount;
+        var transform = this.transformBuffer.getMatrixView(instance);
+        identity(transform);
+        translate(transform, transform, [x2, y2]);
+        scale(transform, transform, [size, size]);
+        rotate(transform, transform, angle2);
+        this.vertTypeBuffer.getView(instance)[0] = EDGE_ARROW;
+        var indexView = this.indexBuffer.getView(instance);
+        indexToVec4(eleIndex, indexView);
+        var colorView = this.colorBuffer.getView(instance);
+        toWebGLColor(color2, opacity, colorView);
+        this.instanceCount++;
+        if (this.instanceCount >= this.maxInstances) {
+          this.endBatch();
+        }
+      }
+      /**
+       * Draw straight-line or bezier curve edges.
+       */
+    }, {
+      key: "drawEdgeLine",
+      value: function drawEdgeLine(edge, eleIndex) {
+        if (!edge.visible()) {
+          return;
+        }
+        var points = this._getEdgePoints(edge);
+        if (!points) {
+          return;
+        }
+        var baseOpacity = edge.pstyle("opacity").value;
+        var lineOpacity = edge.pstyle("line-opacity").value;
+        var width = edge.pstyle("width").pfValue;
+        var color2 = edge.pstyle("line-color").value;
+        var opacity = baseOpacity * lineOpacity;
+        if (points.length / 2 + this.instanceCount > this.maxInstances) {
+          this.endBatch();
+        }
+        if (points.length == 4) {
+          var instance = this.instanceCount;
+          this.vertTypeBuffer.getView(instance)[0] = EDGE_STRAIGHT;
+          var indexView = this.indexBuffer.getView(instance);
+          indexToVec4(eleIndex, indexView);
+          var colorView = this.colorBuffer.getView(instance);
+          toWebGLColor(color2, opacity, colorView);
+          var lineWidthBuffer = this.lineWidthBuffer.getView(instance);
+          lineWidthBuffer[0] = width;
+          var sourceTargetView = this.pointAPointBBuffer.getView(instance);
+          sourceTargetView[0] = points[0];
+          sourceTargetView[1] = points[1];
+          sourceTargetView[2] = points[2];
+          sourceTargetView[3] = points[3];
+          this.instanceCount++;
+          if (this.instanceCount >= this.maxInstances) {
+            this.endBatch();
+          }
+        } else {
+          for (var i2 = 0; i2 < points.length - 2; i2 += 2) {
+            var _instance = this.instanceCount;
+            this.vertTypeBuffer.getView(_instance)[0] = EDGE_CURVE_SEGMENT;
+            var _indexView = this.indexBuffer.getView(_instance);
+            indexToVec4(eleIndex, _indexView);
+            var _colorView = this.colorBuffer.getView(_instance);
+            toWebGLColor(color2, opacity, _colorView);
+            var _lineWidthBuffer = this.lineWidthBuffer.getView(_instance);
+            _lineWidthBuffer[0] = width;
+            var pAx = points[i2 - 2], pAy = points[i2 - 1];
+            var pBx = points[i2], pBy = points[i2 + 1];
+            var pCx = points[i2 + 2], pCy = points[i2 + 3];
+            var pDx = points[i2 + 4], pDy = points[i2 + 5];
+            if (i2 == 0) {
+              pAx = 2 * pBx - pCx + 1e-3;
+              pAy = 2 * pBy - pCy + 1e-3;
+            }
+            if (i2 == points.length - 4) {
+              pDx = 2 * pCx - pBx + 1e-3;
+              pDy = 2 * pCy - pBy + 1e-3;
+            }
+            var pointABView = this.pointAPointBBuffer.getView(_instance);
+            pointABView[0] = pAx;
+            pointABView[1] = pAy;
+            pointABView[2] = pBx;
+            pointABView[3] = pBy;
+            var pointCDView = this.pointCPointDBuffer.getView(_instance);
+            pointCDView[0] = pCx;
+            pointCDView[1] = pCy;
+            pointCDView[2] = pDx;
+            pointCDView[3] = pDy;
+            this.instanceCount++;
+            if (this.instanceCount >= this.maxInstances) {
+              this.endBatch();
+            }
+          }
+        }
+      }
+    }, {
+      key: "_isValidEdge",
+      value: function _isValidEdge(edge) {
+        var rs = edge._private.rscratch;
+        if (rs.badLine || rs.allpts == null || isNaN(rs.allpts[0])) {
+          return false;
+        }
+        return true;
+      }
+    }, {
+      key: "_getEdgePoints",
+      value: function _getEdgePoints(edge) {
+        var rs = edge._private.rscratch;
+        if (!this._isValidEdge(edge)) {
+          return;
+        }
+        var controlPoints2 = rs.allpts;
+        if (controlPoints2.length == 4) {
+          return controlPoints2;
+        }
+        var numSegments = this._getNumSegments(edge);
+        return this._getCurveSegmentPoints(controlPoints2, numSegments);
+      }
+    }, {
+      key: "_getNumSegments",
+      value: function _getNumSegments(edge) {
+        var numSegments = 15;
+        return Math.min(Math.max(numSegments, 5), this.maxInstances);
+      }
+    }, {
+      key: "_getCurveSegmentPoints",
+      value: function _getCurveSegmentPoints(controlPoints2, segments) {
+        if (controlPoints2.length == 4) {
+          return controlPoints2;
+        }
+        var curvePoints = Array((segments + 1) * 2);
+        for (var i2 = 0; i2 <= segments; i2++) {
+          if (i2 == 0) {
+            curvePoints[0] = controlPoints2[0];
+            curvePoints[1] = controlPoints2[1];
+          } else if (i2 == segments) {
+            curvePoints[i2 * 2] = controlPoints2[controlPoints2.length - 2];
+            curvePoints[i2 * 2 + 1] = controlPoints2[controlPoints2.length - 1];
+          } else {
+            var t2 = i2 / segments;
+            this._setCurvePoint(controlPoints2, t2, curvePoints, i2 * 2);
+          }
+        }
+        return curvePoints;
+      }
+    }, {
+      key: "_setCurvePoint",
+      value: function _setCurvePoint(points, t2, curvePoints, cpi) {
+        if (points.length <= 2) {
+          curvePoints[cpi] = points[0];
+          curvePoints[cpi + 1] = points[1];
+        } else {
+          var newpoints = Array(points.length - 2);
+          for (var i2 = 0; i2 < newpoints.length; i2 += 2) {
+            var x2 = (1 - t2) * points[i2] + t2 * points[i2 + 2];
+            var y2 = (1 - t2) * points[i2 + 1] + t2 * points[i2 + 3];
+            newpoints[i2] = x2;
+            newpoints[i2 + 1] = y2;
+          }
+          return this._setCurvePoint(newpoints, t2, curvePoints, cpi);
+        }
+      }
+    }, {
+      key: "endBatch",
+      value: function endBatch() {
+        var gl = this.gl, vao = this.vao, vertexCount = this.vertexCount, count2 = this.instanceCount;
+        if (count2 === 0) return;
+        var program = this.renderTarget.picking ? this.pickingProgram : this.program;
+        gl.useProgram(program);
+        gl.bindVertexArray(vao);
+        var _iterator2 = _createForOfIteratorHelper(this.buffers), _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+            var buffer = _step2.value;
+            buffer.bufferSubData(count2);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+        var atlases = this.batchManager.getAtlases();
+        for (var i2 = 0; i2 < atlases.length; i2++) {
+          atlases[i2].bufferIfNeeded(gl);
+        }
+        for (var _i2 = 0; _i2 < atlases.length; _i2++) {
+          gl.activeTexture(gl.TEXTURE0 + _i2);
+          gl.bindTexture(gl.TEXTURE_2D, atlases[_i2].texture);
+          gl.uniform1i(program.uTextures[_i2], _i2);
+        }
+        gl.uniform1f(program.uZoom, getEffectiveZoom(this.r));
+        gl.uniformMatrix3fv(program.uPanZoomMatrix, false, this.panZoomMatrix);
+        gl.uniform1i(program.uAtlasSize, this.batchManager.getAtlasSize());
+        var webglBgColor = toWebGLColor(this.bgColor, 1);
+        gl.uniform4fv(program.uBGColor, webglBgColor);
+        gl.drawArraysInstanced(gl.TRIANGLES, 0, vertexCount, count2);
+        gl.bindVertexArray(null);
+        gl.bindTexture(gl.TEXTURE_2D, null);
+        if (this.debug) {
+          this.batchDebugInfo.push({
+            count: count2,
+            // instance count
+            atlasCount: atlases.length
+          });
+        }
+        this.startBatch();
+      }
+    }, {
+      key: "getDebugInfo",
+      value: function getDebugInfo() {
+        var atlasInfo = this.atlasManager.getDebugInfo();
+        var totalAtlases = atlasInfo.reduce(function(count2, info) {
+          return count2 + info.atlasCount;
+        }, 0);
+        var batchInfo = this.batchDebugInfo;
+        var totalInstances = batchInfo.reduce(function(count2, info) {
+          return count2 + info.count;
+        }, 0);
+        return {
+          atlasInfo,
+          totalAtlases,
+          wrappedCount: this.wrappedCount,
+          simpleCount: this.simpleCount,
+          batchCount: batchInfo.length,
+          batchInfo,
+          totalInstances
+        };
+      }
+    }]);
+  })();
+  var CRp$4 = {};
+  CRp$4.initWebgl = function(opts, fns) {
+    var r = this;
+    var gl = r.data.contexts[r.WEBGL];
+    opts.bgColor = getBGColor(r);
+    opts.webglTexSize = Math.min(opts.webglTexSize, gl.getParameter(gl.MAX_TEXTURE_SIZE));
+    opts.webglTexRows = Math.min(opts.webglTexRows, 54);
+    opts.webglTexRowsNodes = Math.min(opts.webglTexRowsNodes, 54);
+    opts.webglBatchSize = Math.min(opts.webglBatchSize, 16384);
+    opts.webglTexPerBatch = Math.min(opts.webglTexPerBatch, gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS));
+    r.webglDebug = opts.webglDebug;
+    r.webglDebugShowAtlases = opts.webglDebugShowAtlases;
+    r.pickingFrameBuffer = createPickingFrameBuffer(gl);
+    r.pickingFrameBuffer.needsDraw = true;
+    r.drawing = new ElementDrawingWebGL(r, gl, opts);
+    var getLabelRotation2 = function getLabelRotation3(prop) {
+      return function(ele) {
+        return r.getTextAngle(ele, prop);
+      };
+    };
+    var isLabelVisible = function isLabelVisible2(prop) {
+      return function(ele) {
+        var label = ele.pstyle(prop);
+        return label && label.value;
+      };
+    };
+    var isLayerVisible = function isLayerVisible2(prefix) {
+      return function(node) {
+        return node.pstyle("".concat(prefix, "-opacity")).value > 0;
+      };
+    };
+    var getTexPickingMode = function getTexPickingMode2(ele) {
+      var enabled = ele.pstyle("text-events").strValue === "yes";
+      return enabled ? TEX_PICKING_MODE.USE_BB : TEX_PICKING_MODE.IGNORE;
+    };
+    var getBBForSimpleShape = function getBBForSimpleShape2(node) {
+      var _node$position = node.position(), x2 = _node$position.x, y2 = _node$position.y;
+      var w = node.outerWidth();
+      var h = node.outerHeight();
+      return {
+        w,
+        h,
+        x1: x2 - w / 2,
+        y1: y2 - h / 2
+      };
+    };
+    r.drawing.addAtlasCollection("node", {
+      texRows: opts.webglTexRowsNodes
+    });
+    r.drawing.addAtlasCollection("label", {
+      texRows: opts.webglTexRows
+    });
+    r.drawing.addTextureAtlasRenderType("node-body", {
+      collection: "node",
+      getKey: fns.getStyleKey,
+      getBoundingBox: fns.getElementBox,
+      drawElement: fns.drawElement
+    });
+    r.drawing.addSimpleShapeRenderType("node-body", {
+      getBoundingBox: getBBForSimpleShape,
+      isSimple: isSimpleShape,
+      shapeProps: {
+        shape: "shape",
+        color: "background-color",
+        opacity: "background-opacity",
+        radius: "corner-radius",
+        border: true
+      }
+    });
+    r.drawing.addSimpleShapeRenderType("node-overlay", {
+      getBoundingBox: getBBForSimpleShape,
+      isVisible: isLayerVisible("overlay"),
+      shapeProps: {
+        shape: "overlay-shape",
+        color: "overlay-color",
+        opacity: "overlay-opacity",
+        padding: "overlay-padding",
+        radius: "overlay-corner-radius"
+      }
+    });
+    r.drawing.addSimpleShapeRenderType("node-underlay", {
+      getBoundingBox: getBBForSimpleShape,
+      isVisible: isLayerVisible("underlay"),
+      shapeProps: {
+        shape: "underlay-shape",
+        color: "underlay-color",
+        opacity: "underlay-opacity",
+        padding: "underlay-padding",
+        radius: "underlay-corner-radius"
+      }
+    });
+    r.drawing.addTextureAtlasRenderType("label", {
+      // node label or edge mid label
+      collection: "label",
+      getTexPickingMode,
+      getKey: getStyleKeysForLabel(fns.getLabelKey, null),
+      getBoundingBox: getBoundingBoxForLabel(fns.getLabelBox, null),
+      drawClipped: true,
+      drawElement: fns.drawLabel,
+      getRotation: getLabelRotation2(null),
+      getRotationPoint: fns.getLabelRotationPoint,
+      getRotationOffset: fns.getLabelRotationOffset,
+      isVisible: isLabelVisible("label")
+    });
+    r.drawing.addTextureAtlasRenderType("edge-source-label", {
+      collection: "label",
+      getTexPickingMode,
+      getKey: getStyleKeysForLabel(fns.getSourceLabelKey, "source"),
+      getBoundingBox: getBoundingBoxForLabel(fns.getSourceLabelBox, "source"),
+      drawClipped: true,
+      drawElement: fns.drawSourceLabel,
+      getRotation: getLabelRotation2("source"),
+      getRotationPoint: fns.getSourceLabelRotationPoint,
+      getRotationOffset: fns.getSourceLabelRotationOffset,
+      isVisible: isLabelVisible("source-label")
+    });
+    r.drawing.addTextureAtlasRenderType("edge-target-label", {
+      collection: "label",
+      getTexPickingMode,
+      getKey: getStyleKeysForLabel(fns.getTargetLabelKey, "target"),
+      getBoundingBox: getBoundingBoxForLabel(fns.getTargetLabelBox, "target"),
+      drawClipped: true,
+      drawElement: fns.drawTargetLabel,
+      getRotation: getLabelRotation2("target"),
+      getRotationPoint: fns.getTargetLabelRotationPoint,
+      getRotationOffset: fns.getTargetLabelRotationOffset,
+      isVisible: isLabelVisible("target-label")
+    });
+    var setGCFlag = debounce(function() {
+      console.log("garbage collect flag set");
+      r.data.gc = true;
+    }, 1e4);
+    r.onUpdateEleCalcs(function(willDraw, eles) {
+      var gcNeeded = false;
+      if (eles && eles.length > 0) {
+        gcNeeded |= r.drawing.invalidate(eles);
+      }
+      if (gcNeeded) {
+        setGCFlag();
+      }
+    });
+    overrideCanvasRendererFunctions(r);
+  };
+  function getBGColor(r) {
+    var container = r.cy.container();
+    var cssColor = container && container.style && container.style.backgroundColor || "white";
+    return color2tuple(cssColor);
+  }
+  function getLabelLines(ele, prefix) {
+    var rs = ele._private.rscratch;
+    return getPrefixedProperty(rs, "labelWrapCachedLines", prefix) || [];
+  }
+  var getStyleKeysForLabel = function getStyleKeysForLabel2(getKey2, prefix) {
+    return function(ele) {
+      var key = getKey2(ele);
+      var lines = getLabelLines(ele, prefix);
+      if (lines.length > 1) {
+        return lines.map(function(line, index2) {
+          return "".concat(key, "_").concat(index2);
+        });
+      }
+      return key;
+    };
+  };
+  var getBoundingBoxForLabel = function getBoundingBoxForLabel2(getBoundingBox, prefix) {
+    return function(ele, styleKey) {
+      var bb = getBoundingBox(ele);
+      if (typeof styleKey === "string") {
+        var ui = styleKey.indexOf("_");
+        if (ui > 0) {
+          var lineIndex = Number(styleKey.substring(ui + 1));
+          var lines = getLabelLines(ele, prefix);
+          var h = bb.h / lines.length;
+          var yOffset = h * lineIndex;
+          var y1 = bb.y1 + yOffset;
+          return {
+            x1: bb.x1,
+            w: bb.w,
+            y1,
+            h,
+            yOffset
+          };
+        }
+      }
+      return bb;
+    };
+  };
+  function overrideCanvasRendererFunctions(r) {
+    {
+      var renderCanvas = r.render;
+      r.render = function(options) {
+        options = options || {};
+        var cy = r.cy;
+        if (r.webgl) {
+          if (cy.zoom() > maxZoom$1) {
+            clearWebgl(r);
+            renderCanvas.call(r, options);
+          } else {
+            clearCanvas(r);
+            renderWebgl(r, options, RENDER_TARGET.SCREEN);
+          }
+        }
+      };
+    }
+    {
+      var baseFunc = r.matchCanvasSize;
+      r.matchCanvasSize = function(container) {
+        baseFunc.call(r, container);
+        r.pickingFrameBuffer.setFramebufferAttachmentSizes(r.canvasWidth, r.canvasHeight);
+        r.pickingFrameBuffer.needsDraw = true;
+      };
+    }
+    {
+      r.findNearestElements = function(x2, y2, interactiveElementsOnly, isTouch) {
+        return findNearestElementsWebgl(r, x2, y2);
+      };
+    }
+    {
+      var _baseFunc = r.invalidateCachedZSortedEles;
+      r.invalidateCachedZSortedEles = function() {
+        _baseFunc.call(r);
+        r.pickingFrameBuffer.needsDraw = true;
+      };
+    }
+    {
+      var _baseFunc2 = r.notify;
+      r.notify = function(eventName, eles) {
+        _baseFunc2.call(r, eventName, eles);
+        if (eventName === "viewport" || eventName === "bounds") {
+          r.pickingFrameBuffer.needsDraw = true;
+        } else if (eventName === "background") {
+          r.drawing.invalidate(eles, {
+            type: "node-body"
+          });
+        }
+      };
+    }
+  }
+  function clearWebgl(r) {
+    var gl = r.data.contexts[r.WEBGL];
+    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+  }
+  function clearCanvas(r) {
+    var clear = function clear2(context) {
+      context.save();
+      context.setTransform(1, 0, 0, 1, 0, 0);
+      context.clearRect(0, 0, r.canvasWidth, r.canvasHeight);
+      context.restore();
+    };
+    clear(r.data.contexts[r.NODE]);
+    clear(r.data.contexts[r.DRAG]);
+  }
+  function createPanZoomMatrix(r) {
+    var width = r.canvasWidth;
+    var height = r.canvasHeight;
+    var _util$getEffectivePan = getEffectivePanZoom(r), pan = _util$getEffectivePan.pan, zoom2 = _util$getEffectivePan.zoom;
+    var transform = create();
+    translate(transform, transform, [pan.x, pan.y]);
+    scale(transform, transform, [zoom2, zoom2]);
+    var projection$1 = create();
+    projection(projection$1, width, height);
+    var product = create();
+    multiply(product, projection$1, transform);
+    return product;
+  }
+  function setContextTransform(r, context) {
+    var width = r.canvasWidth;
+    var height = r.canvasHeight;
+    var _util$getEffectivePan2 = getEffectivePanZoom(r), pan = _util$getEffectivePan2.pan, zoom2 = _util$getEffectivePan2.zoom;
+    context.setTransform(1, 0, 0, 1, 0, 0);
+    context.clearRect(0, 0, width, height);
+    context.translate(pan.x, pan.y);
+    context.scale(zoom2, zoom2);
+  }
+  function drawSelectionRectangle(r, options) {
+    r.drawSelectionRectangle(options, function(context) {
+      return setContextTransform(r, context);
+    });
+  }
+  function drawAxes(r) {
+    var context = r.data.contexts[r.NODE];
+    context.save();
+    setContextTransform(r, context);
+    context.strokeStyle = "rgba(0, 0, 0, 0.3)";
+    context.beginPath();
+    context.moveTo(-1e3, 0);
+    context.lineTo(1e3, 0);
+    context.stroke();
+    context.beginPath();
+    context.moveTo(0, -1e3);
+    context.lineTo(0, 1e3);
+    context.stroke();
+    context.restore();
+  }
+  function drawAtlases(r) {
+    var draw = function draw2(drawing, name2, row) {
+      var collection2 = drawing.atlasManager.getAtlasCollection(name2);
+      var context = r.data.contexts[r.NODE];
+      var atlases = collection2.atlases;
+      for (var _i = 0; _i < atlases.length; _i++) {
+        var atlas = atlases[_i];
+        var canvas = atlas.canvas;
+        if (canvas) {
+          var w = canvas.width;
+          var h = canvas.height;
+          var x2 = w * _i;
+          var y2 = canvas.height * row;
+          var scale2 = 0.4;
+          context.save();
+          context.scale(scale2, scale2);
+          context.drawImage(canvas, x2, y2);
+          context.strokeStyle = "black";
+          context.rect(x2, y2, w, h);
+          context.stroke();
+          context.restore();
+        }
+      }
+    };
+    var i2 = 0;
+    draw(r.drawing, "node", i2++);
+    draw(r.drawing, "label", i2++);
+  }
+  function getPickingIndexes(r, mX1, mY1, mX2, mY2) {
+    var x2, y2, w, h;
+    var _util$getEffectivePan3 = getEffectivePanZoom(r), pan = _util$getEffectivePan3.pan, zoom2 = _util$getEffectivePan3.zoom;
+    {
+      var _util$modelToRendered = modelToRenderedPosition(r, pan, zoom2, mX1, mY1), _util$modelToRendered2 = _slicedToArray(_util$modelToRendered, 2), cX1 = _util$modelToRendered2[0], cY1 = _util$modelToRendered2[1];
+      var t2 = 6;
+      x2 = cX1 - t2 / 2;
+      y2 = cY1 - t2 / 2;
+      w = t2;
+      h = t2;
+    }
+    if (w === 0 || h === 0) {
+      return [];
+    }
+    var gl = r.data.contexts[r.WEBGL];
+    gl.bindFramebuffer(gl.FRAMEBUFFER, r.pickingFrameBuffer);
+    if (r.pickingFrameBuffer.needsDraw) {
+      gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
+      renderWebgl(r, null, RENDER_TARGET.PICKING);
+      r.pickingFrameBuffer.needsDraw = false;
+    }
+    var n = w * h;
+    var data2 = new Uint8Array(n * 4);
+    gl.readPixels(x2, y2, w, h, gl.RGBA, gl.UNSIGNED_BYTE, data2);
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    var indexes = /* @__PURE__ */ new Set();
+    for (var i2 = 0; i2 < n; i2++) {
+      var pixel = data2.slice(i2 * 4, i2 * 4 + 4);
+      var index2 = vec4ToIndex(pixel) - 1;
+      if (index2 >= 0) {
+        indexes.add(index2);
+      }
+    }
+    return indexes;
+  }
+  function findNearestElementsWebgl(r, x2, y2) {
+    var indexes = getPickingIndexes(r, x2, y2);
+    var eles = r.getCachedZSortedEles();
+    var node, edge;
+    var _iterator = _createForOfIteratorHelper(indexes), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var index2 = _step.value;
+        var ele = eles[index2];
+        if (!node && ele.isNode()) {
+          node = ele;
+        }
+        if (!edge && ele.isEdge()) {
+          edge = ele;
+        }
+        if (node && edge) {
+          break;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return [node, edge].filter(Boolean);
+  }
+  function drawEle(r, index2, ele) {
+    var drawing = r.drawing;
+    index2 += 1;
+    if (ele.isNode()) {
+      drawing.drawNode(ele, index2, "node-underlay");
+      drawing.drawNode(ele, index2, "node-body");
+      drawing.drawTexture(ele, index2, "label");
+      drawing.drawNode(ele, index2, "node-overlay");
+    } else {
+      drawing.drawEdgeLine(ele, index2);
+      drawing.drawEdgeArrow(ele, index2, "source");
+      drawing.drawEdgeArrow(ele, index2, "target");
+      drawing.drawTexture(ele, index2, "label");
+      drawing.drawTexture(ele, index2, "edge-source-label");
+      drawing.drawTexture(ele, index2, "edge-target-label");
+    }
+  }
+  function renderWebgl(r, options, renderTarget) {
+    var start2;
+    if (r.webglDebug) {
+      start2 = performance.now();
+    }
+    var drawing = r.drawing;
+    var eleCount = 0;
+    if (renderTarget.screen) {
+      if (r.data.canvasNeedsRedraw[r.SELECT_BOX]) {
+        drawSelectionRectangle(r, options);
+      }
+    }
+    if (r.data.canvasNeedsRedraw[r.NODE] || renderTarget.picking) {
+      var gl = r.data.contexts[r.WEBGL];
+      if (renderTarget.screen) {
+        gl.clearColor(0, 0, 0, 0);
+        gl.enable(gl.BLEND);
+        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+      } else {
+        gl.disable(gl.BLEND);
+      }
+      gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+      gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
+      var panZoomMatrix = createPanZoomMatrix(r);
+      var eles = r.getCachedZSortedEles();
+      eleCount = eles.length;
+      drawing.startFrame(panZoomMatrix, renderTarget);
+      if (renderTarget.screen) {
+        for (var i2 = 0; i2 < eles.nondrag.length; i2++) {
+          drawEle(r, i2, eles.nondrag[i2]);
+        }
+        for (var _i2 = 0; _i2 < eles.drag.length; _i2++) {
+          drawEle(r, _i2, eles.drag[_i2]);
+        }
+      } else if (renderTarget.picking) {
+        for (var _i3 = 0; _i3 < eles.length; _i3++) {
+          drawEle(r, _i3, eles[_i3]);
+        }
+      }
+      drawing.endFrame();
+      if (renderTarget.screen && r.webglDebugShowAtlases) {
+        drawAxes(r);
+        drawAtlases(r);
+      }
+      r.data.canvasNeedsRedraw[r.NODE] = false;
+      r.data.canvasNeedsRedraw[r.DRAG] = false;
+    }
+    if (r.webglDebug) {
+      var end = performance.now();
+      var compact = false;
+      var time = Math.ceil(end - start2);
+      var debugInfo = drawing.getDebugInfo();
+      var report = ["".concat(eleCount, " elements"), "".concat(debugInfo.totalInstances, " instances"), "".concat(debugInfo.batchCount, " batches"), "".concat(debugInfo.totalAtlases, " atlases"), "".concat(debugInfo.wrappedCount, " wrapped textures"), "".concat(debugInfo.simpleCount, " simple shapes")].join(", ");
+      if (compact) {
+        console.log("WebGL (".concat(renderTarget.name, ") - time ").concat(time, "ms, ").concat(report));
+      } else {
+        console.log("WebGL (".concat(renderTarget.name, ") - frame time ").concat(time, "ms"));
+        console.log("Totals:");
+        console.log("  ".concat(report));
+        console.log("Texture Atlases Used:");
+        var atlasInfo = debugInfo.atlasInfo;
+        var _iterator2 = _createForOfIteratorHelper(atlasInfo), _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+            var info = _step2.value;
+            console.log("  ".concat(info.type, ": ").concat(info.keyCount, " keys, ").concat(info.atlasCount, " atlases"));
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+        console.log("");
+      }
+    }
+    if (r.data.gc) {
+      console.log("Garbage Collect!");
+      r.data.gc = false;
+      drawing.gc();
+    }
+  }
+  var CRp$3 = {};
+  CRp$3.drawPolygonPath = function(context, x2, y2, width, height, points) {
+    var halfW = width / 2;
+    var halfH = height / 2;
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    context.moveTo(x2 + halfW * points[0], y2 + halfH * points[1]);
+    for (var i2 = 1; i2 < points.length / 2; i2++) {
+      context.lineTo(x2 + halfW * points[i2 * 2], y2 + halfH * points[i2 * 2 + 1]);
+    }
+    context.closePath();
+  };
+  CRp$3.drawRoundPolygonPath = function(context, x2, y2, width, height, points, corners) {
+    corners.forEach(function(corner) {
+      return drawPreparedRoundCorner(context, corner);
+    });
+    context.closePath();
+  };
+  CRp$3.drawRoundRectanglePath = function(context, x2, y2, width, height, radius2) {
+    var halfWidth = width / 2;
+    var halfHeight = height / 2;
+    var cornerRadius = radius2 === "auto" ? getRoundRectangleRadius(width, height) : Math.min(radius2, halfHeight, halfWidth);
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    context.moveTo(x2, y2 - halfHeight);
+    context.arcTo(x2 + halfWidth, y2 - halfHeight, x2 + halfWidth, y2, cornerRadius);
+    context.arcTo(x2 + halfWidth, y2 + halfHeight, x2, y2 + halfHeight, cornerRadius);
+    context.arcTo(x2 - halfWidth, y2 + halfHeight, x2 - halfWidth, y2, cornerRadius);
+    context.arcTo(x2 - halfWidth, y2 - halfHeight, x2, y2 - halfHeight, cornerRadius);
+    context.lineTo(x2, y2 - halfHeight);
+    context.closePath();
+  };
+  CRp$3.drawBottomRoundRectanglePath = function(context, x2, y2, width, height, radius2) {
+    var halfWidth = width / 2;
+    var halfHeight = height / 2;
+    var cornerRadius = radius2 === "auto" ? getRoundRectangleRadius(width, height) : radius2;
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    context.moveTo(x2, y2 - halfHeight);
+    context.lineTo(x2 + halfWidth, y2 - halfHeight);
+    context.lineTo(x2 + halfWidth, y2);
+    context.arcTo(x2 + halfWidth, y2 + halfHeight, x2, y2 + halfHeight, cornerRadius);
+    context.arcTo(x2 - halfWidth, y2 + halfHeight, x2 - halfWidth, y2, cornerRadius);
+    context.lineTo(x2 - halfWidth, y2 - halfHeight);
+    context.lineTo(x2, y2 - halfHeight);
+    context.closePath();
+  };
+  CRp$3.drawCutRectanglePath = function(context, x2, y2, width, height, points, corners) {
+    var halfWidth = width / 2;
+    var halfHeight = height / 2;
+    var cornerLength = corners === "auto" ? getCutRectangleCornerLength() : corners;
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    context.moveTo(x2 - halfWidth + cornerLength, y2 - halfHeight);
+    context.lineTo(x2 + halfWidth - cornerLength, y2 - halfHeight);
+    context.lineTo(x2 + halfWidth, y2 - halfHeight + cornerLength);
+    context.lineTo(x2 + halfWidth, y2 + halfHeight - cornerLength);
+    context.lineTo(x2 + halfWidth - cornerLength, y2 + halfHeight);
+    context.lineTo(x2 - halfWidth + cornerLength, y2 + halfHeight);
+    context.lineTo(x2 - halfWidth, y2 + halfHeight - cornerLength);
+    context.lineTo(x2 - halfWidth, y2 - halfHeight + cornerLength);
+    context.closePath();
+  };
+  CRp$3.drawBarrelPath = function(context, x2, y2, width, height) {
+    var halfWidth = width / 2;
+    var halfHeight = height / 2;
+    var xBegin = x2 - halfWidth;
+    var xEnd = x2 + halfWidth;
+    var yBegin = y2 - halfHeight;
+    var yEnd = y2 + halfHeight;
+    var barrelCurveConstants = getBarrelCurveConstants(width, height);
+    var wOffset = barrelCurveConstants.widthOffset;
+    var hOffset = barrelCurveConstants.heightOffset;
+    var ctrlPtXOffset = barrelCurveConstants.ctrlPtOffsetPct * wOffset;
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    context.moveTo(xBegin, yBegin + hOffset);
+    context.lineTo(xBegin, yEnd - hOffset);
+    context.quadraticCurveTo(xBegin + ctrlPtXOffset, yEnd, xBegin + wOffset, yEnd);
+    context.lineTo(xEnd - wOffset, yEnd);
+    context.quadraticCurveTo(xEnd - ctrlPtXOffset, yEnd, xEnd, yEnd - hOffset);
+    context.lineTo(xEnd, yBegin + hOffset);
+    context.quadraticCurveTo(xEnd - ctrlPtXOffset, yBegin, xEnd - wOffset, yBegin);
+    context.lineTo(xBegin + wOffset, yBegin);
+    context.quadraticCurveTo(xBegin + ctrlPtXOffset, yBegin, xBegin, yBegin + hOffset);
+    context.closePath();
+  };
+  var sin0 = Math.sin(0);
+  var cos0 = Math.cos(0);
+  var sin = {};
+  var cos = {};
+  var ellipseStepSize = Math.PI / 40;
+  for (var i = 0 * Math.PI; i < 2 * Math.PI; i += ellipseStepSize) {
+    sin[i] = Math.sin(i);
+    cos[i] = Math.cos(i);
+  }
+  CRp$3.drawEllipsePath = function(context, centerX, centerY, width, height) {
+    if (context.beginPath) {
+      context.beginPath();
+    }
+    if (context.ellipse) {
+      context.ellipse(centerX, centerY, width / 2, height / 2, 0, 0, 2 * Math.PI);
+    } else {
+      var xPos, yPos;
+      var rw = width / 2;
+      var rh = height / 2;
+      for (var i2 = 0 * Math.PI; i2 < 2 * Math.PI; i2 += ellipseStepSize) {
+        xPos = centerX - rw * sin[i2] * sin0 + rw * cos[i2] * cos0;
+        yPos = centerY + rh * cos[i2] * sin0 + rh * sin[i2] * cos0;
+        if (i2 === 0) {
+          context.moveTo(xPos, yPos);
+        } else {
+          context.lineTo(xPos, yPos);
+        }
+      }
+    }
+    context.closePath();
+  };
+  var CRp$2 = {};
+  CRp$2.createBuffer = function(w, h) {
+    var buffer = document.createElement("canvas");
+    buffer.width = w;
+    buffer.height = h;
+    return [buffer, buffer.getContext("2d")];
+  };
+  CRp$2.bufferCanvasImage = function(options) {
+    var cy = this.cy;
+    var eles = cy.mutableElements();
+    var bb = eles.boundingBox();
+    var ctrRect = this.findContainerClientCoords();
+    var width = options.full ? Math.ceil(bb.w) : ctrRect[2];
+    var height = options.full ? Math.ceil(bb.h) : ctrRect[3];
+    var specdMaxDims = number$1(options.maxWidth) || number$1(options.maxHeight);
+    var pxRatio = this.getPixelRatio();
+    var scale2 = 1;
+    if (options.scale !== void 0) {
+      width *= options.scale;
+      height *= options.scale;
+      scale2 = options.scale;
+    } else if (specdMaxDims) {
+      var maxScaleW = Infinity;
+      var maxScaleH = Infinity;
+      if (number$1(options.maxWidth)) {
+        maxScaleW = scale2 * options.maxWidth / width;
+      }
+      if (number$1(options.maxHeight)) {
+        maxScaleH = scale2 * options.maxHeight / height;
+      }
+      scale2 = Math.min(maxScaleW, maxScaleH);
+      width *= scale2;
+      height *= scale2;
+    }
+    if (!specdMaxDims) {
+      width *= pxRatio;
+      height *= pxRatio;
+      scale2 *= pxRatio;
+    }
+    var buffCanvas = document.createElement("canvas");
+    buffCanvas.width = width;
+    buffCanvas.height = height;
+    buffCanvas.style.width = width + "px";
+    buffCanvas.style.height = height + "px";
+    var buffCxt = buffCanvas.getContext("2d");
+    if (width > 0 && height > 0) {
+      buffCxt.clearRect(0, 0, width, height);
+      buffCxt.globalCompositeOperation = "source-over";
+      var zsortedEles = this.getCachedZSortedEles();
+      if (options.full) {
+        buffCxt.translate(-bb.x1 * scale2, -bb.y1 * scale2);
+        buffCxt.scale(scale2, scale2);
+        this.drawElements(buffCxt, zsortedEles);
+        buffCxt.scale(1 / scale2, 1 / scale2);
+        buffCxt.translate(bb.x1 * scale2, bb.y1 * scale2);
+      } else {
+        var pan = cy.pan();
+        var translation = {
+          x: pan.x * scale2,
+          y: pan.y * scale2
+        };
+        scale2 *= cy.zoom();
+        buffCxt.translate(translation.x, translation.y);
+        buffCxt.scale(scale2, scale2);
+        this.drawElements(buffCxt, zsortedEles);
+        buffCxt.scale(1 / scale2, 1 / scale2);
+        buffCxt.translate(-translation.x, -translation.y);
+      }
+      if (options.bg) {
+        buffCxt.globalCompositeOperation = "destination-over";
+        buffCxt.fillStyle = options.bg;
+        buffCxt.rect(0, 0, width, height);
+        buffCxt.fill();
+      }
+    }
+    return buffCanvas;
+  };
+  function b64ToBlob(b64, mimeType) {
+    var bytes = atob(b64);
+    var buff = new ArrayBuffer(bytes.length);
+    var buffUint8 = new Uint8Array(buff);
+    for (var i2 = 0; i2 < bytes.length; i2++) {
+      buffUint8[i2] = bytes.charCodeAt(i2);
+    }
+    return new Blob([buff], {
+      type: mimeType
+    });
+  }
+  function b64UriToB64(b64uri) {
+    var i2 = b64uri.indexOf(",");
+    return b64uri.substr(i2 + 1);
+  }
+  function output(options, canvas, mimeType) {
+    var getB64Uri = function getB64Uri2() {
+      return canvas.toDataURL(mimeType, options.quality);
+    };
+    switch (options.output) {
+      case "blob-promise":
+        return new Promise$1(function(resolve, reject) {
+          try {
+            canvas.toBlob(function(blob) {
+              if (blob != null) {
+                resolve(blob);
+              } else {
+                reject(new Error("`canvas.toBlob()` sent a null value in its callback"));
+              }
+            }, mimeType, options.quality);
+          } catch (err) {
+            reject(err);
+          }
+        });
+      case "blob":
+        return b64ToBlob(b64UriToB64(getB64Uri()), mimeType);
+      case "base64":
+        return b64UriToB64(getB64Uri());
+      case "base64uri":
+      default:
+        return getB64Uri();
+    }
+  }
+  CRp$2.png = function(options) {
+    return output(options, this.bufferCanvasImage(options), "image/png");
+  };
+  CRp$2.jpg = function(options) {
+    return output(options, this.bufferCanvasImage(options), "image/jpeg");
+  };
+  var CRp$1 = {};
+  CRp$1.nodeShapeImpl = function(name2, context, centerX, centerY, width, height, points, corners) {
+    switch (name2) {
+      case "ellipse":
+        return this.drawEllipsePath(context, centerX, centerY, width, height);
+      case "polygon":
+        return this.drawPolygonPath(context, centerX, centerY, width, height, points);
+      case "round-polygon":
+        return this.drawRoundPolygonPath(context, centerX, centerY, width, height, points, corners);
+      case "roundrectangle":
+      case "round-rectangle":
+        return this.drawRoundRectanglePath(context, centerX, centerY, width, height, corners);
+      case "cutrectangle":
+      case "cut-rectangle":
+        return this.drawCutRectanglePath(context, centerX, centerY, width, height, points, corners);
+      case "bottomroundrectangle":
+      case "bottom-round-rectangle":
+        return this.drawBottomRoundRectanglePath(context, centerX, centerY, width, height, corners);
+      case "barrel":
+        return this.drawBarrelPath(context, centerX, centerY, width, height);
+    }
+  };
+  var CR = CanvasRenderer;
+  var CRp = CanvasRenderer.prototype;
+  CRp.CANVAS_LAYERS = 3;
+  CRp.SELECT_BOX = 0;
+  CRp.DRAG = 1;
+  CRp.NODE = 2;
+  CRp.WEBGL = 3;
+  CRp.CANVAS_TYPES = ["2d", "2d", "2d", "webgl2"];
+  CRp.BUFFER_COUNT = 3;
+  CRp.TEXTURE_BUFFER = 0;
+  CRp.MOTIONBLUR_BUFFER_NODE = 1;
+  CRp.MOTIONBLUR_BUFFER_DRAG = 2;
+  function CanvasRenderer(options) {
+    var r = this;
+    var containerWindow = r.cy.window();
+    var document2 = containerWindow.document;
+    if (options.webgl) {
+      CRp.CANVAS_LAYERS = r.CANVAS_LAYERS = 4;
+      console.log("webgl rendering enabled");
+    }
+    r.data = {
+      canvases: new Array(CRp.CANVAS_LAYERS),
+      contexts: new Array(CRp.CANVAS_LAYERS),
+      canvasNeedsRedraw: new Array(CRp.CANVAS_LAYERS),
+      bufferCanvases: new Array(CRp.BUFFER_COUNT),
+      bufferContexts: new Array(CRp.CANVAS_LAYERS)
+    };
+    var tapHlOffAttr = "-webkit-tap-highlight-color";
+    var tapHlOffStyle = "rgba(0,0,0,0)";
+    r.data.canvasContainer = document2.createElement("div");
+    var containerStyle = r.data.canvasContainer.style;
+    r.data.canvasContainer.style[tapHlOffAttr] = tapHlOffStyle;
+    containerStyle.position = "relative";
+    containerStyle.zIndex = "0";
+    containerStyle.overflow = "hidden";
+    var container = options.cy.container();
+    container.appendChild(r.data.canvasContainer);
+    container.style[tapHlOffAttr] = tapHlOffStyle;
+    var styleMap = {
+      "-webkit-user-select": "none",
+      "-moz-user-select": "-moz-none",
+      "user-select": "none",
+      "-webkit-tap-highlight-color": "rgba(0,0,0,0)",
+      "outline-style": "none"
+    };
+    if (ms()) {
+      styleMap["-ms-touch-action"] = "none";
+      styleMap["touch-action"] = "none";
+    }
+    for (var i2 = 0; i2 < CRp.CANVAS_LAYERS; i2++) {
+      var canvas = r.data.canvases[i2] = document2.createElement("canvas");
+      var type2 = CRp.CANVAS_TYPES[i2];
+      r.data.contexts[i2] = canvas.getContext(type2);
+      if (!r.data.contexts[i2]) {
+        error("Could not create canvas of type " + type2);
+      }
+      Object.keys(styleMap).forEach(function(k) {
+        canvas.style[k] = styleMap[k];
+      });
+      canvas.style.position = "absolute";
+      canvas.setAttribute("data-id", "layer" + i2);
+      canvas.style.zIndex = String(CRp.CANVAS_LAYERS - i2);
+      r.data.canvasContainer.appendChild(canvas);
+      r.data.canvasNeedsRedraw[i2] = false;
+    }
+    r.data.topCanvas = r.data.canvases[0];
+    r.data.canvases[CRp.NODE].setAttribute("data-id", "layer" + CRp.NODE + "-node");
+    r.data.canvases[CRp.SELECT_BOX].setAttribute("data-id", "layer" + CRp.SELECT_BOX + "-selectbox");
+    r.data.canvases[CRp.DRAG].setAttribute("data-id", "layer" + CRp.DRAG + "-drag");
+    if (r.data.canvases[CRp.WEBGL]) {
+      r.data.canvases[CRp.WEBGL].setAttribute("data-id", "layer" + CRp.WEBGL + "-webgl");
+    }
+    for (var i2 = 0; i2 < CRp.BUFFER_COUNT; i2++) {
+      r.data.bufferCanvases[i2] = document2.createElement("canvas");
+      r.data.bufferContexts[i2] = r.data.bufferCanvases[i2].getContext("2d");
+      r.data.bufferCanvases[i2].style.position = "absolute";
+      r.data.bufferCanvases[i2].setAttribute("data-id", "buffer" + i2);
+      r.data.bufferCanvases[i2].style.zIndex = String(-i2 - 1);
+      r.data.bufferCanvases[i2].style.visibility = "hidden";
+    }
+    r.pathsEnabled = true;
+    var emptyBb = makeBoundingBox();
+    var getBoxCenter = function getBoxCenter2(bb) {
+      return {
+        x: (bb.x1 + bb.x2) / 2,
+        y: (bb.y1 + bb.y2) / 2
+      };
+    };
+    var getCenterOffset = function getCenterOffset2(bb) {
+      return {
+        x: -bb.w / 2,
+        y: -bb.h / 2
+      };
+    };
+    var backgroundTimestampHasChanged = function backgroundTimestampHasChanged2(ele) {
+      var _p = ele[0]._private;
+      var same = _p.oldBackgroundTimestamp === _p.backgroundTimestamp;
+      return !same;
+    };
+    var getStyleKey = function getStyleKey2(ele) {
+      return ele[0]._private.nodeKey;
+    };
+    var getLabelKey = function getLabelKey2(ele) {
+      return ele[0]._private.labelStyleKey;
+    };
+    var getSourceLabelKey = function getSourceLabelKey2(ele) {
+      return ele[0]._private.sourceLabelStyleKey;
+    };
+    var getTargetLabelKey = function getTargetLabelKey2(ele) {
+      return ele[0]._private.targetLabelStyleKey;
+    };
+    var drawElement = function drawElement2(context, ele, bb, scaledLabelShown, useEleOpacity) {
+      return r.drawElement(context, ele, bb, false, false, useEleOpacity);
+    };
+    var drawLabel = function drawLabel2(context, ele, bb, scaledLabelShown, useEleOpacity) {
+      return r.drawElementText(context, ele, bb, scaledLabelShown, "main", useEleOpacity);
+    };
+    var drawSourceLabel = function drawSourceLabel2(context, ele, bb, scaledLabelShown, useEleOpacity) {
+      return r.drawElementText(context, ele, bb, scaledLabelShown, "source", useEleOpacity);
+    };
+    var drawTargetLabel = function drawTargetLabel2(context, ele, bb, scaledLabelShown, useEleOpacity) {
+      return r.drawElementText(context, ele, bb, scaledLabelShown, "target", useEleOpacity);
+    };
+    var getElementBox = function getElementBox2(ele) {
+      ele.boundingBox();
+      return ele[0]._private.bodyBounds;
+    };
+    var getLabelBox = function getLabelBox2(ele) {
+      ele.boundingBox();
+      return ele[0]._private.labelBounds.main || emptyBb;
+    };
+    var getSourceLabelBox = function getSourceLabelBox2(ele) {
+      ele.boundingBox();
+      return ele[0]._private.labelBounds.source || emptyBb;
+    };
+    var getTargetLabelBox = function getTargetLabelBox2(ele) {
+      ele.boundingBox();
+      return ele[0]._private.labelBounds.target || emptyBb;
+    };
+    var isLabelVisibleAtScale = function isLabelVisibleAtScale2(ele, scaledLabelShown) {
+      return scaledLabelShown;
+    };
+    var getElementRotationPoint = function getElementRotationPoint2(ele) {
+      return getBoxCenter(getElementBox(ele));
+    };
+    var addTextMargin = function addTextMargin2(prefix, pt, ele) {
+      var pre = prefix ? prefix + "-" : "";
+      return {
+        x: pt.x + ele.pstyle(pre + "text-margin-x").pfValue,
+        y: pt.y + ele.pstyle(pre + "text-margin-y").pfValue
+      };
+    };
+    var getRsPt = function getRsPt2(ele, x2, y2) {
+      var rs = ele[0]._private.rscratch;
+      return {
+        x: rs[x2],
+        y: rs[y2]
+      };
+    };
+    var getLabelRotationPoint = function getLabelRotationPoint2(ele) {
+      return addTextMargin("", getRsPt(ele, "labelX", "labelY"), ele);
+    };
+    var getSourceLabelRotationPoint = function getSourceLabelRotationPoint2(ele) {
+      return addTextMargin("source", getRsPt(ele, "sourceLabelX", "sourceLabelY"), ele);
+    };
+    var getTargetLabelRotationPoint = function getTargetLabelRotationPoint2(ele) {
+      return addTextMargin("target", getRsPt(ele, "targetLabelX", "targetLabelY"), ele);
+    };
+    var getElementRotationOffset = function getElementRotationOffset2(ele) {
+      return getCenterOffset(getElementBox(ele));
+    };
+    var getSourceLabelRotationOffset = function getSourceLabelRotationOffset2(ele) {
+      return getCenterOffset(getSourceLabelBox(ele));
+    };
+    var getTargetLabelRotationOffset = function getTargetLabelRotationOffset2(ele) {
+      return getCenterOffset(getTargetLabelBox(ele));
+    };
+    var getLabelRotationOffset = function getLabelRotationOffset2(ele) {
+      var bb = getLabelBox(ele);
+      var p2 = getCenterOffset(getLabelBox(ele));
+      if (ele.isNode()) {
+        switch (ele.pstyle("text-halign").value) {
+          case "left":
+            p2.x = -bb.w - (bb.leftPad || 0);
+            break;
+          case "right":
+            p2.x = -(bb.rightPad || 0);
+            break;
+        }
+        switch (ele.pstyle("text-valign").value) {
+          case "top":
+            p2.y = -bb.h - (bb.topPad || 0);
+            break;
+          case "bottom":
+            p2.y = -(bb.botPad || 0);
+            break;
+        }
+      }
+      return p2;
+    };
+    var eleTxrCache = r.data.eleTxrCache = new ElementTextureCache(r, {
+      getKey: getStyleKey,
+      doesEleInvalidateKey: backgroundTimestampHasChanged,
+      drawElement,
+      getBoundingBox: getElementBox,
+      getRotationPoint: getElementRotationPoint,
+      getRotationOffset: getElementRotationOffset,
+      allowEdgeTxrCaching: false,
+      allowParentTxrCaching: false
+    });
+    var lblTxrCache = r.data.lblTxrCache = new ElementTextureCache(r, {
+      getKey: getLabelKey,
+      drawElement: drawLabel,
+      getBoundingBox: getLabelBox,
+      getRotationPoint: getLabelRotationPoint,
+      getRotationOffset: getLabelRotationOffset,
+      isVisible: isLabelVisibleAtScale
+    });
+    var slbTxrCache = r.data.slbTxrCache = new ElementTextureCache(r, {
+      getKey: getSourceLabelKey,
+      drawElement: drawSourceLabel,
+      getBoundingBox: getSourceLabelBox,
+      getRotationPoint: getSourceLabelRotationPoint,
+      getRotationOffset: getSourceLabelRotationOffset,
+      isVisible: isLabelVisibleAtScale
+    });
+    var tlbTxrCache = r.data.tlbTxrCache = new ElementTextureCache(r, {
+      getKey: getTargetLabelKey,
+      drawElement: drawTargetLabel,
+      getBoundingBox: getTargetLabelBox,
+      getRotationPoint: getTargetLabelRotationPoint,
+      getRotationOffset: getTargetLabelRotationOffset,
+      isVisible: isLabelVisibleAtScale
+    });
+    var lyrTxrCache = r.data.lyrTxrCache = new LayeredTextureCache(r);
+    r.onUpdateEleCalcs(function invalidateTextureCaches(willDraw, eles) {
+      eleTxrCache.invalidateElements(eles);
+      lblTxrCache.invalidateElements(eles);
+      slbTxrCache.invalidateElements(eles);
+      tlbTxrCache.invalidateElements(eles);
+      lyrTxrCache.invalidateElements(eles);
+      for (var _i = 0; _i < eles.length; _i++) {
+        var _p = eles[_i]._private;
+        _p.oldBackgroundTimestamp = _p.backgroundTimestamp;
+      }
+    });
+    var refineInLayers = function refineInLayers2(reqs) {
+      for (var i3 = 0; i3 < reqs.length; i3++) {
+        lyrTxrCache.enqueueElementRefinement(reqs[i3].ele);
+      }
+    };
+    eleTxrCache.onDequeue(refineInLayers);
+    lblTxrCache.onDequeue(refineInLayers);
+    slbTxrCache.onDequeue(refineInLayers);
+    tlbTxrCache.onDequeue(refineInLayers);
+    if (options.webgl) {
+      r.initWebgl(options, {
+        getStyleKey,
+        getLabelKey,
+        getSourceLabelKey,
+        getTargetLabelKey,
+        drawElement,
+        drawLabel,
+        drawSourceLabel,
+        drawTargetLabel,
+        getElementBox,
+        getLabelBox,
+        getSourceLabelBox,
+        getTargetLabelBox,
+        getElementRotationPoint,
+        getElementRotationOffset,
+        getLabelRotationPoint,
+        getSourceLabelRotationPoint,
+        getTargetLabelRotationPoint,
+        getLabelRotationOffset,
+        getSourceLabelRotationOffset,
+        getTargetLabelRotationOffset
+      });
+    }
+  }
+  CRp.redrawHint = function(group, bool2) {
+    var r = this;
+    switch (group) {
+      case "eles":
+        r.data.canvasNeedsRedraw[CRp.NODE] = bool2;
+        break;
+      case "drag":
+        r.data.canvasNeedsRedraw[CRp.DRAG] = bool2;
+        break;
+      case "select":
+        r.data.canvasNeedsRedraw[CRp.SELECT_BOX] = bool2;
+        break;
+      case "gc":
+        r.data.gc = true;
+        break;
+    }
+  };
+  var pathsImpld = typeof Path2D !== "undefined";
+  CRp.path2dEnabled = function(on) {
+    if (on === void 0) {
+      return this.pathsEnabled;
+    }
+    this.pathsEnabled = on ? true : false;
+  };
+  CRp.usePaths = function() {
+    return pathsImpld && this.pathsEnabled;
+  };
+  CRp.setImgSmoothing = function(context, bool2) {
+    if (context.imageSmoothingEnabled != null) {
+      context.imageSmoothingEnabled = bool2;
+    } else {
+      context.webkitImageSmoothingEnabled = bool2;
+      context.mozImageSmoothingEnabled = bool2;
+      context.msImageSmoothingEnabled = bool2;
+    }
+  };
+  CRp.getImgSmoothing = function(context) {
+    if (context.imageSmoothingEnabled != null) {
+      return context.imageSmoothingEnabled;
+    } else {
+      return context.webkitImageSmoothingEnabled || context.mozImageSmoothingEnabled || context.msImageSmoothingEnabled;
+    }
+  };
+  CRp.makeOffscreenCanvas = function(width, height) {
+    var canvas;
+    if ((typeof OffscreenCanvas === "undefined" ? "undefined" : _typeof(OffscreenCanvas)) !== "undefined") {
+      canvas = new OffscreenCanvas(width, height);
+    } else {
+      var containerWindow = this.cy.window();
+      var document2 = containerWindow.document;
+      canvas = document2.createElement("canvas");
+      canvas.width = width;
+      canvas.height = height;
+    }
+    return canvas;
+  };
+  [CRp$b, CRp$a, CRp$9, CRp$8, CRp$7, CRp$6, CRp$5, CRp$4, CRp$3, CRp$2, CRp$1].forEach(function(props) {
+    extend(CRp, props);
+  });
+  var renderer = [{
+    name: "null",
+    impl: NullRenderer
+  }, {
+    name: "base",
+    impl: BR
+  }, {
+    name: "canvas",
+    impl: CR
+  }];
+  var incExts = [{
+    type: "layout",
+    extensions: layout
+  }, {
+    type: "renderer",
+    extensions: renderer
+  }];
+  var extensions = {};
+  var modules = {};
+  function setExtension(type2, name2, registrant) {
+    var ext = registrant;
+    var overrideErr = function overrideErr2(field) {
+      warn("Can not register `" + name2 + "` for `" + type2 + "` since `" + field + "` already exists in the prototype and can not be overridden");
+    };
+    if (type2 === "core") {
+      if (Core.prototype[name2]) {
+        return overrideErr(name2);
+      } else {
+        Core.prototype[name2] = registrant;
+      }
+    } else if (type2 === "collection") {
+      if (Collection.prototype[name2]) {
+        return overrideErr(name2);
+      } else {
+        Collection.prototype[name2] = registrant;
+      }
+    } else if (type2 === "layout") {
+      var Layout = function Layout2(options) {
+        this.options = options;
+        registrant.call(this, options);
+        if (!plainObject(this._private)) {
+          this._private = {};
+        }
+        this._private.cy = options.cy;
+        this._private.listeners = [];
+        this.createEmitter();
+      };
+      var layoutProto = Layout.prototype = Object.create(registrant.prototype);
+      var optLayoutFns = [];
+      for (var i2 = 0; i2 < optLayoutFns.length; i2++) {
+        var fnName = optLayoutFns[i2];
+        layoutProto[fnName] = layoutProto[fnName] || function() {
+          return this;
+        };
+      }
+      if (layoutProto.start && !layoutProto.run) {
+        layoutProto.run = function() {
+          this.start();
+          return this;
+        };
+      } else if (!layoutProto.start && layoutProto.run) {
+        layoutProto.start = function() {
+          this.run();
+          return this;
+        };
+      }
+      var regStop = registrant.prototype.stop;
+      layoutProto.stop = function() {
+        var opts = this.options;
+        if (opts && opts.animate) {
+          var anis = this.animations;
+          if (anis) {
+            for (var _i = 0; _i < anis.length; _i++) {
+              anis[_i].stop();
+            }
+          }
+        }
+        if (regStop) {
+          regStop.call(this);
+        } else {
+          this.emit("layoutstop");
+        }
+        return this;
+      };
+      if (!layoutProto.destroy) {
+        layoutProto.destroy = function() {
+          return this;
+        };
+      }
+      layoutProto.cy = function() {
+        return this._private.cy;
+      };
+      var getCy = function getCy2(layout2) {
+        return layout2._private.cy;
+      };
+      var emitterOpts = {
+        addEventFields: function addEventFields(layout2, evt) {
+          evt.layout = layout2;
+          evt.cy = getCy(layout2);
+          evt.target = layout2;
+        },
+        bubble: function bubble() {
+          return true;
+        },
+        parent: function parent(layout2) {
+          return getCy(layout2);
+        }
+      };
+      extend(layoutProto, {
+        createEmitter: function createEmitter() {
+          this._private.emitter = new Emitter(emitterOpts, this);
+          return this;
+        },
+        emitter: function emitter() {
+          return this._private.emitter;
+        },
+        on: function on(evt, cb) {
+          this.emitter().on(evt, cb);
+          return this;
+        },
+        one: function one2(evt, cb) {
+          this.emitter().one(evt, cb);
+          return this;
+        },
+        once: function once(evt, cb) {
+          this.emitter().one(evt, cb);
+          return this;
+        },
+        removeListener: function removeListener(evt, cb) {
+          this.emitter().removeListener(evt, cb);
+          return this;
+        },
+        removeAllListeners: function removeAllListeners() {
+          this.emitter().removeAllListeners();
+          return this;
+        },
+        emit: function emit(evt, params) {
+          this.emitter().emit(evt, params);
+          return this;
+        }
+      });
+      define.eventAliasesOn(layoutProto);
+      ext = Layout;
+    } else if (type2 === "renderer" && name2 !== "null" && name2 !== "base") {
+      var BaseRenderer2 = getExtension("renderer", "base");
+      var bProto = BaseRenderer2.prototype;
+      var RegistrantRenderer = registrant;
+      var rProto = registrant.prototype;
+      var Renderer = function Renderer2() {
+        BaseRenderer2.apply(this, arguments);
+        RegistrantRenderer.apply(this, arguments);
+      };
+      var proto = Renderer.prototype;
+      for (var pName in bProto) {
+        var pVal = bProto[pName];
+        var existsInR = rProto[pName] != null;
+        if (existsInR) {
+          return overrideErr(pName);
+        }
+        proto[pName] = pVal;
+      }
+      for (var _pName in rProto) {
+        proto[_pName] = rProto[_pName];
+      }
+      bProto.clientFunctions.forEach(function(name3) {
+        proto[name3] = proto[name3] || function() {
+          error("Renderer does not implement `renderer." + name3 + "()` on its prototype");
+        };
+      });
+      ext = Renderer;
+    } else if (type2 === "__proto__" || type2 === "constructor" || type2 === "prototype") {
+      return error(type2 + " is an illegal type to be registered, possibly lead to prototype pollutions");
+    }
+    return setMap({
+      map: extensions,
+      keys: [type2, name2],
+      value: ext
+    });
+  }
+  function getExtension(type2, name2) {
+    return getMap({
+      map: extensions,
+      keys: [type2, name2]
+    });
+  }
+  function setModule(type2, name2, moduleType, moduleName, registrant) {
+    return setMap({
+      map: modules,
+      keys: [type2, name2, moduleType, moduleName],
+      value: registrant
+    });
+  }
+  function getModule(type2, name2, moduleType, moduleName) {
+    return getMap({
+      map: modules,
+      keys: [type2, name2, moduleType, moduleName]
+    });
+  }
+  var extension = function extension2() {
+    if (arguments.length === 2) {
+      return getExtension.apply(null, arguments);
+    } else if (arguments.length === 3) {
+      return setExtension.apply(null, arguments);
+    } else if (arguments.length === 4) {
+      return getModule.apply(null, arguments);
+    } else if (arguments.length === 5) {
+      return setModule.apply(null, arguments);
+    } else {
+      error("Invalid extension access syntax");
+    }
+  };
+  Core.prototype.extension = extension;
+  incExts.forEach(function(group) {
+    group.extensions.forEach(function(ext) {
+      setExtension(group.type, ext.name, ext.impl);
+    });
+  });
+  var _Stylesheet = function Stylesheet() {
+    if (!(this instanceof _Stylesheet)) {
+      return new _Stylesheet();
+    }
+    this.length = 0;
+  };
+  var sheetfn = _Stylesheet.prototype;
+  sheetfn.instanceString = function() {
+    return "stylesheet";
+  };
+  sheetfn.selector = function(selector2) {
+    var i2 = this.length++;
+    this[i2] = {
+      selector: selector2,
+      properties: []
+    };
+    return this;
+  };
+  sheetfn.css = function(name2, value) {
+    var i2 = this.length - 1;
+    if (string(name2)) {
+      this[i2].properties.push({
+        name: name2,
+        value
+      });
+    } else if (plainObject(name2)) {
+      var map2 = name2;
+      var propNames = Object.keys(map2);
+      for (var j = 0; j < propNames.length; j++) {
+        var key = propNames[j];
+        var mapVal = map2[key];
+        if (mapVal == null) {
+          continue;
+        }
+        var prop = _Style.properties[key] || _Style.properties[dash2camel(key)];
+        if (prop == null) {
+          continue;
+        }
+        var _name = prop.name;
+        var _value = mapVal;
+        this[i2].properties.push({
+          name: _name,
+          value: _value
+        });
+      }
+    }
+    return this;
+  };
+  sheetfn.style = sheetfn.css;
+  sheetfn.generateStyle = function(cy) {
+    var style = new _Style(cy);
+    return this.appendToStyle(style);
+  };
+  sheetfn.appendToStyle = function(style) {
+    for (var i2 = 0; i2 < this.length; i2++) {
+      var context = this[i2];
+      var selector2 = context.selector;
+      var props = context.properties;
+      style.selector(selector2);
+      for (var j = 0; j < props.length; j++) {
+        var prop = props[j];
+        style.css(prop.name, prop.value);
+      }
+    }
+    return style;
+  };
+  var version = "3.33.1";
+  var cytoscape = function cytoscape2(options) {
+    if (options === void 0) {
+      options = {};
+    }
+    if (plainObject(options)) {
+      return new Core(options);
+    } else if (string(options)) {
+      return extension.apply(extension, arguments);
+    }
+  };
+  cytoscape.use = function(ext) {
+    var args = Array.prototype.slice.call(arguments, 1);
+    args.unshift(cytoscape);
+    ext.apply(null, args);
+    return this;
+  };
+  cytoscape.warnings = function(bool2) {
+    return warnings(bool2);
+  };
+  cytoscape.version = version;
+  cytoscape.stylesheet = cytoscape.Stylesheet = _Stylesheet;
+  class ReactFlowView {
+    constructor(containerId, onNodeClick) {
+      __publicField(this, "cy", null);
+      __publicField(this, "container", null);
+      __publicField(this, "onNodeClick");
+      this.container = document.getElementById(containerId);
+      this.onNodeClick = onNodeClick;
+    }
+    render(data2) {
+      if (!this.container) {
+        throw new Error("Container not found");
+      }
+      this.container.innerHTML = "";
+      if (this.cy) {
+        this.cy.destroy();
+      }
+      const nodes = data2.map((d) => __spreadValues({
+        id: String(d.id)
+      }, d));
+      const validNodeIds = new Set(nodes.map((n) => n.id));
+      const edges = data2.filter((d) => d.parentId !== void 0 && d.parentId !== null).map((d) => ({
+        source: String(d.parentId),
+        target: String(d.id)
+      })).filter((edge) => validNodeIds.has(edge.source) && validNodeIds.has(edge.target));
+      this.cy = cytoscape({
+        container: this.container,
+        elements: {
+          nodes: nodes.map((node) => ({
+            data: __spreadProps(__spreadValues({}, node), {
+              label: node.name
+            })
+          })),
+          edges: edges.map((edge) => ({
+            data: {
+              id: `${edge.source}-${edge.target}`,
+              source: edge.source,
+              target: edge.target
+            }
+          }))
+        },
+        style: [
+          {
+            selector: "node",
+            style: {
+              "background-color": "#667eea",
+              "label": "data(label)",
+              "width": 80,
+              "height": 80,
+              "text-valign": "center",
+              "text-halign": "center",
+              "color": "#333",
+              "font-size": 12,
+              "font-weight": "bold",
+              "text-wrap": "wrap",
+              "text-max-width": 70,
+              "border-width": 3,
+              "border-color": "#fff",
+              "overlay-padding": 6,
+              "z-index": 10
+            }
+          },
+          {
+            selector: "node:selected",
+            style: {
+              "background-color": "#f59e0b",
+              "border-color": "#667eea",
+              "border-width": 4
+            }
+          },
+          {
+            selector: "edge",
+            style: {
+              "width": 3,
+              "line-color": "#999",
+              "target-arrow-color": "#999",
+              "target-arrow-shape": "triangle",
+              "curve-style": "bezier",
+              "arrow-scale": 1.5
+            }
+          }
+        ],
+        layout: {
+          name: "breadthfirst",
+          directed: true,
+          padding: 50,
+          spacingFactor: 1.5,
+          avoidOverlap: true,
+          nodeDimensionsIncludeLabels: true
+        },
+        wheelSensitivity: 0.2,
+        minZoom: 0.1,
+        maxZoom: 3
+      });
+      if (this.onNodeClick) {
+        this.cy.on("tap", "node", (event2) => {
+          var _a2;
+          const node = event2.target;
+          const nodeData = node.data();
+          (_a2 = this.onNodeClick) == null ? void 0 : _a2.call(this, nodeData);
+        });
+      }
+      this.cy.on("dblclick", () => {
+        var _a2;
+        (_a2 = this.cy) == null ? void 0 : _a2.fit(void 0, 50);
+      });
+      this.cy.fit(void 0, 50);
+    }
+    stop() {
+      if (this.cy) {
+        this.cy.destroy();
+        this.cy = null;
+      }
+    }
+    resize() {
+      if (this.cy) {
+        this.cy.resize();
+        this.cy.fit(void 0, 50);
+      }
+    }
+  }
+  function generateUUID() {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c2) {
+      const r = Math.random() * 16 | 0;
+      const v = c2 === "x" ? r : r & 3 | 8;
+      return v.toString(16);
+    });
+  }
+  class YChartEditor2 {
+    constructor(options) {
+      __publicField(this, "viewContainer", null);
+      __publicField(this, "editorContainer", null);
+      __publicField(this, "chartContainer", null);
+      __publicField(this, "editor", null);
+      __publicField(this, "orgChart", null);
+      __publicField(this, "forceGraph", null);
+      __publicField(this, "reactFlowView", null);
+      __publicField(this, "currentView", "hierarchy");
+      __publicField(this, "swapModeEnabled", false);
+      __publicField(this, "isUpdatingProgrammatically", false);
+      __publicField(this, "defaultOptions");
+      __publicField(this, "initialData", "");
+      __publicField(this, "detailsPanel", null);
+      __publicField(this, "bgPattern");
+      __publicField(this, "toolbar", null);
+      __publicField(this, "toolbarPosition", "bottomleft");
+      __publicField(this, "toolbarOrientation", "horizontal");
+      __publicField(this, "customTemplate", null);
+      __publicField(this, "currentSchema", {});
+      __publicField(this, "cardTemplate", null);
+      __publicField(this, "columnAdjustMode", false);
+      __publicField(this, "columnAdjustButtons", null);
+      __publicField(this, "experimental", false);
+      __publicField(this, "instanceId");
+      __publicField(this, "searchPopup", null);
+      __publicField(this, "searchHistoryPopup", null);
+      __publicField(this, "errorBanner", null);
+      // Default supervisor field aliases - can be overridden via schema or supervisorLookup()
+      __publicField(this, "supervisorFields", ["supervisor", "reports", "reports_to", "manager", "leader", "parent"]);
+      __publicField(this, "nameField", "name");
+      this.instanceId = generateUUID();
+      this.defaultOptions = __spreadValues({
+        nodeWidth: 220,
+        nodeHeight: 110,
+        childrenMargin: 50,
+        compactMarginBetween: 35,
+        compactMarginPair: 30,
+        neighbourMargin: 20,
+        editorTheme: "dark",
+        collapsible: true,
+        toolbarPosition: "bottomleft",
+        toolbarOrientation: "horizontal"
+      }, options);
+      this.toolbarPosition = this.defaultOptions.toolbarPosition;
+      this.toolbarOrientation = this.defaultOptions.toolbarOrientation;
+      this.experimental = this.defaultOptions.experimental || false;
+    }
+    /**
+     * Initialize the view with a container element
+     */
+    initView(containerIdOrElement, yamlData) {
+      this.viewContainer = typeof containerIdOrElement === "string" ? document.getElementById(containerIdOrElement) : containerIdOrElement;
+      if (!this.viewContainer) {
+        throw new Error(`Container not found: ${containerIdOrElement}`);
+      }
+      this.initialData = yamlData;
+      this.createLayout();
+      this.initializeEditor();
+      this.setupKeyboardShortcuts();
+      this.renderChart();
+      this.toggleEditor();
+      return this;
+    }
+    createLayout() {
+      if (!this.viewContainer) return;
+      this.viewContainer.innerHTML = "";
+      this.viewContainer.style.cssText = "display:flex;width:100%;height:100%;position:relative;";
+      const chartWrapper = document.createElement("div");
+      chartWrapper.style.cssText = "flex:1;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;";
+      this.chartContainer = document.createElement("div");
+      this.chartContainer.id = `ychart-chart-${this.instanceId}`;
+      this.chartContainer.setAttribute("data-id", `ychart-chart-${this.instanceId}`);
+      this.chartContainer.style.cssText = "flex:1;width:100%;height:100%;position:relative;";
+      chartWrapper.appendChild(this.chartContainer);
+      this.detailsPanel = document.createElement("div");
+      this.detailsPanel.id = `ychart-node-details-${this.instanceId}`;
+      this.detailsPanel.setAttribute("data-id", `ychart-node-details-${this.instanceId}`);
+      this.detailsPanel.style.cssText = `
+      display: none;
+      position: absolute;
+      right: 20px;
+      top: 20px;
+      background: white;
+      border: 2px solid #667eea;
+      border-radius: 8px;
+      padding: 1.5rem;
+      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+      max-width: 400px;
+      max-height: 80%;
+      overflow-y: auto;
+      z-index: 100;
+    `;
+      chartWrapper.appendChild(this.detailsPanel);
+      this.toolbar = this.createToolbar();
+      chartWrapper.appendChild(this.toolbar);
+      const editorSidebar = document.createElement("div");
+      editorSidebar.id = `ychart-editor-sidebar-${this.instanceId}`;
+      editorSidebar.setAttribute("data-id", `ychart-editor-sidebar-${this.instanceId}`);
+      editorSidebar.style.cssText = `
+      width: 400px;
+      height: 100%;
+      border-left: 1px solid #ccc;
+      overflow: hidden;
+      position: relative;
+      transition: width 0.3s ease, border-left-width 0s 0.3s;
+      flex-shrink: 0;
+      display: flex;
+      flex-direction: column;
+    `;
+      this.errorBanner = document.createElement("div");
+      this.errorBanner.id = `ychart-error-banner-${this.instanceId}`;
+      this.errorBanner.className = "ychart-error-banner";
+      this.errorBanner.style.cssText = `
+      display: none;
+      background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
+      border-bottom: 2px solid #ef4444;
+      padding: 8px 12px;
+      max-height: 120px;
+      overflow-y: auto;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      font-size: 13px;
+    `;
+      editorSidebar.appendChild(this.errorBanner);
+      const editorHeader = document.createElement("div");
+      editorHeader.style.cssText = `
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 8px 12px;
+      background: #282c34;
+      border-bottom: 1px solid #3e4451;
+    `;
+      const editorTitle = document.createElement("div");
+      editorTitle.textContent = "YAML Editor";
+      editorTitle.style.cssText = "color: #abb2bf; font-size: 12px; font-weight: 600;";
+      editorHeader.appendChild(editorTitle);
+      const formatBtn = document.createElement("button");
+      formatBtn.innerHTML = `
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="16 18 22 12 16 6"/>
+        <polyline points="8 6 2 12 8 18"/>
+      </svg>
+      <span style="margin-left: 4px;">Format</span>
+    `;
+      formatBtn.style.cssText = `
+      display: flex;
+      align-items: center;
+      background: #667eea;
+      color: white;
+      border: none;
+      padding: 4px 8px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 11px;
+      transition: background 0.2s ease;
+    `;
+      formatBtn.onmouseenter = () => {
+        formatBtn.style.background = "#5568d3";
+      };
+      formatBtn.onmouseleave = () => {
+        formatBtn.style.background = "#667eea";
+      };
+      formatBtn.onclick = () => this.handleFormatYAML();
+      editorHeader.appendChild(formatBtn);
+      editorSidebar.appendChild(editorHeader);
+      this.editorContainer = document.createElement("div");
+      this.editorContainer.id = `ychart-editor-${this.instanceId}`;
+      this.editorContainer.setAttribute("data-id", `ychart-editor-${this.instanceId}`);
+      this.editorContainer.style.cssText = "width:100%;height:100%;flex:1;overflow:hidden;";
+      editorSidebar.appendChild(this.editorContainer);
+      if (this.defaultOptions.collapsible) {
+        const collapseBtn = document.createElement("button");
+        collapseBtn.setAttribute("data-id", `ychart-collapse-editor-${this.instanceId}`);
+        collapseBtn.innerHTML = "▶";
+        collapseBtn.style.cssText = `
+        position: absolute;
+        right: 399px;
+        top: 10px;
+        z-index: 1001;
+        background: #667eea;
+        color: white;
+        border: none;
+        padding: 8px 6px;
+        cursor: pointer;
+        border-radius: 4px 0 0 4px;
+        font-size: 12px;
+        transition: right 0.3s ease;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+      `;
+        collapseBtn.onclick = () => this.toggleEditor();
+        this.viewContainer.appendChild(collapseBtn);
+      }
+      this.viewContainer.appendChild(chartWrapper);
+      this.viewContainer.appendChild(editorSidebar);
+    }
+    getToolbarPositionStyles() {
+      const margin = "20px";
+      switch (this.toolbarPosition) {
+        case "topleft":
+          return `top: ${margin}; left: ${margin};`;
+        case "topright":
+          return `top: ${margin}; right: ${margin};`;
+        case "bottomleft":
+          return `bottom: ${margin}; left: ${margin};`;
+        case "bottomright":
+          return `bottom: ${margin}; right: ${margin};`;
+        case "topcenter":
+          return `top: ${margin}; left: 50%; transform: translateX(-50%);`;
+        case "bottomcenter":
+          return `bottom: ${margin}; left: 50%; transform: translateX(-50%);`;
+        default:
+          return `bottom: ${margin}; left: ${margin};`;
+      }
+    }
+    getTooltipPosition() {
+      const isVertical = this.toolbarOrientation === "vertical";
+      if (isVertical) {
+        if (this.toolbarPosition.includes("left")) {
+          return `left: calc(100% + 8px); top: 50%; transform: translateY(-50%) scale(0.8);`;
+        }
+        return `right: calc(100% + 8px); top: 50%; transform: translateY(-50%) scale(0.8);`;
+      }
+      if (this.toolbarPosition.includes("top")) {
+        return `top: calc(100% + 8px); left: 50%; transform: translateX(-50%) scale(0.8);`;
+      }
+      return `bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%) scale(0.8);`;
+    }
+    createToolbar() {
+      const toolbar = document.createElement("div");
+      toolbar.setAttribute("data-id", `ychart-toolbar-${this.instanceId}`);
+      const positionStyles = this.getToolbarPositionStyles();
+      const orientation = this.toolbarOrientation === "vertical" ? "column" : "row";
+      toolbar.style.cssText = `
+      position: absolute;
+      ${positionStyles}
+      display: flex;
+      flex-direction: ${orientation};
+      gap: 8px;
+      background: rgba(255, 255, 255, 0.95);
+      backdrop-filter: blur(10px);
+      border-radius: 12px;
+      padding: 8px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      z-index: 50;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+    `;
+      const icons = {
+        reset: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2"/></svg>`,
+        fit: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg>`,
+        export: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5-5 5 5M12 15V3"/></svg>`,
+        swap: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3l4 4-4 4M8 21l-4-4 4-4M20 7H4M4 17h16"/></svg>`,
+        forceGraph: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="2"/><circle cx="19" cy="12" r="2"/><circle cx="5" cy="12" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="12" cy="19" r="2"/><line x1="12" y1="7" x2="12" y2="10"/><line x1="12" y1="14" x2="12" y2="17"/><line x1="14" y1="12" x2="17" y2="12"/><line x1="7" y1="12" x2="10" y2="12"/></svg>`,
+        reactFlow: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="5" cy="12" r="3"/><circle cx="19" cy="12" r="3"/><circle cx="12" cy="5" r="3"/><circle cx="12" cy="19" r="3"/><path d="M8 12h8M12 8v8"/></svg>`,
+        orgChart: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg>`,
+        expandAll: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>`,
+        collapseAll: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/></svg>`,
+        columnAdjust: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="18" rx="1"/><rect x="14" y="3" width="7" height="18" rx="1"/><line x1="6.5" y1="8" x2="6.5" y2="16"/><line x1="17.5" y1="8" x2="17.5" y2="16"/></svg>`,
+        search: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>`
+      };
+      const buttons = [
+        { id: "fit", icon: icons.fit, tooltip: "Fit to Screen", action: () => this.handleFit() },
+        { id: "reset", icon: icons.reset, tooltip: "Reset Position", action: () => this.handleReset() },
+        { id: "search", icon: icons.search, tooltip: "Search/Filter Nodes", action: () => this.handleSearch() },
+        { id: "expandAll", icon: icons.expandAll, tooltip: "Expand All", action: () => this.handleExpandAll() },
+        { id: "collapseAll", icon: icons.collapseAll, tooltip: "Collapse All", action: () => this.handleCollapseAll() },
+        { id: "columnAdjust", icon: icons.columnAdjust, tooltip: "Adjust Child Columns", action: () => this.handleColumnAdjustToggle() },
+        { id: "swap", icon: icons.swap, tooltip: "Swap Mode", action: () => this.handleSwapToggle() },
+        { id: "export", icon: icons.export, tooltip: "Export SVG", action: () => this.handleExport() }
+      ];
+      if (this.experimental) {
+        let viewIcon = icons.forceGraph;
+        let viewTooltip = "Switch to Force Graph";
+        if (this.currentView === "hierarchy") {
+          viewIcon = icons.forceGraph;
+          viewTooltip = "Switch to Force Graph";
+        } else if (this.currentView === "force") {
+          viewIcon = icons.reactFlow;
+          viewTooltip = "Switch to ReactFlow View";
+        } else {
+          viewIcon = icons.orgChart;
+          viewTooltip = "Switch to Org Chart";
+        }
+        buttons.splice(6, 0, {
+          id: "toggleView",
+          icon: viewIcon,
+          tooltip: viewTooltip + " (Experimental)",
+          action: () => this.handleToggleView()
+        });
+      }
+      buttons.forEach((btn) => {
+        const button = document.createElement("button");
+        button.setAttribute("data-id", `ychart-btn-${btn.id}-${this.instanceId}`);
+        button.innerHTML = btn.icon;
+        button.setAttribute("data-tooltip", btn.tooltip);
+        button.style.cssText = `
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 36px;
+        height: 36px;
+        border: none;
+        background: transparent;
+        color: #4a5568;
+        cursor: pointer;
+        border-radius: 8px;
+        transition: all 0.2s ease;
+        padding: 0;
+      `;
+        const tooltip = document.createElement("span");
+        tooltip.className = "ychart-tooltip";
+        tooltip.textContent = btn.tooltip;
+        const tooltipPosition = this.getTooltipPosition();
+        tooltip.style.cssText = `
+        position: absolute;
+        ${tooltipPosition}
+        background: rgba(0, 0, 0, 0.9);
+        color: white;
+        padding: 6px 12px;
+        border-radius: 6px;
+        font-size: 12px;
+        white-space: nowrap;
+        pointer-events: none;
+        opacity: 0;
+        transform: scale(0.8);
+        transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+        z-index: 1000;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+      `;
+        button.appendChild(tooltip);
+        if (btn.id === "toggleView" && this.experimental) {
+          const badge = document.createElement("span");
+          badge.textContent = "!";
+          badge.style.cssText = `
+          position: absolute;
+          top: -4px;
+          right: -4px;
+          background: #f59e0b;
+          color: white;
+          border-radius: 50%;
+          width: 16px;
+          height: 16px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 12px;
+          font-weight: bold;
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        `;
+          button.appendChild(badge);
+        }
+        button.onmouseenter = () => {
+          button.style.background = "#667eea";
+          button.style.color = "white";
+          button.style.transform = "translateY(-2px)";
+          tooltip.style.opacity = "1";
+          const isVertical = this.toolbarOrientation === "vertical";
+          if (isVertical) {
+            if (this.toolbarPosition.includes("left")) {
+              tooltip.style.transform = "translateY(-50%) scale(1)";
+            } else {
+              tooltip.style.transform = "translateY(-50%) scale(1)";
+            }
+          } else {
+            tooltip.style.transform = "translateX(-50%) scale(1)";
+          }
+        };
+        button.onmouseleave = () => {
+          if (btn.id === "swap" && this.swapModeEnabled) {
+            button.style.background = "#e74c3c";
+            button.style.color = "white";
+          } else if (btn.id === "columnAdjust" && this.columnAdjustMode) {
+            button.style.background = "#9b59b6";
+            button.style.color = "white";
+          } else {
+            button.style.background = "transparent";
+            button.style.color = "#4a5568";
+          }
+          button.style.transform = "translateY(0)";
+          tooltip.style.opacity = "0";
+          const isVertical = this.toolbarOrientation === "vertical";
+          if (isVertical) {
+            if (this.toolbarPosition.includes("left")) {
+              tooltip.style.transform = "translateY(-50%) scale(0.8)";
+            } else {
+              tooltip.style.transform = "translateY(-50%) scale(0.8)";
+            }
+          } else {
+            tooltip.style.transform = "translateX(-50%) scale(0.8)";
+          }
+        };
+        button.onclick = btn.action;
+        toolbar.appendChild(button);
+      });
+      return toolbar;
+    }
+    handleFit() {
+      if (this.orgChart) {
+        this.orgChart.fit();
+      }
+    }
+    handleReset() {
+      this.renderChart();
+    }
+    handleSwapToggle() {
+      if (!this.orgChart) return;
+      this.swapModeEnabled = !this.swapModeEnabled;
+      if (typeof this.orgChart.enableSwapMode === "function") {
+        this.orgChart.enableSwapMode(this.swapModeEnabled);
+      }
+      if (typeof this.orgChart.onNodeSwap === "function") {
+        this.orgChart.onNodeSwap((data1, data2) => {
+          this.updateYAMLAfterSwap(data1, data2);
+        });
+      }
+      const swapBtn = document.querySelector(`[data-id="ychart-btn-swap-${this.instanceId}"]`);
+      if (swapBtn) {
+        if (this.swapModeEnabled) {
+          swapBtn.style.background = "#e74c3c";
+          swapBtn.style.color = "white";
+        } else {
+          swapBtn.style.background = "transparent";
+          swapBtn.style.color = "#4a5568";
+        }
+      }
+    }
+    handleToggleView() {
+      if (this.currentView === "hierarchy") {
+        this.renderForceGraph();
+      } else if (this.currentView === "force") {
+        this.renderReactFlowView();
       } else {
         this.renderChart();
       }
@@ -33950,11 +64350,15 @@ ${d.email || ""}`);
       if (toggleBtn) {
         const icons = {
           forceGraph: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="2"/><circle cx="19" cy="12" r="2"/><circle cx="5" cy="12" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="12" cy="19" r="2"/><line x1="12" y1="7" x2="12" y2="10"/><line x1="12" y1="14" x2="12" y2="17"/><line x1="14" y1="12" x2="17" y2="12"/><line x1="7" y1="12" x2="10" y2="12"/></svg>`,
+          reactFlow: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="5" cy="12" r="3"/><circle cx="19" cy="12" r="3"/><circle cx="12" cy="5" r="3"/><circle cx="12" cy="19" r="3"/><path d="M8 12h8M12 8v8"/></svg>`,
           orgChart: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg>`
         };
         if (this.currentView === "hierarchy") {
           toggleBtn.innerHTML = icons.forceGraph;
-          toggleBtn.title = "Switch to Force Graph";
+          toggleBtn.title = "Switch to Force Graph (Experimental)";
+        } else if (this.currentView === "force") {
+          toggleBtn.innerHTML = icons.reactFlow;
+          toggleBtn.title = "Switch to ReactFlow View (Experimental)";
         } else {
           toggleBtn.innerHTML = icons.orgChart;
           toggleBtn.title = "Switch to Org Chart";
@@ -34035,9 +64439,9 @@ ${formattedData.trim()}
           });
         }
         console.log("YAML formatted successfully");
-      } catch (error) {
-        console.error("Failed to format YAML:", error);
-        alert(`Failed to format YAML: ${error instanceof Error ? error.message : "Unknown error"}`);
+      } catch (error2) {
+        console.error("Failed to format YAML:", error2);
+        alert(`Failed to format YAML: ${error2 instanceof Error ? error2.message : "Unknown error"}`);
       }
     }
     handleExpandAll() {
@@ -34420,7 +64824,7 @@ ${formattedData.trim()}
       }
       const attrs = this.orgChart.getChartState();
       const allNodes = attrs.allNodes || [];
-      const matches = [];
+      const matches2 = [];
       allNodes.forEach((node) => {
         let totalScore = 0;
         let matchCount = 0;
@@ -34435,17 +64839,17 @@ ${formattedData.trim()}
           }
         });
         if (matchCount === filters.length) {
-          matches.push({ node, score: totalScore / matchCount });
+          matches2.push({ node, score: totalScore / matchCount });
         }
       });
-      matches.sort((a2, b) => b.score - a2.score);
+      matches2.sort((a2, b) => b.score - a2.score);
       suggestionsContainer.innerHTML = "";
-      if (matches.length === 0) {
+      if (matches2.length === 0) {
         suggestionsContainer.style.display = "none";
         return;
       }
       suggestionsContainer.style.display = "flex";
-      matches.forEach(({ node, score: score2 }) => {
+      matches2.forEach(({ node, score: score2 }) => {
         const suggestionItem = document.createElement("div");
         suggestionItem.style.cssText = `
         padding: 6px 10px;
@@ -34711,8 +65115,8 @@ ${formattedData.trim()}
         if (stored) {
           return JSON.parse(stored);
         }
-      } catch (error) {
-        console.warn("Failed to load search history:", error);
+      } catch (error2) {
+        console.warn("Failed to load search history:", error2);
       }
       return [];
     }
@@ -34720,8 +65124,8 @@ ${formattedData.trim()}
       try {
         localStorage.removeItem(this.getSearchHistoryKey());
         this.updateSearchHistoryDisplay();
-      } catch (error) {
-        console.warn("Failed to clear search history:", error);
+      } catch (error2) {
+        console.warn("Failed to clear search history:", error2);
       }
     }
     removeHistoryItem(index2) {
@@ -34730,8 +65134,8 @@ ${formattedData.trim()}
         history2.splice(index2, 1);
         localStorage.setItem(this.getSearchHistoryKey(), JSON.stringify(history2));
         this.updateSearchHistoryDisplay();
-      } catch (error) {
-        console.warn("Failed to remove history item:", error);
+      } catch (error2) {
+        console.warn("Failed to remove history item:", error2);
       }
     }
     applyHistorySearch(historyItem) {
@@ -34812,10 +65216,10 @@ ${formattedData.trim()}
         const nodeName = nodeData.name || "";
         const attrs = (_a2 = this.orgChart) == null ? void 0 : _a2.getChartState();
         const nodeId = attrs ? attrs.nodeId(nodeData) : "";
-        const isDuplicate = history2.some(
+        const isDuplicate2 = history2.some(
           (item) => item.field === field && item.query === query && item.nodeId === nodeId
         );
-        if (!isDuplicate) {
+        if (!isDuplicate2) {
           history2.unshift({
             field,
             query,
@@ -34826,8 +65230,8 @@ ${formattedData.trim()}
           const trimmedHistory = history2.slice(0, 20);
           localStorage.setItem(this.getSearchHistoryKey(), JSON.stringify(trimmedHistory));
         }
-      } catch (error) {
-        console.warn("Failed to save search history:", error);
+      } catch (error2) {
+        console.warn("Failed to save search history:", error2);
       }
     }
     handleColumnAdjustToggle() {
@@ -35159,7 +65563,7 @@ ${formattedData.trim()}
         this.updateErrorBanner(diagnostics, view);
         return diagnostics;
       }, { delay: 300 });
-      const extensions = [
+      const extensions2 = [
         basicSetup,
         yaml(),
         lintGutter(),
@@ -35171,9 +65575,9 @@ ${formattedData.trim()}
         })
       ];
       if (this.defaultOptions.editorTheme === "dark") {
-        extensions.push(oneDark);
+        extensions2.push(oneDark);
       }
-      extensions.push(
+      extensions2.push(
         EditorView.theme({
           "&": {
             height: "100%"
@@ -35185,7 +65589,7 @@ ${formattedData.trim()}
       );
       this.editor = new EditorView({
         doc: this.initialData,
-        extensions,
+        extensions: extensions2,
         parent: this.editorContainer
       });
       setTimeout(() => {
@@ -35230,9 +65634,9 @@ ${formattedData.trim()}
     updateErrorBanner(diagnostics, view) {
       if (!this.errorBanner) return;
       const errors = diagnostics.filter((d) => d.severity === "error");
-      const warnings = diagnostics.filter((d) => d.severity === "warning");
+      const warnings2 = diagnostics.filter((d) => d.severity === "warning");
       const banner = this.errorBanner;
-      if (errors.length === 0 && warnings.length === 0) {
+      if (errors.length === 0 && warnings2.length === 0) {
         banner.style.display = "none";
         return;
       }
@@ -35249,10 +65653,10 @@ ${formattedData.trim()}
     `;
       header.innerHTML = `
       <span style="font-size: 16px;">⚠️</span>
-      <span>${errors.length} error${errors.length !== 1 ? "s" : ""}${warnings.length > 0 ? `, ${warnings.length} warning${warnings.length !== 1 ? "s" : ""}` : ""}</span>
+      <span>${errors.length} error${errors.length !== 1 ? "s" : ""}${warnings2.length > 0 ? `, ${warnings2.length} warning${warnings2.length !== 1 ? "s" : ""}` : ""}</span>
     `;
       banner.appendChild(header);
-      const allDiagnostics = [...errors, ...warnings];
+      const allDiagnostics = [...errors, ...warnings2];
       allDiagnostics.forEach((diagnostic, index2) => {
         const errorItem = document.createElement("div");
         errorItem.style.cssText = `
@@ -35327,9 +65731,9 @@ ${formattedData.trim()}
      * Set up keyboard shortcuts for the editor
      */
     setupKeyboardShortcuts() {
-      document.addEventListener("keydown", (event) => {
-        if (event.ctrlKey && event.key === "`") {
-          event.preventDefault();
+      document.addEventListener("keydown", (event2) => {
+        if (event2.ctrlKey && event2.key === "`") {
+          event2.preventDefault();
           this.toggleEditorAndFindSelectedNode();
         }
       });
@@ -35362,10 +65766,10 @@ ${formattedData.trim()}
       console.log("Finding node with ID:", selectedNodeId);
       const content2 = this.editor.state.doc.toString();
       const idPattern = new RegExp(`^-?\\s*id:\\s*${selectedNodeId}\\s*$`, "m");
-      const match = content2.match(idPattern);
-      if (match && match.index !== void 0) {
-        let blockStart = match.index;
-        const beforeMatch = content2.substring(0, match.index);
+      const match2 = content2.match(idPattern);
+      if (match2 && match2.index !== void 0) {
+        let blockStart = match2.index;
+        const beforeMatch = content2.substring(0, match2.index);
         const lastDash = beforeMatch.lastIndexOf("\n- ");
         if (lastDash !== -1) {
           blockStart = lastDash + 1;
@@ -35410,7 +65814,7 @@ ${formattedData.trim()}
               }
             }
             return { options, schema: schemaDef, card: cardDef, data: yamlData };
-          } catch (error) {
+          } catch (error2) {
             return { options: {}, schema: {}, card: void 0, data: content2 };
           }
         }
@@ -35440,7 +65844,7 @@ ${formattedData.trim()}
       if (bracketMatch) {
         const aliasesStr = bracketMatch[1];
         workingDef = bracketMatch[2];
-        const aliasParts = aliasesStr.split("|").map((p) => p.trim()).filter((p) => p);
+        const aliasParts = aliasesStr.split("|").map((p2) => p2.trim()).filter((p2) => p2);
         aliases = aliasParts.slice(1);
       }
       const aliasKeywordMatch = workingDef.match(/\|\s*alias(?:es)?:\s*([^|]+)/i);
@@ -35457,12 +65861,12 @@ ${formattedData.trim()}
         aliases = aliases ? [...aliases, ...parsedAliases] : parsedAliases;
         workingDef = workingDef.replace(/\|\s*aliases?\s*\[[^\]]+\]/i, "");
       }
-      const parts = workingDef.split("|").map((p) => p.trim()).filter((p) => p);
-      const type2 = parts.find((p) => !["required", "optional", "missing"].includes(p.toLowerCase())) || "string";
+      const parts = workingDef.split("|").map((p2) => p2.trim()).filter((p2) => p2);
+      const type2 = parts.find((p2) => !["required", "optional", "missing"].includes(p2.toLowerCase())) || "string";
       return {
         type: type2,
-        required: parts.some((p) => p.toLowerCase() === "required"),
-        missing: parts.some((p) => p.toLowerCase() === "missing"),
+        required: parts.some((p2) => p2.toLowerCase() === "required"),
+        missing: parts.some((p2) => p2.toLowerCase() === "missing"),
         aliases: aliases && aliases.length > 0 ? aliases : void 0
       };
     }
@@ -35472,11 +65876,11 @@ ${formattedData.trim()}
     escapeRegex(str2) {
       return str2.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     }
-    renderCardElement(element, data) {
-      const tagName = Object.keys(element)[0];
-      const config2 = element[tagName];
+    renderCardElement(element2, data2) {
+      const tagName = Object.keys(element2)[0];
+      const config2 = element2[tagName];
       if (typeof config2 === "string") {
-        const content22 = this.replaceVariables(config2, data);
+        const content22 = this.replaceVariables(config2, data2);
         return `<${tagName}>${content22}</${tagName}>`;
       }
       const attrs = [];
@@ -35489,17 +65893,17 @@ ${formattedData.trim()}
         attrs.push(`style="${config2.style}"`);
       }
       if (config2.content) {
-        content2 = this.replaceVariables(config2.content, data);
+        content2 = this.replaceVariables(config2.content, data2);
       }
       if (config2.children && Array.isArray(config2.children)) {
-        children2 = config2.children.map((child) => this.renderCardElement(child, data)).join("");
+        children2 = config2.children.map((child) => this.renderCardElement(child, data2)).join("");
       }
       const attrsStr = attrs.length > 0 ? " " + attrs.join(" ") : "";
       return `<${tagName}${attrsStr}>${content2}${children2}</${tagName}>`;
     }
-    replaceVariables(template, data) {
+    replaceVariables(template, data2) {
       return template.replace(/\$(\w+)\$/g, (_match, fieldName) => {
-        const value = data[fieldName];
+        const value = data2[fieldName];
         if (value === null || value === void 0 || value === "") {
           return "";
         }
@@ -35515,11 +65919,11 @@ ${formattedData.trim()}
      *   supervisor: [ supervisor | leader | manager | reports_to ]
      * Or via .supervisorLookup() fluent API.
      */
-    resolveMissingParentIds(data) {
+    resolveMissingParentIds(data2) {
       let hasNumericIds = false;
       let maxNumericId = 0;
       const existingIds = /* @__PURE__ */ new Set();
-      for (const item of data) {
+      for (const item of data2) {
         if (item.id !== void 0 && item.id !== null) {
           existingIds.add(String(item.id));
           const numId = typeof item.id === "number" ? item.id : parseInt(String(item.id), 10);
@@ -35552,7 +65956,7 @@ ${formattedData.trim()}
           return newId2;
         }
       };
-      const dataWithIds = data.map((item) => {
+      const dataWithIds = data2.map((item) => {
         if (item.id === void 0 || item.id === null) {
           return __spreadProps(__spreadValues({}, item), { id: generateId(item), _autoGeneratedId: true });
         }
@@ -35644,7 +66048,7 @@ ${formattedData.trim()}
           this.setupPatternPersistence();
         }
         this.currentView = "hierarchy";
-      } catch (error) {
+      } catch (error2) {
       }
     }
     getNodeContent(d) {
@@ -35652,7 +66056,7 @@ ${formattedData.trim()}
         return this.customTemplate(d, this.currentSchema);
       }
       if (this.cardTemplate && Array.isArray(this.cardTemplate)) {
-        const cardHtml = this.cardTemplate.map((element) => this.renderCardElement(element, d.data)).join("");
+        const cardHtml = this.cardTemplate.map((element2) => this.renderCardElement(element2, d.data)).join("");
         return `
         <div style="width:${d.width}px;height:${d.height}px;padding:12px;background:#fff;border:2px solid #4A90E2;border-radius:8px;box-sizing:border-box;position:relative">
           <div class="details-btn" style="position:absolute;top:4px;right:4px;width:20px;height:20px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#666;z-index:10;border:1px solid #ccc;" title="Show Details" aria-label="Show Details" role="button" tabindex="0">ℹ</div>
@@ -35671,12 +66075,12 @@ ${formattedData.trim()}
       </div>
     `;
     }
-    showNodeDetails(data) {
+    showNodeDetails(data2) {
       if (!this.detailsPanel) return;
       let html = '<div class="node-details-content" style="font-family:sans-serif;">';
-      html += `<h3 style="margin:0 0 1rem 0;color:#333;">${data.name || "Unknown"}</h3>`;
+      html += `<h3 style="margin:0 0 1rem 0;color:#333;">${data2.name || "Unknown"}</h3>`;
       html += '<div style="display:grid;gap:0.5rem;">';
-      for (const [key, value] of Object.entries(data)) {
+      for (const [key, value] of Object.entries(data2)) {
         if (key.startsWith("_") || key === "picture") continue;
         const label = key.charAt(0).toUpperCase() + key.slice(1);
         html += `
@@ -35693,7 +66097,7 @@ ${formattedData.trim()}
       this.detailsPanel.style.display = "block";
     }
     createDotPattern() {
-      const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+      const defs2 = document.createElementNS("http://www.w3.org/2000/svg", "defs");
       const pattern = document.createElementNS(
         "http://www.w3.org/2000/svg",
         "pattern"
@@ -35711,11 +66115,11 @@ ${formattedData.trim()}
       dot.setAttribute("r", "0.5");
       dot.setAttribute("fill", this.defaultOptions.patternColor || "#cccccc");
       pattern.appendChild(dot);
-      defs.appendChild(pattern);
-      return defs;
+      defs2.appendChild(pattern);
+      return defs2;
     }
     createGridPattern() {
-      const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+      const defs2 = document.createElementNS("http://www.w3.org/2000/svg", "defs");
       const pattern = document.createElementNS(
         "http://www.w3.org/2000/svg",
         "pattern"
@@ -35748,8 +66152,8 @@ ${formattedData.trim()}
       vLine.setAttribute("stroke-dasharray", "3, 3");
       pattern.appendChild(hLine);
       pattern.appendChild(vLine);
-      defs.appendChild(pattern);
-      return defs;
+      defs2.appendChild(pattern);
+      return defs2;
     }
     applyBackgroundPattern() {
       if (!this.chartContainer) return;
@@ -35759,19 +66163,19 @@ ${formattedData.trim()}
         return;
       }
       console.log("Applying background pattern:", this.bgPattern);
-      let defs = svg2.querySelector("defs");
-      if (!defs) {
-        defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
-        svg2.insertBefore(defs, svg2.firstChild);
+      let defs2 = svg2.querySelector("defs");
+      if (!defs2) {
+        defs2 = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+        svg2.insertBefore(defs2, svg2.firstChild);
       }
-      const existingPattern = defs.querySelector("#dotPattern, #gridPattern");
+      const existingPattern = defs2.querySelector("#dotPattern, #gridPattern");
       if (existingPattern) {
         existingPattern.remove();
       }
       const patternDefs = this.bgPattern === "dotted" ? this.createDotPattern() : this.createGridPattern();
       const patternElement = patternDefs.firstChild;
       if (patternElement) {
-        defs.appendChild(patternElement);
+        defs2.appendChild(patternElement);
       }
       const existingRect = svg2.querySelector("#pattern-background");
       if (existingRect) {
@@ -35824,10 +66228,29 @@ ${formattedData.trim()}
         if (this.forceGraph) {
           this.forceGraph.stop();
         }
-        this.forceGraph = new ForceGraph("ychart-chart", (data) => this.showNodeDetails(data));
+        this.forceGraph = new ForceGraph(`ychart-chart-${this.instanceId}`, (data2) => this.showNodeDetails(data2));
         this.forceGraph.render(resolvedData);
         this.currentView = "force";
-      } catch (error) {
+      } catch (error2) {
+      }
+    }
+    renderReactFlowView() {
+      try {
+        if (!this.editor) return;
+        const yamlContent = this.editor.state.doc.toString();
+        const { data: yamlData } = this.parseFrontMatter(yamlContent);
+        const parsedData = load(yamlData);
+        if (!Array.isArray(parsedData)) {
+          throw new Error("YAML must be an array");
+        }
+        const resolvedData = this.resolveMissingParentIds(parsedData);
+        if (this.reactFlowView) {
+          this.reactFlowView.stop();
+        }
+        this.reactFlowView = new ReactFlowView(`ychart-chart-${this.instanceId}`, (data2) => this.showNodeDetails(data2));
+        this.reactFlowView.render(resolvedData);
+        this.currentView = "reactflow";
+      } catch (error2) {
       }
     }
     /**
@@ -35897,8 +66320,8 @@ ${formattedData.trim()}
     /**
      * Set action button position and orientation
      */
-    actionBtnPos(position, orientation) {
-      this.toolbarPosition = position;
+    actionBtnPos(position2, orientation) {
+      this.toolbarPosition = position2;
       this.toolbarOrientation = orientation;
       if (this.toolbar && this.toolbar.parentElement) {
         const parent = this.toolbar.parentElement;
@@ -35964,8 +66387,8 @@ ${Object.entries(schemaDef).map(([key, field]) => {
           }
         });
         console.log(`Nodes swapped: ${data1.name} ↔ ${data2.name}`);
-      } catch (error) {
-        console.error("Error updating YAML after swap:", error);
+      } catch (error2) {
+        console.error("Error updating YAML after swap:", error2);
       } finally {
         this.isUpdatingProgrammatically = false;
       }
diff --git a/package-lock.json b/package-lock.json
index 7899cc9..a472fb1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,10 +9,13 @@
       "version": "1.0.0",
       "dependencies": {
         "@codemirror/lang-yaml": "^6.1.2",
+        "@codemirror/lint": "^6.9.2",
         "@codemirror/state": "^6.5.2",
         "@codemirror/theme-one-dark": "^6.1.3",
         "@codemirror/view": "^6.38.6",
+        "@types/cytoscape": "^3.21.9",
         "codemirror": "^6.0.2",
+        "cytoscape": "^3.33.1",
         "d3": "^7.9.0",
         "d3-array": "3",
         "d3-drag": "^3.0.0",
@@ -22,7 +25,7 @@
         "d3-selection": "3",
         "d3-shape": "3",
         "d3-zoom": "3",
-        "js-yaml": "^4.1.0"
+        "js-yaml": "^4.1.1"
       },
       "devDependencies": {
         "@types/d3": "^7.4.3",
@@ -982,6 +985,12 @@
         "win32"
       ]
     },
+    "node_modules/@types/cytoscape": {
+      "version": "3.21.9",
+      "resolved": "https://registry.npmjs.org/@types/cytoscape/-/cytoscape-3.21.9.tgz",
+      "integrity": "sha512-JyrG4tllI6jvuISPjHK9j2Xv/LTbnLekLke5otGStjFluIyA9JjgnvgZrSBsp8cEDpiTjwgZUZwpPv8TSBcoLw==",
+      "license": "MIT"
+    },
     "node_modules/@types/d3": {
       "version": "7.4.3",
       "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
@@ -1356,6 +1365,15 @@
       "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
       "license": "MIT"
     },
+    "node_modules/cytoscape": {
+      "version": "3.33.1",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.33.1.tgz",
+      "integrity": "sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/d3": {
       "version": "7.9.0",
       "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
diff --git a/package.json b/package.json
index 339e747..69a8faf 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,9 @@
     "@codemirror/state": "^6.5.2",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.38.6",
+    "@types/cytoscape": "^3.21.9",
     "codemirror": "^6.0.2",
+    "cytoscape": "^3.33.1",
     "d3": "^7.9.0",
     "d3-array": "3",
     "d3-drag": "^3.0.0",
diff --git a/src/reactFlowView.ts b/src/reactFlowView.ts
new file mode 100644
index 0000000..8e1ca0c
--- /dev/null
+++ b/src/reactFlowView.ts
@@ -0,0 +1,161 @@
+import cytoscape, { type Core, type NodeSingular, type StylesheetStyle } from 'cytoscape';
+
+export interface ReactFlowNode {
+  id: string;
+  name: string;
+  title?: string;
+  email?: string;
+  department?: string;
+  parentId?: string | number;
+  [key: string]: any;
+}
+
+export class ReactFlowView {
+  private cy: Core | null = null;
+  private container: HTMLElement | null = null;
+  private onNodeClick?: (data: any) => void;
+
+  constructor(containerId: string, onNodeClick?: (data: any) => void) {
+    this.container = document.getElementById(containerId);
+    this.onNodeClick = onNodeClick;
+  }
+
+  render(data: any[]) {
+    if (!this.container) {
+      throw new Error('Container not found');
+    }
+
+    // Clear the container
+    this.container.innerHTML = '';
+
+    // Destroy existing instance
+    if (this.cy) {
+      this.cy.destroy();
+    }
+
+    // Create nodes array
+    const nodes: ReactFlowNode[] = data.map(d => ({
+      id: String(d.id),
+      ...d
+    }));
+
+    // Create a Set of valid node IDs for quick lookup
+    const validNodeIds = new Set(nodes.map(n => n.id));
+
+    // Create edges from parent-child relationships
+    const edges = data
+      .filter(d => d.parentId !== undefined && d.parentId !== null)
+      .map(d => ({
+        source: String(d.parentId),
+        target: String(d.id)
+      }))
+      .filter(edge => validNodeIds.has(edge.source) && validNodeIds.has(edge.target));
+
+    // Initialize Cytoscape
+    this.cy = cytoscape({
+      container: this.container,
+      
+      elements: {
+        nodes: nodes.map(node => ({
+          data: {
+            ...node,
+            label: node.name
+          }
+        })),
+        edges: edges.map(edge => ({
+          data: {
+            id: `${edge.source}-${edge.target}`,
+            source: edge.source,
+            target: edge.target
+          }
+        }))
+      },
+
+      style: [
+        {
+          selector: 'node',
+          style: {
+            'background-color': '#667eea',
+            'label': 'data(label)',
+            'width': 80,
+            'height': 80,
+            'text-valign': 'center',
+            'text-halign': 'center',
+            'color': '#333',
+            'font-size': 12,
+            'font-weight': 'bold',
+            'text-wrap': 'wrap',
+            'text-max-width': 70,
+            'border-width': 3,
+            'border-color': '#fff',
+            'overlay-padding': 6,
+            'z-index': 10
+          }
+        },
+        {
+          selector: 'node:selected',
+          style: {
+            'background-color': '#f59e0b',
+            'border-color': '#667eea',
+            'border-width': 4
+          }
+        },
+        {
+          selector: 'edge',
+          style: {
+            'width': 3,
+            'line-color': '#999',
+            'target-arrow-color': '#999',
+            'target-arrow-shape': 'triangle',
+            'curve-style': 'bezier',
+            'arrow-scale': 1.5
+          }
+        }
+      ] as StylesheetStyle[],
+
+      layout: {
+        name: 'breadthfirst',
+        directed: true,
+        padding: 50,
+        spacingFactor: 1.5,
+        avoidOverlap: true,
+        nodeDimensionsIncludeLabels: true
+      },
+
+      wheelSensitivity: 0.2,
+      minZoom: 0.1,
+      maxZoom: 3
+    });
+
+    // Add click handler
+    if (this.onNodeClick) {
+      this.cy.on('tap', 'node', (event) => {
+        const node = event.target as NodeSingular;
+        const nodeData = node.data();
+        this.onNodeClick?.(nodeData);
+      });
+    }
+
+    // Add double-click to fit
+    this.cy.on('dblclick', () => {
+      this.cy?.fit(undefined, 50);
+    });
+
+    // Fit the graph to view
+    this.cy.fit(undefined, 50);
+  }
+
+  stop() {
+    if (this.cy) {
+      this.cy.destroy();
+      this.cy = null;
+    }
+  }
+
+  resize() {
+    if (this.cy) {
+      this.cy.resize();
+      this.cy.fit(undefined, 50);
+    }
+  }
+}
diff --git a/src/ychartEditor.ts b/src/ychartEditor.ts
index 6c6aaa7..7340d81 100644
--- a/src/ychartEditor.ts
+++ b/src/ychartEditor.ts
@@ -5,6 +5,7 @@ import { linter, lintGutter, type Diagnostic } from '@codemirror/lint';
 import * as jsyaml from 'js-yaml';
 import { OrgChart } from './d3-org-chart.js';
 import { ForceGraph } from './forceGraph.js';
+import { ReactFlowView } from './reactFlowView.js';
 import './style.css';
 
 interface YChartOptions {
@@ -68,7 +69,8 @@ class YChartEditor {
   private editor: EditorView | null = null;
   private orgChart: any = null;
   private forceGraph: ForceGraph | null = null;
-  private currentView: 'hierarchy' | 'force' = 'hierarchy';
+  private reactFlowView: ReactFlowView | null = null;
+  private currentView: 'hierarchy' | 'force' | 'reactflow' = 'hierarchy';
   private swapModeEnabled = false;
   private isUpdatingProgrammatically = false;
   private defaultOptions: YChartOptions;
@@ -380,6 +382,7 @@ class YChartEditor {
       export: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5-5 5 5M12 15V3"/></svg>`,
       swap: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3l4 4-4 4M8 21l-4-4 4-4M20 7H4M4 17h16"/></svg>`,
       forceGraph: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="2"/><circle cx="19" cy="12" r="2"/><circle cx="5" cy="12" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="12" cy="19" r="2"/><line x1="12" y1="7" x2="12" y2="10"/><line x1="12" y1="14" x2="12" y2="17"/><line x1="14" y1="12" x2="17" y2="12"/><line x1="7" y1="12" x2="10" y2="12"/></svg>`,
+      reactFlow: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="5" cy="12" r="3"/><circle cx="19" cy="12" r="3"/><circle cx="12" cy="5" r="3"/><circle cx="12" cy="19" r="3"/><path d="M8 12h8M12 8v8"/></svg>`,
       orgChart: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg>`,
       expandAll: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>`,
       collapseAll: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/></svg>`,
@@ -399,12 +402,26 @@ class YChartEditor {
       { id: 'export', icon: icons.export, tooltip: 'Export SVG', action: () => this.handleExport() },
     ];
 
-    // Add Force Graph toggle button only if experimental mode is enabled
+    // Add view toggle button only if experimental mode is enabled
     if (this.experimental) {
+      let viewIcon = icons.forceGraph;
+      let viewTooltip = 'Switch to Force Graph';
+      
+      if (this.currentView === 'hierarchy') {
+        viewIcon = icons.forceGraph;
+        viewTooltip = 'Switch to Force Graph';
+      } else if (this.currentView === 'force') {
+        viewIcon = icons.reactFlow;
+        viewTooltip = 'Switch to ReactFlow View';
+      } else {
+        viewIcon = icons.orgChart;
+        viewTooltip = 'Switch to Org Chart';
+      }
+      
       buttons.splice(6, 0, { 
         id: 'toggleView', 
-        icon: this.currentView === 'hierarchy' ? icons.forceGraph : icons.orgChart, 
-        tooltip: this.currentView === 'hierarchy' ? 'Switch to Force Graph (Experimental)' : 'Switch to Org Chart', 
+        icon: viewIcon, 
+        tooltip: viewTooltip + ' (Experimental)', 
         action: () => this.handleToggleView() 
       });
     }
@@ -572,8 +589,11 @@ class YChartEditor {
   }
 
   private handleToggleView(): void {
+    // Cycle through views: hierarchy -> force -> reactflow -> hierarchy
     if (this.currentView === 'hierarchy') {
       this.renderForceGraph();
+    } else if (this.currentView === 'force') {
+      this.renderReactFlowView();
     } else {
       this.renderChart();
     }
@@ -583,12 +603,16 @@ class YChartEditor {
     if (toggleBtn) {
       const icons = {
         forceGraph: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="2"/><circle cx="19" cy="12" r="2"/><circle cx="5" cy="12" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="12" cy="19" r="2"/><line x1="12" y1="7" x2="12" y2="10"/><line x1="12" y1="14" x2="12" y2="17"/><line x1="14" y1="12" x2="17" y2="12"/><line x1="7" y1="12" x2="10" y2="12"/></svg>`,
+        reactFlow: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="5" cy="12" r="3"/><circle cx="19" cy="12" r="3"/><circle cx="12" cy="5" r="3"/><circle cx="12" cy="19" r="3"/><path d="M8 12h8M12 8v8"/></svg>`,
         orgChart: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg>`,
       };
 
       if (this.currentView === 'hierarchy') {
         toggleBtn.innerHTML = icons.forceGraph;
-        toggleBtn.title = 'Switch to Force Graph';
+        toggleBtn.title = 'Switch to Force Graph (Experimental)';
+      } else if (this.currentView === 'force') {
+        toggleBtn.innerHTML = icons.reactFlow;
+        toggleBtn.title = 'Switch to ReactFlow View (Experimental)';
       } else {
         toggleBtn.innerHTML = icons.orgChart;
         toggleBtn.title = 'Switch to Org Chart';
@@ -3006,7 +3030,7 @@ class YChartEditor {
         this.forceGraph.stop();
       }
 
-      this.forceGraph = new ForceGraph('ychart-chart', (data: any) => this.showNodeDetails(data));
+      this.forceGraph = new ForceGraph(`ychart-chart-${this.instanceId}`, (data: any) => this.showNodeDetails(data));
       this.forceGraph.render(resolvedData);
       
       this.currentView = 'force';
@@ -3015,6 +3039,34 @@ class YChartEditor {
     }
   }
 
+  private renderReactFlowView(): void {
+    try {
+      if (!this.editor) return;
+
+      const yamlContent = this.editor.state.doc.toString();
+      const { data: yamlData } = this.parseFrontMatter(yamlContent);
+      const parsedData = jsyaml.load(yamlData) as any[];
+
+      if (!Array.isArray(parsedData)) {
+        throw new Error('YAML must be an array');
+      }
+
+      // Resolve missing parentId values by looking up supervisor names
+      const resolvedData = this.resolveMissingParentIds(parsedData);
+
+      if (this.reactFlowView) {
+        this.reactFlowView.stop();
+      }
+
+      this.reactFlowView = new ReactFlowView(`ychart-chart-${this.instanceId}`, (data: any) => this.showNodeDetails(data));
+      this.reactFlowView.render(resolvedData);
+      
+      this.currentView = 'reactflow';
+    } catch (error) {
+      // Silently handle - linter will display errors in the editor
+    }
+  }
+
   /**
    * Attach enable swap mode button (DEPRECATED - buttons are now built-in)
    * @deprecated Use the built-in toolbar instead