@hkyhy/marsun-components-core 0.1.113 → 0.1.114

package/dist/node_modules/@antv/g6/esm/plugins/contextmenu/index.js

@@ -0,0 +1,127 @@
+import { BasePlugin as p } from "../base-plugin.js";
+import { createPluginContainer as v, insertDOM as $ } from "../utils/dom.js";
+import { getContentFromItems as E, CONTEXTMENU_CSS as x } from "./util.js";
+var m = function(u, t, e, n) {
+  function i(r) {
+    return r instanceof e ? r : new e(function(o) {
+      o(r);
+    });
+  }
+  return new (e || (e = Promise))(function(r, o) {
+    function l(s) {
+      try {
+        c(n.next(s));
+      } catch (a) {
+        o(a);
+      }
+    }
+    function h(s) {
+      try {
+        c(n.throw(s));
+      } catch (a) {
+        o(a);
+      }
+    }
+    function c(s) {
+      s.done ? r(s.value) : i(s.value).then(l, h);
+    }
+    c((n = n.apply(u, t || [])).next());
+  });
+};
+class g extends p {
+  constructor(t, e) {
+    super(t, Object.assign({}, g.defaultOptions, e)), this.targetElement = null, this.wheelHandler = (n) => {
+      n.stopPropagation();
+    }, this.onTriggerEvent = (n) => {
+      var i;
+      (i = n.preventDefault) === null || i === void 0 || i.call(n), this.show(n);
+    }, this.onMenuItemClick = (n) => {
+      const { onClick: i, trigger: r } = this.options;
+      if (n.target instanceof HTMLElement && n.target.className.includes("g6-contextmenu-li")) {
+        const o = n.target.getAttribute("value");
+        i == null || i(o, n.target, this.targetElement), this.hide();
+      }
+      r !== "click" && this.hide();
+    }, this.initElement(), this.update(e);
+  }
+  initElement() {
+    this.$element = v("contextmenu", !1, { zIndex: "99" });
+    const { className: t } = this.options;
+    t && this.$element.classList.add(t), this.$element.addEventListener("wheel", this.wheelHandler), this.context.canvas.getContainer().appendChild(this.$element), $("g6-contextmenu-css", "style", {}, x, document.head);
+  }
+  /**
+   * <zh/> 显示上下文菜单
+   *
+   * <en/> Show the contextmenu
+   * @param event - <zh/> 元素指针事件 | <en/> Element pointer event
+   * @internal
+   */
+  show(t) {
+    return m(this, void 0, void 0, function* () {
+      const { enable: e, offset: n } = this.options;
+      if (typeof e == "function" && !e(t) || !e) {
+        this.hide();
+        return;
+      }
+      const i = yield this.getDOMContent(t);
+      i instanceof HTMLElement ? (this.$element.innerHTML = "", this.$element.appendChild(i)) : this.$element.innerHTML = i;
+      const o = this.context.graph.getCanvas().getContainer().getBoundingClientRect();
+      let l = t.client.x - o.left + n[0], h = t.client.y - o.top + n[1];
+      this.$element.style.display = "block";
+      const c = this.$element.offsetWidth, s = this.$element.offsetHeight, a = o.width, f = o.height, d = 4;
+      l = Math.max(d, Math.min(l, a - c - d)), h = Math.max(d, Math.min(h, f - s - d)), this.$element.style.left = `${l}px`, this.$element.style.top = `${h}px`, this.targetElement = t.target;
+    });
+  }
+  /**
+   * <zh/> 隐藏上下文菜单
+   *
+   * <en/> Hide the contextmenu
+   */
+  hide() {
+    this.$element.style.display = "none", this.targetElement = null;
+  }
+  /**
+   * <zh/> 更新上下文菜单的配置项
+   *
+   * <en/> Update the contextmenu options
+   * @param options - <zh/> 配置项 | <en/> Options
+   * @internal
+   */
+  update(t) {
+    this.unbindEvents(), super.update(t), this.bindEvents();
+  }
+  /**
+   * <zh/> 销毁上下文菜单
+   *
+   * <en/> Destroy the contextmenu
+   * @internal
+   */
+  destroy() {
+    this.unbindEvents(), super.destroy(), this.$element.remove();
+  }
+  getDOMContent(t) {
+    return m(this, void 0, void 0, function* () {
+      const { getContent: e, getItems: n } = this.options;
+      return n ? E(yield n(t)) : yield e(t);
+    });
+  }
+  bindEvents() {
+    const { graph: t } = this.context, { trigger: e } = this.options;
+    t.on(`canvas:${e}`, this.onTriggerEvent), t.on(`node:${e}`, this.onTriggerEvent), t.on(`edge:${e}`, this.onTriggerEvent), t.on(`combo:${e}`, this.onTriggerEvent), document.addEventListener("click", this.onMenuItemClick);
+  }
+  unbindEvents() {
+    const { graph: t } = this.context, { trigger: e } = this.options;
+    t.off(`canvas:${e}`, this.onTriggerEvent), t.off(`node:${e}`, this.onTriggerEvent), t.off(`edge:${e}`, this.onTriggerEvent), t.off(`combo:${e}`, this.onTriggerEvent), document.removeEventListener("click", this.onMenuItemClick), this.$element.removeEventListener("wheel", this.wheelHandler);
+  }
+}
+g.defaultOptions = {
+  trigger: "contextmenu",
+  offset: [4, 4],
+  loadingContent: '<div class="g6-contextmenu-loading">Loading...</div>',
+  getContent: () => "It is a empty context menu.",
+  enable: () => !0
+};
+export {
+  g as Contextmenu
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@antv/g6/esm/plugins/contextmenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../node_modules/@antv/g6/esm/plugins/contextmenu/index.js"],"sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { BasePlugin } from '../base-plugin';\nimport { createPluginContainer, insertDOM } from '../utils/dom';\nimport { CONTEXTMENU_CSS, getContentFromItems } from './util';\n/**\n * <zh/> 上下文菜单\n *\n * <en/> Contextmenu\n * @remarks\n * <zh/> 上下文菜单，也被称为右键菜单，是当用户在某个特定区域上点击后出现的一个菜单。支持在点击前后，触发自定义事件。\n *\n * <en/> Contextmenu, also known as the right-click menu , is a menu that appears when a user clicks on a specific area. Supports triggering custom events before and after clicking.\n */\nexport class Contextmenu extends BasePlugin {\n    constructor(context, options) {\n        super(context, Object.assign({}, Contextmenu.defaultOptions, options));\n        this.targetElement = null;\n        this.wheelHandler = (e) => {\n            e.stopPropagation();\n        };\n        this.onTriggerEvent = (event) => {\n            var _a;\n            // `contextmenu` 事件默认会触发浏览器的右键菜单，需要阻止默认事件\n            // `click` 事件不需要阻止默认事件\n            (_a = event.preventDefault) === null || _a === void 0 ? void 0 : _a.call(event);\n            this.show(event);\n        };\n        this.onMenuItemClick = (event) => {\n            const { onClick, trigger } = this.options;\n            if (event.target instanceof HTMLElement) {\n                if (event.target.className.includes('g6-contextmenu-li')) {\n                    const value = event.target.getAttribute('value');\n                    onClick === null || onClick === void 0 ? void 0 : onClick(value, event.target, this.targetElement);\n                    this.hide();\n                }\n            }\n            if (trigger !== 'click')\n                this.hide();\n        };\n        this.initElement();\n        this.update(options);\n    }\n    initElement() {\n        this.$element = createPluginContainer('contextmenu', false, { zIndex: '99' });\n        const { className } = this.options;\n        if (className)\n            this.$element.classList.add(className);\n        // 阻止滚轮事件冒泡，防止触发画布的 zoom-canvas 拦截逻辑\n        this.$element.addEventListener('wheel', this.wheelHandler);\n        const $container = this.context.canvas.getContainer();\n        $container.appendChild(this.$element);\n        insertDOM('g6-contextmenu-css', 'style', {}, CONTEXTMENU_CSS, document.head);\n    }\n    /**\n     * <zh/> 显示上下文菜单\n     *\n     * <en/> Show the contextmenu\n     * @param event - <zh/> 元素指针事件 | <en/> Element pointer event\n     * @internal\n     */\n    show(event) {\n        return __awaiter(this, void 0, void 0, function* () {\n            const { enable, offset } = this.options;\n            if ((typeof enable === 'function' && !enable(event)) || !enable) {\n                this.hide();\n                return;\n            }\n            const content = yield this.getDOMContent(event);\n            if (content instanceof HTMLElement) {\n                this.$element.innerHTML = '';\n                this.$element.appendChild(content);\n            }\n            else {\n                this.$element.innerHTML = content;\n            }\n            // NOTICE: 为什么事件中的 client 是相对浏览器，而不是画布容器？\n            const $container = this.context.graph.getCanvas().getContainer();\n            const clientRect = $container.getBoundingClientRect();\n            let left = event.client.x - clientRect.left + offset[0];\n            let top = event.client.y - clientRect.top + offset[1];\n            this.$element.style.display = 'block';\n            // 限制菜单位于画布容器范围内\n            const menuWidth = this.$element.offsetWidth;\n            const menuHeight = this.$element.offsetHeight;\n            const containerWidth = clientRect.width;\n            const containerHeight = clientRect.height;\n            const padding = 4;\n            left = Math.max(padding, Math.min(left, containerWidth - menuWidth - padding));\n            top = Math.max(padding, Math.min(top, containerHeight - menuHeight - padding));\n            this.$element.style.left = `${left}px`;\n            this.$element.style.top = `${top}px`;\n            this.targetElement = event.target;\n        });\n    }\n    /**\n     * <zh/> 隐藏上下文菜单\n     *\n     * <en/> Hide the contextmenu\n     */\n    hide() {\n        this.$element.style.display = 'none';\n        this.targetElement = null;\n    }\n    /**\n     * <zh/> 更新上下文菜单的配置项\n     *\n     * <en/> Update the contextmenu options\n     * @param options - <zh/> 配置项 | <en/> Options\n     * @internal\n     */\n    update(options) {\n        this.unbindEvents();\n        super.update(options);\n        this.bindEvents();\n    }\n    /**\n     * <zh/> 销毁上下文菜单\n     *\n     * <en/> Destroy the contextmenu\n     * @internal\n     */\n    destroy() {\n        this.unbindEvents();\n        super.destroy();\n        this.$element.remove();\n    }\n    getDOMContent(event) {\n        return __awaiter(this, void 0, void 0, function* () {\n            const { getContent, getItems } = this.options;\n            if (getItems) {\n                return getContentFromItems(yield getItems(event));\n            }\n            return yield getContent(event);\n        });\n    }\n    bindEvents() {\n        const { graph } = this.context;\n        const { trigger } = this.options;\n        graph.on(`canvas:${trigger}`, this.onTriggerEvent);\n        graph.on(`node:${trigger}`, this.onTriggerEvent);\n        graph.on(`edge:${trigger}`, this.onTriggerEvent);\n        graph.on(`combo:${trigger}`, this.onTriggerEvent);\n        document.addEventListener('click', this.onMenuItemClick);\n    }\n    unbindEvents() {\n        const { graph } = this.context;\n        const { trigger } = this.options;\n        graph.off(`canvas:${trigger}`, this.onTriggerEvent);\n        graph.off(`node:${trigger}`, this.onTriggerEvent);\n        graph.off(`edge:${trigger}`, this.onTriggerEvent);\n        graph.off(`combo:${trigger}`, this.onTriggerEvent);\n        document.removeEventListener('click', this.onMenuItemClick);\n        this.$element.removeEventListener('wheel', this.wheelHandler);\n    }\n}\nContextmenu.defaultOptions = {\n    trigger: 'contextmenu',\n    offset: [4, 4],\n    loadingContent: '<div class=\"g6-contextmenu-loading\">Loading...</div>',\n    getContent: () => 'It is a empty context menu.',\n    enable: () => true,\n};\n//# sourceMappingURL=index.js.map"],"names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","Contextmenu","BasePlugin","context","options","event","_a","onClick","trigger","createPluginContainer","className","insertDOM","CONTEXTMENU_CSS","enable","offset","content","clientRect","left","top","menuWidth","menuHeight","containerWidth","containerHeight","padding","getContent","getItems","getContentFromItems","graph"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@antv/g6/esm/plugins/contextmenu/util.js

@@ -0,0 +1,56 @@
+function t(o) {
+  return `
+    <ul class="g6-contextmenu-ul">
+      ${o.map((e) => `<li  class="g6-contextmenu-li" value="${e.value}">${e.name}</li>`).join("")}
+    </ul>
+  `;
+}
+const n = `
+  .g6-contextmenu {
+    font-size: 12px;
+    background-color: rgba(255, 255, 255, 0.96);
+    border-radius: 4px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    max-height: calc(100% - 8px);
+    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px;
+    transition: visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
+  }
+
+  .g6-contextmenu::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .g6-contextmenu::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+  }
+
+  .g6-contextmenu::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
+  .g6-contextmenu-ul {
+    max-width: 256px;
+    min-width: 96px;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .g6-contextmenu-li {
+    padding: 8px 12px;
+    cursor: pointer;
+    user-select: none;
+  }
+
+  .g6-contextmenu-li:hover {
+    background-color: #f5f5f5;
+    cursor: pointer;
+  }
+`;
+export {
+  n as CONTEXTMENU_CSS,
+  t as getContentFromItems
+};
+//# sourceMappingURL=util.js.map

package/dist/node_modules/@antv/g6/esm/plugins/contextmenu/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../node_modules/@antv/g6/esm/plugins/contextmenu/util.js"],"sourcesContent":["/**\n * Get the content of the right-click menu.\n * @param items - context menu items\n * @returns HTML string\n */\nexport function getContentFromItems(items) {\n    return `\n    <ul class=\"g6-contextmenu-ul\">\n      ${items.map((item) => `<li  class=\"g6-contextmenu-li\" value=\"${item.value}\">${item.name}</li>`).join('')}\n    </ul>\n  `;\n}\n/**\n * Style of the right-click menu, same with `tooltip`.\n */\nexport const CONTEXTMENU_CSS = `\n  .g6-contextmenu {\n    font-size: 12px;\n    background-color: rgba(255, 255, 255, 0.96);\n    border-radius: 4px;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-height: calc(100% - 8px);\n    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px;\n    transition: visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;\n  }\n\n  .g6-contextmenu::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .g6-contextmenu::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n  }\n\n  .g6-contextmenu::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n\n  .g6-contextmenu-ul {\n    max-width: 256px;\n    min-width: 96px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .g6-contextmenu-li {\n    padding: 8px 12px;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .g6-contextmenu-li:hover {\n    background-color: #f5f5f5;\n    cursor: pointer;\n  }\n`;\n//# sourceMappingURL=util.js.map"],"names":["getContentFromItems","items","item","CONTEXTMENU_CSS"],"mappings":"AAKO,SAASA,EAAoBC,GAAO;AACvC,SAAO;AAAA;AAAA,QAEHA,EAAM,IAAI,CAACC,MAAS,yCAAyCA,EAAK,KAAK,KAAKA,EAAK,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;AAAA;AAAA;AAG9G;AAIY,MAACC,IAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","x_google_ignoreList":[0]}

package/dist/node_modules/@antv/g6/esm/plugins/edge-bundling/index.js

@@ -0,0 +1,172 @@
+import "../../constants/change.js";
+import "../../constants/events/animation.js";
+import "../../constants/events/canvas.js";
+import "../../constants/events/combo.js";
+import "../../constants/events/common.js";
+import "../../constants/events/container.js";
+import "../../constants/events/edge.js";
+import { GraphEvent as R } from "../../constants/events/graph.js";
+import "../../constants/events/history.js";
+import "../../constants/events/node.js";
+import "../../constants/registry.js";
+import { getPolylinePath as C } from "../../utils/edge.js";
+import { idOf as a } from "../../utils/id.js";
+import { positionOf as O } from "../../utils/position.js";
+import { add as l, toVector2 as T, divide as M, distance as u, multiply as y, subtract as B, dot as V } from "../../utils/vector.js";
+import { BasePlugin as _ } from "../base-plugin.js";
+import j from "../../../../util/esm/lodash/is-empty.js";
+class F extends _ {
+  constructor(t, e) {
+    super(t, Object.assign({}, F.defaultOptions, e)), this.edgeBundles = {}, this.edgePoints = {}, this.onBundle = () => {
+      const { model: s, element: o } = this.context, n = s.getEdgeData();
+      this.divideEdges(this.options.divisions);
+      const { cycles: r, iterRate: c, divRate: h } = this.options;
+      let { lambda: g, divisions: d, iterations: v } = this.options;
+      for (let p = 0; p < r; p++) {
+        for (let m = 0; m < v; m++) {
+          const E = {};
+          n.forEach((f) => {
+            var x;
+            if (f.source === f.target)
+              return;
+            const P = a(f);
+            E[P] = this.getEdgeForces(f, d, g);
+            for (let b = 0; b < d + 1; b++)
+              (x = this.edgePoints)[P] || (x[P] = []), this.edgePoints[P][b] = l(this.edgePoints[P][b], E[P][b]);
+          });
+        }
+        g /= 2, d *= h, v *= c, this.divideEdges(d);
+      }
+      n.forEach((p) => {
+        const m = a(p), E = o.getElement(m);
+        E == null || E.update({ d: C(this.edgePoints[m]) });
+      });
+    }, this.bindEvents();
+  }
+  get nodeMap() {
+    const t = this.context.model.getNodeData();
+    return Object.fromEntries(t.map((e) => [a(e), T(O(e))]));
+  }
+  divideEdges(t) {
+    this.context.model.getEdgeData().forEach((s) => {
+      var o;
+      const n = a(s);
+      (o = this.edgePoints)[n] || (o[n] = []);
+      const r = this.nodeMap[s.source], c = this.nodeMap[s.target];
+      if (t === 1)
+        this.edgePoints[n].push(r), this.edgePoints[n].push(M(l(r, c), 2)), this.edgePoints[n].push(c);
+      else {
+        const g = (this.edgePoints[n].length === 0 ? (
+          // edge is a straight line
+          u(r, c)
+        ) : (
+          // edge is a polyline
+          k(this.edgePoints[n])
+        )) / (t + 1);
+        let d = g;
+        const v = [r];
+        for (let p = 1; p < this.edgePoints[n].length; p++) {
+          const m = this.edgePoints[n][p - 1], E = this.edgePoints[n][p];
+          let f = u(E, m);
+          for (; f > d; ) {
+            const x = d / f, P = l(m, y(B(E, m), x));
+            v.push(P), f -= d, d = g;
+          }
+          d -= f;
+        }
+        v.push(c), this.edgePoints[n] = v;
+      }
+    });
+  }
+  getVectorPosition(t) {
+    const e = this.nodeMap[t.source], s = this.nodeMap[t.target], [o, n] = B(s, e), r = u(e, s);
+    return { source: e, target: s, vx: o, vy: n, length: r };
+  }
+  measureEdgeCompatibility(t, e) {
+    const s = this.getVectorPosition(t), o = this.getVectorPosition(e), n = I(s, o), r = A(s, o), c = N(s, o), h = S(s, o);
+    return n * r * c * h;
+  }
+  getEdgeBundles() {
+    const t = {}, e = this.options.bundleThreshold, s = this.context.model.getEdgeData();
+    return s.forEach((o, n) => {
+      s.forEach((r, c) => {
+        var h, g;
+        if (c <= n)
+          return;
+        this.measureEdgeCompatibility(o, r) >= e && (t[h = a(o)] || (t[h] = []), t[a(o)].push(r), t[g = a(r)] || (t[g] = []), t[a(r)].push(o));
+      });
+    }), t;
+  }
+  getSpringForce(t, e) {
+    const { pre: s, cur: o, next: n } = t;
+    return y(B(l(s, n), y(o, 2)), e);
+  }
+  getElectrostaticForce(t, e) {
+    j(this.edgeBundles) && (this.edgeBundles = this.getEdgeBundles());
+    const s = this.edgeBundles[a(e)];
+    let o = [0, 0];
+    return s == null || s.forEach((n) => {
+      const r = this.edgePoints[a(n)][t], c = this.edgePoints[a(e)][t], h = B(r, c), g = u(r, c);
+      o = l(o, y(h, 1 / g));
+    }), o;
+  }
+  getEdgeForces(t, e, s) {
+    const o = this.nodeMap[t.source], n = this.nodeMap[t.target], r = this.options.K / (u(o, n) * (e + 1)), c = [[0, 0]], h = a(t);
+    for (let g = 1; g < e; g++) {
+      const d = this.getSpringForce({
+        pre: this.edgePoints[h][g - 1],
+        cur: this.edgePoints[h][g],
+        next: this.edgePoints[h][g + 1] || [0, 0]
+      }, r), v = this.getElectrostaticForce(g, t);
+      c.push(y(l(d, v), s));
+    }
+    return c.push([0, 0]), c;
+  }
+  bindEvents() {
+    const { graph: t } = this.context;
+    t.on(R.AFTER_RENDER, this.onBundle);
+  }
+  unbindEvents() {
+    const { graph: t } = this.context;
+    t.off(R.AFTER_RENDER, this.onBundle);
+  }
+  destroy() {
+    this.unbindEvents(), super.destroy();
+  }
+}
+F.defaultOptions = {
+  K: 0.1,
+  lambda: 0.1,
+  divisions: 1,
+  divRate: 2,
+  cycles: 6,
+  iterations: 90,
+  iterRate: 2 / 3,
+  bundleThreshold: 0.6
+};
+const I = (i, t) => Math.abs(V([i.vx, i.vy], [t.vx, t.vy]) / (i.length * t.length)), A = (i, t) => {
+  const e = (i.length + t.length) / 2;
+  return 2 / (e / Math.min(i.length, t.length) + Math.max(i.length, t.length) / e);
+}, N = (i, t) => {
+  const e = (i.length + t.length) / 2, s = M(l(i.source, i.target), 2), o = M(l(t.source, t.target), 2);
+  return e / (e + u(s, o));
+}, D = (i, t) => {
+  if (t.source[0] === t.target[0])
+    return [t.source[0], i[1]];
+  if (t.source[1] === t.target[1])
+    return [i[0], t.source[1]];
+  const e = (t.source[1] - t.target[1]) / (t.source[0] - t.target[0]), s = (e * e * t.source[0] + e * (i[1] - t.source[1]) + i[0]) / (e * e + 1), o = e * (s - t.source[0]) + t.source[1];
+  return [s, o];
+}, L = (i, t) => {
+  const e = D(t.source, i), s = D(t.target, i), o = M(l(e, s), 2), n = M(l(i.source, i.target), 2);
+  return u(e, s) === 0 ? 0 : Math.max(0, 1 - 2 * u(n, o) / u(e, s));
+}, S = (i, t) => Math.min(L(i, t), L(t, i)), k = (i) => {
+  let t = 0;
+  for (let e = 1; e < i.length; e++)
+    t += u(i[e], i[e - 1]);
+  return t;
+};
+export {
+  F as EdgeBundling
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@antv/g6/esm/plugins/edge-bundling/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../node_modules/@antv/g6/esm/plugins/edge-bundling/index.js"],"sourcesContent":["import { isEmpty } from '@antv/util';\nimport { GraphEvent } from '../../constants';\nimport { getPolylinePath } from '../../utils/edge';\nimport { idOf } from '../../utils/id';\nimport { positionOf } from '../../utils/position';\nimport { add, distance, divide, dot, multiply, subtract, toVector2 } from '../../utils/vector';\nimport { BasePlugin } from '../base-plugin';\n/**\n * <zh/> 边绑定\n *\n * <en/> Edge bundling\n * @remarks\n * <zh/> 边绑定（Edge Bundling）是一种图可视化技术，用于减少复杂网络图中的视觉混乱，并揭示图中的高级别模式和结构。其思想是将相邻的边捆绑在一起。\n *\n * <zh/> G6 中提供的边绑定插件是基于 FEDB（Force-Directed Edge Bundling for Graph Visualization）一文的实现：将边建模为可以相互吸引的柔性弹簧，通过自组织的方式进行捆绑。\n *\n * <en/> Edge bundling is a graph visualization technique used to reduce visual clutter in complex network graphs and reveal high-level patterns and structures in the graph. The idea is to bundle adjacent edges together.\n *\n * <en/> The edge bundling plugin provided in G6 is based on the implementation of the paper FEDB (Force-Directed Edge Bundling for Graph Visualization): modeling edges as flexible springs that can attract each other and bundling them in a self-organizing way.\n */\nexport class EdgeBundling extends BasePlugin {\n    constructor(context, options) {\n        super(context, Object.assign({}, EdgeBundling.defaultOptions, options));\n        this.edgeBundles = {};\n        this.edgePoints = {};\n        this.onBundle = () => {\n            const { model, element } = this.context;\n            const edges = model.getEdgeData();\n            this.divideEdges(this.options.divisions);\n            const { cycles, iterRate, divRate } = this.options;\n            let { lambda, divisions, iterations } = this.options;\n            for (let i = 0; i < cycles; i++) {\n                for (let j = 0; j < iterations; j++) {\n                    const forces = {};\n                    edges.forEach((edge) => {\n                        var _a;\n                        if (edge.source === edge.target)\n                            return;\n                        const edgeId = idOf(edge);\n                        forces[edgeId] = this.getEdgeForces(edge, divisions, lambda);\n                        for (let p = 0; p < divisions + 1; p++) {\n                            (_a = this.edgePoints)[edgeId] || (_a[edgeId] = []);\n                            this.edgePoints[edgeId][p] = add(this.edgePoints[edgeId][p], forces[edgeId][p]);\n                        }\n                    });\n                }\n                // parameters for next cycle\n                lambda /= 2;\n                divisions *= divRate;\n                iterations *= iterRate;\n                this.divideEdges(divisions);\n            }\n            edges.forEach((edge) => {\n                const edgeId = idOf(edge);\n                const edgeEl = element.getElement(edgeId);\n                edgeEl === null || edgeEl === void 0 ? void 0 : edgeEl.update({ d: getPolylinePath(this.edgePoints[edgeId]) });\n            });\n        };\n        this.bindEvents();\n    }\n    get nodeMap() {\n        const nodes = this.context.model.getNodeData();\n        return Object.fromEntries(nodes.map((node) => [idOf(node), toVector2(positionOf(node))]));\n    }\n    divideEdges(divisions) {\n        const edges = this.context.model.getEdgeData();\n        edges.forEach((edge) => {\n            var _a;\n            const edgeId = idOf(edge);\n            (_a = this.edgePoints)[edgeId] || (_a[edgeId] = []);\n            const source = this.nodeMap[edge.source];\n            const target = this.nodeMap[edge.target];\n            if (divisions === 1) {\n                this.edgePoints[edgeId].push(source);\n                this.edgePoints[edgeId].push(divide(add(source, target), 2));\n                this.edgePoints[edgeId].push(target);\n            }\n            else {\n                const edgeLength = this.edgePoints[edgeId].length === 0\n                    ? // edge is a straight line\n                        distance(source, target)\n                    : // edge is a polyline\n                        getEdgeLength(this.edgePoints[edgeId]);\n                const divisionLength = edgeLength / (divisions + 1);\n                let currentDivisionLength = divisionLength;\n                const newEdgePoints = [source];\n                for (let i = 1; i < this.edgePoints[edgeId].length; i++) {\n                    const prevEp = this.edgePoints[edgeId][i - 1];\n                    const ep = this.edgePoints[edgeId][i];\n                    let oriDivisionLength = distance(ep, prevEp);\n                    while (oriDivisionLength > currentDivisionLength) {\n                        const ratio = currentDivisionLength / oriDivisionLength;\n                        const edgePoint = add(prevEp, multiply(subtract(ep, prevEp), ratio));\n                        newEdgePoints.push(edgePoint);\n                        oriDivisionLength -= currentDivisionLength;\n                        currentDivisionLength = divisionLength;\n                    }\n                    currentDivisionLength -= oriDivisionLength;\n                }\n                newEdgePoints.push(target);\n                this.edgePoints[edgeId] = newEdgePoints;\n            }\n        });\n    }\n    getVectorPosition(edge) {\n        const source = this.nodeMap[edge.source];\n        const target = this.nodeMap[edge.target];\n        const [vx, vy] = subtract(target, source);\n        const length = distance(source, target);\n        return { source, target, vx, vy, length };\n    }\n    measureEdgeCompatibility(edge1, edge2) {\n        const vector1 = this.getVectorPosition(edge1);\n        const vector2 = this.getVectorPosition(edge2);\n        const ac = getAngleCompatibility(vector1, vector2);\n        const sc = getScaleCompatibility(vector1, vector2);\n        const pc = getPositionCompatibility(vector1, vector2);\n        const vc = getVisibilityCompatibility(vector1, vector2);\n        return ac * sc * pc * vc;\n    }\n    getEdgeBundles() {\n        const edgeBundles = {};\n        const bundleThreshold = this.options.bundleThreshold;\n        const edges = this.context.model.getEdgeData();\n        edges.forEach((edge1, i) => {\n            edges.forEach((edge2, j) => {\n                var _a, _b;\n                if (j <= i)\n                    return;\n                const compatibility = this.measureEdgeCompatibility(edge1, edge2);\n                if (compatibility >= bundleThreshold) {\n                    edgeBundles[_a = idOf(edge1)] || (edgeBundles[_a] = []);\n                    edgeBundles[idOf(edge1)].push(edge2);\n                    edgeBundles[_b = idOf(edge2)] || (edgeBundles[_b] = []);\n                    edgeBundles[idOf(edge2)].push(edge1);\n                }\n            });\n        });\n        return edgeBundles;\n    }\n    getSpringForce(divisions, kp) {\n        const { pre, cur, next } = divisions;\n        return multiply(subtract(add(pre, next), multiply(cur, 2)), kp);\n    }\n    getElectrostaticForce(pidx, edge) {\n        if (isEmpty(this.edgeBundles)) {\n            this.edgeBundles = this.getEdgeBundles();\n        }\n        const edgeBundle = this.edgeBundles[idOf(edge)];\n        let resForce = [0, 0];\n        edgeBundle === null || edgeBundle === void 0 ? void 0 : edgeBundle.forEach((eb) => {\n            const p1 = this.edgePoints[idOf(eb)][pidx];\n            const p2 = this.edgePoints[idOf(edge)][pidx];\n            const force = subtract(p1, p2);\n            const length = distance(p1, p2);\n            resForce = add(resForce, multiply(force, 1 / length));\n        });\n        return resForce;\n    }\n    getEdgeForces(edge, divisions, lambda) {\n        const source = this.nodeMap[edge.source];\n        const target = this.nodeMap[edge.target];\n        const kp = this.options.K / (distance(source, target) * (divisions + 1));\n        const edgePointForces = [[0, 0]];\n        const edgeId = idOf(edge);\n        for (let i = 1; i < divisions; i++) {\n            const spring = this.getSpringForce({\n                pre: this.edgePoints[edgeId][i - 1],\n                cur: this.edgePoints[edgeId][i],\n                next: this.edgePoints[edgeId][i + 1] || [0, 0],\n            }, kp);\n            const electrostatic = this.getElectrostaticForce(i, edge);\n            edgePointForces.push(multiply(add(spring, electrostatic), lambda));\n        }\n        edgePointForces.push([0, 0]);\n        return edgePointForces;\n    }\n    bindEvents() {\n        const { graph } = this.context;\n        graph.on(GraphEvent.AFTER_RENDER, this.onBundle);\n    }\n    unbindEvents() {\n        const { graph } = this.context;\n        graph.off(GraphEvent.AFTER_RENDER, this.onBundle);\n    }\n    destroy() {\n        this.unbindEvents();\n        super.destroy();\n    }\n}\nEdgeBundling.defaultOptions = {\n    K: 0.1,\n    lambda: 0.1,\n    divisions: 1,\n    divRate: 2,\n    cycles: 6,\n    iterations: 90,\n    iterRate: 2 / 3,\n    bundleThreshold: 0.6,\n};\n// The larger the angle between edges P and Q, the smaller Ca(P,Q).\n// Ca(P,Q) is 0 if P and Q are orthogonal and 1 if P and Q are parallel.\nconst getAngleCompatibility = (p, q) => {\n    return Math.abs(dot([p.vx, p.vy], [q.vx, q.vy]) / (p.length * q.length));\n};\n// Cs(P,Q) is 1 if P and Q have equal length and approaches 0 if the ratio between the longest and the shortest edge approaches ∞.\nconst getScaleCompatibility = (p, q) => {\n    const aLength = (p.length + q.length) / 2;\n    return 2 / (aLength / Math.min(p.length, q.length) + Math.max(p.length, q.length) / aLength);\n};\n// Cp(P,Q) is 1 if Pm and Qm coincide and approaches 0 if ||Pm −Qm|| approaches ∞.\nconst getPositionCompatibility = (p, q) => {\n    const aLength = (p.length + q.length) / 2;\n    const pMid = divide(add(p.source, p.target), 2);\n    const qMid = divide(add(q.source, q.target), 2);\n    return aLength / (aLength + distance(pMid, qMid));\n};\nconst projectPointToEdge = (p, e) => {\n    if (e.source[0] === e.target[0])\n        return [e.source[0], p[1]];\n    if (e.source[1] === e.target[1])\n        return [p[0], e.source[1]];\n    const k = (e.source[1] - e.target[1]) / (e.source[0] - e.target[0]);\n    const x = (k * k * e.source[0] + k * (p[1] - e.source[1]) + p[0]) / (k * k + 1);\n    const y = k * (x - e.source[0]) + e.source[1];\n    return [x, y];\n};\nconst getEdgeVisibility = (p, q) => {\n    const is = projectPointToEdge(q.source, p);\n    const it = projectPointToEdge(q.target, p);\n    const iMid = divide(add(is, it), 2);\n    const pMid = divide(add(p.source, p.target), 2);\n    if (distance(is, it) === 0)\n        return 0;\n    return Math.max(0, 1 - (2 * distance(pMid, iMid)) / distance(is, it));\n};\nconst getVisibilityCompatibility = (p, q) => {\n    return Math.min(getEdgeVisibility(p, q), getEdgeVisibility(q, p));\n};\n/**\n * Calculate the length of a polyline\n * @param points - The points of the polyline\n * @returns The length of the polyline\n */\nconst getEdgeLength = (points) => {\n    let length = 0;\n    for (let i = 1; i < points.length; i++) {\n        length += distance(points[i], points[i - 1]);\n    }\n    return length;\n};\n//# sourceMappingURL=index.js.map"],"names":["EdgeBundling","BasePlugin","context","options","model","element","edges","cycles","iterRate","divRate","lambda","divisions","iterations","i","j","forces","edge","_a","edgeId","idOf","p","add","edgeEl","getPolylinePath","nodes","node","toVector2","positionOf","source","target","divide","divisionLength","distance","getEdgeLength","currentDivisionLength","newEdgePoints","prevEp","ep","oriDivisionLength","ratio","edgePoint","multiply","subtract","vx","vy","length","edge1","edge2","vector1","vector2","ac","getAngleCompatibility","sc","getScaleCompatibility","pc","getPositionCompatibility","vc","getVisibilityCompatibility","edgeBundles","bundleThreshold","_b","kp","pre","cur","next","pidx","isEmpty","edgeBundle","resForce","eb","p1","p2","force","edgePointForces","spring","electrostatic","graph","GraphEvent","q","dot","aLength","pMid","qMid","projectPointToEdge","e","k","x","y","getEdgeVisibility","is","it","iMid","points"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@antv/g6/esm/plugins/edge-filter-lens/index.js

@@ -0,0 +1,168 @@
+import "../../constants/change.js";
+import "../../constants/events/animation.js";
+import "../../constants/events/canvas.js";
+import "../../constants/events/combo.js";
+import { CommonEvent as c } from "../../constants/events/common.js";
+import "../../constants/events/container.js";
+import "../../constants/events/edge.js";
+import "../../constants/events/graph.js";
+import "../../constants/events/history.js";
+import "../../constants/events/node.js";
+import "../../constants/registry.js";
+import "../../elements/combos/base-combo.js";
+import "../../../../g/dist/index.esm.js";
+import { parsePoint as E, toPointObject as b } from "../../utils/point.js";
+import "../../elements/edges/base-edge.js";
+import "../../elements/edges/cubic.js";
+import "../../elements/edges/cubic-horizontal.js";
+import "../../elements/edges/cubic-radial.js";
+import "../../elements/edges/cubic-vertical.js";
+import "../../elements/edges/line.js";
+import "../../elements/edges/polyline.js";
+import "../../elements/edges/quadratic.js";
+import "../../elements/nodes/base-node.js";
+import { Circle as R } from "../../elements/nodes/circle.js";
+import "../../utils/element.js";
+import "../../elements/nodes/donut.js";
+import "../../elements/nodes/ellipse.js";
+import "../../elements/nodes/html.js";
+import "../../elements/nodes/image.js";
+import "../../elements/nodes/triangle.js";
+import { idOf as m } from "../../utils/id.js";
+import { positionOf as C } from "../../utils/position.js";
+import { distance as y } from "../../utils/vector.js";
+import { BasePlugin as S } from "../base-plugin.js";
+const F = {
+  fill: "#fff",
+  fillOpacity: 1,
+  lineWidth: 1,
+  stroke: "#000",
+  strokeOpacity: 0.8,
+  zIndex: -1 / 0
+}, O = 0.05;
+class L extends S {
+  constructor(i, o) {
+    super(i, Object.assign({}, L.defaultOptions, o)), this.shapes = /* @__PURE__ */ new Map(), this.r = this.options.r, this.onEdgeFilter = (t) => {
+      if (this.options.trigger === "drag" && this.isLensOn)
+        return;
+      const e = E(t.canvas);
+      this.renderLens(e), this.renderFocusElements();
+    }, this.renderLens = (t) => {
+      const e = Object.assign({}, F, this.options.style);
+      this.isLensOn || (this.lens = new R({ style: e }), this.canvas.appendChild(this.lens)), Object.assign(e, b(t), { size: this.r * 2 }), this.lens.update(e);
+    }, this.getFilterData = () => {
+      const { filter: t } = this.options, { model: e } = this.context, s = e.getData();
+      if (!t)
+        return s;
+      const { nodes: l, edges: d, combos: g } = s;
+      return {
+        nodes: l.filter((n) => t(m(n), "node")),
+        edges: d.filter((n) => t(m(n), "edge")),
+        combos: g.filter((n) => t(m(n), "combo"))
+      };
+    }, this.getFocusElements = (t) => {
+      const { nodes: e, edges: s } = this.getFilterData(), l = e.filter((n) => y(C(n), t) < this.r), d = l.map((n) => m(n)), g = s.filter((n) => {
+        const { source: p, target: a } = n, h = d.includes(p), r = d.includes(a);
+        switch (this.options.nodeType) {
+          case "both":
+            return h && r;
+          case "either":
+            return h !== r;
+          case "source":
+            return h && !r;
+          case "target":
+            return !h && r;
+          default:
+            return !1;
+        }
+      });
+      return { nodes: l, edges: g };
+    }, this.renderFocusElements = () => {
+      const { element: t, graph: e } = this.context;
+      if (!this.isLensOn)
+        return;
+      const s = this.lens.getCenter(), { nodes: l, edges: d } = this.getFocusElements(s), g = /* @__PURE__ */ new Set(), n = (p) => {
+        const a = m(p);
+        g.add(a);
+        const h = t.getElement(a);
+        if (!h)
+          return;
+        const r = this.shapes.get(a) || h.cloneNode();
+        r.setPosition(h.getPosition()), r.id = h.id, this.shapes.has(a) ? Object.entries(h.attributes).forEach(([f, D]) => {
+          r.style[f] !== D && (r.style[f] = D);
+        }) : (this.canvas.appendChild(r), this.shapes.set(a, r));
+        const u = e.getElementType(a), v = this.getElementStyle(u, p);
+        r.update(v);
+      };
+      l.forEach(n), d.forEach(n), this.shapes.forEach((p, a) => {
+        g.has(a) || (p.destroy(), this.shapes.delete(a));
+      });
+    }, this.scaleRByWheel = (t) => {
+      var e;
+      this.options.preventDefault && t.preventDefault();
+      const { clientX: s, clientY: l, deltaX: d, deltaY: g } = t, { graph: n, canvas: p } = this.context, a = n.getCanvasByClient([s, l]), h = (e = this.lens) === null || e === void 0 ? void 0 : e.getCenter();
+      if (!this.isLensOn || y(a, h) > this.r)
+        return;
+      const { maxR: r, minR: u } = this.options, v = d + g > 0 ? 1 / (1 - O) : 1 - O, f = Math.min(...p.getSize()) / 2;
+      this.r = Math.max(u || 0, Math.min(r || f, this.r * v)), this.renderLens(h), this.renderFocusElements();
+    }, this.isLensDragging = !1, this.onDragStart = (t) => {
+      var e;
+      const s = E(t.canvas), l = (e = this.lens) === null || e === void 0 ? void 0 : e.getCenter();
+      !this.isLensOn || y(s, l) > this.r || (this.isLensDragging = !0);
+    }, this.onDrag = (t) => {
+      if (!this.isLensDragging)
+        return;
+      const e = E(t.canvas);
+      this.renderLens(e), this.renderFocusElements();
+    }, this.onDragEnd = () => {
+      this.isLensDragging = !1;
+    }, this.bindEvents();
+  }
+  get canvas() {
+    return this.context.canvas.getLayer("transient");
+  }
+  get isLensOn() {
+    return this.lens && !this.lens.destroyed;
+  }
+  getElementStyle(i, o) {
+    const t = i === "node" ? this.options.nodeStyle : this.options.edgeStyle;
+    return typeof t == "function" ? t(o) : t;
+  }
+  get graphDom() {
+    return this.context.graph.getCanvas().getContextService().getDomElement();
+  }
+  bindEvents() {
+    var i;
+    const { graph: o } = this.context, { trigger: t, scaleRBy: e } = this.options, s = o.getCanvas().getLayer();
+    ["click", "drag"].includes(t) && s.addEventListener(c.CLICK, this.onEdgeFilter), t === "pointermove" ? s.addEventListener(c.POINTER_MOVE, this.onEdgeFilter) : t === "drag" && (s.addEventListener(c.DRAG_START, this.onDragStart), s.addEventListener(c.DRAG, this.onDrag), s.addEventListener(c.DRAG_END, this.onDragEnd)), e === "wheel" && ((i = this.graphDom) === null || i === void 0 || i.addEventListener(c.WHEEL, this.scaleRByWheel, { passive: !1 }));
+  }
+  unbindEvents() {
+    var i;
+    const { graph: o } = this.context, { trigger: t, scaleRBy: e } = this.options, s = o.getCanvas().getLayer();
+    ["click", "drag"].includes(t) && s.removeEventListener(c.CLICK, this.onEdgeFilter), t === "pointermove" ? s.removeEventListener(c.POINTER_MOVE, this.onEdgeFilter) : t === "drag" && (s.removeEventListener(c.DRAG_START, this.onDragStart), s.removeEventListener(c.DRAG, this.onDrag), s.removeEventListener(c.DRAG_END, this.onDragEnd)), e === "wheel" && ((i = this.graphDom) === null || i === void 0 || i.removeEventListener(c.WHEEL, this.scaleRByWheel));
+  }
+  update(i) {
+    var o;
+    this.unbindEvents(), super.update(i), this.r = (o = i.r) !== null && o !== void 0 ? o : this.r, this.bindEvents();
+  }
+  destroy() {
+    this.unbindEvents(), this.isLensOn && this.lens.destroy(), this.shapes.forEach((i, o) => {
+      i.destroy(), this.shapes.delete(o);
+    }), super.destroy();
+  }
+}
+L.defaultOptions = {
+  trigger: "pointermove",
+  r: 60,
+  nodeType: "both",
+  filter: () => !0,
+  style: { lineWidth: 2 },
+  nodeStyle: { label: !1 },
+  edgeStyle: { label: !0 },
+  scaleRBy: "wheel",
+  preventDefault: !0
+};
+export {
+  L as EdgeFilterLens
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@antv/g6/esm/plugins/edge-filter-lens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../node_modules/@antv/g6/esm/plugins/edge-filter-lens/index.js"],"sourcesContent":["import { CommonEvent } from '../../constants';\nimport { Circle } from '../../elements';\nimport { idOf } from '../../utils/id';\nimport { parsePoint, toPointObject } from '../../utils/point';\nimport { positionOf } from '../../utils/position';\nimport { distance } from '../../utils/vector';\nimport { BasePlugin } from '../base-plugin';\nconst defaultLensStyle = {\n    fill: '#fff',\n    fillOpacity: 1,\n    lineWidth: 1,\n    stroke: '#000',\n    strokeOpacity: 0.8,\n    zIndex: -Infinity,\n};\nconst DELTA = 0.05;\n/**\n * <zh/> 边过滤镜插件\n *\n * <en/> Edge filter lens plugin\n * @remarks\n * <zh/> 边过滤镜可以将关注的边保留在过滤镜范围内，其他边将在该范围内不显示。\n *\n * <en/> EdgeFilterLens can keep the focused edges within the lens range, while other edges will not be displayed within that range.\n */\nexport class EdgeFilterLens extends BasePlugin {\n    constructor(context, options) {\n        super(context, Object.assign({}, EdgeFilterLens.defaultOptions, options));\n        this.shapes = new Map();\n        this.r = this.options.r;\n        this.onEdgeFilter = (event) => {\n            if (this.options.trigger === 'drag' && this.isLensOn)\n                return;\n            const origin = parsePoint(event.canvas);\n            this.renderLens(origin);\n            this.renderFocusElements();\n        };\n        this.renderLens = (origin) => {\n            const style = Object.assign({}, defaultLensStyle, this.options.style);\n            if (!this.isLensOn) {\n                this.lens = new Circle({ style });\n                this.canvas.appendChild(this.lens);\n            }\n            Object.assign(style, toPointObject(origin), { size: this.r * 2 });\n            this.lens.update(style);\n        };\n        this.getFilterData = () => {\n            const { filter } = this.options;\n            const { model } = this.context;\n            const data = model.getData();\n            if (!filter)\n                return data;\n            const { nodes, edges, combos } = data;\n            return {\n                nodes: nodes.filter((node) => filter(idOf(node), 'node')),\n                edges: edges.filter((edge) => filter(idOf(edge), 'edge')),\n                combos: combos.filter((combo) => filter(idOf(combo), 'combo')),\n            };\n        };\n        this.getFocusElements = (origin) => {\n            const { nodes, edges } = this.getFilterData();\n            const focusNodes = nodes.filter((datum) => distance(positionOf(datum), origin) < this.r);\n            const focusNodeIds = focusNodes.map((node) => idOf(node));\n            const focusEdges = edges.filter((datum) => {\n                const { source, target } = datum;\n                const isSourceFocus = focusNodeIds.includes(source);\n                const isTargetFocus = focusNodeIds.includes(target);\n                switch (this.options.nodeType) {\n                    case 'both':\n                        return isSourceFocus && isTargetFocus;\n                    case 'either':\n                        return isSourceFocus !== isTargetFocus;\n                    case 'source':\n                        return isSourceFocus && !isTargetFocus;\n                    case 'target':\n                        return !isSourceFocus && isTargetFocus;\n                    default:\n                        return false;\n                }\n            });\n            return { nodes: focusNodes, edges: focusEdges };\n        };\n        this.renderFocusElements = () => {\n            const { element, graph } = this.context;\n            if (!this.isLensOn)\n                return;\n            const origin = this.lens.getCenter();\n            const { nodes, edges } = this.getFocusElements(origin);\n            const ids = new Set();\n            const iterate = (datum) => {\n                const id = idOf(datum);\n                ids.add(id);\n                const shape = element.getElement(id);\n                if (!shape)\n                    return;\n                const cloneShape = this.shapes.get(id) || shape.cloneNode();\n                cloneShape.setPosition(shape.getPosition());\n                cloneShape.id = shape.id;\n                if (!this.shapes.has(id)) {\n                    this.canvas.appendChild(cloneShape);\n                    this.shapes.set(id, cloneShape);\n                }\n                else {\n                    Object.entries(shape.attributes).forEach(([key, value]) => {\n                        if (cloneShape.style[key] !== value)\n                            cloneShape.style[key] = value;\n                    });\n                }\n                const elementType = graph.getElementType(id);\n                const style = this.getElementStyle(elementType, datum);\n                // @ts-ignore\n                cloneShape.update(style);\n            };\n            nodes.forEach(iterate);\n            edges.forEach(iterate);\n            this.shapes.forEach((shape, id) => {\n                if (!ids.has(id)) {\n                    shape.destroy();\n                    this.shapes.delete(id);\n                }\n            });\n        };\n        this.scaleRByWheel = (event) => {\n            var _a;\n            if (this.options.preventDefault)\n                event.preventDefault();\n            const { clientX, clientY, deltaX, deltaY } = event;\n            const { graph, canvas } = this.context;\n            const scaleOrigin = graph.getCanvasByClient([clientX, clientY]);\n            const origin = (_a = this.lens) === null || _a === void 0 ? void 0 : _a.getCenter();\n            if (!this.isLensOn || distance(scaleOrigin, origin) > this.r) {\n                return;\n            }\n            const { maxR, minR } = this.options;\n            const ratio = deltaX + deltaY > 0 ? 1 / (1 - DELTA) : 1 - DELTA;\n            const canvasR = Math.min(...canvas.getSize()) / 2;\n            this.r = Math.max(minR || 0, Math.min(maxR || canvasR, this.r * ratio));\n            this.renderLens(origin);\n            this.renderFocusElements();\n        };\n        this.isLensDragging = false;\n        this.onDragStart = (event) => {\n            var _a;\n            const dragOrigin = parsePoint(event.canvas);\n            const origin = (_a = this.lens) === null || _a === void 0 ? void 0 : _a.getCenter();\n            if (!this.isLensOn || distance(dragOrigin, origin) > this.r)\n                return;\n            this.isLensDragging = true;\n        };\n        this.onDrag = (event) => {\n            if (!this.isLensDragging)\n                return;\n            const dragOrigin = parsePoint(event.canvas);\n            this.renderLens(dragOrigin);\n            this.renderFocusElements();\n        };\n        this.onDragEnd = () => {\n            this.isLensDragging = false;\n        };\n        this.bindEvents();\n    }\n    get canvas() {\n        return this.context.canvas.getLayer('transient');\n    }\n    get isLensOn() {\n        return this.lens && !this.lens.destroyed;\n    }\n    getElementStyle(elementType, datum) {\n        const styler = elementType === 'node' ? this.options.nodeStyle : this.options.edgeStyle;\n        if (typeof styler === 'function')\n            return styler(datum);\n        return styler;\n    }\n    get graphDom() {\n        return this.context.graph.getCanvas().getContextService().getDomElement();\n    }\n    bindEvents() {\n        var _a;\n        const { graph } = this.context;\n        const { trigger, scaleRBy } = this.options;\n        const canvas = graph.getCanvas().getLayer();\n        if (['click', 'drag'].includes(trigger)) {\n            canvas.addEventListener(CommonEvent.CLICK, this.onEdgeFilter);\n        }\n        if (trigger === 'pointermove') {\n            canvas.addEventListener(CommonEvent.POINTER_MOVE, this.onEdgeFilter);\n        }\n        else if (trigger === 'drag') {\n            canvas.addEventListener(CommonEvent.DRAG_START, this.onDragStart);\n            canvas.addEventListener(CommonEvent.DRAG, this.onDrag);\n            canvas.addEventListener(CommonEvent.DRAG_END, this.onDragEnd);\n        }\n        if (scaleRBy === 'wheel') {\n            (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.addEventListener(CommonEvent.WHEEL, this.scaleRByWheel, { passive: false });\n        }\n    }\n    unbindEvents() {\n        var _a;\n        const { graph } = this.context;\n        const { trigger, scaleRBy } = this.options;\n        const canvas = graph.getCanvas().getLayer();\n        if (['click', 'drag'].includes(trigger)) {\n            canvas.removeEventListener(CommonEvent.CLICK, this.onEdgeFilter);\n        }\n        if (trigger === 'pointermove') {\n            canvas.removeEventListener(CommonEvent.POINTER_MOVE, this.onEdgeFilter);\n        }\n        else if (trigger === 'drag') {\n            canvas.removeEventListener(CommonEvent.DRAG_START, this.onDragStart);\n            canvas.removeEventListener(CommonEvent.DRAG, this.onDrag);\n            canvas.removeEventListener(CommonEvent.DRAG_END, this.onDragEnd);\n        }\n        if (scaleRBy === 'wheel') {\n            (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.removeEventListener(CommonEvent.WHEEL, this.scaleRByWheel);\n        }\n    }\n    update(options) {\n        var _a;\n        this.unbindEvents();\n        super.update(options);\n        this.r = (_a = options.r) !== null && _a !== void 0 ? _a : this.r;\n        this.bindEvents();\n    }\n    destroy() {\n        this.unbindEvents();\n        if (this.isLensOn) {\n            this.lens.destroy();\n        }\n        this.shapes.forEach((shape, id) => {\n            shape.destroy();\n            this.shapes.delete(id);\n        });\n        super.destroy();\n    }\n}\nEdgeFilterLens.defaultOptions = {\n    trigger: 'pointermove',\n    r: 60,\n    nodeType: 'both',\n    filter: () => true,\n    style: { lineWidth: 2 },\n    nodeStyle: { label: false },\n    edgeStyle: { label: true },\n    scaleRBy: 'wheel',\n    preventDefault: true,\n};\n//# sourceMappingURL=index.js.map"],"names":["defaultLensStyle","DELTA","EdgeFilterLens","BasePlugin","context","options","event","origin","parsePoint","style","Circle","toPointObject","filter","model","data","nodes","edges","combos","node","idOf","edge","combo","focusNodes","datum","distance","positionOf","focusNodeIds","focusEdges","source","target","isSourceFocus","isTargetFocus","element","graph","ids","iterate","id","shape","cloneShape","key","value","elementType","_a","clientX","clientY","deltaX","deltaY","canvas","scaleOrigin","maxR","minR","ratio","canvasR","dragOrigin","styler","trigger","scaleRBy","CommonEvent"],"mappings":"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","x_google_ignoreList":[0]}