vue-wiring-diagram 1.1.10 → 1.1.12

package/dist/vue-wiring-diagram.es.js

@@ -4153,19 +4153,19 @@ function Im(n, e, t) {
     throw new TypeError(rA);
   e = oo(e) || 0, Qe(t) && (u = !!t.leading, h = "maxWait" in t, r = h ? oA(oo(t.maxWait) || 0, e) : r, d = "trailing" in t ? !!t.trailing : d);
   function f(O) {
-    var x = s, M = i;
-    return s = i = void 0, c = O, o = n.apply(M, x), o;
+    var x = s, P = i;
+    return s = i = void 0, c = O, o = n.apply(P, x), o;
   }
   function g(O) {
     return c = O, a = setTimeout(y, e), u ? f(O) : o;
   }
   function p(O) {
-    var x = O - l, M = O - c, k = e - x;
-    return h ? aA(k, r - M) : k;
+    var x = O - l, P = O - c, k = e - x;
+    return h ? aA(k, r - P) : k;
   }
   function m(O) {
-    var x = O - l, M = O - c;
-    return l === void 0 || x >= e || x < 0 || h && M >= r;
+    var x = O - l, P = O - c;
+    return l === void 0 || x >= e || x < 0 || h && P >= r;
   }
   function y() {
     var O = mc();
@@ -4858,9 +4858,9 @@ For more detail, please visit: ${i}
     offsetY: 0
   };
   const r = (c) => {
-    const u = c.clientX, h = c.clientY, { offsetX: d, offsetY: f } = i, g = n.value.getBoundingClientRect(), p = g.left, m = g.top, y = g.width, b = g.height, v = document.documentElement.clientWidth, w = document.documentElement.clientHeight, S = -p + d, O = -m + f, x = v - p - y + d, M = w - m - b + f, k = (L) => {
+    const u = c.clientX, h = c.clientY, { offsetX: d, offsetY: f } = i, g = n.value.getBoundingClientRect(), p = g.left, m = g.top, y = g.width, b = g.height, v = document.documentElement.clientWidth, w = document.documentElement.clientHeight, S = -p + d, O = -m + f, x = v - p - y + d, P = w - m - b + f, k = (L) => {
       let I = d + L.clientX - u, H = f + L.clientY - h;
-      s != null && s.value || (I = Math.min(Math.max(I, S), x), H = Math.min(Math.max(H, O), M)), i = {
+      s != null && s.value || (I = Math.min(Math.max(I, S), x), H = Math.min(Math.max(H, O), P)), i = {
         offsetX: I,
         offsetY: H
       }, n.value && (n.value.style.transform = `translate(${Eo(I)}, ${Eo(H)})`);
@@ -5162,13 +5162,13 @@ const B_ = (n) => (e, t) => z_(e, t, _(n)), z_ = (n, e, t) => Jp(t, n, n).replac
       }, v = (x) => {
         if (g.disabled === !0 || cn(c) && !c())
           return;
-        const M = p.value && ht;
-        M && f(e, !0), (m.value || !M) && y(x);
+        const P = p.value && ht;
+        P && f(e, !0), (m.value || !P) && y(x);
       }, w = (x) => {
         if (g.disabled === !0 || !ht)
           return;
-        const M = p.value && ht;
-        M && f(e, !1), (m.value || !M) && b(x);
+        const P = p.value && ht;
+        P && f(e, !1), (m.value || !P) && b(x);
       }, S = (x) => {
         Wa(x) && (g.disabled && x ? p.value && f(e, !1) : o.value !== x && (x ? y() : b()));
       }, O = () => {
@@ -5339,8 +5339,8 @@ var dT = function(n, e) {
 function hT(n) {
   var e, t = n.state, s = n.name, i = n.options, r = t.elements.arrow, o = t.modifiersData.popperOffsets, a = Gn(t.placement), l = md(a), c = [Yt, pn].indexOf(a) >= 0, u = c ? "height" : "width";
   if (!(!r || !o)) {
-    var h = dT(i.padding, t), d = pd(r), f = l === "y" ? Wt : Yt, g = l === "y" ? gn : pn, p = t.rects.reference[u] + t.rects.reference[l] - o[l] - t.rects.popper[u], m = o[l] - t.rects.reference[l], y = Xo(r), b = y ? l === "y" ? y.clientHeight || 0 : y.clientWidth || 0 : 0, v = p / 2 - m / 2, w = h[f], S = b - d[u] - h[g], O = b / 2 - d[u] / 2 + v, x = co(w, O, S), M = l;
-    t.modifiersData[s] = (e = {}, e[M] = x, e.centerOffset = x - O, e);
+    var h = dT(i.padding, t), d = pd(r), f = l === "y" ? Wt : Yt, g = l === "y" ? gn : pn, p = t.rects.reference[u] + t.rects.reference[l] - o[l] - t.rects.popper[u], m = o[l] - t.rects.reference[l], y = Xo(r), b = y ? l === "y" ? y.clientHeight || 0 : y.clientWidth || 0 : 0, v = p / 2 - m / 2, w = h[f], S = b - d[u] - h[g], O = b / 2 - d[u] / 2 + v, x = co(w, O, S), P = l;
+    t.modifiersData[s] = (e = {}, e[P] = x, e.centerOffset = x - O, e);
   }
 }
 function fT(n) {
@@ -5361,15 +5361,15 @@ function hf(n) {
   f = m.x, p = m.y;
   var y = o.hasOwnProperty("x"), b = o.hasOwnProperty("y"), v = Yt, w = Wt, S = window;
   if (c) {
-    var O = Xo(t), x = "clientHeight", M = "clientWidth";
-    if (O === In(t) && (O = ti(t), vs(O).position !== "static" && a === "absolute" && (x = "scrollHeight", M = "scrollWidth")), O = O, i === Wt || (i === Yt || i === pn) && r === Po) {
+    var O = Xo(t), x = "clientHeight", P = "clientWidth";
+    if (O === In(t) && (O = ti(t), vs(O).position !== "static" && a === "absolute" && (x = "scrollHeight", P = "scrollWidth")), O = O, i === Wt || (i === Yt || i === pn) && r === Po) {
       w = gn;
       var k = h && O === S && S.visualViewport ? S.visualViewport.height : O[x];
       p -= k - s.height, p *= l ? 1 : -1;
     }
     if (i === Yt || (i === Wt || i === gn) && r === Po) {
       v = pn;
-      var D = h && O === S && S.visualViewport ? S.visualViewport.width : O[M];
+      var D = h && O === S && S.visualViewport ? S.visualViewport.width : O[P];
       f -= D - s.width, f *= l ? 1 : -1;
     }
   }
@@ -5493,15 +5493,15 @@ function my(n) {
 }
 function Ao(n, e) {
   e === void 0 && (e = {});
-  var t = e, s = t.placement, i = s === void 0 ? n.placement : s, r = t.boundary, o = r === void 0 ? q_ : r, a = t.rootBoundary, l = a === void 0 ? ay : a, c = t.elementContext, u = c === void 0 ? to : c, h = t.altBoundary, d = h === void 0 ? !1 : h, f = t.padding, g = f === void 0 ? 0 : f, p = dy(typeof g != "number" ? g : hy(g, Jo)), m = u === to ? J_ : to, y = n.rects.popper, b = n.elements[d ? m : u], v = ET(ar(b) ? b : b.contextElement || ti(n.elements.popper), o, l), w = cr(n.elements.reference), S = my({ reference: w, element: y, strategy: "absolute", placement: i }), O = eu(Object.assign({}, y, S)), x = u === to ? O : w, M = { top: v.top - x.top + p.top, bottom: x.bottom - v.bottom + p.bottom, left: v.left - x.left + p.left, right: x.right - v.right + p.right }, k = n.modifiersData.offset;
+  var t = e, s = t.placement, i = s === void 0 ? n.placement : s, r = t.boundary, o = r === void 0 ? q_ : r, a = t.rootBoundary, l = a === void 0 ? ay : a, c = t.elementContext, u = c === void 0 ? to : c, h = t.altBoundary, d = h === void 0 ? !1 : h, f = t.padding, g = f === void 0 ? 0 : f, p = dy(typeof g != "number" ? g : hy(g, Jo)), m = u === to ? J_ : to, y = n.rects.popper, b = n.elements[d ? m : u], v = ET(ar(b) ? b : b.contextElement || ti(n.elements.popper), o, l), w = cr(n.elements.reference), S = my({ reference: w, element: y, strategy: "absolute", placement: i }), O = eu(Object.assign({}, y, S)), x = u === to ? O : w, P = { top: v.top - x.top + p.top, bottom: x.bottom - v.bottom + p.bottom, left: v.left - x.left + p.left, right: x.right - v.right + p.right }, k = n.modifiersData.offset;
   if (u === to && k) {
     var D = k[i];
-    Object.keys(M).forEach(function(L) {
+    Object.keys(P).forEach(function(L) {
       var I = [pn, gn].indexOf(L) >= 0 ? 1 : -1, H = [Wt, gn].indexOf(L) >= 0 ? "y" : "x";
-      M[L] += D[H] * I;
+      P[L] += D[H] * I;
     });
   }
-  return M;
+  return P;
 }
 function MT(n, e) {
   e === void 0 && (e = {});
@@ -5528,19 +5528,19 @@ function AT(n) {
   if (!e.modifiersData[s]._skip) {
     for (var i = t.mainAxis, r = i === void 0 ? !0 : i, o = t.altAxis, a = o === void 0 ? !0 : o, l = t.fallbackPlacements, c = t.padding, u = t.boundary, h = t.rootBoundary, d = t.altBoundary, f = t.flipVariations, g = f === void 0 ? !0 : f, p = t.allowedAutoPlacements, m = e.options.placement, y = Gn(m), b = y === m, v = l || (b || !g ? [Aa(m)] : PT(m)), w = [m].concat(v).reduce(function(ie, te) {
       return ie.concat(Gn(te) === hd ? MT(e, { placement: te, boundary: u, rootBoundary: h, padding: c, flipVariations: g, allowedAutoPlacements: p }) : te);
-    }, []), S = e.rects.reference, O = e.rects.popper, x = /* @__PURE__ */ new Map(), M = !0, k = w[0], D = 0; D < w.length; D++) {
+    }, []), S = e.rects.reference, O = e.rects.popper, x = /* @__PURE__ */ new Map(), P = !0, k = w[0], D = 0; D < w.length; D++) {
       var L = w[D], I = Gn(L), H = ur(L) === or, U = [Wt, gn].indexOf(I) >= 0, T = U ? "width" : "height", A = Ao(e, { placement: L, boundary: u, rootBoundary: h, altBoundary: d, padding: c }), R = U ? H ? pn : Yt : H ? gn : Wt;
       S[T] > O[T] && (R = Aa(R));
       var z = Aa(R), J = [];
       if (r && J.push(A[I] <= 0), a && J.push(A[R] <= 0, A[z] <= 0), J.every(function(ie) {
         return ie;
       })) {
-        k = L, M = !1;
+        k = L, P = !1;
         break;
       }
       x.set(L, J);
     }
-    if (M) for (var de = g ? 3 : 1, B = function(ie) {
+    if (P) for (var de = g ? 3 : 1, B = function(ie) {
       var te = w.find(function(fe) {
         var oe = x.get(fe);
         if (oe) return oe.slice(0, ie).every(function(Me) {
@@ -5589,14 +5589,14 @@ function IT(n) {
   return n === "x" ? "y" : "x";
 }
 function jT(n) {
-  var e = n.state, t = n.options, s = n.name, i = t.mainAxis, r = i === void 0 ? !0 : i, o = t.altAxis, a = o === void 0 ? !1 : o, l = t.boundary, c = t.rootBoundary, u = t.altBoundary, h = t.padding, d = t.tether, f = d === void 0 ? !0 : d, g = t.tetherOffset, p = g === void 0 ? 0 : g, m = Ao(e, { boundary: l, rootBoundary: c, padding: h, altBoundary: u }), y = Gn(e.placement), b = ur(e.placement), v = !b, w = md(y), S = IT(w), O = e.modifiersData.popperOffsets, x = e.rects.reference, M = e.rects.popper, k = typeof p == "function" ? p(Object.assign({}, e.rects, { placement: e.placement })) : p, D = typeof k == "number" ? { mainAxis: k, altAxis: k } : Object.assign({ mainAxis: 0, altAxis: 0 }, k), L = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, I = { x: 0, y: 0 };
+  var e = n.state, t = n.options, s = n.name, i = t.mainAxis, r = i === void 0 ? !0 : i, o = t.altAxis, a = o === void 0 ? !1 : o, l = t.boundary, c = t.rootBoundary, u = t.altBoundary, h = t.padding, d = t.tether, f = d === void 0 ? !0 : d, g = t.tetherOffset, p = g === void 0 ? 0 : g, m = Ao(e, { boundary: l, rootBoundary: c, padding: h, altBoundary: u }), y = Gn(e.placement), b = ur(e.placement), v = !b, w = md(y), S = IT(w), O = e.modifiersData.popperOffsets, x = e.rects.reference, P = e.rects.popper, k = typeof p == "function" ? p(Object.assign({}, e.rects, { placement: e.placement })) : p, D = typeof k == "number" ? { mainAxis: k, altAxis: k } : Object.assign({ mainAxis: 0, altAxis: 0 }, k), L = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, I = { x: 0, y: 0 };
   if (O) {
     if (r) {
-      var H, U = w === "y" ? Wt : Yt, T = w === "y" ? gn : pn, A = w === "y" ? "height" : "width", R = O[w], z = R + m[U], J = R - m[T], de = f ? -M[A] / 2 : 0, B = b === or ? x[A] : M[A], N = b === or ? -M[A] : -x[A], X = e.elements.arrow, ie = f && X ? pd(X) : { width: 0, height: 0 }, te = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : uy(), fe = te[U], oe = te[T], Me = co(0, x[A], ie[A]), ue = v ? x[A] / 2 - de - Me - fe - D.mainAxis : B - Me - fe - D.mainAxis, be = v ? -x[A] / 2 + de + Me + oe + D.mainAxis : N + Me + oe + D.mainAxis, Lt = e.elements.arrow && Xo(e.elements.arrow), pt = Lt ? w === "y" ? Lt.clientTop || 0 : Lt.clientLeft || 0 : 0, Bt = (H = L == null ? void 0 : L[w]) != null ? H : 0, ae = R + ue - Bt - pt, ri = R + be - Bt, oi = co(f ? Ja(z, ae) : z, R, f ? wi(J, ri) : J);
+      var H, U = w === "y" ? Wt : Yt, T = w === "y" ? gn : pn, A = w === "y" ? "height" : "width", R = O[w], z = R + m[U], J = R - m[T], de = f ? -P[A] / 2 : 0, B = b === or ? x[A] : P[A], N = b === or ? -P[A] : -x[A], X = e.elements.arrow, ie = f && X ? pd(X) : { width: 0, height: 0 }, te = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : uy(), fe = te[U], oe = te[T], Me = co(0, x[A], ie[A]), ue = v ? x[A] / 2 - de - Me - fe - D.mainAxis : B - Me - fe - D.mainAxis, be = v ? -x[A] / 2 + de + Me + oe + D.mainAxis : N + Me + oe + D.mainAxis, Lt = e.elements.arrow && Xo(e.elements.arrow), pt = Lt ? w === "y" ? Lt.clientTop || 0 : Lt.clientLeft || 0 : 0, Bt = (H = L == null ? void 0 : L[w]) != null ? H : 0, ae = R + ue - Bt - pt, ri = R + be - Bt, oi = co(f ? Ja(z, ae) : z, R, f ? wi(J, ri) : J);
       O[w] = oi, I[w] = oi - R;
     }
     if (a) {
-      var Li, me = w === "x" ? Wt : Yt, nn = w === "x" ? gn : pn, ns = O[S], Ii = S === "y" ? "height" : "width", Xr = ns + m[me], na = ns - m[nn], ji = [Wt, Yt].indexOf(y) !== -1, Z = (Li = L == null ? void 0 : L[S]) != null ? Li : 0, $e = ji ? Xr : ns - x[Ii] - M[Ii] - Z + D.altAxis, ss = ji ? ns + x[Ii] + M[Ii] - Z - D.altAxis : na, Kr = f && ji ? uT($e, ns, ss) : co(f ? $e : Xr, ns, f ? ss : na);
+      var Li, me = w === "x" ? Wt : Yt, nn = w === "x" ? gn : pn, ns = O[S], Ii = S === "y" ? "height" : "width", Xr = ns + m[me], na = ns - m[nn], ji = [Wt, Yt].indexOf(y) !== -1, Z = (Li = L == null ? void 0 : L[S]) != null ? Li : 0, $e = ji ? Xr : ns - x[Ii] - P[Ii] - Z + D.altAxis, ss = ji ? ns + x[Ii] + P[Ii] - Z - D.altAxis : na, Kr = f && ji ? uT($e, ns, ss) : co(f ? $e : Xr, ns, f ? ss : na);
       O[S] = Kr, I[S] = Kr - ns;
     }
     e.modifiersData[s] = I;
@@ -5687,8 +5687,8 @@ function wd(n) {
       if (!h) {
         var p = c.elements, m = p.reference, y = p.popper;
         if (bf(m, y)) {
-          c.rects = { reference: FT(m, Xo(y), c.options.strategy === "fixed"), popper: pd(y) }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(M) {
-            return c.modifiersData[M.name] = Object.assign({}, M.data);
+          c.rects = { reference: FT(m, Xo(y), c.options.strategy === "fixed"), popper: pd(y) }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(P) {
+            return c.modifiersData[P.name] = Object.assign({}, P.data);
           });
           for (var b = 0; b < c.orderedModifiers.length; b++) {
             if (c.reset === !0) {
@@ -6382,7 +6382,7 @@ const Ck = xt({
       excludeKeys: Y(() => Object.keys(o.value))
     }), { form: u, formItem: h } = Ty(), { inputId: d } = vk(s, {
       formItemContext: h
-    }), f = _y(), g = Ed(), p = jt("input"), m = jt("textarea"), y = Un(), b = Un(), v = V(!1), w = V(!1), S = V(), O = Un(s.inputStyle), x = Y(() => y.value || b.value), { wrapperRef: M, isFocused: k, handleFocus: D, handleBlur: L } = lk(x, {
+    }), f = _y(), g = Ed(), p = jt("input"), m = jt("textarea"), y = Un(), b = Un(), v = V(!1), w = V(!1), S = V(), O = Un(s.inputStyle), x = Y(() => y.value || b.value), { wrapperRef: P, isFocused: k, handleFocus: D, handleBlur: L } = lk(x, {
       beforeFocus() {
         return g.value;
       },
@@ -6514,7 +6514,7 @@ const Ck = xt({
         ], 2)) : ye("v-if", !0),
         F("div", {
           ref_key: "wrapperRef",
-          ref: M,
+          ref: P,
           class: we(_(l))
         }, [
           ye(" prefix slot "),
@@ -7008,20 +7008,20 @@ const Wk = () => {
         return;
       const { key: p, altKey: m, ctrlKey: y, metaKey: b, currentTarget: v, shiftKey: w } = g, { loop: S } = n, O = p === rr.tab && !m && !y && !b, x = document.activeElement;
       if (O && x) {
-        const M = v, [k, D] = Hk(M);
+        const P = v, [k, D] = Hk(P);
         if (k && D) {
           if (!w && x === D) {
             const I = ha({
               focusReason: r.value
             });
             e("focusout-prevented", I), I.defaultPrevented || (g.preventDefault(), S && Ts(k, !0));
-          } else if (w && [k, M].includes(x)) {
+          } else if (w && [k, P].includes(x)) {
             const I = ha({
               focusReason: r.value
             });
             e("focusout-prevented", I), I.defaultPrevented || (g.preventDefault(), S && Ts(D, !0));
           }
-        } else if (x === M) {
+        } else if (x === P) {
           const I = ha({
             focusReason: r.value
           });
@@ -7355,13 +7355,13 @@ const rN = 0, oN = (n) => {
       styles: g,
       attributes: h,
       role: m
-    }), M = it(Za, void 0), k = V();
+    }), P = it(Za, void 0), k = V();
     Hs(ky, {
       arrowStyle: v,
       arrowRef: d,
       arrowOffset: k
-    }), M && Hs(Za, {
-      ...M,
+    }), P && Hs(Za, {
+      ...P,
       addInputId: Fs,
       removeInputId: Fs
     });
@@ -7565,7 +7565,7 @@ const EN = Di(ON), MN = ve({
     const v = Y(() => _(b) ? !0 : _(c)), w = Y(() => t.disabled ? !1 : _(c)), S = Y(() => t.appendTo || s.value), O = Y(() => {
       var A;
       return (A = t.style) != null ? A : {};
-    }), x = V(!0), M = () => {
+    }), x = V(!0), P = () => {
       g(), x.value = !0;
     }, k = () => {
       if (_(a))
@@ -7607,7 +7607,7 @@ const EN = Di(ON), MN = ve({
       default: E(() => [
         C(vl, {
           name: _(y),
-          onAfterLeave: M,
+          onAfterLeave: P,
           onBeforeEnter: I,
           onAfterEnter: U,
           onBeforeLeave: H
@@ -8819,7 +8819,7 @@ const gR = fR, Hy = ["success", "info", "warning", "error"], Tt = sy({
       visible: c,
       bottom: y,
       close: S
-    }), (x, M) => ($(), le(vl, {
+    }), (x, P) => ($(), le(vl, {
       name: _(i).b("fade"),
       onBeforeLeave: x.onClose,
       onAfterLeave: (k) => x.$emit("destroy"),
@@ -9092,9 +9092,9 @@ const dt = __(dr, "$message"), PR = ve({
         c.action && e("action", c.action);
       }));
     }
-    const M = () => {
+    const P = () => {
       n.closeOnClickModal && L(c.distinguishCancelAndClose ? "close" : "cancel");
-    }, k = by(M), D = (A) => {
+    }, k = by(P), D = (A) => {
       if (c.inputType !== "textarea")
         return A.preventDefault(), L("confirm");
     }, L = (A) => {
@@ -9143,7 +9143,7 @@ const dt = __(dr, "$message"), PR = ve({
       doClose: x,
       handleClose: U,
       onCloseRequested: T,
-      handleWrapperClick: M,
+      handleWrapperClick: P,
       handleInputEnter: D,
       handleAction: L,
       t: o
@@ -10652,11 +10652,11 @@ const oL = async (n) => {
         duplex: "half"
       }), O;
       if (j.isFormData(s) && (O = S.headers.get("content-type")) && u.setContentType(O), S.body) {
-        const [x, M] = Gf(
+        const [x, P] = Gf(
           m,
           Qa(Wf(l))
         );
-        s = qf(S.body, Jf, x, M);
+        s = qf(S.body, Jf, x, P);
       }
     }
     j.isString(h) || (h = h ? "include" : "omit");
@@ -10677,13 +10677,13 @@ const oL = async (n) => {
       ["status", "statusText", "headers"].forEach((k) => {
         S[k] = b[k];
       });
-      const O = j.toFiniteNumber(b.headers.get("content-length")), [x, M] = a && Gf(
+      const O = j.toFiniteNumber(b.headers.get("content-length")), [x, P] = a && Gf(
         O,
         Qa(Wf(a), !0)
       ) || [];
       b = new Response(
         qf(b.body, Jf, x, () => {
-          M && M(), p && p();
+          P && P(), p && p();
         }),
         S
       );
@@ -11429,8 +11429,8 @@ const Si = (n, e = {}) => Ms.get(n, { params: e }), tl = (n, e = {}) => Ms.post(
     payload: Object
   },
   setup(n) {
-    var d, f, g, p, m, y, b, v, w, S, O, x, M, k, D, L, I, H, U, T, A;
-    const e = n, t = V(((d = e.payload.value.options.background) == null ? void 0 : d.color) || null), s = V(((g = (f = e.payload.value.options) == null ? void 0 : f.grid) == null ? void 0 : g.visible) || null), i = V(((m = (p = e.payload.value.options) == null ? void 0 : p.grid) == null ? void 0 : m.size) || 10), r = V(((w = (v = (b = (y = e.payload.value.options) == null ? void 0 : y.grid) == null ? void 0 : b.args) == null ? void 0 : v[0]) == null ? void 0 : w.color) || null), o = V(((M = (x = (O = (S = e.payload.value.options) == null ? void 0 : S.grid) == null ? void 0 : O.args) == null ? void 0 : x[0]) == null ? void 0 : M.thickness) || 1), a = V(((I = (L = (D = (k = e.payload.value.options) == null ? void 0 : k.grid) == null ? void 0 : D.args) == null ? void 0 : L[1]) == null ? void 0 : I.color) || null), l = V(((A = (T = (U = (H = e.payload.value.options) == null ? void 0 : H.grid) == null ? void 0 : U.args) == null ? void 0 : T[1]) == null ? void 0 : A.thickness) || 1), c = V("1"), u = (R) => {
+    var d, f, g, p, m, y, b, v, w, S, O, x, P, k, D, L, I, H, U, T, A;
+    const e = n, t = V(((d = e.payload.value.options.background) == null ? void 0 : d.color) || null), s = V(((g = (f = e.payload.value.options) == null ? void 0 : f.grid) == null ? void 0 : g.visible) || null), i = V(((m = (p = e.payload.value.options) == null ? void 0 : p.grid) == null ? void 0 : m.size) || 10), r = V(((w = (v = (b = (y = e.payload.value.options) == null ? void 0 : y.grid) == null ? void 0 : b.args) == null ? void 0 : v[0]) == null ? void 0 : w.color) || null), o = V(((P = (x = (O = (S = e.payload.value.options) == null ? void 0 : S.grid) == null ? void 0 : O.args) == null ? void 0 : x[0]) == null ? void 0 : P.thickness) || 1), a = V(((I = (L = (D = (k = e.payload.value.options) == null ? void 0 : k.grid) == null ? void 0 : D.args) == null ? void 0 : L[1]) == null ? void 0 : I.color) || null), l = V(((A = (T = (U = (H = e.payload.value.options) == null ? void 0 : H.grid) == null ? void 0 : U.args) == null ? void 0 : T[1]) == null ? void 0 : A.thickness) || 1), c = V("1"), u = (R) => {
       e.payload.value.drawBackground({
         color: R
       });
@@ -13807,8 +13807,8 @@ var bI = function(n, e) {
       v = O, u.type = w > 1 ? y : m.bindType || h;
       const x = pi.get(O);
       x && x.events[u.type] && x.handler && x.handler.call(O, ...p);
-      const M = g && O[g] || null;
-      M && xe.isValidTarget(O) && (u.result = M.call(O, ...p), u.result === !1 && u.preventDefault());
+      const P = g && O[g] || null;
+      P && xe.isValidTarget(O) && (u.result = P.call(O, ...p), u.result === !1 && u.preventDefault());
     }
     if (u.type = h, !c && !u.isDefaultPrevented()) {
       const w = m.preventDefault;
@@ -14175,8 +14175,8 @@ class fs {
   function r(v) {
     const w = v.toLowerCase().match(/^hsla?\(([\s.,0-9]+)\)/);
     if (w) {
-      const S = w[2].split(/\s*,\s*/), O = (parseFloat(S[0]) % 360 + 360) % 360 / 360, x = parseFloat(S[1]) / 100, M = parseFloat(S[2]) / 100, k = S[3] == null ? 1 : parseInt(S[3], 10);
-      return new n(c(O, x, M, k));
+      const S = w[2].split(/\s*,\s*/), O = (parseFloat(S[0]) % 360 + 360) % 360 / 360, x = parseFloat(S[1]) / 100, P = parseFloat(S[2]) / 100, k = S[3] == null ? 1 : parseInt(S[3], 10);
+      return new n(c(O, x, P, k));
     }
     return null;
   }
@@ -14195,19 +14195,19 @@ class fs {
   }
   n.makeGrey = a;
   function l(v, w, S, O) {
-    const x = Array.isArray(v) ? v[0] : v, M = Array.isArray(v) ? v[1] : w, k = Array.isArray(v) ? v[2] : S, D = Array.isArray(v) ? v[3] : O, L = Math.max(x, M, k), I = Math.min(x, M, k), H = (L + I) / 2;
+    const x = Array.isArray(v) ? v[0] : v, P = Array.isArray(v) ? v[1] : w, k = Array.isArray(v) ? v[2] : S, D = Array.isArray(v) ? v[3] : O, L = Math.max(x, P, k), I = Math.min(x, P, k), H = (L + I) / 2;
     let U = 0, T = 0;
     if (I !== L) {
       const A = L - I;
       switch (T = H > 0.5 ? A / (2 - L - I) : A / (L + I), L) {
         case x:
-          U = (M - k) / A + (M < k ? 6 : 0);
+          U = (P - k) / A + (P < k ? 6 : 0);
           break;
-        case M:
+        case P:
           U = (k - x) / A + 2;
           break;
         case k:
-          U = (x - M) / A + 4;
+          U = (x - P) / A + 4;
           break;
       }
       U /= 6;
@@ -14216,7 +14216,7 @@ class fs {
   }
   n.rgba2hsla = l;
   function c(v, w, S, O) {
-    const x = Array.isArray(v) ? v[0] : v, M = Array.isArray(v) ? v[1] : w, k = Array.isArray(v) ? v[2] : S, D = Array.isArray(v) ? v[3] : O, L = k <= 0.5 ? k * (M + 1) : k + M - k * M, I = 2 * k - L;
+    const x = Array.isArray(v) ? v[0] : v, P = Array.isArray(v) ? v[1] : w, k = Array.isArray(v) ? v[2] : S, D = Array.isArray(v) ? v[3] : O, L = k <= 0.5 ? k * (P + 1) : k + P - k * P, I = 2 * k - L;
     return [
       i(I, L, x + 1 / 3) * 256,
       i(I, L, x) * 256,
@@ -14246,8 +14246,8 @@ class fs {
       const k = v[0] === "#", [D, L, I] = g(v);
       return w ? D * 0.299 + L * 0.587 + I * 0.114 > 186 ? "#000000" : "#ffffff" : `${k ? "#" : ""}${p(255 - D, 255 - L, 255 - I)}`;
     }
-    const S = v[0], O = v[1], x = v[2], M = v[3];
-    return w ? S * 0.299 + O * 0.587 + x * 0.114 > 186 ? [0, 0, 0, M] : [255, 255, 255, M] : [255 - S, 255 - O, 255 - x, M];
+    const S = v[0], O = v[1], x = v[2], P = v[3];
+    return w ? S * 0.299 + O * 0.587 + x * 0.114 > 186 ? [0, 0, 0, P] : [255, 255, 255, P] : [255 - S, 255 - O, 255 - x, P];
   }
   n.invert = f;
   function g(v) {
@@ -14255,11 +14255,11 @@ class fs {
     let S = +`0x${w.substr(1)}`;
     if (!(w.length === 4 || w.length === 7) || Number.isNaN(S))
       throw new Error("Invalid hex color.");
-    const O = w.length === 4 ? 4 : 8, x = (1 << O) - 1, M = ["b", "g", "r"].map(() => {
+    const O = w.length === 4 ? 4 : 8, x = (1 << O) - 1, P = ["b", "g", "r"].map(() => {
       const k = S & x;
       return S >>= O, O === 4 ? 17 * k : k;
     });
-    return [M[2], M[1], M[0]];
+    return [P[2], P[1], P[0]];
   }
   function p(v, w, S) {
     const O = (x) => x.length < 2 ? `0${x}` : x;
@@ -14275,7 +14275,7 @@ class fs {
   n.darken = y;
   function b(v, w) {
     if (typeof v == "string") {
-      const x = v[0] === "#", M = parseInt(x ? v.substr(1) : v, 16), k = Gt((M >> 16) + w, 0, 255), D = Gt((M >> 8 & 255) + w, 0, 255), L = Gt((M & 255) + w, 0, 255);
+      const x = v[0] === "#", P = parseInt(x ? v.substr(1) : v, 16), k = Gt((P >> 16) + w, 0, 255), D = Gt((P >> 8 & 255) + w, 0, 255), L = Gt((P & 255) + w, 0, 255);
       return `${x ? "#" : ""}${(L | D << 8 | k << 16).toString(16)}`;
     }
     const S = p(v[0], v[1], v[2]), O = g(b(S, w));
@@ -14639,11 +14639,11 @@ var Ai;
     return R * R * ((A + 1) * R + A) + 1;
   }
   n.easeOutBack = x;
-  function M(T, A = 1.70158) {
+  function P(T, A = 1.70158) {
     const R = T * 2, z = R - 2, J = A * 1.525;
     return R < 1 ? 0.5 * R * R * ((J + 1) * R - J) : 0.5 * (z * z * ((J + 1) * z + J) + 2);
   }
-  n.easeInOutBack = M;
+  n.easeInOutBack = P;
   function k(T, A = 0.7) {
     if (T === 0 || T === 1)
       return T;
@@ -14802,7 +14802,7 @@ class ni {
     return JSON.stringify(this.toJSON());
   }
 }
-class P extends ni {
+class M extends ni {
   constructor(e, t) {
     super(), this.x = e ?? 0, this.y = t ?? 0;
   }
@@ -14813,30 +14813,30 @@ class P extends ni {
     return this.x = Re.round(this.x, e), this.y = Re.round(this.y, e), this;
   }
   add(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.x += s.x, this.y += s.y, this;
   }
   update(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.x = s.x, this.y = s.y, this;
   }
   translate(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.x += s.x, this.y += s.y, this;
   }
   /**
    * Rotate the point by `degree` around `center`.
    */
   rotate(e, t) {
-    const s = P.rotate(this, e, t);
+    const s = M.rotate(this, e, t);
     return this.x = s.x, this.y = s.y, this;
   }
   /**
    * Scale point by `sx` and `sy` around the given `origin`. If origin is
    * not specified, the point is scaled around `0, 0`.
    */
-  scale(e, t, s = new P()) {
-    const i = P.create(s);
+  scale(e, t, s = new M()) {
+    const i = M.create(s);
     return this.x = i.x + e * (this.x - i.x), this.y = i.y + t * (this.y - i.y), this;
   }
   /**
@@ -14845,12 +14845,12 @@ class P extends ni {
    */
   closest(e) {
     if (e.length === 1)
-      return P.create(e[0]);
+      return M.create(e[0]);
     let t = null, s = 1 / 0;
     return e.forEach((i) => {
       const r = this.squaredDistance(i);
       r < s && (t = i, s = r);
-    }), t ? P.create(t) : null;
+    }), t ? M.create(t) : null;
   }
   /**
    * Returns the distance between the point and another point `p`.
@@ -14865,11 +14865,11 @@ class P extends ni {
    * (saves one `Math.sqrt()` operation).
    */
   squaredDistance(e) {
-    const t = P.create(e), s = this.x - t.x, i = this.y - t.y;
+    const t = M.create(e), s = this.x - t.x, i = this.y - t.y;
     return s * s + i * i;
   }
   manhattanDistance(e) {
-    const t = P.create(e);
+    const t = M.create(e);
     return Math.abs(t.x - this.x) + Math.abs(t.y - this.y);
   }
   /**
@@ -14884,8 +14884,8 @@ class P extends ni {
    * Returns the angle(in degrees) between vector from this point to `p` and
    * the x-axis.
    */
-  theta(e = new P()) {
-    const t = P.create(e), s = -(t.y - this.y), i = t.x - this.x;
+  theta(e = new M()) {
+    const t = M.create(e), s = -(t.y - this.y), i = t.x - this.x;
     let r = Math.atan2(s, i);
     return r < 0 && (r = 2 * Math.PI + r), 180 * r / Math.PI;
   }
@@ -14917,13 +14917,13 @@ class P extends ni {
    * point `(0,0)` or if `p` is `(0,0)`.
    */
   vectorAngle(e) {
-    return new P(0, 0).angleBetween(this, e);
+    return new M(0, 0).angleBetween(this, e);
   }
   /**
    * Converts rectangular to polar coordinates.
    */
   toPolar(e) {
-    return this.update(P.toPolar(this, e)), this;
+    return this.update(M.toPolar(this, e)), this;
   }
   /**
    * Returns the change in angle(in degrees) that is the result of moving the
@@ -14942,7 +14942,7 @@ class P extends ni {
    * The function returns `0` if the previous and current positions of this
    * point are the same (i.e. both `dx` and `dy` are `0`).
    */
-  changeInAngle(e, t, s = new P()) {
+  changeInAngle(e, t, s = new M()) {
     return this.clone().translate(-e, -t).theta(s) - this.theta(s);
   }
   /**
@@ -14958,7 +14958,7 @@ class P extends ni {
    * @see https://en.wikipedia.org/wiki/Cardinal_direction
    */
   bearing(e) {
-    const t = P.create(e), s = Te.toRad(this.y), i = Te.toRad(t.y), r = this.x, o = t.x, a = Te.toRad(o - r), l = Math.sin(a) * Math.cos(i), c = Math.cos(s) * Math.sin(i) - Math.sin(s) * Math.cos(i) * Math.cos(a), u = Te.toDeg(Math.atan2(l, c)), h = ["NE", "E", "SE", "S", "SW", "W", "NW", "N"];
+    const t = M.create(e), s = Te.toRad(this.y), i = Te.toRad(t.y), r = this.x, o = t.x, a = Te.toRad(o - r), l = Math.sin(a) * Math.cos(i), c = Math.cos(s) * Math.sin(i) - Math.sin(s) * Math.cos(i) * Math.cos(a), u = Te.toDeg(Math.atan2(l, c)), h = ["NE", "E", "SE", "S", "SW", "W", "NW", "N"];
     let d = u - 22.5;
     return d < 0 && (d += 360), d = parseInt(d / 45, 10), h[d];
   }
@@ -14970,7 +14970,7 @@ class P extends ni {
    */
   cross(e, t) {
     if (e != null && t != null) {
-      const s = P.create(e), i = P.create(t);
+      const s = M.create(e), i = M.create(t);
       return (i.x - this.x) * (s.y - this.y) - (i.y - this.y) * (s.x - this.x);
     }
     return NaN;
@@ -14979,22 +14979,22 @@ class P extends ni {
    * Returns the dot product of this point with given other point.
    */
   dot(e) {
-    const t = P.create(e);
+    const t = M.create(e);
     return this.x * t.x + this.y * t.y;
   }
   diff(e, t) {
     if (typeof e == "number")
-      return new P(this.x - e, this.y - t);
-    const s = P.create(e);
-    return new P(this.x - s.x, this.y - s.y);
+      return new M(this.x - e, this.y - t);
+    const s = M.create(e);
+    return new M(this.x - s.x, this.y - s.y);
   }
   /**
    * Returns an interpolation between me and point `p` for a parametert in
    * the closed interval `[0, 1]`.
    */
   lerp(e, t) {
-    const s = P.create(e);
-    return new P((1 - t) * this.x + t * s.x, (1 - t) * this.y + t * s.y);
+    const s = M.create(e);
+    return new M((1 - t) * this.x + t * s.x, (1 - t) * this.y + t * s.y);
   }
   /**
    * Normalize the point vector, scale the line segment between `(0, 0)`
@@ -15011,7 +15011,7 @@ class P extends ni {
    * certain `distance`.
    */
   move(e, t) {
-    const s = P.create(e), i = Te.toRad(s.theta(this));
+    const s = M.create(e), i = Te.toRad(s.theta(this));
     return this.translate(Math.cos(i) * t, -Math.sin(i) * t);
   }
   /**
@@ -15019,23 +15019,23 @@ class P extends ni {
    * in `ref` point.
    */
   reflection(e) {
-    return P.create(e).move(this, this.distance(e));
+    return M.create(e).move(this, this.distance(e));
   }
   snapToGrid(e, t) {
     return this.x = Re.snapToGrid(this.x, e), this.y = Re.snapToGrid(this.y, t ?? e), this;
   }
   equals(e) {
-    const t = P.create(e);
+    const t = M.create(e);
     return t != null && t.x === this.x && t.y === this.y;
   }
   clone() {
-    return P.clone(this);
+    return M.clone(this);
   }
   /**
    * Returns the point as a simple JSON object. For example: `{ x: 0, y: 0 }`.
    */
   toJSON() {
-    return P.toJSON(this);
+    return M.toJSON(this);
   }
   serialize() {
     return `${this.x} ${this.y}`;
@@ -15046,7 +15046,7 @@ class P extends ni {
     return t != null && t instanceof n;
   }
   n.isPoint = e;
-})(P || (P = {}));
+})(M || (M = {}));
 (function(n) {
   function e(s) {
     return s != null && typeof s == "object" && typeof s.x == "number" && typeof s.y == "number";
@@ -15056,7 +15056,7 @@ class P extends ni {
     return s != null && Array.isArray(s) && s.length === 2 && typeof s[0] == "number" && typeof s[1] == "number";
   }
   n.isPointData = t;
-})(P || (P = {}));
+})(M || (M = {}));
 (function(n) {
   function e(h, d) {
     return h == null || typeof h == "number" ? new n(h, d) : t(h);
@@ -15114,7 +15114,7 @@ class P extends ni {
     return new n(v + m.x, w + m.y);
   }
   n.rotateEx = u;
-})(P || (P = {}));
+})(M || (M = {}));
 class K extends ni {
   get left() {
     return this.x;
@@ -15129,37 +15129,37 @@ class K extends ni {
     return this.y + this.height;
   }
   get origin() {
-    return new P(this.x, this.y);
+    return new M(this.x, this.y);
   }
   get topLeft() {
-    return new P(this.x, this.y);
+    return new M(this.x, this.y);
   }
   get topCenter() {
-    return new P(this.x + this.width / 2, this.y);
+    return new M(this.x + this.width / 2, this.y);
   }
   get topRight() {
-    return new P(this.x + this.width, this.y);
+    return new M(this.x + this.width, this.y);
   }
   get center() {
-    return new P(this.x + this.width / 2, this.y + this.height / 2);
+    return new M(this.x + this.width / 2, this.y + this.height / 2);
   }
   get bottomLeft() {
-    return new P(this.x, this.y + this.height);
+    return new M(this.x, this.y + this.height);
   }
   get bottomCenter() {
-    return new P(this.x + this.width / 2, this.y + this.height);
+    return new M(this.x + this.width / 2, this.y + this.height);
   }
   get bottomRight() {
-    return new P(this.x + this.width, this.y + this.height);
+    return new M(this.x + this.width, this.y + this.height);
   }
   get corner() {
-    return new P(this.x + this.width, this.y + this.height);
+    return new M(this.x + this.width, this.y + this.height);
   }
   get rightMiddle() {
-    return new P(this.x + this.width, this.y + this.height / 2);
+    return new M(this.x + this.width, this.y + this.height / 2);
   }
   get leftMiddle() {
-    return new P(this.x, this.y + this.height / 2);
+    return new M(this.x, this.y + this.height / 2);
   }
   get topLine() {
     return new ee(this.topLeft, this.topRight);
@@ -15259,10 +15259,10 @@ class K extends ni {
     return this.x = s.x, this.y = s.y, this.width = i.x - s.x, this.height = i.y - s.y, this;
   }
   translate(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.x += s.x, this.y += s.y, this;
   }
-  scale(e, t, s = new P()) {
+  scale(e, t, s = new M()) {
     const i = this.origin.scale(e, t, s);
     return this.x = i.x, this.y = i.y, this.width *= e, this.height *= t, this;
   }
@@ -15270,7 +15270,7 @@ class K extends ni {
     if (e !== 0) {
       const s = Te.toRad(e), i = Math.cos(s), r = Math.sin(s);
       let o = this.getOrigin(), a = this.getTopRight(), l = this.getBottomRight(), c = this.getBottomLeft();
-      o = P.rotateEx(o, i, r, t), a = P.rotateEx(a, i, r, t), l = P.rotateEx(l, i, r, t), c = P.rotateEx(c, i, r, t);
+      o = M.rotateEx(o, i, r, t), a = M.rotateEx(a, i, r, t), l = M.rotateEx(l, i, r, t), c = M.rotateEx(c, i, r, t);
       const u = new K(o.x, o.y, 0, 0);
       u.add(a.x, a.y, 0, 0), u.add(l.x, l.y, 0, 0), u.add(c.x, c.y, 0, 0), this.update(u);
     }
@@ -15322,7 +15322,7 @@ class K extends ni {
     return Math.min(s.sx, s.sy);
   }
   containsPoint(e, t) {
-    return Re.containsPoint(this, P.create(e, t));
+    return Re.containsPoint(this, M.create(e, t));
   }
   containsRect(e, t, s, i) {
     const r = K.create(e, t, s, i), o = this.x, a = this.y, l = this.width, c = this.height, u = r.x, h = r.y, d = r.width, f = r.height;
@@ -15353,7 +15353,7 @@ class K extends ni {
    * rotation of the rectangle by `angle` degrees around its center.
    */
   intersectsWithLineFromCenterToPoint(e, t) {
-    const s = P.clone(e), i = this.center;
+    const s = M.clone(e), i = this.center;
     let r = null;
     t != null && t !== 0 && s.rotate(t, i);
     const o = [this.topLine, this.rightLine, this.bottomLine, this.leftLine], a = new ee(i, s);
@@ -15399,7 +15399,7 @@ class K extends ni {
    * the rectangle which is nearest to the point `p`.
    */
   getNearestSideToPoint(e) {
-    const t = P.clone(e), s = t.x - this.x, i = this.x + this.width - t.x, r = t.y - this.y, o = this.y + this.height - t.y;
+    const t = M.clone(e), s = t.x - this.x, i = this.x + this.width - t.x, r = t.y - this.y, o = this.y + this.height - t.y;
     let a = s, l = "left";
     return i < a && (a = i, l = "right"), r < a && (a = r, l = "top"), o < a && (l = "bottom"), l;
   }
@@ -15407,17 +15407,17 @@ class K extends ni {
    * Returns a point on the boundary of the rectangle nearest to the point `p`.
    */
   getNearestPointToPoint(e) {
-    const t = P.clone(e);
+    const t = M.clone(e);
     if (this.containsPoint(t)) {
       const s = this.getNearestSideToPoint(t);
       if (s === "left")
-        return new P(this.x, t.y);
+        return new M(this.x, t.y);
       if (s === "top")
-        return new P(t.x, this.y);
+        return new M(t.x, this.y);
       if (s === "right")
-        return new P(this.x + this.width, t.y);
+        return new M(this.x + this.width, t.y);
       if (s === "bottom")
-        return new P(t.x, this.y + this.height);
+        return new M(t.x, this.y + this.height);
     }
     return t.adhereToRect(this);
   }
@@ -15470,10 +15470,10 @@ class K extends ni {
 })(K || (K = {}));
 class ee extends ni {
   get center() {
-    return new P((this.start.x + this.end.x) / 2, (this.start.y + this.end.y) / 2);
+    return new M((this.start.x + this.end.x) / 2, (this.start.y + this.end.y) / 2);
   }
   constructor(e, t, s, i) {
-    super(), typeof e == "number" && typeof t == "number" ? (this.start = new P(e, t), this.end = new P(s, i)) : (this.start = P.create(e), this.end = P.create(t));
+    super(), typeof e == "number" && typeof t == "number" ? (this.start = new M(e, t), this.end = new M(s, i)) : (this.start = M.create(e), this.end = M.create(t));
   }
   getCenter() {
     return this.center;
@@ -15536,7 +15536,7 @@ class ee extends ni {
    * Returns the vector of the line with length equal to length of the line.
    */
   vector() {
-    return new P(this.end.x - this.start.x, this.end.y - this.start.y);
+    return new M(this.end.x - this.start.x, this.end.y - this.start.y);
   }
   /**
    * Returns the angle of incline of the line.
@@ -15548,7 +15548,7 @@ class ee extends ni {
    * whether the angle of incline can be computed for a given line.
    */
   angle() {
-    const e = new P(this.start.x + 1, this.start.y);
+    const e = new M(this.start.x + 1, this.start.y);
     return this.start.angleBetween(this.end, e);
   }
   /**
@@ -15659,7 +15659,7 @@ class ee extends ni {
    * `null` if no intersection exists.
    */
   intersectsWithLine(e) {
-    const t = new P(this.end.x - this.start.x, this.end.y - this.start.y), s = new P(e.end.x - e.start.x, e.end.y - e.start.y), i = t.x * s.y - t.y * s.x, r = new P(e.start.x - this.start.x, e.start.y - this.start.y), o = r.x * s.y - r.y * s.x, a = r.x * t.y - r.y * t.x;
+    const t = new M(this.end.x - this.start.x, this.end.y - this.start.y), s = new M(e.end.x - e.start.x, e.end.y - e.start.y), i = t.x * s.y - t.y * s.x, r = new M(e.start.x - this.start.x, e.start.y - this.start.y), o = r.x * s.y - r.y * s.x, a = r.x * t.y - r.y * t.x;
     if (i === 0 || o * i < 0 || a * i < 0)
       return null;
     if (i > 0) {
@@ -15667,7 +15667,7 @@ class ee extends ni {
         return null;
     } else if (o < i || a < i)
       return null;
-    return new P(this.start.x + o * t.x / i, this.start.y + o * t.y / i);
+    return new M(this.start.x + o * t.x / i, this.start.y + o * t.y / i);
   }
   /**
    * Returns `true` if a tangent line can be found for the line.
@@ -15685,15 +15685,15 @@ class ee extends ni {
    * the line.
    */
   pointOffset(e) {
-    const t = P.clone(e), s = this.start, i = this.end;
+    const t = M.clone(e), s = this.start, i = this.end;
     return ((i.x - s.x) * (t.y - s.y) - (i.y - s.y) * (t.x - s.x)) / this.length();
   }
   pointSquaredDistance(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.closestPoint(s).squaredDistance(s);
   }
   pointDistance(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.closestPoint(s).distance(s);
   }
   /**
@@ -15717,7 +15717,7 @@ class ee extends ni {
     return r.translate(i.x - t.x, i.y - t.y), r;
   }
   relativeCcw(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     let i = s.x - this.start.x, r = s.y - this.start.y;
     const o = this.end.x - this.start.x, a = this.end.y - this.start.y;
     let l = i * a - r * o;
@@ -15750,7 +15750,7 @@ class ee extends ni {
 })(ee || (ee = {}));
 class Nn extends ni {
   get center() {
-    return new P(this.x, this.y);
+    return new M(this.x, this.y);
   }
   constructor(e, t, s, i) {
     super(), this.x = e ?? 0, this.y = t ?? 0, this.a = s ?? 0, this.b = i ?? 0;
@@ -15772,7 +15772,7 @@ class Nn extends ni {
     return this.a += 2 * s, this.b += 2 * i, this;
   }
   normalizedDistance(e, t) {
-    const s = P.create(e, t), i = s.x - this.x, r = s.y - this.y, o = this.a, a = this.b;
+    const s = M.create(e, t), i = s.x - this.x, r = s.y - this.y, o = this.a, a = this.b;
     return i * i / (o * o) + r * r / (a * a);
   }
   containsPoint(e, t) {
@@ -15783,7 +15783,7 @@ class Nn extends ni {
    * Returns `null` if no intersection exists.
    */
   intersectsWithLine(e) {
-    const t = [], s = this.a, i = this.b, r = e.start, o = e.end, a = e.vector(), l = r.diff(new P(this.x, this.y)), c = new P(a.x / (s * s), a.y / (i * i)), u = new P(l.x / (s * s), l.y / (i * i)), h = a.dot(c), d = a.dot(u), f = l.dot(u) - 1, g = d * d - h * f;
+    const t = [], s = this.a, i = this.b, r = e.start, o = e.end, a = e.vector(), l = r.diff(new M(this.x, this.y)), c = new M(a.x / (s * s), a.y / (i * i)), u = new M(l.x / (s * s), l.y / (i * i)), h = a.dot(c), d = a.dot(u), f = l.dot(u) - 1, g = d * d - h * f;
     if (g < 0)
       return null;
     if (g > 0) {
@@ -15809,7 +15809,7 @@ class Nn extends ni {
    * the rotation of the ellipse by angle degrees around its center.
    */
   intersectsWithLineFromCenterToPoint(e, t = 0) {
-    const s = P.clone(e);
+    const s = M.clone(e);
     t && s.rotate(t, this.getCenter());
     const i = s.x - this.x, r = s.y - this.y;
     let o;
@@ -15819,16 +15819,16 @@ class Nn extends ni {
     let h = Math.sqrt(1 / (1 / c + l / u));
     h = i < 0 ? -h : h;
     const d = a * h;
-    return o = new P(this.x + h, this.y + d), t ? o.rotate(-t, this.getCenter()) : o;
+    return o = new M(this.x + h, this.y + d), t ? o.rotate(-t, this.getCenter()) : o;
   }
   /**
    * Returns the angle between the x-axis and the tangent from a point. It is
    * valid for points lying on the ellipse boundary only.
    */
   tangentTheta(e) {
-    const t = P.clone(e), s = t.x, i = t.y, r = this.a, o = this.b, a = this.bbox().center, l = a.x, c = a.y, u = 30, h = s > a.x + r / 2, d = s < a.x - r / 2;
+    const t = M.clone(e), s = t.x, i = t.y, r = this.a, o = this.b, a = this.bbox().center, l = a.x, c = a.y, u = 30, h = s > a.x + r / 2, d = s < a.x - r / 2;
     let f, g;
-    return h || d ? (g = s > a.x ? i - u : i + u, f = r * r / (s - l) - r * r * (i - c) * (g - c) / (o * o * (s - l)) + l) : (f = i > a.y ? s + u : s - u, g = o * o / (i - c) - o * o * (s - l) * (f - l) / (r * r * (i - c)) + c), new P(f, g).theta(t);
+    return h || d ? (g = s > a.x ? i - u : i + u, f = r * r / (s - l) - r * r * (i - c) * (g - c) / (o * o * (s - l)) + l) : (f = i > a.y ? s + u : s - u, g = o * o / (i - c) - o * o * (s - l) * (f - l) / (r * r * (i - c)) + c), new M(f, g).theta(t);
   }
   scale(e, t) {
     return this.a *= e, this.b *= t, this;
@@ -15840,7 +15840,7 @@ class Nn extends ni {
     return this.a = i.a, this.b = i.b, this.x = i.x, this.y = i.y, this;
   }
   translate(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.x += s.x, this.y += s.y, this;
   }
   equals(e) {
@@ -15888,7 +15888,7 @@ function MI(n, e, t, s, i) {
   const r = [], o = n[n.length - 1], a = e != null && e > 0, l = e || 0;
   if (s && a) {
     n = n.slice();
-    const h = n[0], d = new P(o.x + (h.x - o.x) / 2, o.y + (h.y - o.y) / 2);
+    const h = n[0], d = new M(o.x + (h.x - o.x) / 2, o.y + (h.y - o.y) / 2);
     n.splice(0, 0, d);
   }
   let c = n[0], u = 1;
@@ -15903,7 +15903,7 @@ function MI(n, e, t, s, i) {
         v = n[Tc(u + 2, n.length)], u += 1;
       d = v.x - h.x, f = v.y - h.y, g = Math.max(1, Math.sqrt(d * d + f * f));
       const w = d * Math.min(l, g / 2) / g, S = f * Math.min(l, g / 2) / g, O = h.x + w, x = h.y + S;
-      r.push("Q", h.x, h.y, O, x), h = new P(O, x);
+      r.push("Q", h.x, h.y, O, x), h = new M(O, x);
     } else
       r.push("L", h.x, h.y);
     c = h, u += 1;
@@ -15928,7 +15928,7 @@ function cl(n, e, t, s, i = 0, r = 0, o = 0, a, l) {
     let oe = 1;
     r === o && (oe = -1), w = oe * Math.sqrt((y * b - y * m - b * p) / (y * m + b * p));
   }
-  const S = w * t * g / s, O = -1 * w * s * f / t, x = h * S - d * O + a / 2, M = d * S + h * O + l / 2;
+  const S = w * t * g / s, O = -1 * w * s * f / t, x = h * S - d * O + a / 2, P = d * S + h * O + l / 2;
   let k = Math.atan2((g - O) / s, (f - S) / t) - Math.atan2(0, 1), D = k >= 0 ? k : 2 * Math.PI + k;
   k = Math.atan2((-g - O) / s, (-f - S) / t) - Math.atan2((g - O) / s, (f - S) / t);
   let L = k >= 0 ? k : 2 * Math.PI + k;
@@ -15937,7 +15937,7 @@ function cl(n, e, t, s, i = 0, r = 0, o = 0, a, l) {
   let de = Math.cos(D), B = Math.sin(D), N = -T * (A * B + J * de), X = -T * (z * B - R * de), ie = 0, te = 0;
   const fe = [];
   for (let oe = 0; oe < H; oe += 1) {
-    D += U, de = Math.cos(D), B = Math.sin(D), ie = A * de - J * B + x, te = z * de + R * B + M;
+    D += U, de = Math.cos(D), B = Math.sin(D), ie = A * de - J * B + x, te = z * de + R * B + P;
     const Me = -T * (A * B + J * de), ue = -T * (z * B - R * de), be = oe * 6;
     fe[be] = Number(N + n), fe[be + 1] = Number(X + e), fe[be + 2] = Number(ie - Me + n), fe[be + 3] = Number(te - ue + e), fe[be + 4] = Number(ie + n), fe[be + 5] = Number(te + e), N = ie + Me, X = te + ue;
   }
@@ -15961,18 +15961,18 @@ class st extends ni {
     if (super(), e != null) {
       if (typeof e == "string")
         return st.parse(e);
-      this.points = e.map((t) => P.create(t));
+      this.points = e.map((t) => M.create(t));
     } else
       this.points = [];
   }
-  scale(e, t, s = new P()) {
+  scale(e, t, s = new M()) {
     return this.points.forEach((i) => i.scale(e, t, s)), this;
   }
   rotate(e, t) {
     return this.points.forEach((s) => s.rotate(e, t)), this;
   }
   translate(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return this.points.forEach((i) => i.translate(s.x, s.y)), this;
   }
   round(e = 0) {
@@ -16015,7 +16015,7 @@ class st extends ni {
   containsPoint(e) {
     if (this.points.length === 0)
       return !1;
-    const t = P.clone(e), s = t.x, i = t.y, r = this.points, o = r.length;
+    const t = M.clone(e), s = t.x, i = t.y, r = this.points, o = r.length;
     let a = o - 1, l = 0;
     for (let c = 0; c < o; c += 1) {
       const u = r[a], h = r[c];
@@ -16027,7 +16027,7 @@ class st extends ni {
       if (i <= u.y && i > h.y || i > u.y && i <= h.y) {
         const f = u.x - s > h.x - s ? u.x - s : h.x - s;
         if (f >= 0) {
-          const g = new P(s + f, i), p = new ee(e, g);
+          const g = new M(s + f, i), p = new ee(e, g);
           d.intersectsWithLine(p) && (l += 1);
         }
       }
@@ -16218,7 +16218,7 @@ class st extends ni {
 })(st || (st = {}));
 class Ze extends ni {
   constructor(e, t, s, i) {
-    super(), this.PRECISION = 3, this.start = P.create(e), this.controlPoint1 = P.create(t), this.controlPoint2 = P.create(s), this.end = P.create(i);
+    super(), this.PRECISION = 3, this.start = M.create(e), this.controlPoint1 = M.create(t), this.controlPoint2 = M.create(s), this.end = M.create(i);
   }
   bbox() {
     const e = this.start, t = this.controlPoint1, s = this.controlPoint2, i = this.end, r = e.x, o = e.y, a = t.x, l = t.y, c = s.x, u = s.y, h = i.x, d = i.y, f = [], g = [[], []];
@@ -16232,10 +16232,10 @@ class Ze extends ni {
       }
       S = m * m - 4 * y * p, O = Math.sqrt(S), !(S < 0) && (v = (-m + O) / (2 * p), v > 0 && v < 1 && f.push(v), w = (-m - O) / (2 * p), w > 0 && w < 1 && f.push(w));
     }
-    let x, M, k, D = f.length;
+    let x, P, k, D = f.length;
     const L = D;
     for (; D; )
-      D -= 1, b = f[D], k = 1 - b, x = k * k * k * r + 3 * k * k * b * a + 3 * k * b * b * c + b * b * b * h, g[0][D] = x, M = k * k * k * o + 3 * k * k * b * l + 3 * k * b * b * u + b * b * b * d, g[1][D] = M;
+      D -= 1, b = f[D], k = 1 - b, x = k * k * k * r + 3 * k * k * b * a + 3 * k * b * b * c + b * b * b * h, g[0][D] = x, P = k * k * k * o + 3 * k * k * b * l + 3 * k * b * b * u + b * b * b * d, g[1][D] = P;
     f[L] = 0, f[L + 1] = 1, g[0][L] = r, g[1][L] = o, g[0][L + 1] = h, g[1][L + 1] = d, f.length = L + 2, g[0].length = L + 2, g[1].length = L + 2;
     const I = Math.min.apply(null, g[0]), H = Math.min.apply(null, g[1]), U = Math.max.apply(null, g[0]), T = Math.max.apply(null, g[1]);
     return new K(I, H, U - I, T - H);
@@ -16268,8 +16268,8 @@ class Ze extends ni {
         return c <= u ? a : l;
       const S = o.divide(0.5);
       g /= 2;
-      const O = S[0].start.distance(e), x = S[0].end.distance(e), M = O + x, k = S[1].start.distance(e), D = S[1].end.distance(e), L = k + D;
-      M <= L ? (o = S[0], l -= g, c = O, u = x) : (o = S[1], a += g, c = k, u = D);
+      const O = S[0].start.distance(e), x = S[0].end.distance(e), P = O + x, k = S[1].start.distance(e), D = S[1].end.distance(e), L = k + D;
+      P <= L ? (o = S[0], l -= g, c = O, u = x) : (o = S[1], a += g, c = k, u = D);
     }
   }
   closestPointTangent(e, t = {}) {
@@ -16521,9 +16521,9 @@ class Ze extends ni {
     return o;
   }
   function t(i) {
-    const r = i.map((d) => P.clone(d)), o = [], a = [], l = r.length - 1;
+    const r = i.map((d) => M.clone(d)), o = [], a = [], l = r.length - 1;
     if (l === 1)
-      return o[0] = new P((2 * r[0].x + r[1].x) / 3, (2 * r[0].y + r[1].y) / 3), a[0] = new P(2 * o[0].x - r[0].x, 2 * o[0].y - r[0].y), [o, a];
+      return o[0] = new M((2 * r[0].x + r[1].x) / 3, (2 * r[0].y + r[1].y) / 3), a[0] = new M(2 * o[0].x - r[0].x, 2 * o[0].y - r[0].y), [o, a];
     const c = [];
     for (let d = 1; d < l - 1; d += 1)
       c[d] = 4 * r[d].x + 2 * r[d + 1].x;
@@ -16534,7 +16534,7 @@ class Ze extends ni {
     c[0] = r[0].y + 2 * r[1].y, c[l - 1] = (8 * r[l - 1].y + r[l].y) / 2;
     const h = e(c);
     for (let d = 0; d < l; d += 1)
-      o.push(new P(u[d], h[d])), d < l - 1 ? a.push(new P(2 * r[d + 1].x - u[d + 1], 2 * r[d + 1].y - h[d + 1])) : a.push(new P((r[l].x + u[l - 1]) / 2, (r[l].y + h[l - 1]) / 2));
+      o.push(new M(u[d], h[d])), d < l - 1 ? a.push(new M(2 * r[d + 1].x - u[d + 1], 2 * r[d + 1].y - h[d + 1])) : a.push(new M((r[l].x + u[l - 1]) / 2, (r[l].y + h[l - 1]) / 2));
     return [o, a];
   }
   function s(i) {
@@ -16542,7 +16542,7 @@ class Ze extends ni {
       throw new Error("At least 2 points are required");
     const r = t(i), o = [];
     for (let a = 0, l = r[0].length; a < l; a += 1) {
-      const c = new P(r[0][a].x, r[0][a].y), u = new P(r[1][a].x, r[1][a].y);
+      const c = new M(r[0][a].x, r[0][a].y), u = new M(r[1][a].x, r[1][a].y);
       o.push(new n(i[a], c, u, i[a + 1]));
     }
     return o;
@@ -16591,7 +16591,7 @@ class nc extends ni {
 }
 class kt extends nc {
   constructor(e, t) {
-    super(), ee.isLine(e) ? this.endPoint = e.end.clone().round(2) : this.endPoint = P.create(e, t).round(2);
+    super(), ee.isLine(e) ? this.endPoint = e.end.clone().round(2) : this.endPoint = M.create(e, t).round(2);
   }
   get type() {
     return "L";
@@ -16675,7 +16675,7 @@ class kt extends nc {
     const s = t.length, i = t[0];
     if (ee.isLine(i))
       return new n(i);
-    if (P.isPointLike(i))
+    if (M.isPointLike(i))
       return s === 1 ? new n(i) : t.map((o) => new n(o));
     if (s === 2)
       return new n(+t[0], +t[1]);
@@ -16785,7 +16785,7 @@ class pr extends nc {
 })(pr || (pr = {}));
 class mr extends nc {
   constructor(e, t) {
-    super(), this.isVisible = !1, this.isSubpathStart = !0, ee.isLine(e) || Ze.isCurve(e) ? this.endPoint = e.end.clone().round(2) : this.endPoint = P.create(e, t).round(2);
+    super(), this.isVisible = !1, this.isSubpathStart = !0, ee.isLine(e) || Ze.isCurve(e) ? this.endPoint = e.end.clone().round(2) : this.endPoint = M.create(e, t).round(2);
   }
   get start() {
     throw new Error("Illegal access. Moveto segments should not need a start property.");
@@ -16880,7 +16880,7 @@ class mr extends nc {
       return new n(i);
     if (Ze.isCurve(i))
       return new n(i);
-    if (P.isPointLike(i)) {
+    if (M.isPointLike(i)) {
       if (s === 1)
         return new n(i);
       const o = [];
@@ -16901,7 +16901,7 @@ class mr extends nc {
 })(mr || (mr = {}));
 class rn extends nc {
   constructor(e, t, s, i, r, o) {
-    super(), Ze.isCurve(e) ? (this.controlPoint1 = e.controlPoint1.clone().round(2), this.controlPoint2 = e.controlPoint2.clone().round(2), this.endPoint = e.end.clone().round(2)) : typeof e == "number" ? (this.controlPoint1 = new P(e, t).round(2), this.controlPoint2 = new P(s, i).round(2), this.endPoint = new P(r, o).round(2)) : (this.controlPoint1 = P.create(e).round(2), this.controlPoint2 = P.create(t).round(2), this.endPoint = P.create(s).round(2));
+    super(), Ze.isCurve(e) ? (this.controlPoint1 = e.controlPoint1.clone().round(2), this.controlPoint2 = e.controlPoint2.clone().round(2), this.endPoint = e.end.clone().round(2)) : typeof e == "number" ? (this.controlPoint1 = new M(e, t).round(2), this.controlPoint2 = new M(s, i).round(2), this.endPoint = new M(r, o).round(2)) : (this.controlPoint1 = M.create(e).round(2), this.controlPoint2 = M.create(t).round(2), this.endPoint = M.create(s).round(2));
   }
   get type() {
     return "C";
@@ -16994,7 +16994,7 @@ class rn extends nc {
     const s = t.length, i = t[0];
     if (Ze.isCurve(i))
       return new n(i);
-    if (P.isPointLike(i)) {
+    if (M.isPointLike(i)) {
       if (s === 3)
         return new n(t[0], t[1], t[2]);
       const o = [];
@@ -17052,7 +17052,7 @@ function Zb(n, e, t, s, i, r, o, a, l, c) {
     ]);
   }
   b = p - g;
-  const v = Math.cos(g), w = Math.sin(g), S = Math.cos(p), O = Math.sin(p), x = Math.tan(b / 4), M = 4 / 3 * (t * x), k = 4 / 3 * (s * x), D = [n, e], L = [n + M * w, e - k * v], I = [a + M * O, l - k * S], H = [a, l];
+  const v = Math.cos(g), w = Math.sin(g), S = Math.cos(p), O = Math.sin(p), x = Math.tan(b / 4), P = 4 / 3 * (t * x), k = 4 / 3 * (s * x), D = [n, e], L = [n + P * w, e - k * v], I = [a + P * O, l - k * S], H = [a, l];
   if (L[0] = 2 * D[0] - L[0], L[1] = 2 * D[1] - L[1], c)
     return [L, I, H].concat(d);
   {
@@ -17247,14 +17247,14 @@ class he extends ni {
     return this.appendSegment(rn.create.call(null, ...e));
   }
   arcTo(e, t, s, i, r, o, a) {
-    const l = this.end || new P(), c = typeof o == "number" ? cl(l.x, l.y, e, t, s, i, r, o, a) : cl(l.x, l.y, e, t, s, i, r, o.x, o.y);
+    const l = this.end || new M(), c = typeof o == "number" ? cl(l.x, l.y, e, t, s, i, r, o, a) : cl(l.x, l.y, e, t, s, i, r, o.x, o.y);
     if (c != null)
       for (let u = 0, h = c.length; u < h; u += 6)
         this.curveTo(c[u], c[u + 1], c[u + 2], c[u + 3], c[u + 4], c[u + 5]);
     return this;
   }
   quadTo(e, t, s, i) {
-    const r = this.end || new P(), o = ["M", r.x, r.y];
+    const r = this.end || new M(), o = ["M", r.x, r.y];
     if (typeof e == "number")
       o.push("Q", e, t, s, i);
     else {
@@ -17522,9 +17522,9 @@ class he extends ni {
     const i = this.getPrecision(t), r = this.getSubdivisions(t);
     let o = 0, a, l, c, u, h;
     for (let S = 0, O = this.segments.length; S < O; S += 1) {
-      const x = s ? S : O - 1 - S, M = this.getSegment(x), k = r[x], D = { precision: i, subdivisions: k }, L = M.length(D);
-      if (M.isDifferentiable() && (c = M, u = x, e <= o + L)) {
-        l = x, a = M.divideAtLength((s ? 1 : -1) * (e - o), D);
+      const x = s ? S : O - 1 - S, P = this.getSegment(x), k = r[x], D = { precision: i, subdivisions: k }, L = P.length(D);
+      if (P.isDifferentiable() && (c = P, u = x, e <= o + L)) {
+        l = x, a = P.divideAtLength((s ? 1 : -1) * (e - o), D);
         break;
       }
       o += L;
@@ -17541,8 +17541,8 @@ class he extends ni {
     d.insertSegment(p, he.createSegment("M", y)), m += 1, a[1].isDifferentiable() || (d.removeSegment(m - 1), m -= 1);
     const b = m - g - 1;
     for (let S = m, O = d.segments.length; S < O; S += 1) {
-      const x = this.getSegment(S - b), M = d.getSegment(S);
-      if (M.type === "Z" && !x.subpathStartSegment.end.equals(M.subpathStartSegment.end)) {
+      const x = this.getSegment(S - b), P = d.getSegment(S);
+      if (P.type === "Z" && !x.subpathStartSegment.end.equals(P.subpathStartSegment.end)) {
         const k = he.createSegment("L", x.end);
         d.replaceSegment(S, k);
       }
@@ -18171,7 +18171,7 @@ function sc(n, e, t) {
       const c = i[t];
       o || r > 0 && r < 1 ? a = c[n] + i[e] * r : a = c[n] + r;
     }
-    const l = new P();
+    const l = new M();
     return l[n] = a || 0, l;
   };
 }
@@ -18335,7 +18335,7 @@ const p3 = {
 };
 function f0(n, e, t) {
   return (s, { refBBox: i }) => {
-    const r = new P();
+    const r = new M();
     let o;
     return s === "middle" ? o = i[e] / 2 : s === t ? o = i[e] : typeof s == "number" && Number.isFinite(s) ? o = s > -1 && s < 1 ? -i[e] * s : -s : ws(s) ? o = i[e] * parseFloat(s) / 100 : o = 0, r[n] = -(i[n] + o), r;
   };
@@ -18711,7 +18711,7 @@ var je;
   n.normalizeMarker = si;
   function e(d, f) {
     const g = dI(d.x, d.y).matrixTransform(f);
-    return new P(g.x, g.y);
+    return new M(g.x, g.y);
   }
   n.transformPoint = e;
   function t(d, f) {
@@ -18851,7 +18851,7 @@ var je;
   }
   n.toGeometryShape = l;
   function c(d, f, g, p) {
-    const m = P.create(f), y = P.create(g);
+    const m = M.create(f), y = M.create(g);
     p || (p = d instanceof SVGSVGElement ? d : d.ownerSVGElement);
     const b = yu(d);
     d.setAttribute("transform", "");
@@ -18861,8 +18861,8 @@ var je;
     w.setTranslate(-v.x - v.width / 2, -v.y - v.height / 2);
     const S = so(), O = m.angleBetween(y, m.clone().translate(1, 0));
     O && S.setRotate(O, 0, 0);
-    const x = so(), M = m.clone().move(y, v.width / 2);
-    x.setTranslate(2 * m.x - M.x, 2 * m.y - M.y);
+    const x = so(), P = m.clone().move(y, v.width / 2);
+    x.setTranslate(2 * m.x - P.x, 2 * m.y - P.y);
     const k = fo(d, p), D = so();
     D.setMatrix(x.matrix.multiply(S.matrix.multiply(w.matrix.multiply(k.scale(b.sx, b.sy))))), d.setAttribute("transform", Gr(D.matrix));
   }
@@ -18994,7 +18994,7 @@ var ys;
   }), n.registry.register(n.presets, !0);
 })(ys || (ys = {}));
 function xu(n, e = {}) {
-  return new P(Pn(e.x, n.width), Pn(e.y, n.height));
+  return new M(Pn(e.x, n.width), Pn(e.y, n.height));
 }
 function th(n, e, t) {
   return Object.assign({ angle: e, position: n.toJSON() }, t);
@@ -19117,7 +19117,7 @@ function C0(n) {
 }
 const Aj = (n, e, t) => O0(n.diff(e.getCenter()), !1, t), _j = (n, e, t) => O0(n.diff(e.getCenter()), !0, t);
 function O0(n, e, t) {
-  const s = t.offset != null ? t.offset : 20, i = new P(0, 0), r = -n.theta(i), o = n.clone().move(i, s).diff(n).round();
+  const s = t.offset != null ? t.offset : 20, i = new M(0, 0), r = -n.theta(i), o = n.clone().move(i, s).diff(n).round();
   let a = ".3em", l, c = r;
   return (r + 90) % 180 === 0 ? (l = e ? "end" : "middle", !e && r === -270 && (a = "0em")) : r > -270 && r < -90 ? (l = "start", c = r - 180) : l = "end", ii({
     position: o.round().toJSON(),
@@ -19455,8 +19455,8 @@ var Ue;
         O && Ee(S, ko(O));
         const x = v.style;
         x && lt(S, x);
-        const M = v.className;
-        M != null && S.setAttribute("class", Array.isArray(M) ? M.join(" ") : M), v.textContent && (S.textContent = v.textContent);
+        const P = v.className;
+        P != null && S.setAttribute("class", Array.isArray(P) ? P.join(" ") : P), v.textContent && (S.textContent = v.textContent);
         const k = v.selector;
         if (k != null) {
           if (f[k])
@@ -19717,14 +19717,14 @@ class E0 {
       this.view.setAttrs(r, e);
       return;
     }
-    const u = r.transform, h = u ? `${u}` : null, d = No(h), f = new P(d.e, d.f);
+    const u = r.transform, h = u ? `${u}` : null, d = No(h), f = new M(d.e, d.f);
     u && (delete r.transform, d.e = 0, d.f = 0);
     let g = !1;
     a != null && Object.keys(a).forEach((m) => {
       const y = a[m], b = this.getDefinition(m);
       if (b != null) {
         const v = ce(b.position, this.view, y, c());
-        v != null && (g = !0, f.translate(P.create(v)));
+        v != null && (g = !0, f.translate(M.create(v)));
       }
     }), this.view.setAttrs(r, e);
     let p = !1;
@@ -19742,7 +19742,7 @@ class E0 {
               attrs: i,
               refBBox: y
             });
-            S != null && (p = !0, f.translate(P.create(S)));
+            S != null && (p = !0, f.translate(M.create(S)));
           }
         });
       }
@@ -20438,7 +20438,7 @@ function P0(n) {
   return (t, s, i, r) => s.isEdgeElement(i) ? jj(n, t, s, i, r) : Ij(n, t, s, i, r);
 }
 function Ij(n, e, t, s, i) {
-  const r = t.cell, o = r.getAngle(), a = t.getUnrotatedBBoxOfElement(s), l = r.getBBox().getCenter(), c = P.create(i).rotate(o, l);
+  const r = t.cell, o = r.getAngle(), a = t.getUnrotatedBBoxOfElement(s), l = r.getBBox().getCenter(), c = M.create(i).rotate(o, l);
   let u = c.x - a.x, h = c.y - a.y;
   return n && (u = wg(u, a.width), h = wg(h, a.height)), e.anchor = {
     name: "topLeft",
@@ -20516,7 +20516,7 @@ class Ks extends ft.ToolItem {
     const e = this.cellView, t = this.options, { offset: s = 0, distance: i = 0, rotate: r } = t;
     let o, a, l;
     const c = Pn(i, 1);
-    c >= 0 && c <= 1 ? o = e.getTangentAtRatio(c) : o = e.getTangentAtLength(c), o ? (a = o.start, l = o.vector().vectorAngle(new P(1, 0)) || 0) : (a = e.getConnection().start, l = 0);
+    c >= 0 && c <= 1 ? o = e.getTangentAtRatio(c) : o = e.getTangentAtLength(c), o ? (a = o.start, l = o.vector().vectorAngle(new M(1, 0)) || 0) : (a = e.getConnection().start, l = 0);
     let u = Ot().translate(a.x, a.y).rotate(l);
     return typeof s == "object" ? u = u.translate(s.x || 0, s.y || 0) : u = u.translate(0, s), r || (u = u.rotate(-l)), u;
   }
@@ -20683,8 +20683,8 @@ class Io extends ft.ToolItem {
   getNeighborPoints(e) {
     const t = this.cellView, s = this.vertices, i = e > 0 ? s[e - 1] : t.sourceAnchor, r = e < s.length - 1 ? s[e + 1] : t.targetAnchor;
     return {
-      prev: P.create(i),
-      next: P.create(r)
+      prev: M.create(i),
+      next: M.create(r)
     };
   }
   getMouseEventArgs(e) {
@@ -20909,9 +20909,9 @@ class jo extends ft.ToolItem {
     let b = !1, v = !1;
     if (g ? l === 0 ? y.containsPoint(g) ? (f.shift(), this.shiftHandleIndexes(-1), b = !0) : (g[a] = d[a], v = !0) : g[a] = d[a] : (g = r.sourceAnchor.toJSON(), g[a] = d[a], y.containsPoint(g) ? b = !0 : (f.unshift(g), this.shiftHandleIndexes(1), v = !0)), typeof o == "function" && m) {
       if (b) {
-        const M = c.sourceAnchor.clone();
-        M[a] = d[a];
-        const k = ce(o, r, M, m, r.sourceMagnet || m.container, "source", r, this);
+        const P = c.sourceAnchor.clone();
+        P[a] = d[a];
+        const k = ce(o, r, P, m, r.sourceMagnet || m.container, "source", r, this);
         this.resetAnchor("source", k);
       }
       v && this.resetAnchor("source", c.sourceAnchorDef);
@@ -20920,14 +20920,14 @@ class jo extends ft.ToolItem {
     let O = !1, x = !1;
     if (p ? l === f.length - 2 ? S.containsPoint(p) ? (f.pop(), O = !0) : (p[a] = d[a], x = !0) : p[a] = d[a] : (p = r.targetAnchor.toJSON(), p[a] = d[a], S.containsPoint(p) ? O = !0 : (f.push(p), x = !0)), typeof o == "function" && w) {
       if (O) {
-        const M = c.targetAnchor.clone();
-        M[a] = d[a];
-        const k = ce(o, r, M, w, r.targetMagnet || w.container, "target", r, this);
+        const P = c.targetAnchor.clone();
+        P[a] = d[a];
+        const k = ce(o, r, P, w, r.targetMagnet || w.container, "target", r, this);
         this.resetAnchor("target", k);
       }
       x && this.resetAnchor("target", c.targetAnchorDef);
     }
-    P.equalPoints(f, this.vertices) || this.cellView.cell.setVertices(f, { ui: !0, toolId: this.cid }), this.updateHandle(e, g, p, 0), i.stopPropagation || r.notifyMouseMove(u, h.x, h.y);
+    M.equalPoints(f, this.vertices) || this.cellView.cell.setVertices(f, { ui: !0, toolId: this.cid }), this.updateHandle(e, g, p, 0), i.stopPropagation || r.notifyMouseMove(u, h.x, h.y);
   }
   onHandleChange({ handle: e, e: t }) {
     const s = this.options, i = this.handles, r = this.cellView, o = e.options.index;
@@ -20960,7 +20960,7 @@ class jo extends ft.ToolItem {
       else {
         const u = l.getCenter(), h = o ? "x" : "y";
         u[h] += i || 0;
-        const d = l.vector().vectorAngle(new P(1, 0));
+        const d = l.vector().vectorAngle(new M(1, 0));
         e.updatePosition(u.x, u.y, d, this.cellView), e.show(), e.options.axis = h;
       }
     } else
@@ -20989,12 +20989,12 @@ class jo extends ft.ToolItem {
       this.addClass(this.prefixClassName("edge-tool-segment"));
     }
     updatePosition(s, i, r, o) {
-      const a = o.getClosestPoint(new P(s, i)) || new P(s, i);
+      const a = o.getClosestPoint(new M(s, i)) || new M(s, i);
       let l = Ot().translate(a.x, a.y);
       if (a.equals({ x: s, y: i }))
         l = l.rotate(r);
       else {
-        let u = new ee(s, i, a.x, a.y).vector().vectorAngle(new P(1, 0));
+        let u = new ee(s, i, a.x, a.y).vector().vectorAngle(new M(1, 0));
         u !== 0 && (u += 90), l = l.rotate(u);
       }
       this.setAttrs({
@@ -21128,7 +21128,7 @@ class dl extends ft.ToolItem {
     const c = this.options.snap;
     if (typeof c == "function") {
       const d = ce(c, s, l, i, a, t, s, this);
-      l = P.create(d);
+      l = M.create(d);
     }
     if (this.options.restrictArea)
       if (i.isEdgeElement(a)) {
@@ -21245,7 +21245,7 @@ class hl extends ft.ToolItem {
     re(this.container, this.prefixClassName(`edge-tool-${this.type}-arrowhead`)), this.update();
   }
   update() {
-    const e = this.ratio, t = this.cellView, s = t.getTangentAtRatio(e), i = s ? s.start : t.getPointAtRatio(e), r = s && s.vector().vectorAngle(new P(1, 0)) || 0;
+    const e = this.ratio, t = this.cellView, s = t.getTangentAtRatio(e), i = s ? s.start : t.getPointAtRatio(e), r = s && s.vector().vectorAngle(new M(1, 0)) || 0;
     if (!i)
       return this;
     const o = Ot().translate(i.x, i.y).rotate(r);
@@ -21356,7 +21356,7 @@ class vr extends ft.ToolItem {
     const { graph: e, cell: t, editor: s } = this;
     if (!s)
       return;
-    let i = P.create(), r = 20, o = "", { x: a, y: l } = this.options;
+    let i = M.create(), r = 20, o = "", { x: a, y: l } = this.options;
     const { width: c, height: u } = this.options;
     if (typeof a < "u" && typeof l < "u") {
       const f = t.getBBox();
@@ -21374,17 +21374,17 @@ class vr extends ft.ToolItem {
     const { graph: e, editor: t } = this;
     if (!t)
       return;
-    let s = P.create(), i = 20;
+    let s = M.create(), i = 20;
     const { style: r } = t, o = this.event.target, a = o.parentElement;
     if (a && Fn(a, this.prefixClassName("edge-label"))) {
       const u = a.getAttribute("data-index") || "0";
       this.labelIndex = parseInt(u, 10);
       const h = a.getAttribute("transform"), { translation: d } = tc(h);
-      s = new P(d.tx, d.ty), i = je.getBBox(o).width;
+      s = new M(d.tx, d.ty), i = je.getBBox(o).width;
     } else {
       if (!this.options.labelAddable)
         return this;
-      s = e.clientToLocal(P.create(this.event.clientX, this.event.clientY));
+      s = e.clientToLocal(M.create(this.event.clientX, this.event.clientY));
       const h = this.cellView.path.closestPointLength(s);
       this.distance = h, this.labelIndex = -1;
     }
@@ -21582,7 +21582,7 @@ function rc(n) {
         } else
           o = r.getBBoxOfElement(s).getCenter();
       else
-        o = new P();
+        o = new M();
       return n.call(this, e, t, o, i);
     }
     return n.apply(this, arguments);
@@ -21659,7 +21659,7 @@ const l$ = function(n, e, t, s) {
   return n.getPointAtLength(i);
 }, N0 = function(n, e, t, s) {
   const i = n.getClosestPoint(t);
-  return i ?? new P();
+  return i ?? new M();
 }, u$ = rc(N0), d$ = function(n, e, t, s) {
   const r = n.getConnection(), o = n.getConnectionSubdivisions(), a = new ee(t.clone().translate(0, 1e6), t.clone().translate(0, -1e6)), l = new ee(t.clone().translate(1e6, 0), t.clone().translate(-1e6, 0)), c = a.intersect(r, {
     segmentSubdivisions: o
@@ -21848,7 +21848,7 @@ const I0 = function(n, e, t) {
   let s = D0(t, e), i = L0(t, e);
   const r = S$(t, e), o = C$(t, e);
   s = s.union(ba(r)), i = i.union(ba(o));
-  const a = n.map((u) => P.create(u));
+  const a = n.map((u) => M.create(u));
   a.unshift(r), a.push(o);
   let l = null;
   const c = [];
@@ -21879,8 +21879,8 @@ var sn;
     W: Math.PI
   };
   function s(h, d, f) {
-    let g = new P(h.x, d.y);
-    return f.containsPoint(g) && (g = new P(d.x, h.y)), g;
+    let g = new M(h.x, d.y);
+    return f.containsPoint(g) && (g = new M(d.x, h.y)), g;
   }
   function i(h, d) {
     return h[d === "W" || d === "E" ? "width" : "height"];
@@ -21891,7 +21891,7 @@ var sn;
   }
   n.getBearing = r;
   function o(h, d, f) {
-    const g = new P(h.x, d.y), p = new P(d.x, h.y), m = r(h, g), y = r(h, p), b = f ? e[f] : null, v = m === f || m !== b && (y === b || y !== f) ? g : p;
+    const g = new M(h.x, d.y), p = new M(d.x, h.y), m = r(h, g), y = r(h, p), b = f ? e[f] : null, v = m === f || m !== b && (y === b || y !== f) ? g : p;
     return { points: [v], direction: r(v, d) };
   }
   n.vertexToVertex = o;
@@ -21901,7 +21901,7 @@ var sn;
   }
   n.nodeToVertex = a;
   function l(h, d, f, g) {
-    const p = [new P(h.x, d.y), new P(d.x, h.y)], m = p.filter((v) => !f.containsPoint(v)), y = m.filter((v) => r(v, h) !== g);
+    const p = [new M(h.x, d.y), new M(d.x, h.y)], m = p.filter((v) => !f.containsPoint(v)), y = m.filter((v) => r(v, h) !== g);
     let b;
     if (y.length > 0)
       return b = y.filter((v) => r(h, v) === g).pop(), b = b || y[0], {
@@ -21910,7 +21910,7 @@ var sn;
       };
     {
       b = pA(p, m)[0];
-      const v = P.create(d).move(b, -i(f, g) / 2);
+      const v = M.create(d).move(b, -i(f, g) / 2);
       return {
         points: [s(v, h, f), v],
         direction: r(v, d)
@@ -21925,7 +21925,7 @@ var sn;
       p = a(h, d, f);
       const y = p.points[0];
       if (g.containsPoint(y)) {
-        const b = P.create(h).move(y, -i(f, r(h, y)) / 2), v = P.create(d).move(m, -i(g, r(d, m)) / 2), w = new ee(b, v).getCenter(), S = a(h, w, f), O = o(w, d, S.direction);
+        const b = M.create(h).move(y, -i(f, r(h, y)) / 2), v = M.create(d).move(m, -i(g, r(d, m)) / 2), w = new ee(b, v).getCenter(), S = a(h, w, f), O = o(w, d, S.direction);
         p.points = [S.points[0], O.points[0]], p.direction = O.direction;
       }
     }
@@ -21935,12 +21935,12 @@ var sn;
   function u(h, d, f, g, p) {
     const m = f.union(g).inflate(1), y = m.getCenter(), b = y.distance(d) > y.distance(h), v = b ? d : h, w = b ? h : d;
     let S, O, x;
-    p ? (S = P.fromPolar(m.width + m.height, t[p], v), S = m.getNearestPointToPoint(S).move(S, -1)) : S = m.getNearestPointToPoint(v).move(v, 1), O = s(S, w, m);
-    let M;
-    S.round().equals(O.round()) ? (O = P.fromPolar(m.width + m.height, Te.toRad(S.theta(v)) + Math.PI / 2, w), O = m.getNearestPointToPoint(O).move(w, 1).round(), x = s(S, O, m), M = b ? [O, x, S] : [S, x, O]) : M = b ? [O, S] : [S, O];
+    p ? (S = M.fromPolar(m.width + m.height, t[p], v), S = m.getNearestPointToPoint(S).move(S, -1)) : S = m.getNearestPointToPoint(v).move(v, 1), O = s(S, w, m);
+    let P;
+    S.round().equals(O.round()) ? (O = M.fromPolar(m.width + m.height, Te.toRad(S.theta(v)) + Math.PI / 2, w), O = m.getNearestPointToPoint(O).move(w, 1).round(), x = s(S, O, m), P = b ? [O, x, S] : [S, x, O]) : P = b ? [O, S] : [S, O];
     const k = r(b ? S : O, d);
     return {
-      points: M,
+      points: P,
       direction: k
     };
   }
@@ -22014,7 +22014,7 @@ function E$(n) {
     };
   }
   return e.directions.forEach((t) => {
-    const s = new P(0, 0), i = new P(t.offsetX, t.offsetY);
+    const s = new M(0, 0), i = new M(t.offsetX, t.offsetY);
     t.angle = Te.normalize(s.theta(i));
   }), e;
 }
@@ -22073,7 +22073,7 @@ class P$ {
         const m = u.getBBox().moveAndExpand(s.paddingBox), y = m.getOrigin().snapToGrid(l), b = m.getCorner().snapToGrid(l);
         for (let v = y.x; v <= b.x; v += l)
           for (let w = y.y; w <= b.y; w += l) {
-            const S = new P(v, w).toString();
+            const S = new M(v, w).toString();
             c[S] == null && (c[S] = []), c[S].push(m);
           }
       }
@@ -22105,7 +22105,7 @@ function kc(n, e, t, s, i) {
 }
 function _$(n, e, t, s) {
   const i = s.step, r = e.x - n.x, o = e.y - n.y, a = r / t.x, l = o / t.y, c = a * i, u = l * i;
-  return new P(n.x + c, n.y + u);
+  return new M(n.x + c, n.y + u);
 }
 function Cg(n, e) {
   const t = Math.abs(n - e);
@@ -22135,7 +22135,7 @@ function Og(n, e) {
 }
 function N$(n, e) {
   const t = e.source, s = Re.snapToGrid(n.x - t.x, e.x) + t.x, i = Re.snapToGrid(n.y - t.y, e.y) + t.y;
-  return new P(s, i);
+  return new M(s, i);
 }
 function io(n, e) {
   return n.round(e);
@@ -22147,7 +22147,7 @@ function mo(n) {
   return n.toString();
 }
 function Nc(n) {
-  return new P(n.x === 0 ? 0 : Math.abs(n.x) / n.x, n.y === 0 ? 0 : Math.abs(n.y) / n.y);
+  return new M(n.x === 0 ? 0 : Math.abs(n.x) / n.x, n.y === 0 ? 0 : Math.abs(n.y) / n.y);
 }
 function Eg(n, e) {
   let t = 1 / 0;
@@ -22160,7 +22160,7 @@ function Eg(n, e) {
 function Mg(n, e, t, s, i) {
   const r = i.precision, o = i.directionMap, a = n.diff(e.getCenter()), l = Object.keys(o).reduce((c, u) => {
     if (t.includes(u)) {
-      const h = o[u], d = new P(n.x + h.x * (Math.abs(a.x) + e.width), n.y + h.y * (Math.abs(a.y) + e.height)), g = new ee(n, d).intersect(e) || [];
+      const h = o[u], d = new M(n.x + h.x * (Math.abs(a.x) + e.width), n.y + h.y * (Math.abs(a.y) + e.height)), g = new ee(n, d).intersect(e) || [];
       let p, m = null;
       for (let y = 0; y < g.length; y += 1) {
         const b = g[y], v = n.squaredDistance(b);
@@ -22203,12 +22203,12 @@ function D$(n, e, t, s, i) {
     const S = T$(l, i), O = S.length, x = d.reduce((D, L) => {
       const I = mo(L);
       return D.push(I), D;
-    }, []), M = P.equalPoints(h, d);
+    }, []), P = M.equalPoints(h, d);
     let k = i.maxLoopCount;
     for (; !f.isEmpty() && k > 0; ) {
       const D = f.pop(), L = g[D], I = p[D], H = m[D], U = L.equals(c), T = I == null;
       let A;
-      if (T ? b ? U ? A = null : A = kc(c, L, O, l, i) : A = y : A = kc(I, L, O, l, i), !(T && M) && x.indexOf(D) >= 0)
+      if (T ? b ? U ? A = null : A = kc(c, L, O, l, i) : A = y : A = kc(I, L, O, l, i), !(T && P) && x.indexOf(D) >= 0)
         return i.previousDirectionAngle = A, R$(p, g, L, c, u);
       for (let z = 0; z < O; z += 1) {
         v = S[z];
@@ -22247,7 +22247,7 @@ function L$(n, e = 10) {
   return n;
 }
 const I$ = function(n, e, t) {
-  const s = E$(e), i = j0(t, s), r = $0(t, s), o = B0(t, s), a = new P$(s).build(t.graph.model, t.cell), l = n.map((f) => P.create(f)), c = [];
+  const s = E$(e), i = j0(t, s), r = $0(t, s), o = B0(t, s), a = new P$(s).build(t.graph.model, t.cell), l = n.map((f) => M.create(f)), c = [];
   let u = o, h, d;
   for (let f = 0, g = l.length; f <= g; f += 1) {
     let p = null;
@@ -22293,7 +22293,7 @@ const I$ = function(n, e, t) {
       const v = r;
       r = o, o = v;
     }
-    const a = s % 90 < 45 ? r : o, l = new ee(n, a), c = 90 * Math.ceil(s / 90), u = P.fromPolar(l.squaredLength(), Te.toRad(c + 135), a), h = new ee(e, u), d = l.intersectsWithLine(h), f = d || e, g = d ? f : n, p = 360 / t.directions.length, m = g.theta(e), y = Te.normalize(m + p / 2), b = p * Math.floor(y / p);
+    const a = s % 90 < 45 ? r : o, l = new ee(n, a), c = 90 * Math.ceil(s / 90), u = M.fromPolar(l.squaredLength(), Te.toRad(c + 135), a), h = new ee(e, u), d = l.intersectsWithLine(h), f = d || e, g = d ? f : n, p = 360 / t.directions.length, m = g.theta(e), y = Te.normalize(m + p / 2), b = p * Math.floor(y / p);
     return t.previousDirectionAngle = b, f && i.push(f.round()), i.push(e), i;
   }
 }, $$ = function(n, e, t) {
@@ -22332,7 +22332,7 @@ function zi(n, e) {
   if (e != null && e !== !1) {
     const t = typeof e == "boolean" ? 0 : e;
     if (t > 0) {
-      const s = P.create(n[1]).move(n[2], t), i = P.create(n[1]).move(n[0], t);
+      const s = M.create(n[1]).move(n[2], t), i = M.create(n[1]).move(n[0], t);
       return [s.toJSON(), ...n, i.toJSON()];
     }
     {
@@ -22346,8 +22346,8 @@ const z$ = function(n, e, t) {
   const s = e.width || 50, r = (e.height || 80) / 2, o = e.angle || "auto", a = t.sourceAnchor, l = t.targetAnchor, c = t.sourceBBox, u = t.targetBBox;
   if (a.equals(l)) {
     const h = (y) => {
-      const b = Te.toRad(y), v = Math.sin(b), w = Math.cos(b), S = new P(a.x + w * s, a.y + v * s), O = new P(S.x - w * r, S.y - v * r), x = O.clone().rotate(-90, S), M = O.clone().rotate(90, S);
-      return [x.toJSON(), S.toJSON(), M.toJSON()];
+      const b = Te.toRad(y), v = Math.sin(b), w = Math.cos(b), S = new M(a.x + w * s, a.y + v * s), O = new M(S.x - w * r, S.y - v * r), x = O.clone().rotate(-90, S), P = O.clone().rotate(90, S);
+      return [x.toJSON(), S.toJSON(), P.toJSON()];
     }, d = (y) => {
       const b = a.clone().move(y, -1), v = new ee(b, y);
       return !c.containsPoint(y) && !c.intersectsWithLine(v);
@@ -22373,8 +22373,8 @@ const z$ = function(n, e, t) {
     if ((c.containsPoint(f) || u.containsPoint(f) || c.intersectsWithLine(y) || c.intersectsWithLine(b) || u.intersectsWithLine(y) || u.intersectsWithLine(b)) && (d = h.parallel(s), f = d.getCenter(), g = d.start.clone().move(d.end, r), p = d.end.clone().move(d.start, r)), e.merge) {
       const v = new ee(a, l), w = new ee(f, v.center).setLength(Number.MAX_SAFE_INTEGER), S = c.intersectsWithLine(w), O = u.intersectsWithLine(w), x = S ? Array.isArray(S) ? S : [S] : [];
       O && (Array.isArray(O) ? x.push(...O) : x.push(O));
-      const M = v.center.closest(x);
-      M ? (t.sourceAnchor = M.clone(), t.targetAnchor = M.clone()) : (t.sourceAnchor = v.center.clone(), t.targetAnchor = v.center.clone());
+      const P = v.center.closest(x);
+      P ? (t.sourceAnchor = P.clone(), t.targetAnchor = P.clone()) : (t.sourceAnchor = v.center.clone(), t.targetAnchor = v.center.clone());
     }
     return zi([g.toJSON(), f.toJSON(), p.toJSON()], e.merge);
   }
@@ -22398,9 +22398,9 @@ const F$ = function(n, e, t, s = {}) {
   const i = [n, ...t, e], r = new st(i), o = new he(r);
   return s.raw ? o : o.serialize();
 }, U$ = function(n, e, t, s = {}) {
-  const i = t.length === 3 ? 0 : 1, r = P.create(t[0 + i]), o = P.create(t[2 + i]), a = P.create(t[1 + i]);
-  if (!P.equals(n, e)) {
-    const c = new P((n.x + e.x) / 2, (n.y + e.y) / 2), u = c.angleBetween(P.create(n).rotate(90, c), a);
+  const i = t.length === 3 ? 0 : 1, r = M.create(t[0 + i]), o = M.create(t[2 + i]), a = M.create(t[1 + i]);
+  if (!M.equals(n, e)) {
+    const c = new M((n.x + e.x) / 2, (n.y + e.y) / 2), u = c.angleBetween(M.create(n).rotate(90, c), a);
     u > 1 && (r.rotate(180 - u, c), o.rotate(180 - u, c), a.rotate(180 - u, c));
   }
   const l = `
@@ -22415,9 +22415,9 @@ const F$ = function(n, e, t, s = {}) {
   const r = 1 / 3, o = 2 / 3, a = s.radius || 10;
   let l, c;
   for (let u = 0, h = t.length; u < h; u += 1) {
-    const d = P.create(t[u]), f = t[u - 1] || n, g = t[u + 1] || e;
+    const d = M.create(t[u]), f = t[u - 1] || n, g = t[u + 1] || e;
     l = c || d.distance(f) / 2, c = d.distance(g) / 2;
-    const p = -Math.min(a, l), m = -Math.min(a, c), y = d.clone().move(f, p).round(), b = d.clone().move(g, m).round(), v = new P(r * y.x + o * d.x, o * d.y + r * y.y), w = new P(r * b.x + o * d.x, o * d.y + r * b.y);
+    const p = -Math.min(a, l), m = -Math.min(a, c), y = d.clone().move(f, p).round(), b = d.clone().move(g, m).round(), v = new M(r * y.x + o * d.x, o * d.y + r * y.y), w = new M(r * b.x + o * d.x, o * d.y + r * b.y);
     i.appendSegment(he.createSegment("L", y)), i.appendSegment(he.createSegment("C", v, w, b));
   }
   return i.appendSegment(he.createSegment("L", e)), s.raw ? i : i.serialize();
@@ -22472,8 +22472,8 @@ function q$(n, e, t) {
   return e.reduce((s, i, r) => {
     if (pl.includes(i))
       return s;
-    const o = s.pop() || n, a = P.create(i).move(o.start, -t);
-    let l = P.create(i).move(o.start, +t);
+    const o = s.pop() || n, a = M.create(i).move(o.start, -t);
+    let l = M.create(i).move(o.start, +t);
     const c = e[r + 1];
     if (c != null) {
       const d = l.distance(c);
@@ -22503,7 +22503,7 @@ function _g(n, e, t, s) {
         l = o.start.theta(o.end);
         const d = e * 0.6;
         let f = e * 1.35;
-        c = o.start.diff(o.end), (c.x < 0 || c.x === 0 && c.y < 0) && (f *= -1), u = new P(o.start.x + d, o.start.y + f).rotate(l, o.start), h = new P(o.end.x - d, o.end.y + f).rotate(l, o.end), r = he.createSegment("C", u, h, o.end), i.appendSegment(r);
+        c = o.start.diff(o.end), (c.x < 0 || c.x === 0 && c.y < 0) && (f *= -1), u = new M(o.start.x + d, o.start.y + f).rotate(l, o.start), h = new M(o.end.x - d, o.end.y + f).rotate(l, o.end), r = he.createSegment("C", u, h, o.end), i.appendSegment(r);
       }
     } else {
       const l = n[a + 1];
@@ -22512,7 +22512,7 @@ function _g(n, e, t, s) {
   }), i;
 }
 function J$(n, e, t, s, i) {
-  const r = t.distance(s) / 2, o = t.distance(i) / 2, a = -Math.min(n, r), l = -Math.min(n, o), c = t.clone().move(s, a).round(), u = t.clone().move(i, l).round(), h = new P(va * c.x + wa * t.x, wa * t.y + va * c.y), d = new P(va * u.x + wa * t.x, wa * t.y + va * u.y);
+  const r = t.distance(s) / 2, o = t.distance(i) / 2, a = -Math.min(n, r), l = -Math.min(n, o), c = t.clone().move(s, a).round(), u = t.clone().move(i, l).round(), h = new M(va * c.x + wa * t.x, wa * t.y + va * c.y), d = new M(va * u.x + wa * t.x, wa * t.y + va * u.y);
   let f;
   f = he.createSegment("L", c), e.appendSegment(f), f = he.createSegment("C", h, d, u), e.appendSegment(f);
 }
@@ -22527,9 +22527,9 @@ const X$ = function(n, e, t, s = {}) {
     return a.includes(O.name) ? !1 : S > d ? O.name !== "jumpover" : !0;
   }), p = g.map((w) => l.findViewByCell(w)), m = Rc(n, e, t), y = p.map((w) => w == null ? [] : w === this ? m : Rc(w.sourcePoint, w.targetPoint, w.routePoints)), b = [];
   m.forEach((w) => {
-    const S = g.reduce((O, x, M) => {
+    const S = g.reduce((O, x, P) => {
       if (x !== h) {
-        const k = Y$(w, y[M]);
+        const k = Y$(w, y[P]);
         O.push(...k);
       }
       return O;
@@ -23304,7 +23304,7 @@ class Pe extends We {
   }
   // eslint-disable-next-line
   getConnectionPoint(e, t) {
-    return new P();
+    return new M();
   }
   toJSON(e = {}) {
     const t = Object.assign({}, this.store.get()), s = Object.prototype.toString, i = this.isNode() ? "node" : this.isEdge() ? "edge" : "cell";
@@ -23499,7 +23499,7 @@ class eB {
         portSize: f.size,
         portAttrs: f.attrs,
         labelSize: f.label.size,
-        labelLayout: this.getPortLabelLayout(f, P.create(h.position), t)
+        labelLayout: this.getPortLabelLayout(f, M.create(h.position), t)
       };
     });
   }
@@ -23644,7 +23644,7 @@ let at = class U0 extends Pe {
       const h = u.clone().rotate(-l, c.getCenter()), d = Math.sqrt(e * e + t * t) / 2;
       let f = a * Math.PI / 2;
       f += Math.atan(a % 2 === 0 ? t / e : e / t), f -= Te.toRad(l);
-      const p = P.fromPolar(d, f, h).clone().translate(e / -2, t / -2);
+      const p = M.fromPolar(d, f, h).clone().translate(e / -2, t / -2);
       this.store.set("size", { width: e, height: t }, s), this.setPosition(p.x, p.y, s);
     } else
       this.store.set("size", { width: e, height: t }, s);
@@ -23744,7 +23744,7 @@ let at = class U0 extends Pe {
     const a = this.getPort(o);
     if (!a || !a.group)
       return i;
-    const c = this.getPortsPosition(a.group)[o].position, u = P.create(c).translate(s.getOrigin()), h = this.getAngle();
+    const c = this.getPortsPosition(a.group)[o].position, u = M.create(c).translate(s.getOrigin()), h = this.getAngle();
     return h && u.rotate(-h, i), u;
   }
   /**
@@ -24042,7 +24042,7 @@ let et = class H0 extends Pe {
         d.source = { cell: s.id };
       else if (f(s))
         d.source = { cell: s };
-      else if (P.isPoint(s))
+      else if (M.isPoint(s))
         d.source = s.toJSON();
       else if (Array.isArray(s))
         d.source = { x: s[0], y: s[1] };
@@ -24057,13 +24057,13 @@ let et = class H0 extends Pe {
         g ? g.cell = p : g = d.source = { cell: p };
       }
       r != null && g && (g.port = r);
-    } else o != null && (d.source = P.create(o).toJSON());
+    } else o != null && (d.source = M.create(o).toJSON());
     if (a != null)
       if (Pe.isCell(a))
         d.target = { cell: a.id };
       else if (f(a))
         d.target = { cell: a };
-      else if (P.isPoint(a))
+      else if (M.isPoint(a))
         d.target = a.toJSON();
       else if (Array.isArray(a))
         d.target = { x: a[0], y: a[1] };
@@ -24078,7 +24078,7 @@ let et = class H0 extends Pe {
         g ? g.cell = p : g = d.target = { cell: p };
       }
       c != null && g && (g.port = c);
-    } else u != null && (d.target = P.create(u).toJSON());
+    } else u != null && (d.target = M.create(u).toJSON());
     return super.preprocess(d, t);
   }
   setup() {
@@ -24137,7 +24137,7 @@ let et = class H0 extends Pe {
     if (Pe.isCell(t))
       return this.store.set(e, ut({}, s, { cell: t.id }), i), this;
     const r = t;
-    return P.isPoint(t) || r.x != null && r.y != null ? (this.store.set(e, ut({}, s, { x: r.x, y: r.y }), i), this) : (this.store.set(e, Fe(t), i), this);
+    return M.isPoint(t) || r.x != null && r.y != null ? (this.store.set(e, ut({}, s, { x: r.x, y: r.y }), i), this) : (this.store.set(e, Fe(t), i), this);
   }
   getSourcePoint() {
     return this.getTerminalPoint("source");
@@ -24147,10 +24147,10 @@ let et = class H0 extends Pe {
   }
   getTerminalPoint(e) {
     const t = this[e];
-    if (P.isPointLike(t))
-      return P.create(t);
+    if (M.isPointLike(t))
+      return M.create(t);
     const s = this.getTerminalCell(e);
-    return s ? s.getConnectionPoint(this, e) : new P();
+    return s ? s.getConnectionPoint(this, e) : new M();
   }
   getSourceCell() {
     return this.getTerminalCell("source");
@@ -24277,12 +24277,12 @@ let et = class H0 extends Pe {
   }
   setVertices(e, t = {}) {
     const s = Array.isArray(e) ? e : [e];
-    return this.store.set("vertices", s.map((i) => P.toJSON(i)), t), this;
+    return this.store.set("vertices", s.map((i) => M.toJSON(i)), t), this;
   }
   insertVertex(e, t, s = {}) {
     const i = this.getVertices(), r = i.length;
     let o = t != null && Number.isFinite(t) ? t : r;
-    return o < 0 && (o = r + o + 1), i.splice(o, 0, P.toJSON(e)), this.setVertices(i, s);
+    return o < 0 && (o = r + o + 1), i.splice(o, 0, M.toJSON(e)), this.setVertices(i, s);
   }
   appendVertex(e, t = {}) {
     return this.insertVertex(e, -1, t);
@@ -24302,7 +24302,7 @@ let et = class H0 extends Pe {
     return s.splice(i, 1), this.setVertices(s, t);
   }
   onVertexsChanged({ previous: e, current: t }) {
-    const s = e && t ? t.filter((r) => e.find((o) => P.equals(r, o)) ? null : r) : t ? [...t] : [], i = e && t ? e.filter((r) => t.find((o) => P.equals(r, o)) ? null : r) : e ? [...e] : [];
+    const s = e && t ? t.filter((r) => e.find((o) => M.equals(r, o)) ? null : r) : t ? [...t] : [], i = e && t ? e.filter((r) => t.find((o) => M.equals(r, o)) ? null : r) : e ? [...e] : [];
     s.length > 0 && this.notify("vertexs:added", { added: s, cell: this, edge: this }), i.length > 0 && this.notify("vertexs:removed", { removed: i, cell: this, edge: this });
   }
   // #endregion
@@ -24329,11 +24329,11 @@ let et = class H0 extends Pe {
    * Scales the edge's points (vertices) relative to the given origin.
    */
   scale(e, t, s, i = {}) {
-    return this.applyToPoints((r) => P.create(r).scale(e, t, s).toJSON(), i);
+    return this.applyToPoints((r) => M.create(r).scale(e, t, s).toJSON(), i);
   }
   applyToPoints(e, t = {}) {
     const s = {}, i = this.getSource(), r = this.getTarget();
-    P.isPointLike(i) && (s.source = e(i)), P.isPointLike(r) && (s.target = e(r));
+    M.isPointLike(i) && (s.source = e(i)), M.isPointLike(r) && (s.target = e(r));
     const o = this.getVertices();
     return o.length > 0 && (s.vertices = o.map(e)), this.store.set(s, t), this;
   }
@@ -24348,7 +24348,7 @@ let et = class H0 extends Pe {
   getPolyline() {
     const e = [
       this.getSourcePoint(),
-      ...this.getVertices().map((t) => P.create(t)),
+      ...this.getVertices().map((t) => M.create(t)),
       this.getTargetPoint()
     ];
     return new st(e);
@@ -24488,7 +24488,7 @@ et.defaults = {};
         const o = typeof s == "string" ? n.parseStringLabel(s) : s;
         r.labels.push(o);
       }
-      return i && Array.isArray(i) && (r.vertices = i.map((o) => P.create(o).toJSON())), r;
+      return i && Array.isArray(i) && (r.vertices = i.map((o) => M.create(o).toJSON())), r;
     }
   }), n.registry.register(e, n);
 })(et || (et = {}));
@@ -25416,7 +25416,7 @@ class Mr extends Zs {
 }
 (function(n) {
   function e(t) {
-    return typeof t == "string" ? t : t.map((s) => Array.isArray(s) ? s.join(",") : P.isPointLike(s) ? `${s.x}, ${s.y}` : "").join(" ");
+    return typeof t == "string" ? t : t.map((s) => Array.isArray(s) ? s.join(",") : M.isPointLike(s) ? `${s.x}, ${s.y}` : "").join(" ");
   }
   n.pointsToString = e, n.config({
     propHooks(t) {
@@ -26093,7 +26093,7 @@ class Rn extends rt {
       targetView: i,
       action: "move"
     });
-    const r = P.create(i.cell.getPosition());
+    const r = M.create(i.cell.getPosition());
     i.setEventData(e, {
       moving: !1,
       offset: r.diff(t, s),
@@ -26363,9 +26363,9 @@ class xs extends rt {
   getTerminalAnchor(e) {
     switch (e) {
       case "source":
-        return P.create(this.sourceAnchor);
+        return M.create(this.sourceAnchor);
       case "target":
-        return P.create(this.targetAnchor);
+        return M.create(this.targetAnchor);
       default:
         throw new Error(`Unknown terminal type '${e}'`);
     }
@@ -26373,9 +26373,9 @@ class xs extends rt {
   getTerminalConnectionPoint(e) {
     switch (e) {
       case "source":
-        return P.create(this.sourcePoint);
+        return M.create(this.sourcePoint);
       case "target":
-        return P.create(this.targetPoint);
+        return M.create(this.targetPoint);
       default:
         throw new Error(`Unknown terminal type '${e}'`);
     }
@@ -26422,14 +26422,14 @@ class xs extends rt {
     const a = this.cell, l = a[e], c = a[s], u = this.getTerminalView(e), h = this.getTerminalView(s), d = this.getTerminalMagnet(e), f = this.getTerminalMagnet(s);
     if (u) {
       let g;
-      t ? g = P.create(t) : h ? g = f : g = P.create(c), r = this.getAnchor(l.anchor, u, d, g, e);
+      t ? g = M.create(t) : h ? g = f : g = M.create(c), r = this.getAnchor(l.anchor, u, d, g, e);
     } else
-      r = P.create(l);
+      r = M.create(l);
     if (h) {
-      const g = P.create(i || r);
+      const g = M.create(i || r);
       o = this.getAnchor(c.anchor, h, f, g, s);
     } else
-      o = P.isPointLike(c) ? P.create(c) : new P();
+      o = M.isPointLike(c) ? M.create(c) : new M();
     return {
       [e]: r,
       [s]: o
@@ -26457,7 +26457,7 @@ class xs extends rt {
         return Sr.registry.onNotFound(u);
       c = ce(h, this, t, s, i, l.args || {}, r);
     }
-    return c ? c.round(this.POINT_ROUNDING) : new P();
+    return c ? c.round(this.POINT_ROUNDING) : new M();
   }
   findRoutePoints(e = []) {
     const t = this.graph.options.connecting.router || Bs.presets.normal, s = this.cell.getRouter() || t;
@@ -26470,7 +26470,7 @@ class xs extends rt {
         return Bs.registry.onNotFound(r);
       i = ce(a, this, e, o, this);
     }
-    return i == null ? e.map((r) => P.create(r)) : i.map((r) => P.create(r));
+    return i == null ? e.map((r) => M.create(r)) : i.map((r) => M.create(r));
   }
   findConnectionPoints(e, t, s) {
     const i = this.cell, r = this.graph.options.connecting, o = i.getSource(), a = i.getTarget(), l = this.sourceView, c = this.targetView, u = e[0], h = e[e.length - 1];
@@ -26658,7 +26658,7 @@ class xs extends rt {
     typeof s == "number" ? (o = s, a = i) : a = s, a != null && (r.options = a);
     const l = a && a.absoluteOffset, c = !(a && a.absoluteDistance), u = a && a.absoluteDistance && a.reverseDistance, h = this.path, d = {
       segmentSubdivisions: this.getConnectionSubdivisions()
-    }, f = new P(e, t), g = h.closestPointT(f, d), p = this.getConnectionLength() || 0;
+    }, f = new M(e, t), g = h.closestPointT(f, d), p = this.getConnectionLength() || 0;
     let m = h.lengthAtT(g, d);
     c && (m = p > 0 ? m / p : 0), u && (m = -1 * (p - m) || 1), r.distance = m;
     let y;
@@ -26695,7 +26695,7 @@ class xs extends rt {
     return Ot().translate(y.x, y.y).rotate(b);
   }
   getVertexIndex(e, t) {
-    const i = this.cell.getVertices(), r = this.getClosestPointLength(new P(e, t));
+    const i = this.cell.getVertices(), r = this.getClosestPointLength(new M(e, t));
     let o = 0;
     if (r != null)
       for (const a = i.length; o < a; o += 1) {
@@ -26914,14 +26914,14 @@ class xs extends rt {
         if (typeof f == "function")
           b = v(f);
         else {
-          const M = this.graph.model.getConnectedEdges(x, {
+          const P = this.graph.model.getConnectedEdges(x, {
             outgoing: r === "source",
             incoming: r === "target"
           });
-          M.length && (f === "withPort" ? M.some((D) => {
+          P.length && (f === "withPort" ? P.some((D) => {
             const L = D.getSource(), I = D.getTarget();
             return L && I && L.cell === S.cell && I.cell === O.cell && L.port != null && L.port === S.port && I.port != null && I.port === O.port;
-          }) && (b = !1) : f || M.some((D) => {
+          }) && (b = !1) : f || P.some((D) => {
             const L = D.getSource(), I = D.getTarget();
             return L && I && L.cell === S.cell && I.cell === O.cell;
           }) && (b = !1));
@@ -26990,7 +26990,7 @@ class xs extends rt {
     const u = s.closestView || null, h = s.closestMagnet || null;
     s.closestView = null, s.closestMagnet = null;
     let d, f = Number.MAX_SAFE_INTEGER;
-    const g = new P(e, t);
+    const g = new M(e, t);
     c.forEach((w) => {
       if (w.container.getAttribute("magnet") !== "false") {
         if (w.isNodeView())
@@ -27047,7 +27047,7 @@ class xs extends rt {
   notifyConnectionEvent(e, t) {
     const s = e.terminalType, i = e.initialTerminal, r = this.cell[s];
     if (r && !et.equalTerminals(i, r)) {
-      const a = this.graph, l = i, c = l.cell ? a.getCellById(l.cell) : null, u = l.port, h = c ? a.findViewByCell(c) : null, d = c || e.isNewEdge ? null : P.create(i).toJSON(), f = r, g = f.cell ? a.getCellById(f.cell) : null, p = f.port, m = g ? a.findViewByCell(g) : null, y = g ? null : P.create(r).toJSON();
+      const a = this.graph, l = i, c = l.cell ? a.getCellById(l.cell) : null, u = l.port, h = c ? a.findViewByCell(c) : null, d = c || e.isNewEdge ? null : M.create(i).toJSON(), f = r, g = f.cell ? a.getCellById(f.cell) : null, p = f.port, m = g ? a.findViewByCell(g) : null, y = g ? null : M.create(r).toJSON();
       this.notify("edge:connected", {
         e: t,
         previousCell: c,
@@ -28061,7 +28061,7 @@ class G0 extends Et {
     let s, i;
     if (e.contentArea) {
       const y = e.contentArea;
-      s = this.graph.localToGraph(y), i = P.create(y);
+      s = this.graph.localToGraph(y), i = M.create(y);
     } else
       s = this.getContentBBox(e), i = this.graph.graphToLocal(s);
     if (!s.width || !s.height)
@@ -28922,7 +28922,7 @@ class q0 extends Et {
    */
   getClientOffset() {
     const e = this.view.svg.getBoundingClientRect();
-    return new P(e.left, e.top);
+    return new M(e.left, e.top);
   }
   /**
    * Returns coordinates of the graph viewport, relative to the document.
@@ -28934,11 +28934,11 @@ class q0 extends Et {
     return (typeof e == "number" ? this.clientToLocalPoint(e, t) : this.clientToLocalPoint(e.x, e.y)).snapToGrid(this.graph.getGridSize());
   }
   localToGraphPoint(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return je.transformPoint(s, this.graph.matrix());
   }
   localToClientPoint(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return je.transformPoint(s, this.getClientMatrix());
   }
   localToPagePoint(e, t) {
@@ -28956,19 +28956,19 @@ class q0 extends Et {
     return (typeof e == "number" ? this.localToGraphRect(e, t, s, i) : this.localToGraphRect(e)).translate(this.getPageOffset());
   }
   graphToLocalPoint(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return je.transformPoint(s, this.graph.matrix().inverse());
   }
   clientToLocalPoint(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return je.transformPoint(s, this.getClientMatrix().inverse());
   }
   clientToGraphPoint(e, t) {
-    const s = P.create(e, t);
+    const s = M.create(e, t);
     return je.transformPoint(s, this.graph.matrix().multiply(this.getClientMatrix().inverse()));
   }
   pageToLocalPoint(e, t) {
-    const i = P.create(e, t).diff(this.getPageOffset());
+    const i = M.create(e, t).diff(this.getPageOffset());
     return this.graphToLocalPoint(i);
   }
   graphToLocalRect(e, t, s, i) {
@@ -29356,7 +29356,7 @@ class G extends We {
     return Pe.isCell(e) ? this.findViewByCell(e) : this.findViewByElem(e);
   }
   findViews(e) {
-    return K.isRectangleLike(e) ? this.findViewsInArea(e) : P.isPointLike(e) ? this.findViewsFromPoint(e) : [];
+    return K.isRectangleLike(e) ? this.findViewsInArea(e) : M.isPointLike(e) ? this.findViewsFromPoint(e) : [];
   }
   findViewByCell(e) {
     return this.renderer.findViewByCell(e);
@@ -29886,7 +29886,7 @@ class X0 extends ke {
       center: t,
       action: "rotating",
       angle: Te.normalize(this.node.getAngle()),
-      start: P.create(i).theta(t)
+      start: M.create(i).theta(t)
     }), this.startAction(e);
   }
   onMouseMove(e) {
@@ -29903,7 +29903,7 @@ class X0 extends ke {
       const c = this.graph.snapToGrid(r, o), u = this.graph.getGridSize(), h = this.node, d = this.options;
       if (s.action === "resizing") {
         s = s, s.resized || (t && (t.addClass("node-resizing"), this.notify("node:resize", e, t)), s.resized = !0);
-        const f = h.getBBox(), g = P.create(c).rotate(s.angle, f.getCenter()).diff(f[s.selector]);
+        const f = h.getBBox(), g = M.create(c).rotate(s.angle, f.getCenter()).diff(f[s.selector]);
         let p = s.resizeX ? g.x * s.resizeX : f.width, m = s.resizeY ? g.y * s.resizeY : f.height;
         const y = p, b = m;
         if (p = Re.snapToGrid(p, u), m = Re.snapToGrid(m, u), p = Math.max(p, d.minWidth || u), m = Math.max(m, d.minHeight || u), p = Math.min(p, d.maxWidth || 1 / 0), m = Math.min(m, d.maxHeight || 1 / 0), d.preserveAspectRatio) {
@@ -29935,7 +29935,7 @@ class X0 extends ke {
         }
       } else if (s.action === "rotating") {
         s = s, s.rotated || (t && (t.addClass("node-rotating"), this.notify("node:rotate", e, t)), s.rotated = !0);
-        const f = h.getAngle(), g = s.start - P.create(c).theta(s.center);
+        const f = h.getAngle(), g = s.start - M.create(c).theta(s.center);
         let p = s.angle + g;
         d.rotateGrid && (p = Re.snapToGrid(p, d.rotateGrid)), p = Te.normalize(p), f !== p && (h.rotate(p, { absolute: !0 }), this.notify("node:rotating", e, t));
       }
@@ -30330,26 +30330,26 @@ var K0 = { exports: {} };
       i[111 + c] = "f" + c;
     for (c = 0; c <= 9; ++c)
       i[c + 96] = c.toString();
-    function u(x, M, k) {
+    function u(x, P, k) {
       if (x.addEventListener) {
-        x.addEventListener(M, k, !1);
+        x.addEventListener(P, k, !1);
         return;
       }
-      x.attachEvent("on" + M, k);
+      x.attachEvent("on" + P, k);
     }
     function h(x) {
       if (x.type == "keypress") {
-        var M = String.fromCharCode(x.which);
-        return x.shiftKey || (M = M.toLowerCase()), M;
+        var P = String.fromCharCode(x.which);
+        return x.shiftKey || (P = P.toLowerCase()), P;
       }
       return i[x.which] ? i[x.which] : r[x.which] ? r[x.which] : String.fromCharCode(x.which).toLowerCase();
     }
-    function d(x, M) {
-      return x.sort().join(",") === M.sort().join(",");
+    function d(x, P) {
+      return x.sort().join(",") === P.sort().join(",");
     }
     function f(x) {
-      var M = [];
-      return x.shiftKey && M.push("shift"), x.altKey && M.push("alt"), x.ctrlKey && M.push("ctrl"), x.metaKey && M.push("meta"), M;
+      var P = [];
+      return x.shiftKey && P.push("shift"), x.altKey && P.push("alt"), x.ctrlKey && P.push("ctrl"), x.metaKey && P.push("meta"), P;
     }
     function g(x) {
       if (x.preventDefault) {
@@ -30376,30 +30376,30 @@ var K0 = { exports: {} };
       }
       return l;
     }
-    function b(x, M, k) {
-      return k || (k = y()[x] ? "keydown" : "keypress"), k == "keypress" && M.length && (k = "keydown"), k;
+    function b(x, P, k) {
+      return k || (k = y()[x] ? "keydown" : "keypress"), k == "keypress" && P.length && (k = "keydown"), k;
     }
     function v(x) {
       return x === "+" ? ["+"] : (x = x.replace(/\+{2}/g, "+plus"), x.split("+"));
     }
-    function w(x, M) {
+    function w(x, P) {
       var k, D, L, I = [];
       for (k = v(x), L = 0; L < k.length; ++L)
-        D = k[L], a[D] && (D = a[D]), M && M != "keypress" && o[D] && (D = o[D], I.push("shift")), m(D) && I.push(D);
-      return M = b(D, I, M), {
+        D = k[L], a[D] && (D = a[D]), P && P != "keypress" && o[D] && (D = o[D], I.push("shift")), m(D) && I.push(D);
+      return P = b(D, I, P), {
         key: D,
         modifiers: I,
-        action: M
+        action: P
       };
     }
-    function S(x, M) {
-      return x === null || x === t ? !1 : x === M ? !0 : S(x.parentNode, M);
+    function S(x, P) {
+      return x === null || x === t ? !1 : x === P ? !0 : S(x.parentNode, P);
     }
     function O(x) {
-      var M = this;
-      if (x = x || t, !(M instanceof O))
+      var P = this;
+      if (x = x || t, !(P instanceof O))
         return new O(x);
-      M.target = x, M._callbacks = {}, M._directMap = {};
+      P.target = x, P._callbacks = {}, P._directMap = {};
       var k = {}, D, L = !1, I = !1, H = !1;
       function U(B) {
         B = B || {};
@@ -30415,19 +30415,19 @@ var K0 = { exports: {} };
       }
       function T(B, N, X, ie, te, fe) {
         var oe, Me, ue = [], be = X.type;
-        if (!M._callbacks[B])
+        if (!P._callbacks[B])
           return [];
-        for (be == "keyup" && m(B) && (N = [B]), oe = 0; oe < M._callbacks[B].length; ++oe)
-          if (Me = M._callbacks[B][oe], !(!ie && Me.seq && k[Me.seq] != Me.level) && be == Me.action && (be == "keypress" && !X.metaKey && !X.ctrlKey || d(N, Me.modifiers))) {
+        for (be == "keyup" && m(B) && (N = [B]), oe = 0; oe < P._callbacks[B].length; ++oe)
+          if (Me = P._callbacks[B][oe], !(!ie && Me.seq && k[Me.seq] != Me.level) && be == Me.action && (be == "keypress" && !X.metaKey && !X.ctrlKey || d(N, Me.modifiers))) {
             var Lt = !ie && Me.combo == te, pt = ie && Me.seq == ie && Me.level == fe;
-            (Lt || pt) && M._callbacks[B].splice(oe, 1), ue.push(Me);
+            (Lt || pt) && P._callbacks[B].splice(oe, 1), ue.push(Me);
           }
         return ue;
       }
       function A(B, N, X, ie) {
-        M.stopCallback(N, N.target || N.srcElement, X, ie) || B(N, X) === !1 && (g(N), p(N));
+        P.stopCallback(N, N.target || N.srcElement, X, ie) || B(N, X) === !1 && (g(N), p(N));
       }
-      M._handleKey = function(B, N, X) {
+      P._handleKey = function(B, N, X) {
         var ie = T(B, N, X), te, fe = {}, oe = 0, Me = !1;
         for (te = 0; te < ie.length; ++te)
           ie[te].seq && (oe = Math.max(oe, ie[te].level));
@@ -30451,7 +30451,7 @@ var K0 = { exports: {} };
             L = !1;
             return;
           }
-          M.handleKey(N, f(B), B);
+          P.handleKey(N, f(B), B);
         }
       }
       function z() {
@@ -30473,13 +30473,13 @@ var K0 = { exports: {} };
         }
       }
       function de(B, N, X, ie, te) {
-        M._directMap[B + ":" + X] = N, B = B.replace(/\s+/g, " ");
+        P._directMap[B + ":" + X] = N, B = B.replace(/\s+/g, " ");
         var fe = B.split(" "), oe;
         if (fe.length > 1) {
           J(B, fe, N, X);
           return;
         }
-        oe = w(B, X), M._callbacks[oe.key] = M._callbacks[oe.key] || [], T(oe.key, oe.modifiers, { type: oe.action }, ie, B, te), M._callbacks[oe.key][ie ? "unshift" : "push"]({
+        oe = w(B, X), P._callbacks[oe.key] = P._callbacks[oe.key] || [], T(oe.key, oe.modifiers, { type: oe.action }, ie, B, te), P._callbacks[oe.key][ie ? "unshift" : "push"]({
           callback: N,
           modifiers: oe.modifiers,
           action: oe.action,
@@ -30488,48 +30488,48 @@ var K0 = { exports: {} };
           combo: B
         });
       }
-      M._bindMultiple = function(B, N, X) {
+      P._bindMultiple = function(B, N, X) {
         for (var ie = 0; ie < B.length; ++ie)
           de(B[ie], N, X);
       }, u(x, "keypress", R), u(x, "keydown", R), u(x, "keyup", R);
     }
-    O.prototype.bind = function(x, M, k) {
+    O.prototype.bind = function(x, P, k) {
       var D = this;
-      return x = x instanceof Array ? x : [x], D._bindMultiple.call(D, x, M, k), D;
-    }, O.prototype.unbind = function(x, M) {
+      return x = x instanceof Array ? x : [x], D._bindMultiple.call(D, x, P, k), D;
+    }, O.prototype.unbind = function(x, P) {
       var k = this;
       return k.bind.call(k, x, function() {
-      }, M);
-    }, O.prototype.trigger = function(x, M) {
+      }, P);
+    }, O.prototype.trigger = function(x, P) {
       var k = this;
-      return k._directMap[x + ":" + M] && k._directMap[x + ":" + M]({}, x), k;
+      return k._directMap[x + ":" + P] && k._directMap[x + ":" + P]({}, x), k;
     }, O.prototype.reset = function() {
       var x = this;
       return x._callbacks = {}, x._directMap = {}, x;
-    }, O.prototype.stopCallback = function(x, M) {
+    }, O.prototype.stopCallback = function(x, P) {
       var k = this;
-      if ((" " + M.className + " ").indexOf(" mousetrap ") > -1 || S(M, k.target))
+      if ((" " + P.className + " ").indexOf(" mousetrap ") > -1 || S(P, k.target))
         return !1;
       if ("composedPath" in x && typeof x.composedPath == "function") {
         var D = x.composedPath()[0];
-        D !== x.target && (M = D);
+        D !== x.target && (P = D);
       }
-      return M.tagName == "INPUT" || M.tagName == "SELECT" || M.tagName == "TEXTAREA" || M.isContentEditable;
+      return P.tagName == "INPUT" || P.tagName == "SELECT" || P.tagName == "TEXTAREA" || P.isContentEditable;
     }, O.prototype.handleKey = function() {
       var x = this;
       return x._handleKey.apply(x, arguments);
     }, O.addKeycodes = function(x) {
-      for (var M in x)
-        x.hasOwnProperty(M) && (i[M] = x[M]);
+      for (var P in x)
+        x.hasOwnProperty(P) && (i[P] = x[P]);
       l = null;
     }, O.init = function() {
       var x = O(t);
-      for (var M in x)
-        M.charAt(0) !== "_" && (O[M] = /* @__PURE__ */ function(k) {
+      for (var P in x)
+        P.charAt(0) !== "_" && (O[P] = /* @__PURE__ */ function(k) {
           return function() {
             return x[k].apply(x, arguments);
           };
-        }(M));
+        }(P));
     }, O.init(), e.Mousetrap = O, n.exports && (n.exports = O);
   })(typeof window < "u" ? window : null, typeof window < "u" ? document : null);
 })(K0);
@@ -30830,9 +30830,9 @@ class Q0 extends ke {
             x = 0;
             break;
         }
-        const M = this.graph.getGridSize();
-        let k = Math.max(i.width + O, M), D = Math.max(i.height + x, M);
-        t.minWidth && t.minWidth > M && (k = Math.max(k, t.minWidth)), t.minHeight && t.minHeight > M && (D = Math.max(D, t.minHeight)), t.maxWidth && (k = Math.min(k, t.maxWidth)), t.maxHeight && (D = Math.min(D, t.maxHeight)), t.preserveAspectRatio && (x < O ? D = k * (i.height / i.width) : k = D * (i.width / i.height)), (k !== i.width || D !== i.height) && (e.resize(k, D, {
+        const P = this.graph.getGridSize();
+        let k = Math.max(i.width + O, P), D = Math.max(i.height + x, P);
+        t.minWidth && t.minWidth > P && (k = Math.max(k, t.minWidth)), t.minHeight && t.minHeight > P && (D = Math.max(D, t.minHeight)), t.maxWidth && (k = Math.min(k, t.maxWidth)), t.maxHeight && (D = Math.min(D, t.maxHeight)), t.preserveAspectRatio && (x < O ? D = k * (i.height / i.width) : k = D * (i.width / i.height)), (k !== i.width || D !== i.height) && (e.resize(k, D, {
           direction: y,
           relativeDirection: v,
           trueDirection: b,
@@ -30858,14 +30858,14 @@ class Q0 extends ke {
       return;
     const o = r.cell, a = o.getSize(), l = o.getPosition(), c = new K(s - this.offset.x, i - this.offset.y, a.width, a.height), u = o.getAngle(), h = c.getCenter(), d = c.bbox(u), f = d.getTopLeft(), g = d.getBottomRight(), p = this.options.tolerance || 0;
     let m, y, b, v, w, S, O = 0, x = 0;
-    if (this.model.getNodes().some((M) => {
-      if (this.isIgnored(o, M))
+    if (this.model.getNodes().some((P) => {
+      if (this.isIgnored(o, P))
         return !1;
-      const k = M.getBBox().bbox(M.getAngle()), D = k.getCenter(), L = k.getTopLeft(), I = k.getBottomRight();
+      const k = P.getBBox().bbox(P.getAngle()), D = k.getCenter(), L = k.getTopLeft(), I = k.getBottomRight();
       return m == null && (Math.abs(D.x - h.x) < p ? (m = D.x, O = 0.5) : Math.abs(L.x - f.x) < p ? (m = L.x, O = 0) : Math.abs(L.x - g.x) < p ? (m = L.x, O = 1) : Math.abs(I.x - g.x) < p ? (m = I.x, O = 1) : Math.abs(I.x - f.x) < p && (m = I.x), m != null && (y = Math.min(d.y, k.y), b = Math.max(g.y, I.y) - y)), v == null && (Math.abs(D.y - h.y) < p ? (v = D.y, x = 0.5) : Math.abs(L.y - f.y) < p ? v = L.y : Math.abs(L.y - g.y) < p ? (v = L.y, x = 1) : Math.abs(I.y - g.y) < p ? (v = I.y, x = 1) : Math.abs(I.y - f.y) < p && (v = I.y), v != null && (w = Math.min(d.x, k.x), S = Math.max(g.x, I.x) - w)), m != null && v != null;
     }), this.hide(), v != null || m != null) {
       v != null && (d.y = v - x * d.height), m != null && (d.x = m - O * d.width);
-      const M = d.getCenter(), k = M.x - c.width / 2, D = M.y - c.height / 2, L = k - l.x, I = D - l.y;
+      const P = d.getCenter(), k = P.x - c.width / 2, D = P.y - c.height / 2, L = k - l.x, I = D - l.y;
       (L !== 0 || I !== 0) && (o.translate(L, I, {
         snapped: !0,
         restrict: this.getRestrictArea(r)
@@ -30888,7 +30888,7 @@ class Q0 extends ke {
   }
   update(e) {
     if (e.horizontalTop) {
-      const t = this.graph.localToGraph(new P(e.horizontalLeft, e.horizontalTop)), s = this.graph.localToGraph(new P(e.horizontalLeft + e.horizontalWidth, e.horizontalTop));
+      const t = this.graph.localToGraph(new M(e.horizontalLeft, e.horizontalTop)), s = this.graph.localToGraph(new M(e.horizontalLeft + e.horizontalWidth, e.horizontalTop));
       this.horizontal.setAttributes({
         x1: this.options.sharp ? `${t.x}` : "0",
         y1: `${t.y}`,
@@ -30899,7 +30899,7 @@ class Q0 extends ke {
     } else
       this.horizontal.setAttribute("display", "none");
     if (e.verticalLeft) {
-      const t = this.graph.localToGraph(new P(e.verticalLeft, e.verticalTop)), s = this.graph.localToGraph(new P(e.verticalLeft, e.verticalTop + e.verticalHeight));
+      const t = this.graph.localToGraph(new M(e.verticalLeft, e.verticalTop)), s = this.graph.localToGraph(new M(e.verticalLeft, e.verticalTop + e.verticalHeight));
       this.vertical.setAttributes({
         x1: `${t.x}`,
         y1: this.options.sharp ? `${t.y}` : "0",
@@ -32722,7 +32722,7 @@ const Eu = "line", Mu = "pipe", Pu = "arrow", YB = [{
       });
     }, d = V(e.payload.data.content || null), f = V(e.payload.attrs.body.fill || null), g = V(e.payload.attrs.body.stroke || null), p = V(e.payload.attrs.body.strokeWidth || null), m = V(e.payload.attrs.body.rx || null), y = V(e.payload.attrs.body.ry || null), b = V(e.payload.attrs.text.fill || null), v = V(e.payload.attrs.text.fontSize || null), w = V(((z = e.payload.attrs.label) == null ? void 0 : z.textAnchor) || null), S = V(((J = e.payload.attrs.label) == null ? void 0 : J.x) || null), O = V(((de = e.payload.attrs.label) == null ? void 0 : de.y) || null), x = () => {
       e.payload.attr("body/fill", f.value), e.payload.attr("body/stroke", g.value), e.payload.attr("body/strokeWidth", p.value), e.payload.attr("body/rx", m.value), e.payload.attr("body/ry", y.value), e.payload.attr("text/fill", b.value), e.payload.attr("text/fontSize", v.value), e.payload.attr("label/textAnchor", w.value), e.payload.attr("label/x", S.value), e.payload.attr("label/y", O.value);
-    }, M = V(null), k = () => {
+    }, P = V(null), k = () => {
       if (e.payload.data.content.length > d.value.length && e.payload.data.content.endsWith("}")) {
         const B = e.payload.data.content.match(Na);
         if (B) {
@@ -32732,8 +32732,8 @@ const Eu = "line", Mu = "pipe", Pu = "arrow", YB = [{
       }
       e.payload.data.content = d.value, e.payload.label = u(d.value);
     }, D = () => {
-      if (M.value) {
-        const B = M.value.$refs.textarea;
+      if (P.value) {
+        const B = P.value.$refs.textarea;
         B.focus();
         const N = d.value.length;
         B.setSelectionRange(N, N);
@@ -32783,7 +32783,7 @@ const Eu = "line", Mu = "pipe", Pu = "arrow", YB = [{
               default: E(() => [
                 C(X, {
                   ref_key: "inputRef",
-                  ref: M,
+                  ref: P,
                   type: "textarea",
                   modelValue: d.value,
                   "onUpdate:modelValue": N[0] || (N[0] = (me) => d.value = me),
@@ -33806,7 +33806,7 @@ const Eu = "line", Mu = "pipe", Pu = "arrow", YB = [{
       }], b.value = e.payload.data.fields[0].field) : (b.value = "", e.payload.data.fields = []), console.log("管道配置", e.payload);
     }, O = V([]), x = async () => {
       O.value = await Id(w.deviceCode);
-    }, M = () => {
+    }, P = () => {
       e.payload.data.fields = [{
         index: 0,
         deviceName: w.deviceName,
@@ -34003,7 +34003,7 @@ const Eu = "line", Mu = "pipe", Pu = "arrow", YB = [{
                             modelValue: b.value,
                             "onUpdate:modelValue": N[6] || (N[6] = (ae) => b.value = ae),
                             placeholder: "请选择字段",
-                            onChange: M,
+                            onChange: P,
                             size: "small",
                             filterable: "",
                             clearable: "",
@@ -34379,7 +34379,7 @@ const Eu = "line", Mu = "pipe", Pu = "arrow", YB = [{
     }, x = nt({
       show: !1,
       payload: null
-    }), M = () => {
+    }), P = () => {
       x.show = !0, x.payload = e.payload.data.condition ?? [];
     }, k = (A) => {
       x.show = !1, x.payload = null, A && (e.payload.data.condition = A), console.log("条件线", e.payload.data);
@@ -34676,7 +34676,7 @@ const Eu = "line", Mu = "pipe", Pu = "arrow", YB = [{
                           C(fe, {
                             type: "primary",
                             size: "small",
-                            onClick: M,
+                            onClick: P,
                             style: { "margin-left": "10px" }
                           }, {
                             default: E(() => R[21] || (R[21] = [
@@ -35078,7 +35078,7 @@ function W6(n, e = {}) {
   const y = Bn.accumulate(p, h);
   t.startBatch("layout"), s.forEach((b, v) => {
     const w = v % i, S = Math.floor(v / i), O = d[w], x = p[S];
-    let M = 0, k = 0, D = b.getSize();
+    let P = 0, k = 0, D = b.getSize();
     if (c) {
       let L = O - 2 * o, I = x - 2 * a;
       const H = D.height * (D.width ? L / D.width : 1), U = D.width * (D.height ? I / D.height : 1);
@@ -35087,7 +35087,7 @@ function W6(n, e = {}) {
         height: I
       }, b.setSize(D, e);
     }
-    l && (M = (O - D.width) / 2, k = (x - D.height) / 2), b.position(g[w] + o + M, y[S] + a + k, e);
+    l && (P = (O - D.width) / 2, k = (x - D.height) / 2), b.position(g[w] + o + P, y[S] + a + k, e);
   }), t.stopBatch("layout");
 }
 var Bn;
@@ -36040,7 +36040,7 @@ const X6 = { class: "control-box" }, K6 = {
       }
     }
   }
-}, Q6 = { style: { width: "100%", height: "100%" } }, e4 = {
+}, Q6 = { style: { width: "100%", height: "100%", position: "relative" } }, e4 = {
   key: 0,
   class: "spinner"
 }, cv = /* @__PURE__ */ Object.assign({
@@ -36101,20 +36101,18 @@ const X6 = { class: "control-box" }, K6 = {
     }, i = async () => {
       let S, O, x;
       if (e.id) {
-        const { background: M, grid: k, data: D } = await mb(e.id);
-        S = M, O = k, x = D;
+        const { background: P, grid: k, data: D } = await mb(e.id);
+        S = P, O = k, x = D;
       } else
         S = e.background, O = {}, x = e.data;
       t.value.drawBackground(S), t.value.drawGrid(O), t.value.fromJSON(x), u();
     }, r = V(null), o = V([]), a = V([]), l = V(!1), c = V(!1), u = () => {
       o.value = t.value.getCells().filter((S) => {
-        var O, x, M;
-        return ((O = S == null ? void 0 : S.data) == null ? void 0 : O.type) === "text" || ((x = S == null ? void 0 : S.data) == null ? void 0 : x.type) === "pipe" || ((M = S == null ? void 0 : S.data) == null ? void 0 : M.type) === "arrow";
+        var O, x, P;
+        return ((O = S == null ? void 0 : S.data) == null ? void 0 : O.type) === "text" || ((x = S == null ? void 0 : S.data) == null ? void 0 : x.type) === "pipe" || ((P = S == null ? void 0 : S.data) == null ? void 0 : P.type) === "arrow";
       }), o.value.forEach((S) => {
         var O, x;
-        (x = (O = S == null ? void 0 : S.data) == null ? void 0 : O.fields) != null && x.length && (S == null || S.data.fields.forEach((M) => {
-          M.field && a.value.push({ id: S == null ? void 0 : S.id, fields: S == null ? void 0 : S.data.fields });
-        }));
+        (x = (O = S == null ? void 0 : S.data) == null ? void 0 : O.fields) != null && x.length && a.value.push({ id: S == null ? void 0 : S.id, fields: S == null ? void 0 : S.data.fields });
       }), d();
     }, h = V(!0), d = async () => {
       if (c.value = !0, !a.value.length) {
@@ -36132,21 +36130,21 @@ const X6 = { class: "control-box" }, K6 = {
       let x = 5;
       if (!l.value)
         if (S.length > O * x) {
-          const M = S.slice(O * x, O * x + x);
-          console.log("批次：", O, "数据：", M), O++, g(await pL(M)), await f(S, O);
+          const P = S.slice(O * x, O * x + x);
+          console.log("批次：", O, "数据：", P), O++, g(await pL(P)), await f(S, O);
         } else
           c.value = !1, h.value = !0;
     }, g = (S) => {
       S == null || S.forEach((O) => {
-        var M, k, D;
+        var P, k, D;
         const x = t.value.getCellById(O.id);
-        x.data.type === "text" && (x.label = p(x.data.content, O.fields)), x.data.type === "pipe" && (console.log("管道详情", x, (M = O.fields) == null ? void 0 : M[0].value), m(x, (k = O.fields) == null ? void 0 : k[0].value)), x.data.type === "arrow" && y(x, (D = O.fields) == null ? void 0 : D[0].value);
+        x.data.type === "text" && (x.label = p(x.data.content, O.fields)), x.data.type === "pipe" && (console.log("管道详情", x, (P = O.fields) == null ? void 0 : P[0].value), m(x, (k = O.fields) == null ? void 0 : k[0].value)), x.data.type === "arrow" && y(x, (D = O.fields) == null ? void 0 : D[0].value);
       });
     }, p = (S, O) => {
       let x = 0;
       return S.replace(Na, () => {
-        const M = O.find((k) => k.index === x);
-        return x++, M ? M.value : ov;
+        const P = O.find((k) => k.index === x);
+        return x++, P ? P.value : ov;
       });
     }, m = (S, O) => {
       if (!S.data.isCondition)
@@ -36951,7 +36949,7 @@ const X6 = { class: "control-box" }, K6 = {
       data: null
     }), x = () => {
       O.background = s.value.options.background, O.grid = s.value.options.grid, O.data = s.value.toJSON(), O.show = !0;
-    }, M = () => {
+    }, P = () => {
       O.show = !1;
     }, k = () => {
       S("getJson", { background: s.value.options.background, grid: s.value.options.grid, data: s.value.toJSON() });
@@ -37134,7 +37132,7 @@ const X6 = { class: "control-box" }, K6 = {
           class: "no-border-drawer",
           modelValue: O.show,
           "onUpdate:modelValue": U[2] || (U[2] = (X) => O.show = X),
-          onClose: M,
+          onClose: P,
           title: "预览",
           direction: "ttb",
           size: "100%"