@hkyhy/marsun-components-core 0.1.113 → 0.1.115

package/dist/node_modules/@antv/g-canvas/dist/index.esm.js

@@ -0,0 +1,1242 @@
+import K from "../../../@babel/runtime/helpers/esm/createClass.js";
+import Y from "../../../@babel/runtime/helpers/esm/classCallCheck.js";
+import oe from "../../../@babel/runtime/helpers/esm/callSuper.js";
+import se from "../../../@babel/runtime/helpers/esm/inherits.js";
+import { AbstractRenderer as qe, AABB as ge, CustomEvent as Ke, CanvasEvent as Ye, Shape as T, Node as Ue, findClosestClipPathTarget as Xe, ImageLoader as je, DomInteraction as er, HTMLRenderer as rr, Point as tr, AbstractRendererPlugin as Se, setDOMSize as ar, RenderReason as ir, isDisplayObject as le, isFillOrStrokeAffected as ue, getOrCalculatePathTotalLength as nr, isPattern as we, GradientType as Le } from "../../g-lite/dist/index.esm.js";
+import E from "../../../@babel/runtime/helpers/esm/defineProperty.js";
+import ce from "../../../@babel/runtime/helpers/esm/objectSpread2.js";
+import b from "../../../@babel/runtime/helpers/esm/slicedToArray.js";
+import ee from "../../../@babel/runtime/helpers/esm/classPrivateFieldLooseBase.js";
+import lr from "../../../@babel/runtime/helpers/esm/classPrivateFieldLooseKey.js";
+import Ne from "../../../@babel/runtime/helpers/esm/createForOfIteratorHelper.js";
+import Te from "../../../@babel/runtime/helpers/esm/regeneratorRuntime.js";
+import be from "../../../@babel/runtime/helpers/esm/asyncToGenerator.js";
+import { distance as Ge, linePointToLine as or, cubicPointDistance as Fe, quadPointDistance as sr } from "../../g-math/dist/index.esm.js";
+import F from "../../util/esm/lodash/is-nil.js";
+import fr from "../../util/esm/lodash/is-string.js";
+import He from "../../util/esm/lodash/clamp.js";
+import { arcToCubic as vr } from "../../util/esm/path/process/arc-2-cubic.js";
+import { create as U, transformMat4 as ie, set as $e } from "../../../gl-matrix/esm/vec3.js";
+import { create as Ce, fromScaling as hr, multiply as ye, exactEquals as Ie, copy as _e, invert as ur, fromValues as dr } from "../../../gl-matrix/esm/mat4.js";
+/*!
+ * @antv/g-canvas
+ * @description A renderer implemented by Canvas 2D API
+ * @version 2.2.0
+ * @date 12/24/2025, 11:55:53 AM
+ * @author AntVis
+ * @docs https://g.antv.antgroup.com/
+ */
+var W = /* @__PURE__ */ lr("renderState"), ze = /* @__PURE__ */ (function() {
+  function o(n) {
+    Y(this, o), this.renderQueue = [], Object.defineProperty(this, W, {
+      writable: !0,
+      value: {
+        restoreStack: [],
+        prevObject: null,
+        currentContext: /* @__PURE__ */ new Map()
+      }
+    }), this.clearFullScreenLastFrame = !1, this.clearFullScreen = !1, this.vpMatrix = Ce(), this.dprMatrix = Ce(), this.tmpMat4 = Ce(), this.vec3a = U(), this.vec3b = U(), this.vec3c = U(), this.vec3d = U(), this.canvasRendererPluginOptions = n;
+  }
+  return K(o, [{
+    key: "apply",
+    value: function(t, e) {
+      var r = this;
+      this.context = t;
+      var a = this.context, i = a.config, l = a.camera, s = a.renderingService, f = a.renderingContext, v = a.pathGeneratorFactory, u = i.renderer.getConfig().enableRenderingOptimization;
+      i.renderer.getConfig().enableDirtyCheck = !1, i.renderer.getConfig().enableDirtyRectangleRendering = !1, this.pathGeneratorFactory = v;
+      var h = t.contextService, d = f.root.ownerDocument.defaultView;
+      s.hooks.init.tap(o.tag, function() {
+        var g = h.getDPR(), m = i.width, p = i.height, k = h.getContext();
+        r.clearRect(k, 0, 0, m * g, p * g, i.background);
+      }), s.hooks.destroy.tap(o.tag, function() {
+        r.renderQueue = [], ee(r, W)[W] = {
+          restoreStack: [],
+          prevObject: null,
+          currentContext: null
+        };
+      });
+      var c = function() {
+        var m, p = h.getContext(), k = h.getDPR(), C = i.width, P = i.height, O = r.canvasRendererPluginOptions, S = O.dirtyObjectNumThreshold, M = O.dirtyObjectRatioThreshold, w = s.getStats(), R = w.total, A = w.rendered, D = A / R;
+        r.clearFullScreen = r.clearFullScreenLastFrame || // @ts-ignore
+        !((m = d.context.renderingPlugins[1]) !== null && m !== void 0 && m.isFirstTimeRenderingFinished) || s.disableDirtyRectangleRendering() || A > S && D > M, p && (typeof p.resetTransform == "function" ? p.resetTransform() : p.setTransform(1, 0, 0, 1, 0, 0), r.clearFullScreen && r.clearRect(p, 0, 0, C * k, P * k, i.background));
+      }, y = function(m, p) {
+        for (var k = [m]; k.length > 0; ) {
+          var C, P = k.pop();
+          P.isVisible() && !P.isCulled() && (u ? r.renderDisplayObjectOptimized(P, p, r.context, ee(r, W)[W], e) : r.renderDisplayObject(P, p, r.context, ee(r, W)[W], e));
+          for (var O = ((C = P.sortable) === null || C === void 0 || (C = C.sorted) === null || C === void 0 ? void 0 : C.length) > 0 ? P.sortable.sorted : P.childNodes, S = O.length - 1; S >= 0; S--)
+            k.push(O[S]);
+        }
+      };
+      s.hooks.endFrame.tap(o.tag, function() {
+        if (c(), f.root.childNodes.length === 0) {
+          r.clearFullScreenLastFrame = !0;
+          return;
+        }
+        u = i.renderer.getConfig().enableRenderingOptimization, ee(r, W)[W] = {
+          restoreStack: [],
+          prevObject: null,
+          currentContext: ee(r, W)[W].currentContext
+        }, ee(r, W)[W].currentContext.clear(), r.clearFullScreenLastFrame = !1;
+        var g = h.getContext(), m = h.getDPR();
+        if (hr(r.dprMatrix, [m, m, 1]), ye(r.vpMatrix, r.dprMatrix, l.getOrthoMatrix()), r.clearFullScreen)
+          u ? (g.save(), y(f.root, g), g.restore()) : y(f.root, g);
+        else {
+          var p = r.safeMergeAABB(r.mergeDirtyAABBs(r.renderQueue));
+          if (ge.isEmpty(p)) {
+            r.renderQueue = [];
+            return;
+          }
+          var k = r.convertAABB2Rect(p), C = k.x, P = k.y, O = k.width, S = k.height, M = ie(r.vec3a, [C, P, 0], r.vpMatrix), w = ie(r.vec3b, [C + O, P, 0], r.vpMatrix), R = ie(r.vec3c, [C, P + S, 0], r.vpMatrix), A = ie(r.vec3d, [C + O, P + S, 0], r.vpMatrix), D = Math.min(M[0], w[0], A[0], R[0]), L = Math.min(M[1], w[1], A[1], R[1]), $ = Math.max(M[0], w[0], A[0], R[0]), I = Math.max(M[1], w[1], A[1], R[1]), B = Math.floor(D), N = Math.floor(L), G = Math.ceil($ - D), X = Math.ceil(I - L);
+          g.save(), r.clearRect(g, B, N, G, X, i.background), g.beginPath(), g.rect(B, N, G, X), g.clip(), g.setTransform(r.vpMatrix[0], r.vpMatrix[1], r.vpMatrix[4], r.vpMatrix[5], r.vpMatrix[12], r.vpMatrix[13]);
+          var H = i.renderer.getConfig(), re = H.enableDirtyRectangleRenderingDebug;
+          re && d.dispatchEvent(new Ke(Ye.DIRTY_RECTANGLE, {
+            dirtyRect: {
+              x: B,
+              y: N,
+              width: G,
+              height: X
+            }
+          }));
+          var q = p.getMin(), te = b(q, 2), fe = te[0], z = te[1], V = p.getMax(), j = b(V, 2), ve = j[0], Q = j[1], J = f.root.ownerDocument.elementsFromBBox(fe, z, ve, Q);
+          J.sort(function(Z, de) {
+            return Z.sortable.renderOrder - de.sortable.renderOrder;
+          }).forEach(function(Z) {
+            Z && Z.isVisible() && !Z.isCulled() && r.renderDisplayObject(Z, g, r.context, ee(r, W)[W], e);
+          }), g.restore(), r.renderQueue.forEach(function(Z) {
+            r.saveDirtyAABB(Z);
+          }), r.renderQueue = [];
+        }
+        ee(r, W)[W].restoreStack.forEach(function() {
+          g.restore();
+        }), ee(r, W)[W].restoreStack = [];
+      }), s.hooks.render.tap(o.tag, function(g) {
+        r.clearFullScreen || r.renderQueue.push(g);
+      });
+    }
+  }, {
+    key: "clearRect",
+    value: function(t, e, r, a, i, l) {
+      t.clearRect(e, r, a, i), l && (t.fillStyle = l, t.fillRect(e, r, a, i));
+    }
+  }, {
+    key: "renderDisplayObjectOptimized",
+    value: function(t, e, r, a, i) {
+      var l = t.nodeName, s = !1, f = !1, v = this.context.styleRendererFactory[l], u = this.pathGeneratorFactory[l], h = t.parsedStyle.clipPath;
+      if (h) {
+        s = !a.prevObject || !Ie(h.getWorldTransform(), a.prevObject.getWorldTransform()), s && (this.applyWorldTransform(e, h), a.prevObject = null);
+        var d = this.pathGeneratorFactory[h.nodeName];
+        d && (e.save(), f = !0, e.beginPath(), d(e, h.parsedStyle), e.closePath(), e.clip());
+      }
+      if (v) {
+        s = !a.prevObject || !Ie(t.getWorldTransform(), a.prevObject.getWorldTransform()), s && this.applyWorldTransform(e, t);
+        var c = !a.prevObject;
+        if (!c) {
+          var y = a.prevObject.nodeName;
+          l === T.TEXT ? c = y !== T.TEXT : l === T.IMAGE ? c = y !== T.IMAGE : c = y === T.TEXT || y === T.IMAGE;
+        }
+        v.applyStyleToContext(e, t, c, a), a.prevObject = t;
+      }
+      u && (e.beginPath(), u(e, t.parsedStyle), l !== T.LINE && l !== T.PATH && l !== T.POLYLINE && e.closePath()), v && v.drawToContext(e, t, ee(this, W)[W], this, i), f && e.restore(), t.dirty(!1);
+    }
+  }, {
+    key: "renderDisplayObject",
+    value: function(t, e, r, a, i) {
+      var l = t.nodeName, s = a.restoreStack[a.restoreStack.length - 1];
+      s && !(t.compareDocumentPosition(s) & Ue.DOCUMENT_POSITION_CONTAINS) && (e.restore(), a.restoreStack.pop());
+      var f = this.context.styleRendererFactory[l], v = this.pathGeneratorFactory[l], u = t.parsedStyle.clipPath;
+      if (u) {
+        this.applyWorldTransform(e, u);
+        var h = this.pathGeneratorFactory[u.nodeName];
+        h && (e.save(), a.restoreStack.push(t), e.beginPath(), h(e, u.parsedStyle), e.closePath(), e.clip());
+      }
+      f && (this.applyWorldTransform(e, t), e.save(), this.applyAttributesToContext(e, t)), v && (e.beginPath(), v(e, t.parsedStyle), l !== T.LINE && l !== T.PATH && l !== T.POLYLINE && e.closePath()), f && (f.render(e, t.parsedStyle, t, r, this, i), e.restore()), t.dirty(!1);
+    }
+  }, {
+    key: "applyAttributesToContext",
+    value: function(t, e) {
+      var r = e.parsedStyle, a = r.stroke, i = r.fill, l = r.opacity, s = r.lineDash, f = r.lineDashOffset;
+      s && t.setLineDash(s), F(f) || (t.lineDashOffset = f), F(l) || (t.globalAlpha *= l), !F(a) && !Array.isArray(a) && !a.isNone && (t.strokeStyle = e.attributes.stroke), !F(i) && !Array.isArray(i) && !i.isNone && (t.fillStyle = e.attributes.fill);
+    }
+  }, {
+    key: "convertAABB2Rect",
+    value: function(t) {
+      var e = t.getMin(), r = t.getMax(), a = Math.floor(e[0]), i = Math.floor(e[1]), l = Math.ceil(r[0]), s = Math.ceil(r[1]), f = l - a, v = s - i;
+      return {
+        x: a,
+        y: i,
+        width: f,
+        height: v
+      };
+    }
+    /**
+     * TODO: merge dirty rectangles with some strategies.
+     * For now, we just simply merge all the rectangles into one.
+     * @see https://idom.me/articles/841.html
+     */
+  }, {
+    key: "mergeDirtyAABBs",
+    value: function(t) {
+      var e = new ge();
+      return t.forEach(function(r) {
+        var a = r.getRenderBounds();
+        e.add(a);
+        var i = r.renderable.dirtyRenderBounds;
+        i && e.add(i);
+      }), e;
+    }
+  }, {
+    key: "saveDirtyAABB",
+    value: function(t) {
+      var e = t.renderable;
+      e.dirtyRenderBounds || (e.dirtyRenderBounds = new ge());
+      var r = t.getRenderBounds();
+      r && e.dirtyRenderBounds.update(r.center, r.halfExtents);
+    }
+  }, {
+    key: "applyWorldTransform",
+    value: function(t, e, r) {
+      r ? (_e(this.tmpMat4, e.getLocalTransform()), ye(this.tmpMat4, r, this.tmpMat4), ye(this.tmpMat4, this.vpMatrix, this.tmpMat4)) : (_e(this.tmpMat4, e.getWorldTransform()), ye(this.tmpMat4, this.vpMatrix, this.tmpMat4)), t.setTransform(this.tmpMat4[0], this.tmpMat4[1], this.tmpMat4[4], this.tmpMat4[5], this.tmpMat4[12], this.tmpMat4[13]);
+    }
+  }, {
+    key: "safeMergeAABB",
+    value: function() {
+      for (var t = new ge(), e = arguments.length, r = new Array(e), a = 0; a < e; a++)
+        r[a] = arguments[a];
+      return r.forEach(function(i) {
+        t.add(i);
+      }), t;
+    }
+  }]);
+})();
+ze.tag = "CanvasRenderer";
+function Pe(o, n, t, e, r, a, i) {
+  var l, s;
+  if (o.image.nodeName === "rect") {
+    var f = o.image.parsedStyle, v = f.width, u = f.height;
+    s = e.contextService.getDPR();
+    var h = e.config.offscreenCanvas;
+    l = a.offscreenCanvasCreator.getOrCreateCanvas(h), l.width = v * s, l.height = u * s;
+    var d = a.offscreenCanvasCreator.getOrCreateContext(h), c = {
+      restoreStack: [],
+      prevObject: null,
+      currentContext: /* @__PURE__ */ new Map()
+    };
+    o.image.forEach(function(g) {
+      r.renderDisplayObject(g, d, e, c, a);
+    }), c.restoreStack.forEach(function() {
+      d.restore();
+    });
+  }
+  var y = i.getOrCreatePatternSync(n, o, t, l, s, n.getGeometryBounds().min, function() {
+    n.dirty(), e.renderingService.dirty();
+  });
+  return y;
+}
+function Me(o, n, t, e) {
+  var r;
+  if (o.type === Le.LinearGradient || o.type === Le.RadialGradient) {
+    var a = n.getGeometryBounds(), i = a && a.halfExtents[0] * 2 || 1, l = a && a.halfExtents[1] * 2 || 1, s = a && a.min || [0, 0];
+    r = e.getOrCreateGradient(ce(ce({
+      type: o.type
+    }, o.value), {}, {
+      min: s,
+      width: i,
+      height: l
+    }), t);
+  }
+  return r;
+}
+var me = ["shadowBlur", "shadowOffsetX", "shadowOffsetY"], We = ["lineCap", "lineJoin", "miterLimit"], x = {
+  // common
+  globalAlpha: 1,
+  shadowBlur: 0,
+  shadowOffsetX: 0,
+  shadowOffsetY: 0,
+  shadowColor: "#000",
+  filter: "none",
+  globalCompositeOperation: "source-over",
+  // stroke/fill
+  strokeStyle: "#000",
+  strokeOpacity: 1,
+  lineWidth: 1,
+  lineDash: [],
+  lineDashOffset: 0,
+  lineCap: "butt",
+  lineJoin: "miter",
+  miterLimit: 10,
+  fillStyle: "#000",
+  fillOpacity: 1
+  // image
+}, Be = {};
+function _(o, n, t, e) {
+  var r = e.has(n) ? e.get(n) : x[n];
+  return r !== t && (n === "lineDash" ? o.setLineDash(t) : o[n] = t, e.set(n, t)), r;
+}
+var cr = /* @__PURE__ */ (function() {
+  function o(n) {
+    Y(this, o), this.imagePool = n;
+  }
+  return K(o, [{
+    key: "applyAttributesToContext",
+    value: function(t, e) {
+    }
+  }, {
+    key: "render",
+    value: function(t, e, r, a, i, l) {
+    }
+    // #region common style
+  }, {
+    key: "applyCommonStyleToContext",
+    value: function(t, e, r, a) {
+      var i = r ? Be : a.prevObject.parsedStyle, l = e.parsedStyle;
+      (r || l.opacity !== i.opacity) && _(t, "globalAlpha", F(l.opacity) ? x.globalAlpha : l.opacity, a.currentContext), (r || l.blend !== i.blend) && _(
+        t,
+        "globalCompositeOperation",
+        // @ts-ignore
+        F(l.blend) ? x.globalCompositeOperation : (
+          // @ts-ignore
+          l.blend
+        ),
+        a.currentContext
+      );
+    }
+    // #endregion common style
+    // #region stroke/fill style
+  }, {
+    key: "applyStrokeFillStyleToContext",
+    value: function(t, e, r, a) {
+      var i = r ? Be : a.prevObject.parsedStyle, l = e.parsedStyle, s = l.lineWidth, f = s === void 0 ? x.lineWidth : s, v = l.fill && !l.fill.isNone, u = l.stroke && !l.stroke.isNone && f > 0;
+      if (u) {
+        if (r || e.attributes.stroke !== a.prevObject.attributes.stroke) {
+          var h = !F(l.stroke) && !Array.isArray(l.stroke) && !l.stroke.isNone ? e.attributes.stroke : x.strokeStyle;
+          _(t, "strokeStyle", h, a.currentContext);
+        }
+        (r || l.lineWidth !== i.lineWidth) && _(t, "lineWidth", F(l.lineWidth) ? x.lineWidth : l.lineWidth, a.currentContext), (r || l.lineDash !== i.lineDash) && _(t, "lineDash", l.lineDash || x.lineDash, a.currentContext), (r || l.lineDashOffset !== i.lineDashOffset) && _(t, "lineDashOffset", F(l.lineDashOffset) ? x.lineDashOffset : l.lineDashOffset, a.currentContext);
+        for (var d = 0; d < We.length; d++) {
+          var c = We[d];
+          (r || l[c] !== i[c]) && _(t, c, F(l[c]) ? x[c] : l[c], a.currentContext);
+        }
+      }
+      if (v && (r || e.attributes.fill !== a.prevObject.attributes.fill)) {
+        var y = !F(l.fill) && !Array.isArray(l.fill) && !l.fill.isNone ? e.attributes.fill : x.fillStyle;
+        _(t, "fillStyle", y, a.currentContext);
+      }
+    }
+    // #endregion stroke/fill style
+  }, {
+    key: "applyStyleToContext",
+    value: function(t, e, r, a) {
+      var i = e.nodeName;
+      this.applyCommonStyleToContext(t, e, r, a), i === T.IMAGE || this.applyStrokeFillStyleToContext(t, e, r, a);
+    }
+  }, {
+    key: "applyShadowAndFilterStyleToContext",
+    value: function(t, e, r, a) {
+      var i = e.parsedStyle;
+      if (r) {
+        _(t, "shadowColor", i.shadowColor.toString(), a.currentContext);
+        for (var l = 0; l < me.length; l++) {
+          var s = me[l];
+          _(t, s, i[s] || x[s], a.currentContext);
+        }
+      }
+      i.filter && i.filter.length && _(
+        t,
+        "filter",
+        // use raw filter string
+        e.attributes.filter,
+        a.currentContext
+      );
+    }
+  }, {
+    key: "clearShadowAndFilterStyleForContext",
+    value: function(t, e, r, a) {
+      var i = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1;
+      if (e) {
+        _(t, "shadowColor", x.shadowColor, a.currentContext);
+        for (var l = 0; l < me.length; l++) {
+          var s = me[l];
+          _(t, s, x[s], a.currentContext);
+        }
+      }
+      if (r)
+        if (e && i) {
+          var f = t.filter;
+          !F(f) && f.indexOf("drop-shadow") > -1 && _(t, "filter", f.replace(/drop-shadow\([^)]*\)/, "").trim() || x.filter, a.currentContext);
+        } else
+          _(t, "filter", x.filter, a.currentContext);
+    }
+  }, {
+    key: "fillToContext",
+    value: function(t, e, r, a, i) {
+      var l = this, s = e.parsedStyle, f = s.fill, v = s.fillRule, u = null;
+      if (Array.isArray(f) && f.length > 0)
+        f.forEach(function(d) {
+          var c = _(t, "fillStyle", Me(d, e, t, l.imagePool), r.currentContext);
+          u = u ?? c, v ? t.fill(v) : t.fill();
+        });
+      else {
+        if (we(f)) {
+          var h = Pe(f, e, t, e.ownerDocument.defaultView.context, a, i, this.imagePool);
+          h && (t.fillStyle = h, u = !0);
+        }
+        v ? t.fill(v) : t.fill();
+      }
+      u !== null && _(t, "fillStyle", u, r.currentContext);
+    }
+  }, {
+    key: "strokeToContext",
+    value: function(t, e, r, a, i) {
+      var l = this, s = e.parsedStyle.stroke, f = null;
+      if (Array.isArray(s) && s.length > 0)
+        s.forEach(function(h) {
+          var d = _(t, "strokeStyle", Me(h, e, t, l.imagePool), r.currentContext);
+          f = f ?? d, t.stroke();
+        });
+      else {
+        if (we(s)) {
+          var v = Pe(s, e, t, e.ownerDocument.defaultView.context, a, i, this.imagePool);
+          if (v) {
+            var u = _(t, "strokeStyle", v, r.currentContext);
+            f = f ?? u;
+          }
+        }
+        t.stroke();
+      }
+      f !== null && _(t, "strokeStyle", f, r.currentContext);
+    }
+  }, {
+    key: "drawToContext",
+    value: function(t, e, r, a, i) {
+      var l, s = e.nodeName, f = e.parsedStyle, v = f.opacity, u = v === void 0 ? x.globalAlpha : v, h = f.fillOpacity, d = h === void 0 ? x.fillOpacity : h, c = f.strokeOpacity, y = c === void 0 ? x.strokeOpacity : c, g = f.lineWidth, m = g === void 0 ? x.lineWidth : g, p = f.fill && !f.fill.isNone, k = f.stroke && !f.stroke.isNone && m > 0;
+      if (!(!p && !k)) {
+        var C = !F(f.shadowColor) && f.shadowBlur > 0, P = f.shadowType === "inner", O = ((l = f.fill) === null || l === void 0 ? void 0 : l.alpha) === 0, S = !!(f.filter && f.filter.length), M = C && k && (s === T.PATH || s === T.LINE || s === T.POLYLINE || O || P), w = null;
+        if (p) {
+          M || this.applyShadowAndFilterStyleToContext(t, e, C, r);
+          var R = u * d;
+          w = _(t, "globalAlpha", R, r.currentContext), this.fillToContext(t, e, r, a, i), M || this.clearShadowAndFilterStyleForContext(t, C, S, r);
+        }
+        if (k) {
+          var A = !1, D = u * y, L = _(t, "globalAlpha", D, r.currentContext);
+          if (w = p ? w : L, M && (this.applyShadowAndFilterStyleToContext(t, e, C, r), A = !0, P)) {
+            var $ = t.globalCompositeOperation;
+            t.globalCompositeOperation = "source-atop", this.strokeToContext(t, e, r, a, i), t.globalCompositeOperation = $, this.clearShadowAndFilterStyleForContext(t, C, S, r, !0);
+          }
+          this.strokeToContext(t, e, r, a, i), A && this.clearShadowAndFilterStyleForContext(t, C, S, r);
+        }
+        w !== null && _(t, "globalAlpha", w, r.currentContext);
+      }
+    }
+  }]);
+})(), Re = /* @__PURE__ */ (function(o) {
+  function n() {
+    return Y(this, n), oe(this, n, arguments);
+  }
+  return se(n, o), K(n, [{
+    key: "render",
+    value: function(e, r, a, i, l, s) {
+      var f = r.fill, v = r.fillRule, u = r.opacity, h = u === void 0 ? 1 : u, d = r.fillOpacity, c = d === void 0 ? 1 : d, y = r.stroke, g = r.strokeOpacity, m = g === void 0 ? 1 : g, p = r.lineWidth, k = p === void 0 ? 1 : p, C = r.lineCap, P = r.lineJoin, O = r.shadowType, S = r.shadowColor, M = r.shadowBlur, w = r.filter, R = r.miterLimit, A = f && !f.isNone, D = y && !y.isNone && k > 0, L = (f == null ? void 0 : f.alpha) === 0, $ = !!(w && w.length), I = !F(S) && M > 0, B = a.nodeName, N = O === "inner", G = D && I && (B === T.PATH || B === T.LINE || B === T.POLYLINE || L || N);
+      A && (e.globalAlpha = h * c, G || Oe(a, e, I), Ve(e, a, f, v, i, l, s, this.imagePool), G || this.clearShadowAndFilter(e, $, I)), D && (e.globalAlpha = h * m, e.lineWidth = k, F(R) || (e.miterLimit = R), F(C) || (e.lineCap = C), F(P) || (e.lineJoin = P), G && (N && (e.globalCompositeOperation = "source-atop"), Oe(a, e, !0), N && (Ee(e, a, y, i, l, s, this.imagePool), e.globalCompositeOperation = x.globalCompositeOperation, this.clearShadowAndFilter(e, $, !0))), Ee(e, a, y, i, l, s, this.imagePool));
+    }
+  }, {
+    key: "clearShadowAndFilter",
+    value: function(e, r, a) {
+      if (a && (e.shadowColor = "transparent", e.shadowBlur = 0), r) {
+        var i = e.filter;
+        !F(i) && i.indexOf("drop-shadow") > -1 && (e.filter = i.replace(/drop-shadow\([^)]*\)/, "").trim() || "none");
+      }
+    }
+  }]);
+})(cr);
+function Oe(o, n, t) {
+  var e = o.parsedStyle, r = e.filter, a = e.shadowColor, i = e.shadowBlur, l = e.shadowOffsetX, s = e.shadowOffsetY;
+  r && r.length && (n.filter = o.style.filter), t && (n.shadowColor = a.toString(), n.shadowBlur = i || 0, n.shadowOffsetX = l || 0, n.shadowOffsetY = s || 0);
+}
+function Ve(o, n, t, e, r, a, i, l) {
+  var s = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : !1;
+  Array.isArray(t) ? t.forEach(function(f) {
+    o.fillStyle = Me(f, n, o, l), s || (e ? o.fill(e) : o.fill());
+  }) : (we(t) && (o.fillStyle = Pe(t, n, o, r, a, i, l)), s || (e ? o.fill(e) : o.fill()));
+}
+function Ee(o, n, t, e, r, a, i) {
+  var l = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : !1;
+  Array.isArray(t) ? t.forEach(function(s) {
+    o.strokeStyle = Me(s, n, o, i), l || o.stroke();
+  }) : (we(t) && (o.strokeStyle = Pe(t, n, o, e, r, a, i)), l || o.stroke());
+}
+function gr(o, n) {
+  var t = b(o, 4), e = t[0], r = t[1], a = t[2], i = t[3], l = b(n, 4), s = l[0], f = l[1], v = l[2], u = l[3], h = Math.max(e, s), d = Math.max(r, f), c = Math.min(e + a, s + v), y = Math.min(r + i, f + u);
+  return c <= h || y <= d ? null : [h, d, c - h, y - d];
+}
+function yr(o, n) {
+  var t = ie(U(), [o[0], o[1], 0], n), e = ie(U(), [o[0] + o[2], o[1], 0], n), r = ie(U(), [o[0], o[1] + o[3], 0], n), a = ie(U(), [o[0] + o[2], o[1] + o[3], 0], n);
+  return [Math.min(t[0], e[0], r[0], a[0]), Math.min(t[1], e[1], r[1], a[1]), Math.max(t[0], e[0], r[0], a[0]) - Math.min(t[0], e[0], r[0], a[0]), Math.max(t[1], e[1], r[1], a[1]) - Math.min(t[1], e[1], r[1], a[1])];
+}
+var mr = /* @__PURE__ */ (function(o) {
+  function n() {
+    return Y(this, n), oe(this, n, arguments);
+  }
+  return se(n, o), K(n, [{
+    key: "renderDownSampled",
+    value: function(e, r, a, i) {
+      var l = i.src, s = i.imageCache;
+      if (!s.downSampled) {
+        this.imagePool.createDownSampledImage(l, a).then(function() {
+          a.ownerDocument && (a.dirty(), a.ownerDocument.defaultView.context.renderingService.dirty());
+        }).catch(function(f) {
+          console.error(f);
+        });
+        return;
+      }
+      e.drawImage(s.downSampled, Math.floor(i.drawRect[0]), Math.floor(i.drawRect[1]), Math.ceil(i.drawRect[2]), Math.ceil(i.drawRect[3]));
+    }
+  }, {
+    key: "renderTile",
+    value: function(e, r, a, i) {
+      var l = i.src, s = i.imageCache, f = i.imageRect, v = i.drawRect, u = s.size, h = e.getTransform(), d = h.a, c = h.b, y = h.c, g = h.d, m = h.e, p = h.f;
+      if (e.resetTransform(), !(s != null && s.gridSize)) {
+        this.imagePool.createImageTiles(l, [], function() {
+          a.ownerDocument && (a.dirty(), a.ownerDocument.defaultView.context.renderingService.dirty());
+        }, a).catch(function(I) {
+          console.error(I);
+        });
+        return;
+      }
+      for (var k = [u[0] / f[2], u[1] / f[3]], C = [s.tileSize[0] / k[0], s.tileSize[1] / k[1]], P = [Math.floor((v[0] - f[0]) / C[0]), Math.ceil((v[0] + v[2] - f[0]) / C[0])], O = P[0], S = P[1], M = [Math.floor((v[1] - f[1]) / C[1]), Math.ceil((v[1] + v[3] - f[1]) / C[1])], w = M[0], R = M[1], A = w; A <= R; A++)
+        for (var D = O; D <= S; D++) {
+          var L = s.tiles[A][D];
+          if (L) {
+            var $ = [Math.floor(f[0] + L.tileX * C[0]), Math.floor(f[1] + L.tileY * C[1]), Math.ceil(C[0]), Math.ceil(C[1])];
+            e.drawImage(L.data, $[0], $[1], $[2], $[3]);
+          }
+        }
+      e.setTransform(d, c, y, g, m, p);
+    }
+  }, {
+    key: "render",
+    value: function(e, r, a) {
+      var i = r.x, l = i === void 0 ? 0 : i, s = r.y, f = s === void 0 ? 0 : s, v = r.width, u = r.height, h = r.src, d = r.shadowColor, c = r.shadowBlur, y = this.imagePool.getImageSync(h, a), g = y == null ? void 0 : y.img, m = v, p = u;
+      if (g) {
+        m || (m = g.width), p || (p = g.height);
+        var k = !F(d) && c > 0;
+        Oe(a, e, k);
+        try {
+          var C = a.ownerDocument.defaultView.getContextService().getDomElement(), P = C.width, O = C.height, S = e.getTransform(), M = S.a, w = S.b, R = S.c, A = S.d, D = S.e, L = S.f, $ = dr(M, R, 0, 0, w, A, 0, 0, 0, 0, 1, 0, D, L, 0, 1), I = yr([l, f, m, p], $), B = gr([0, 0, P, O], I);
+          if (!B)
+            return;
+          if (!a.ownerDocument.defaultView.getConfig().enableLargeImageOptimization) {
+            n.renderFull(e, r, a, {
+              image: g,
+              drawRect: [l, f, m, p]
+            });
+            return;
+          }
+          var N = I[2] / y.size[0];
+          if (N < (y.downSamplingRate || 0.5)) {
+            this.renderDownSampled(e, r, a, {
+              src: h,
+              imageCache: y,
+              drawRect: [l, f, m, p]
+            });
+            return;
+          }
+          if (!ImagePool.isSupportTile) {
+            n.renderFull(e, r, a, {
+              image: g,
+              drawRect: [l, f, m, p]
+            });
+            return;
+          }
+          this.renderTile(e, r, a, {
+            src: h,
+            imageCache: y,
+            imageRect: I,
+            drawRect: B
+          });
+        } catch {
+        }
+      }
+    }
+    // ---
+  }, {
+    key: "drawToContext",
+    value: function(e, r, a, i, l) {
+      this.render(e, r.parsedStyle, r);
+    }
+  }], [{
+    key: "renderFull",
+    value: function(e, r, a, i) {
+      e.drawImage(i.image, Math.floor(i.drawRect[0]), Math.floor(i.drawRect[1]), Math.ceil(i.drawRect[2]), Math.ceil(i.drawRect[3]));
+    }
+  }]);
+})(Re), pr = /* @__PURE__ */ (function(o) {
+  function n() {
+    return Y(this, n), oe(this, n, arguments);
+  }
+  return se(n, o), K(n, [{
+    key: "render",
+    value: function(e, r, a, i, l, s) {
+      a.getBounds();
+      var f = r.lineWidth, v = f === void 0 ? 1 : f, u = r.textAlign, h = u === void 0 ? "start" : u, d = r.textBaseline, c = d === void 0 ? "alphabetic" : d, y = r.lineJoin, g = y === void 0 ? "miter" : y, m = r.miterLimit, p = m === void 0 ? 10 : m, k = r.letterSpacing, C = k === void 0 ? 0 : k, P = r.stroke, O = r.fill, S = r.fillRule, M = r.fillOpacity, w = M === void 0 ? 1 : M, R = r.strokeOpacity, A = R === void 0 ? 1 : R, D = r.opacity, L = D === void 0 ? 1 : D, $ = r.metrics, I = r.x, B = I === void 0 ? 0 : I, N = r.y, G = N === void 0 ? 0 : N, X = r.dx, H = r.dy, re = r.shadowColor, q = r.shadowBlur, te = r.textDecorationLine, fe = $.font, z = $.lines, V = $.height, j = $.lineHeight, ve = $.lineMetrics;
+      e.font = fe, e.lineWidth = v, e.textAlign = h === "middle" ? "center" : h;
+      var Q = c;
+      Q === "alphabetic" && (Q = "bottom"), e.lineJoin = g, F(p) || (e.miterLimit = p);
+      var J = G;
+      c === "middle" ? J += -V / 2 - j / 2 : c === "bottom" || c === "alphabetic" || c === "ideographic" ? J += -V : (c === "top" || c === "hanging") && (J += -j);
+      var Z = B + (X || 0);
+      J += H || 0, z.length === 1 && (Q === "bottom" ? (Q = "middle", J -= 0.5 * V) : Q === "top" && (Q = "middle", J += 0.5 * V)), e.textBaseline = Q;
+      var de = !F(re) && q > 0;
+      Oe(a, e, de);
+      for (var ae = 0; ae < z.length; ae++) {
+        var De = v / 2 + Z;
+        J += j, !F(P) && !P.isNone && v && this.drawLetterSpacing(e, a, z[ae], ve[ae], h, De, J, C, O, S, w, P, A, L, !0, i, l, s), F(O) || this.drawLetterSpacing(e, a, z[ae], ve[ae], h, De, J, C, O, S, w, P, A, L, !1, i, l, s);
+      }
+      te && te !== "none" && this.drawTextDecorations(e, r, a, z, j, Z, G + (H || 0), i, l, s);
+    }
+  }, {
+    key: "drawLetterSpacing",
+    value: function(e, r, a, i, l, s, f, v, u, h, d, c, y, g, m, p, k, C) {
+      if (v === 0) {
+        m ? this.strokeText(e, r, a, s, f, c, y, p, k, C) : this.fillText(e, r, a, s, f, u, h, d, g, p, k, C);
+        return;
+      }
+      var P = e.textAlign;
+      e.textAlign = "left";
+      var O = s;
+      l === "center" || l === "middle" ? O = s - i.width / 2 : (l === "right" || l === "end") && (O = s - i.width);
+      for (var S = Array.from(a), M = e.measureText(a).width, w = 0, R = 0; R < S.length; ++R) {
+        var A = S[R];
+        m ? this.strokeText(e, r, A, O, f, c, y, p, k, C) : this.fillText(e, r, A, O, f, u, h, d, g, p, k, C), w = e.measureText(a.substring(R + 1)).width, O += M - w + v, M = w;
+      }
+      e.textAlign = P;
+    }
+  }, {
+    key: "fillText",
+    value: function(e, r, a, i, l, s, f, v, u, h, d, c) {
+      Ve(e, r, s, f, h, d, c, this.imagePool, !0);
+      var y, g = !F(v) && v !== 1;
+      g && (y = e.globalAlpha, e.globalAlpha = v * u), e.fillText(a, i, l), g && (e.globalAlpha = y);
+    }
+  }, {
+    key: "strokeText",
+    value: function(e, r, a, i, l, s, f, v, u, h) {
+      Ee(e, r, s, v, u, h, this.imagePool, !0);
+      var d, c = !F(f) && f !== 1;
+      c && (d = e.globalAlpha, e.globalAlpha = f), e.strokeText(a, i, l), c && (e.globalAlpha = d);
+    }
+    /**
+     * Draw text decoration lines (underline, overline, line-through)
+     */
+  }, {
+    key: "drawTextDecorations",
+    value: function(e, r, a, i, l, s, f, v, u, h) {
+      var d = r.textDecorationLine, c = r.textDecorationColor, y = r.textDecorationStyle, g = r.textDecorationThickness, m = g === void 0 ? 1 : g, p = r.textAlign, k = p === void 0 ? "start" : p, C = r.lineWidth, P = C === void 0 ? 1 : C, O = r.metrics;
+      if (!(!d || d === "none")) {
+        var S = O.lineMetrics, M = d.split(" ");
+        switch (e.lineWidth = m, c && (e.strokeStyle = "rgba(".concat(c.r, ", ").concat(c.g, ", ").concat(c.b, ", ").concat(c.alpha, ")")), y) {
+          case "dashed":
+            e.setLineDash([5, 5]);
+            break;
+          case "dotted":
+            e.setLineDash([2, 2]);
+            break;
+          case "wavy":
+            e.setLineDash([]);
+            break;
+          default:
+            e.setLineDash([]);
+            break;
+        }
+        var w = f, R = r.textBaseline, A = R === void 0 ? "alphabetic" : R;
+        A === "middle" ? w += -O.height / 2 - l / 2 : A === "bottom" || A === "alphabetic" || A === "ideographic" ? w += -O.height : (A === "top" || A === "hanging") && (w += -l);
+        for (var D = 0; D < i.length; D++) {
+          w += l;
+          var L = S[D];
+          if (L) {
+            var $ = P / 2, I = s, B = s + L.width;
+            k === "center" || k === "middle" ? (I = s - L.width / 2, B = s + L.width / 2) : (k === "right" || k === "end") && (I = s - L.width, B = s), I += $, B += $;
+            var N = Ne(M), G;
+            try {
+              for (N.s(); !(G = N.n()).done; ) {
+                var X = G.value, H = w;
+                switch (X) {
+                  case "underline":
+                    H += 2;
+                    break;
+                  case "overline":
+                    H -= l - 2;
+                    break;
+                  case "line-through":
+                    H -= l / 2;
+                    break;
+                  default:
+                    continue;
+                }
+                y === "wavy" ? this.drawWavyLine(e, I, B, H) : (e.beginPath(), e.moveTo(I, H), e.lineTo(B, H), e.stroke());
+              }
+            } catch (re) {
+              N.e(re);
+            } finally {
+              N.f();
+            }
+          }
+        }
+        e.setLineDash([]);
+      }
+    }
+    /**
+     * Draw a wavy line as an approximation of the wavy text decoration style
+     */
+  }, {
+    key: "drawWavyLine",
+    value: function(e, r, a, i) {
+      var l = 2, s = 10, f = Math.floor((a - r) / s);
+      e.beginPath(), e.moveTo(r, i);
+      for (var v = 0; v < f; v++) {
+        var u = r + v * s + s / 4, h = i + l, d = r + v * s + s / 2, c = i;
+        e.quadraticCurveTo(u, h, d, c);
+        var y = r + v * s + s * 3 / 4, g = i - l, m = r + (v + 1) * s, p = i;
+        e.quadraticCurveTo(y, g, m, p);
+      }
+      e.stroke();
+    }
+    // ---
+  }, {
+    key: "drawToContext",
+    value: function(e, r, a, i, l) {
+      this.render(e, r.parsedStyle, r, r.ownerDocument.defaultView.context, i, l);
+    }
+  }]);
+})(Re), kr = /* @__PURE__ */ (function(o) {
+  function n() {
+    var t, e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return Y(this, n), t = oe(this, n), t.name = "canvas-renderer", t.options = e, t;
+  }
+  return se(n, o), K(n, [{
+    key: "init",
+    value: function() {
+      var e, r = ce({
+        dirtyObjectNumThreshold: 500,
+        dirtyObjectRatioThreshold: 0.8
+      }, this.options), a = this.context.imagePool, i = new Re(a), l = (e = {}, E(E(E(E(E(E(E(E(E(E(e, T.CIRCLE, i), T.ELLIPSE, i), T.RECT, i), T.IMAGE, new mr(a)), T.TEXT, new pr(a)), T.LINE, i), T.POLYLINE, i), T.POLYGON, i), T.PATH, i), T.GROUP, void 0), E(E(E(e, T.HTML, void 0), T.MESH, void 0), T.FRAGMENT, void 0));
+      this.context.defaultStyleRendererFactory = l, this.context.styleRendererFactory = l, this.addRenderingPlugin(new ze(r));
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      this.removeAllRenderingPlugins(), delete this.context.defaultStyleRendererFactory, delete this.context.styleRendererFactory;
+    }
+  }]);
+})(Se), Cr = U(), wr = U(), Tr = U(), Pr = Ce(), Je = /* @__PURE__ */ (function() {
+  function o() {
+    var n = this;
+    Y(this, o), this.isHit = function(t, e, r, a) {
+      var i = n.context.pointInPathPickerFactory[t.nodeName];
+      if (i) {
+        var l = ur(Pr, r), s = ie(wr, $e(Tr, e[0], e[1], 0), l);
+        if (i(t, new tr(s[0], s[1]), a, n.isPointInPath, n.context, n.runtime))
+          return !0;
+      }
+      return !1;
+    }, this.isPointInPath = function(t, e) {
+      var r = n.runtime.offscreenCanvasCreator.getOrCreateContext(n.context.config.offscreenCanvas), a = n.context.pathGeneratorFactory[t.nodeName];
+      return a && (r.beginPath(), a(r, t.parsedStyle), r.closePath()), r.isPointInPath(e.x, e.y);
+    };
+  }
+  return K(o, [{
+    key: "apply",
+    value: function(t, e) {
+      var r, a = this, i = t.renderingService, l = t.renderingContext;
+      this.context = t, this.runtime = e;
+      var s = (r = l.root) === null || r === void 0 ? void 0 : r.ownerDocument;
+      i.hooks.pick.tapPromise(o.tag, /* @__PURE__ */ (function() {
+        var f = be(/* @__PURE__ */ Te().mark(function v(u) {
+          return Te().wrap(function(h) {
+            for (; ; ) switch (h.prev = h.next) {
+              case 0:
+                return h.abrupt("return", a.pick(s, u));
+              case 1:
+              case "end":
+                return h.stop();
+            }
+          }, v);
+        }));
+        return function(v) {
+          return f.apply(this, arguments);
+        };
+      })()), i.hooks.pickSync.tap(o.tag, function(f) {
+        return a.pick(s, f);
+      });
+    }
+  }, {
+    key: "pick",
+    value: function(t, e) {
+      var r = e.topmost, a = e.position, i = a.x, l = a.y, s = $e(Cr, i, l, 0), f = t.elementsFromBBox(s[0], s[1], s[0], s[1]), v = [], u = Ne(f), h;
+      try {
+        for (u.s(); !(h = u.n()).done; ) {
+          var d = h.value, c = d.getWorldTransform(), y = this.isHit(d, s, c, !1);
+          if (y) {
+            var g = Xe(d);
+            if (g) {
+              var m = g.parsedStyle.clipPath, p = this.isHit(m, s, m.getWorldTransform(), !0);
+              if (p) {
+                if (r)
+                  return e.picked = [d], e;
+                v.push(d);
+              }
+            } else {
+              if (r)
+                return e.picked = [d], e;
+              v.push(d);
+            }
+          }
+        }
+      } catch (k) {
+        u.e(k);
+      } finally {
+        u.f();
+      }
+      return e.picked = v, e;
+    }
+  }]);
+})();
+Je.tag = "CanvasPicker";
+function Mr(o, n, t) {
+  var e = o.parsedStyle, r = e.cx, a = r === void 0 ? 0 : r, i = e.cy, l = i === void 0 ? 0 : i, s = e.r, f = e.fill, v = e.stroke, u = e.lineWidth, h = u === void 0 ? 1 : u, d = e.increasedLineWidthForHitTesting, c = d === void 0 ? 0 : d, y = e.pointerEvents, g = y === void 0 ? "auto" : y, m = (h + c) / 2, p = Ge(a, l, n.x, n.y), k = ue(g, f, v), C = b(k, 2), P = C[0], O = C[1];
+  return P && O || t ? p <= s + m : P ? p <= s : O ? p >= s - m && p <= s + m : !1;
+}
+function pe(o, n, t, e) {
+  return o / (t * t) + n / (e * e);
+}
+function Or(o, n, t) {
+  var e = o.parsedStyle, r = e.cx, a = r === void 0 ? 0 : r, i = e.cy, l = i === void 0 ? 0 : i, s = e.rx, f = e.ry, v = e.fill, u = e.stroke, h = e.lineWidth, d = h === void 0 ? 1 : h, c = e.increasedLineWidthForHitTesting, y = c === void 0 ? 0 : c, g = e.pointerEvents, m = g === void 0 ? "auto" : g, p = n.x, k = n.y, C = ue(m, v, u), P = b(C, 2), O = P[0], S = P[1], M = (d + y) / 2, w = (p - a) * (p - a), R = (k - l) * (k - l);
+  return O && S || t ? pe(w, R, s + M, f + M) <= 1 : O ? pe(w, R, s, f) <= 1 : S ? pe(w, R, s - M, f - M) >= 1 && pe(w, R, s + M, f + M) <= 1 : !1;
+}
+function he(o, n, t, e, r, a) {
+  return r >= o && r <= o + t && a >= n && a <= n + e;
+}
+function Sr(o, n, t, e, r, a, i) {
+  var l = r / 2;
+  return he(o - l, n - l, t, r, a, i) || // 上边
+  he(o + t - l, n - l, r, e, a, i) || // 右边
+  he(o + l, n + e - l, t, r, a, i) || // 下边
+  he(o - l, n + l, r, e, a, i);
+}
+function ke(o, n, t, e, r, a, i, l) {
+  var s = (Math.atan2(l - n, i - o) + Math.PI * 2) % (Math.PI * 2), f = {
+    x: o + t * Math.cos(s),
+    y: n + t * Math.sin(s)
+  };
+  return Ge(f.x, f.y, i, l) <= a / 2;
+}
+function ne(o, n, t, e, r, a, i) {
+  var l = Math.min(o, t), s = Math.max(o, t), f = Math.min(n, e), v = Math.max(n, e), u = r / 2;
+  return a >= l - u && a <= s + u && i >= f - u && i <= v + u ? or(o, n, t, e, a, i) <= r / 2 : !1;
+}
+function Qe(o, n, t, e, r) {
+  var a = o.length;
+  if (a < 2)
+    return !1;
+  for (var i = 0; i < a - 1; i++) {
+    var l = o[i][0], s = o[i][1], f = o[i + 1][0], v = o[i + 1][1];
+    if (ne(l, s, f, v, n, t, e))
+      return !0;
+  }
+  if (r) {
+    var u = o[0], h = o[a - 1];
+    if (ne(u[0], u[1], h[0], h[1], n, t, e))
+      return !0;
+  }
+  return !1;
+}
+var Ar = 1e-6;
+function Ae(o) {
+  return Math.abs(o) < Ar ? 0 : o < 0 ? -1 : 1;
+}
+function Er(o, n, t) {
+  return (t[0] - o[0]) * (n[1] - o[1]) === (n[0] - o[0]) * (t[1] - o[1]) && Math.min(o[0], n[0]) <= t[0] && t[0] <= Math.max(o[0], n[0]) && Math.min(o[1], n[1]) <= t[1] && t[1] <= Math.max(o[1], n[1]);
+}
+function Ze(o, n, t) {
+  var e = !1, r = o.length;
+  if (r <= 2)
+    return !1;
+  for (var a = 0; a < r; a++) {
+    var i = o[a], l = o[(a + 1) % r];
+    if (Er(i, l, [n, t]))
+      return !0;
+    Ae(i[1] - t) > 0 != Ae(l[1] - t) > 0 && Ae(n - (t - i[1]) * (i[0] - l[0]) / (i[1] - l[1]) - i[0]) < 0 && (e = !e);
+  }
+  return e;
+}
+function xe(o, n, t) {
+  for (var e = !1, r = 0; r < o.length; r++) {
+    var a = o[r];
+    if (e = Ze(a, n, t), e)
+      break;
+  }
+  return e;
+}
+function Rr(o, n, t) {
+  var e = o.parsedStyle, r = e.x1, a = e.y1, i = e.x2, l = e.y2, s = e.lineWidth, f = s === void 0 ? 1 : s, v = e.increasedLineWidthForHitTesting, u = v === void 0 ? 0 : v, h = e.pointerEvents, d = h === void 0 ? "auto" : h, c = e.fill, y = e.stroke, g = ue(d, c, y), m = b(g, 2), p = m[1];
+  return !p && !t || !f ? !1 : ne(r, a, i, l, f + u, n.x, n.y);
+}
+function Dr(o, n, t, e, r) {
+  for (var a = !1, i = n / 2, l = 0; l < o.length; l++) {
+    var s = o[l], f = s.currentPoint, v = s.params, u = s.prePoint, h = s.box;
+    if (!(h && !he(h.x - i, h.y - i, h.width + n, h.height + n, t, e)))
+      switch (s.command) {
+        // L 和 Z 都是直线， M 不进行拾取
+        case "L":
+        case "Z":
+          if (a = ne(u[0], u[1], f[0], f[1], n, t, e), a)
+            return !0;
+          break;
+        case "Q":
+          var d = sr(u[0], u[1], v[1], v[2], v[3], v[4], t, e);
+          if (a = d <= n / 2, a)
+            return !0;
+          break;
+        case "C":
+          var c = Fe(
+            u[0],
+            // 上一段结束位置, 即 C 的起始点
+            u[1],
+            v[1],
+            // 'C' 的参数，1、2 为第一个控制点，3、4 为第二个控制点，5、6 为结束点
+            v[2],
+            v[3],
+            v[4],
+            v[5],
+            v[6],
+            t,
+            e,
+            r
+          );
+          if (a = c <= n / 2, a)
+            return !0;
+          break;
+        case "A":
+          s.cubicParams || (s.cubicParams = vr(u[0], u[1], v[1], v[2], v[3], v[4], v[5], v[6], v[7], void 0));
+          for (var y = s.cubicParams, g = u, m = 0; m < y.length; m += 6) {
+            var p = Fe(
+              g[0],
+              // 上一段结束位置, 即 C 的起始点
+              g[1],
+              y[m],
+              y[m + 1],
+              y[m + 2],
+              y[m + 3],
+              y[m + 4],
+              y[m + 5],
+              t,
+              e,
+              r
+            );
+            if (g = [y[m + 4], y[m + 5]], a = p <= n / 2, a)
+              return !0;
+          }
+          break;
+      }
+  }
+  return a;
+}
+function Lr(o, n, t, e, r, a) {
+  var i = o.parsedStyle, l = i.lineWidth, s = l === void 0 ? 1 : l, f = i.increasedLineWidthForHitTesting, v = f === void 0 ? 0 : f, u = i.stroke, h = i.fill, d = i.d, c = i.pointerEvents, y = c === void 0 ? "auto" : c, g = d.segments, m = d.hasArc, p = d.polylines, k = d.polygons, C = ue(
+    y,
+    // Only a closed path can be filled.
+    (k == null ? void 0 : k.length) && h,
+    u
+  ), P = b(C, 2), O = P[0], S = P[1], M = nr(o), w = !1;
+  return O || t ? (m ? w = e(o, n) : w = xe(k, n.x, n.y) || xe(p, n.x, n.y), w) : ((S || t) && (w = Dr(g, s + v, n.x, n.y, M)), w);
+}
+function Fr(o, n, t) {
+  var e = o.parsedStyle, r = e.stroke, a = e.fill, i = e.lineWidth, l = i === void 0 ? 1 : i, s = e.increasedLineWidthForHitTesting, f = s === void 0 ? 0 : s, v = e.points, u = e.pointerEvents, h = u === void 0 ? "auto" : u, d = ue(h, a, r), c = b(d, 2), y = c[0], g = c[1], m = !1;
+  return (g || t) && (m = Qe(v.points, l + f, n.x, n.y, !0)), !m && (y || t) && (m = Ze(v.points, n.x, n.y)), m;
+}
+function $r(o, n, t) {
+  var e = o.parsedStyle, r = e.lineWidth, a = r === void 0 ? 1 : r, i = e.increasedLineWidthForHitTesting, l = i === void 0 ? 0 : i, s = e.points, f = e.pointerEvents, v = f === void 0 ? "auto" : f, u = e.fill, h = e.stroke, d = ue(v, u, h), c = b(d, 2), y = c[1];
+  return !y && !t || !a ? !1 : Qe(s.points, a + l, n.x, n.y, !1);
+}
+function Ir(o, n, t, e, r) {
+  var a = o.parsedStyle, i = a.radius, l = a.fill, s = a.stroke, f = a.lineWidth, v = f === void 0 ? 1 : f, u = a.increasedLineWidthForHitTesting, h = u === void 0 ? 0 : u, d = a.x, c = d === void 0 ? 0 : d, y = a.y, g = y === void 0 ? 0 : y, m = a.width, p = a.height, k = a.pointerEvents, C = k === void 0 ? "auto" : k, P = ue(C, l, s), O = b(P, 2), S = O[0], M = O[1], w = i && i.some(function(L) {
+    return L !== 0;
+  }), R = v + h;
+  if (w) {
+    var D = !1;
+    return (M || t) && (D = _r(c, g, m, p, i.map(function(L) {
+      return He(L, 0, Math.min(Math.abs(m) / 2, Math.abs(p) / 2));
+    }), R, n.x, n.y)), !D && (S || t) && (D = e(o, n)), D;
+  } else {
+    var A = R / 2;
+    if (S && M || t)
+      return he(c - A, g - A, m + A, p + A, n.x, n.y);
+    if (S)
+      return he(c, g, m, p, n.x, n.y);
+    if (M)
+      return Sr(c, g, m, p, R, n.x, n.y);
+  }
+  return !1;
+}
+function _r(o, n, t, e, r, a, i, l) {
+  var s = b(r, 4), f = s[0], v = s[1], u = s[2], h = s[3];
+  return ne(o + f, n, o + t - v, n, a, i, l) || ne(o + t, n + v, o + t, n + e - u, a, i, l) || ne(o + t - u, n + e, o + h, n + e, a, i, l) || ne(o, n + e - h, o, n + f, a, i, l) || ke(o + t - v, n + v, v, 1.5 * Math.PI, 2 * Math.PI, a, i, l) || ke(o + t - u, n + e - u, u, 0, 0.5 * Math.PI, a, i, l) || ke(o + h, n + e - h, h, 0.5 * Math.PI, Math.PI, a, i, l) || ke(o + f, n + f, f, Math.PI, 1.5 * Math.PI, a, i, l);
+}
+function Wr(o, n, t, e, r, a) {
+  var i = o.parsedStyle, l = i.pointerEvents, s = l === void 0 ? "auto" : l, f = i.x, v = f === void 0 ? 0 : f, u = i.y, h = u === void 0 ? 0 : u, d = i.width, c = i.height;
+  if (s === "non-transparent-pixel") {
+    var y = r.config.offscreenCanvas, g = a.offscreenCanvasCreator.getOrCreateCanvas(y), m = a.offscreenCanvasCreator.getOrCreateContext(y, {
+      willReadFrequently: !0
+    });
+    g.width = d, g.height = c, r.defaultStyleRendererFactory[T.IMAGE].render(m, ce(ce({}, o.parsedStyle), {}, {
+      x: 0,
+      y: 0
+    }), o, void 0, void 0, void 0);
+    var p = m.getImageData(n.x - v, n.y - h, 1, 1).data;
+    return p.every(function(k) {
+      return k !== 0;
+    });
+  }
+  return !0;
+}
+function Br(o, n, t, e) {
+  var r = o.getGeometryBounds();
+  return n.x >= r.min[0] && n.y >= r.min[1] && n.x <= r.max[0] && n.y <= r.max[1];
+}
+var xr = /* @__PURE__ */ (function(o) {
+  function n() {
+    var t;
+    Y(this, n);
+    for (var e = arguments.length, r = new Array(e), a = 0; a < e; a++)
+      r[a] = arguments[a];
+    return t = oe(this, n, [].concat(r)), t.name = "canvas-picker", t;
+  }
+  return se(n, o), K(n, [{
+    key: "init",
+    value: function() {
+      var e, r = (e = {}, E(E(E(E(E(E(E(E(E(E(e, T.CIRCLE, Mr), T.ELLIPSE, Or), T.RECT, Ir), T.LINE, Rr), T.POLYLINE, $r), T.POLYGON, Fr), T.PATH, Lr), T.TEXT, Br), T.GROUP, null), T.IMAGE, Wr), E(E(e, T.HTML, null), T.MESH, null));
+      this.context.pointInPathPickerFactory = r, this.addRenderingPlugin(new Je());
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      delete this.context.pointInPathPickerFactory, this.removeAllRenderingPlugins();
+    }
+  }]);
+})(Se);
+function Nr(o, n) {
+  var t = n.cx, e = t === void 0 ? 0 : t, r = n.cy, a = r === void 0 ? 0 : r, i = n.r;
+  o.arc(e, a, i, 0, Math.PI * 2, !1);
+}
+function br(o, n) {
+  var t = n.cx, e = t === void 0 ? 0 : t, r = n.cy, a = r === void 0 ? 0 : r, i = n.rx, l = n.ry;
+  if (o.ellipse)
+    o.ellipse(e, a, i, l, 0, 0, Math.PI * 2, !1);
+  else {
+    var s = i > l ? i : l, f = i > l ? 1 : i / l, v = i > l ? l / i : 1;
+    o.save(), o.scale(f, v), o.arc(e, a, s, 0, Math.PI * 2);
+  }
+}
+function Gr(o, n) {
+  var t = n.x1, e = n.y1, r = n.x2, a = n.y2, i = n.markerStart, l = n.markerEnd, s = n.markerStartOffset, f = n.markerEndOffset, v = 0, u = 0, h = 0, d = 0, c = 0, y, g;
+  i && le(i) && s && (y = r - t, g = a - e, c = Math.atan2(g, y), v = Math.cos(c) * (s || 0), u = Math.sin(c) * (s || 0)), l && le(l) && f && (y = t - r, g = e - a, c = Math.atan2(g, y), h = Math.cos(c) * (f || 0), d = Math.sin(c) * (f || 0)), o.moveTo(t + v, e + u), o.lineTo(r + h, a + d);
+}
+function Hr(o, n) {
+  var t = n.markerStart, e = n.markerEnd, r = n.markerStartOffset, a = n.markerEndOffset, i = n.d, l = i.absolutePath, s = i.segments, f = 0, v = 0, u = 0, h = 0, d = 0, c, y;
+  if (t && le(t) && r) {
+    var g = t.parentNode.getStartTangent(), m = b(g, 2), p = m[0], k = m[1];
+    c = p[0] - k[0], y = p[1] - k[1], d = Math.atan2(y, c), f = Math.cos(d) * (r || 0), v = Math.sin(d) * (r || 0);
+  }
+  if (e && le(e) && a) {
+    var C = e.parentNode.getEndTangent(), P = b(C, 2), O = P[0], S = P[1];
+    c = O[0] - S[0], y = O[1] - S[1], d = Math.atan2(y, c), u = Math.cos(d) * (a || 0), h = Math.sin(d) * (a || 0);
+  }
+  for (var M = 0; M < l.length; M++) {
+    var w = l[M], R = w[0], A = l[M + 1], D = M === 0 && (f !== 0 || v !== 0), L = (M === l.length - 1 || A && (A[0] === "M" || A[0] === "Z")) && u !== 0 && h !== 0, $ = D ? [f, v] : [0, 0], I = b($, 2), B = I[0], N = I[1], G = L ? [u, h] : [0, 0], X = b(G, 2), H = X[0], re = X[1];
+    switch (R) {
+      case "M":
+        o.moveTo(w[1] + B, w[2] + N);
+        break;
+      case "L":
+        o.lineTo(w[1] + H, w[2] + re);
+        break;
+      case "Q":
+        o.quadraticCurveTo(w[1], w[2], w[3] + H, w[4] + re);
+        break;
+      case "C":
+        o.bezierCurveTo(w[1], w[2], w[3], w[4], w[5] + H, w[6] + re);
+        break;
+      case "A": {
+        var q = s[M].arcParams, te = q.cx, fe = q.cy, z = q.rx, V = q.ry, j = q.startAngle, ve = q.endAngle, Q = q.xRotation, J = q.sweepFlag;
+        if (o.ellipse)
+          o.ellipse(te, fe, z, V, Q, j, ve, !!(1 - J));
+        else {
+          var Z = z > V ? z : V, de = z > V ? 1 : z / V, ae = z > V ? V / z : 1;
+          o.translate(te, fe), o.rotate(Q), o.scale(de, ae), o.arc(0, 0, Z, j, ve, !!(1 - J)), o.scale(1 / de, 1 / ae), o.rotate(-Q), o.translate(-te, -fe);
+        }
+        L && o.lineTo(w[6] + u, w[7] + h);
+        break;
+      }
+      case "Z":
+        o.closePath();
+        break;
+    }
+  }
+}
+function zr(o, n) {
+  var t = n.markerStart, e = n.markerEnd, r = n.markerStartOffset, a = n.markerEndOffset, i = n.points.points, l = i.length, s = i[0][0], f = i[0][1], v = i[l - 1][0], u = i[l - 1][1], h = 0, d = 0, c = 0, y = 0, g = 0, m, p;
+  t && le(t) && r && (m = i[1][0] - i[0][0], p = i[1][1] - i[0][1], g = Math.atan2(p, m), h = Math.cos(g) * (r || 0), d = Math.sin(g) * (r || 0)), e && le(e) && a && (m = i[l - 1][0] - i[0][0], p = i[l - 1][1] - i[0][1], g = Math.atan2(p, m), c = Math.cos(g) * (a || 0), y = Math.sin(g) * (a || 0)), o.moveTo(s + (h || c), f + (d || y));
+  for (var k = 1; k < l - 1; k++) {
+    var C = i[k];
+    o.lineTo(C[0], C[1]);
+  }
+  o.lineTo(v, u);
+}
+function Vr(o, n) {
+  var t = n.markerStart, e = n.markerEnd, r = n.markerStartOffset, a = n.markerEndOffset, i = n.points.points, l = i.length, s = i[0][0], f = i[0][1], v = i[l - 1][0], u = i[l - 1][1], h = 0, d = 0, c = 0, y = 0, g = 0, m, p;
+  t && le(t) && r && (m = i[1][0] - i[0][0], p = i[1][1] - i[0][1], g = Math.atan2(p, m), h = Math.cos(g) * (r || 0), d = Math.sin(g) * (r || 0)), e && le(e) && a && (m = i[l - 2][0] - i[l - 1][0], p = i[l - 2][1] - i[l - 1][1], g = Math.atan2(p, m), c = Math.cos(g) * (a || 0), y = Math.sin(g) * (a || 0)), o.moveTo(s + h, f + d);
+  for (var k = 1; k < l - 1; k++) {
+    var C = i[k];
+    o.lineTo(C[0], C[1]);
+  }
+  o.lineTo(v + c, u + y);
+}
+function Jr(o, n) {
+  var t = n.x, e = t === void 0 ? 0 : t, r = n.y, a = r === void 0 ? 0 : r, i = n.radius, l = n.width, s = n.height, f = l, v = s, u = i && i.some(function(P) {
+    return P !== 0;
+  });
+  if (!u)
+    o.rect(e, a, f, v);
+  else {
+    var h = l > 0 ? 1 : -1, d = s > 0 ? 1 : -1, c = h + d === 0, y = i.map(function(P) {
+      return He(P, 0, Math.min(Math.abs(f) / 2, Math.abs(v) / 2));
+    }), g = b(y, 4), m = g[0], p = g[1], k = g[2], C = g[3];
+    o.moveTo(h * m + e, a), o.lineTo(f - h * p + e, a), p !== 0 && o.arc(f - h * p + e, d * p + a, p, -d * Math.PI / 2, h > 0 ? 0 : Math.PI, c), o.lineTo(f + e, v - d * k + a), k !== 0 && o.arc(f - h * k + e, v - d * k + a, k, h > 0 ? 0 : Math.PI, d > 0 ? Math.PI / 2 : 1.5 * Math.PI, c), o.lineTo(h * C + e, v + a), C !== 0 && o.arc(h * C + e, v - d * C + a, C, d > 0 ? Math.PI / 2 : -Math.PI / 2, h > 0 ? Math.PI : 0, c), o.lineTo(e, d * m + a), m !== 0 && o.arc(h * m + e, d * m + a, m, h > 0 ? Math.PI : 0, d > 0 ? Math.PI * 1.5 : Math.PI / 2, c);
+  }
+}
+var Qr = /* @__PURE__ */ (function(o) {
+  function n() {
+    var t;
+    Y(this, n);
+    for (var e = arguments.length, r = new Array(e), a = 0; a < e; a++)
+      r[a] = arguments[a];
+    return t = oe(this, n, [].concat(r)), t.name = "canvas-path-generator", t;
+  }
+  return se(n, o), K(n, [{
+    key: "init",
+    value: function() {
+      var e, r = (e = {}, E(E(E(E(E(E(E(E(E(E(e, T.CIRCLE, Nr), T.ELLIPSE, br), T.RECT, Jr), T.LINE, Gr), T.POLYLINE, Vr), T.POLYGON, zr), T.PATH, Hr), T.TEXT, void 0), T.GROUP, void 0), T.IMAGE, void 0), E(E(E(e, T.HTML, void 0), T.MESH, void 0), T.FRAGMENT, void 0));
+      this.context.pathGeneratorFactory = r;
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      delete this.context.pathGeneratorFactory;
+    }
+  }]);
+})(Se), Zr = /* @__PURE__ */ (function() {
+  function o(n) {
+    Y(this, o), this.renderingContext = n.renderingContext, this.canvasConfig = n.config;
+  }
+  return K(o, [{
+    key: "init",
+    value: function() {
+      var t = this.canvasConfig, e = t.container, r = t.canvas;
+      if (r)
+        this.$canvas = r, e && r.parentElement !== e && e.appendChild(r), this.$container = r.parentElement, this.canvasConfig.container = this.$container;
+      else if (e && (this.$container = fr(e) ? document.getElementById(e) : e, this.$container)) {
+        var a = document.createElement("canvas");
+        this.$container.appendChild(a), this.$container.style.position || (this.$container.style.position = "relative"), this.$canvas = a;
+      }
+      this.context = this.$canvas.getContext("2d"), this.resize(this.canvasConfig.width, this.canvasConfig.height);
+    }
+  }, {
+    key: "getContext",
+    value: function() {
+      return this.context;
+    }
+  }, {
+    key: "getDomElement",
+    value: function() {
+      return this.$canvas;
+    }
+  }, {
+    key: "getDPR",
+    value: function() {
+      return this.dpr;
+    }
+  }, {
+    key: "getBoundingClientRect",
+    value: function() {
+      if (this.$canvas.getBoundingClientRect)
+        return this.$canvas.getBoundingClientRect();
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      this.$container && this.$canvas && this.$canvas.parentNode && this.$container.removeChild(this.$canvas);
+    }
+  }, {
+    key: "resize",
+    value: function(t, e) {
+      var r = this.canvasConfig.devicePixelRatio;
+      this.dpr = r, this.$canvas && (this.$canvas.width = this.dpr * t, this.$canvas.height = this.dpr * e, ar(this.$canvas, t, e)), this.renderingContext.renderReasons.add(ir.CAMERA_CHANGED);
+    }
+  }, {
+    key: "applyCursorStyle",
+    value: function(t) {
+      this.$container && this.$container.style && (this.$container.style.cursor = t);
+    }
+  }, {
+    key: "toDataURL",
+    value: (function() {
+      var n = be(/* @__PURE__ */ Te().mark(function e() {
+        var r, a, i, l = arguments;
+        return Te().wrap(function(s) {
+          for (; ; ) switch (s.prev = s.next) {
+            case 0:
+              return r = l.length > 0 && l[0] !== void 0 ? l[0] : {}, a = r.type, i = r.encoderOptions, s.abrupt("return", this.context.canvas.toDataURL(a, i));
+            case 1:
+            case "end":
+              return s.stop();
+          }
+        }, e, this);
+      }));
+      function t() {
+        return n.apply(this, arguments);
+      }
+      return t;
+    })()
+  }]);
+})(), qr = /* @__PURE__ */ (function(o) {
+  function n() {
+    var t;
+    Y(this, n);
+    for (var e = arguments.length, r = new Array(e), a = 0; a < e; a++)
+      r[a] = arguments[a];
+    return t = oe(this, n, [].concat(r)), t.name = "canvas-context-register", t;
+  }
+  return se(n, o), K(n, [{
+    key: "init",
+    value: function() {
+      this.context.ContextService = Zr;
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      delete this.context.ContextService;
+    }
+  }]);
+})(Se), gt = /* @__PURE__ */ (function(o) {
+  function n(t) {
+    var e;
+    return Y(this, n), e = oe(this, n, [t]), e.registerPlugin(new qr()), e.registerPlugin(new je.Plugin()), e.registerPlugin(new Qr()), e.registerPlugin(new kr()), e.registerPlugin(new er.Plugin()), e.registerPlugin(new xr()), e.registerPlugin(new rr.Plugin()), e;
+  }
+  return se(n, o), K(n);
+})(qe);
+export {
+  er as DomInteraction,
+  rr as HTMLRenderer,
+  je as ImageLoader,
+  gt as Renderer
+};
+//# sourceMappingURL=index.esm.js.map