@linker-design-plus/timeline-track 1.0.9 → 1.0.10

package/dist/index.es.js

@@ -1,6 +1,6 @@
 var $i = Object.defineProperty;
-var Ki = (o, t, e) => t in o ? $i(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var x = (o, t, e) => Ki(o, typeof t != "symbol" ? t + "" : t, e);
+var Zi = (o, t, e) => t in o ? $i(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var T = (o, t, e) => Zi(o, typeof t != "symbol" ? t + "" : t, e);
 const ke = {
   background: "#000000",
   border: "#333333",
@@ -145,20 +145,20 @@ class N {
 /**
  * 刻度类型
  */
-x(N, "TICK_TYPE_MAJOR", "major"), x(N, "TICK_TYPE_MINOR", "minor");
-const Zi = Math.PI / 180;
+T(N, "TICK_TYPE_MAJOR", "major"), T(N, "TICK_TYPE_MINOR", "minor");
+const Ki = Math.PI / 180;
 function Ji() {
   return typeof window < "u" && ({}.toString.call(window) === "[object Window]" || {}.toString.call(window) === "[object global]");
 }
-const kt = typeof global < "u" ? global : typeof window < "u" ? window : typeof WorkerGlobalScope < "u" ? self : {}, P = {
-  _global: kt,
+const Et = typeof global < "u" ? global : typeof window < "u" ? window : typeof WorkerGlobalScope < "u" ? self : {}, A = {
+  _global: Et,
   version: "10.2.0",
   isBrowser: Ji(),
   isUnminified: /param/.test((function(o) {
   }).toString()),
   dblClickWindow: 400,
   getAngle(o) {
-    return P.angleDeg ? o * Zi : o;
+    return A.angleDeg ? o * Ki : o;
   },
   enableTrace: !1,
   pointerEventsEnabled: !0,
@@ -182,24 +182,24 @@ const kt = typeof global < "u" ? global : typeof window < "u" ? window : typeof
   showWarnings: !0,
   dragButtons: [0, 1],
   isDragging() {
-    return P.DD.isDragging;
+    return A.DD.isDragging;
   },
   isTransforming() {
     var o, t;
-    return (t = (o = P.Transformer) === null || o === void 0 ? void 0 : o.isTransforming()) !== null && t !== void 0 ? t : !1;
+    return (t = (o = A.Transformer) === null || o === void 0 ? void 0 : o.isTransforming()) !== null && t !== void 0 ? t : !1;
   },
   isDragReady() {
-    return !!P.DD.node;
+    return !!A.DD.node;
   },
   releaseCanvasOnDestroy: !0,
-  document: kt.document,
+  document: Et.document,
   _injectGlobal(o) {
-    typeof kt.Konva < "u" && console.error("Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment."), kt.Konva = o;
+    typeof Et.Konva < "u" && console.error("Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment."), Et.Konva = o;
   }
 }, tt = (o) => {
-  P[o.prototype.getClassName()] = o;
+  A[o.prototype.getClassName()] = o;
 };
-P._injectGlobal(P);
+A._injectGlobal(A);
 const Qi = `Konva.js unsupported environment.
 
 Looks like you are trying to use Konva.js in Node.js environment. because "document" object is undefined.
@@ -213,7 +213,7 @@ or
 
 bash: npm install skia-canvas
 js: import "konva/skia-backend";
-`, Ue = () => {
+`, Ve = () => {
   if (typeof document > "u")
     throw new Error(Qi);
 };
@@ -288,7 +288,7 @@ class at {
     return h.rotation = m._getRotation(h.rotation), h;
   }
 }
-const ts = "[object Array]", es = "[object Number]", is = "[object String]", ss = "[object Boolean]", ns = Math.PI / 180, rs = 180 / Math.PI, Ft = "#", as = "", os = "0", hs = "Konva warning: ", Ve = "Konva error: ", ls = "rgb(", ye = {
+const ts = "[object Array]", es = "[object Number]", is = "[object String]", ss = "[object Boolean]", ns = Math.PI / 180, rs = 180 / Math.PI, Ft = "#", as = "", os = "0", hs = "Konva warning: ", Ue = "Konva error: ", ls = "rgb(", ye = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
   aqua: [0, 255, 255],
@@ -485,7 +485,7 @@ const ds = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     });
   },
   createCanvasElement() {
-    Ue();
+    Ve();
     const o = document.createElement("canvas");
     try {
       o.style = o.style || {};
@@ -494,7 +494,7 @@ const ds = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return o;
   },
   createImageElement() {
-    return Ue(), document.createElement("img");
+    return Ve(), document.createElement("img");
   },
   _isInDocument(o) {
     for (; o = o.parentNode; )
@@ -693,19 +693,19 @@ const ds = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return m.warn("Util._radToDeg is removed. Please use public Util.radToDeg instead."), m.radToDeg(o);
   },
   _getRotation(o) {
-    return P.angleDeg ? m.radToDeg(o) : o;
+    return A.angleDeg ? m.radToDeg(o) : o;
   },
   _capitalize(o) {
     return o.charAt(0).toUpperCase() + o.slice(1);
   },
   throw(o) {
-    throw new Error(Ve + o);
+    throw new Error(Ue + o);
   },
   error(o) {
-    console.error(Ve + o);
+    console.error(Ue + o);
   },
   warn(o) {
-    P.showWarnings && console.warn(hs + o);
+    A.showWarnings && console.warn(hs + o);
   },
   each(o, t) {
     for (const e in o)
@@ -784,7 +784,7 @@ const ds = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return o.touches ? o.changedTouches[0].identifier : o.pointerId || 999;
   },
   releaseCanvas(...o) {
-    P.releaseCanvasOnDestroy && o.forEach((t) => {
+    A.releaseCanvasOnDestroy && o.forEach((t) => {
       t.width = 0, t.height = 0;
     });
   },
@@ -800,12 +800,12 @@ const ds = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
       const r = t[(n - 1 + e) % e], a = t[n], h = t[(n + 1) % e], l = { x: a.x - r.x, y: a.y - r.y }, c = { x: h.x - a.x, y: h.y - a.y }, u = Math.hypot(l.x, l.y), d = Math.hypot(c.x, c.y);
       let g;
       typeof s == "number" ? g = s : g = n < s.length ? s[n] : 0, g = i * Math.cos(Math.PI / e) * Math.min(1, g / i * 2);
-      const C = { x: l.x / u, y: l.y / u }, S = { x: c.x / d, y: c.y / d }, y = {
-        x: a.x - C.x * g,
-        y: a.y - C.y * g
+      const S = { x: l.x / u, y: l.y / u }, C = { x: c.x / d, y: c.y / d }, y = {
+        x: a.x - S.x * g,
+        y: a.y - S.y * g
       }, _ = {
-        x: a.x + S.x * g,
-        y: a.y + S.y * g
+        x: a.x + C.x * g,
+        y: a.y + C.y * g
       };
       n === 0 ? o.moveTo(y.x, y.y) : o.lineTo(y.x, y.y), o.arcTo(a.x, a.y, _.x, _.y, g);
     }
@@ -819,7 +819,7 @@ function us(o) {
   }
   return t;
 }
-const Ye = ",", fs = "(", gs = ")", ps = "([", ms = "])", ys = ";", _s = "()", Cs = "=", je = [
+const Ye = ",", fs = "(", gs = ")", ps = "([", ms = "])", ys = ";", _s = "()", Ss = "=", je = [
   "arc",
   "arcTo",
   "beginPath",
@@ -852,7 +852,7 @@ const Ye = ",", fs = "(", gs = ")", ps = "([", ms = "])", ys = ";", _s = "()", C
   "strokeText",
   "transform",
   "translate"
-], Ss = [
+], Cs = [
   "fillStyle",
   "strokeStyle",
   "shadowColor",
@@ -887,7 +887,7 @@ function qe() {
 }
 class ge {
   constructor(t) {
-    this.canvas = t, P.enableTrace && (this.traceArr = [], this._enableTrace());
+    this.canvas = t, A.enableTrace && (this.traceArr = [], this._enableTrace());
   }
   fillShape(t) {
     t.fillEnabled() && this._fill(t);
@@ -905,7 +905,7 @@ class ge {
   getTrace(t, e) {
     let i = this.traceArr, s = i.length, n = "", r, a, h, l;
     for (r = 0; r < s; r++)
-      a = i[r], h = a.method, h ? (l = a.args, n += h, t ? n += _s : m._isArray(l[0]) ? n += ps + l.join(Ye) + ms : (e && (l = l.map((c) => typeof c == "number" ? Math.floor(c) : c)), n += fs + l.join(Ye) + gs)) : (n += a.property, t || (n += Cs + a.val)), n += ys;
+      a = i[r], h = a.method, h ? (l = a.args, n += h, t ? n += _s : m._isArray(l[0]) ? n += ps + l.join(Ye) + ms : (e && (l = l.map((c) => typeof c == "number" ? Math.floor(c) : c)), n += fs + l.join(Ye) + gs)) : (n += a.property, t || (n += Ss + a.val)), n += ys;
     return n;
   }
   clearTrace() {
@@ -1089,7 +1089,7 @@ class ge {
     !e || e === "source-over" || this.setAttr("globalCompositeOperation", e);
   }
 }
-Ss.forEach(function(o) {
+Cs.forEach(function(o) {
   Object.defineProperty(ge.prototype, o, {
     get() {
       return this._context[o];
@@ -1198,19 +1198,19 @@ class Ts extends ge {
   }
 }
 let se;
-function xs() {
+function ws() {
   if (se)
     return se;
   const o = m.createCanvasElement(), t = o.getContext("2d");
   return se = function() {
-    const e = P._global.devicePixelRatio || 1, i = t.webkitBackingStorePixelRatio || t.mozBackingStorePixelRatio || t.msBackingStorePixelRatio || t.oBackingStorePixelRatio || t.backingStorePixelRatio || 1;
+    const e = A._global.devicePixelRatio || 1, i = t.webkitBackingStorePixelRatio || t.mozBackingStorePixelRatio || t.msBackingStorePixelRatio || t.oBackingStorePixelRatio || t.backingStorePixelRatio || 1;
     return e / i;
   }(), m.releaseCanvas(o), se;
 }
 class Fe {
   constructor(t) {
     this.pixelRatio = 1, this.width = 0, this.height = 0, this.isCache = !1;
-    const i = (t || {}).pixelRatio || P.pixelRatio || xs();
+    const i = (t || {}).pixelRatio || A.pixelRatio || ws();
     this.pixelRatio = i, this._canvas = m.createCanvasElement(), this._canvas.style.padding = "0", this._canvas.style.margin = "0", this._canvas.style.border = "0", this._canvas.style.background = "transparent", this._canvas.style.position = "absolute", this._canvas.style.top = "0", this._canvas.style.left = "0";
   }
   getContext() {
@@ -1254,7 +1254,7 @@ class Fe {
     }
   }
 }
-class St extends Fe {
+class bt extends Fe {
   constructor(t = { width: 0, height: 0, willReadFrequently: !1 }) {
     super(t), this.context = new vs(this, {
       willReadFrequently: t.willReadFrequently
@@ -1266,24 +1266,24 @@ class Ne extends Fe {
     super(t), this.hitCanvas = !0, this.context = new Ts(this), this.setSize(t.width, t.height);
   }
 }
-const U = {
+const V = {
   get isDragging() {
     let o = !1;
-    return U._dragElements.forEach((t) => {
+    return V._dragElements.forEach((t) => {
       t.dragStatus === "dragging" && (o = !0);
     }), o;
   },
   justDragged: !1,
   get node() {
     let o;
-    return U._dragElements.forEach((t) => {
+    return V._dragElements.forEach((t) => {
       o = t.node;
     }), o;
   },
   _dragElements: /* @__PURE__ */ new Map(),
   _drag(o) {
     const t = [];
-    U._dragElements.forEach((e, i) => {
+    V._dragElements.forEach((e, i) => {
       const { node: s } = e, n = s.getStage();
       n.setPointersPositions(o), e.pointerId === void 0 && (e.pointerId = m._getFirstPointerId(o));
       const r = n._changedPointerPositions.find((a) => a.id === e.pointerId);
@@ -1305,85 +1305,85 @@ const U = {
   },
   _endDragBefore(o) {
     const t = [];
-    U._dragElements.forEach((e) => {
+    V._dragElements.forEach((e) => {
       const { node: i } = e, s = i.getStage();
       if (o && s.setPointersPositions(o), !s._changedPointerPositions.find((a) => a.id === e.pointerId))
         return;
-      (e.dragStatus === "dragging" || e.dragStatus === "stopped") && (U.justDragged = !0, P._mouseListenClick = !1, P._touchListenClick = !1, P._pointerListenClick = !1, e.dragStatus = "stopped");
-      const r = e.node.getLayer() || e.node instanceof P.Stage && e.node;
+      (e.dragStatus === "dragging" || e.dragStatus === "stopped") && (V.justDragged = !0, A._mouseListenClick = !1, A._touchListenClick = !1, A._pointerListenClick = !1, e.dragStatus = "stopped");
+      const r = e.node.getLayer() || e.node instanceof A.Stage && e.node;
       r && t.indexOf(r) === -1 && t.push(r);
     }), t.forEach((e) => {
       e.draw();
     });
   },
   _endDragAfter(o) {
-    U._dragElements.forEach((t, e) => {
+    V._dragElements.forEach((t, e) => {
       t.dragStatus === "stopped" && t.node.fire("dragend", {
         type: "dragend",
         target: t.node,
         evt: o
-      }, !0), t.dragStatus !== "dragging" && U._dragElements.delete(e);
+      }, !0), t.dragStatus !== "dragging" && V._dragElements.delete(e);
     });
   }
 };
-P.isBrowser && (window.addEventListener("mouseup", U._endDragBefore, !0), window.addEventListener("touchend", U._endDragBefore, !0), window.addEventListener("touchcancel", U._endDragBefore, !0), window.addEventListener("mousemove", U._drag), window.addEventListener("touchmove", U._drag), window.addEventListener("mouseup", U._endDragAfter, !1), window.addEventListener("touchend", U._endDragAfter, !1), window.addEventListener("touchcancel", U._endDragAfter, !1));
-function bt(o) {
+A.isBrowser && (window.addEventListener("mouseup", V._endDragBefore, !0), window.addEventListener("touchend", V._endDragBefore, !0), window.addEventListener("touchcancel", V._endDragBefore, !0), window.addEventListener("mousemove", V._drag), window.addEventListener("touchmove", V._drag), window.addEventListener("mouseup", V._endDragAfter, !1), window.addEventListener("touchend", V._endDragAfter, !1), window.addEventListener("touchcancel", V._endDragAfter, !1));
+function vt(o) {
   return m._isString(o) ? '"' + o + '"' : Object.prototype.toString.call(o) === "[object Number]" || m._isBoolean(o) ? o : Object.prototype.toString.call(o);
 }
 function yi(o) {
   return o > 255 ? 255 : o < 0 ? 0 : Math.round(o);
 }
-function A() {
-  if (P.isUnminified)
+function P() {
+  if (A.isUnminified)
     return function(o, t) {
-      return m._isNumber(o) || m.warn(bt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a number.'), o;
+      return m._isNumber(o) || m.warn(vt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a number.'), o;
     };
 }
 function pe(o) {
-  if (P.isUnminified)
+  if (A.isUnminified)
     return function(t, e) {
       let i = m._isNumber(t), s = m._isArray(t) && t.length == o;
-      return !i && !s && m.warn(bt(t) + ' is a not valid value for "' + e + '" attribute. The value should be a number or Array<number>(' + o + ")"), t;
+      return !i && !s && m.warn(vt(t) + ' is a not valid value for "' + e + '" attribute. The value should be a number or Array<number>(' + o + ")"), t;
     };
 }
 function ze() {
-  if (P.isUnminified)
+  if (A.isUnminified)
     return function(o, t) {
-      return m._isNumber(o) || o === "auto" || m.warn(bt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a number or "auto".'), o;
+      return m._isNumber(o) || o === "auto" || m.warn(vt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a number or "auto".'), o;
     };
 }
-function Et() {
-  if (P.isUnminified)
+function Pt() {
+  if (A.isUnminified)
     return function(o, t) {
-      return m._isString(o) || m.warn(bt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a string.'), o;
+      return m._isString(o) || m.warn(vt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a string.'), o;
     };
 }
 function _i() {
-  if (P.isUnminified)
+  if (A.isUnminified)
     return function(o, t) {
       const e = m._isString(o), i = Object.prototype.toString.call(o) === "[object CanvasGradient]" || o && o.addColorStop;
-      return e || i || m.warn(bt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a string or a native gradient.'), o;
+      return e || i || m.warn(vt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a string or a native gradient.'), o;
     };
 }
-function ws() {
-  if (P.isUnminified)
+function xs() {
+  if (A.isUnminified)
     return function(o, t) {
       const e = Int8Array ? Object.getPrototypeOf(Int8Array) : null;
       return e && o instanceof e || (m._isArray(o) ? o.forEach(function(i) {
         m._isNumber(i) || m.warn('"' + t + '" attribute has non numeric element ' + i + ". Make sure that all elements are numbers.");
-      }) : m.warn(bt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a array of numbers.')), o;
+      }) : m.warn(vt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a array of numbers.')), o;
     };
 }
-function ct() {
-  if (P.isUnminified)
+function dt() {
+  if (A.isUnminified)
     return function(o, t) {
-      return o === !0 || o === !1 || m.warn(bt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a boolean.'), o;
+      return o === !0 || o === !1 || m.warn(vt(o) + ' is a not valid value for "' + t + '" attribute. The value should be a boolean.'), o;
     };
 }
 function ks(o) {
-  if (P.isUnminified)
+  if (A.isUnminified)
     return function(t, e) {
-      return t == null || m.isObject(t) || m.warn(bt(t) + ' is a not valid value for "' + e + '" attribute. The value should be an object with properties ' + o), t;
+      return t == null || m.isObject(t) || m.warn(vt(t) + ' is a not valid value for "' + e + '" attribute. The value should be an object with properties ' + o), t;
     };
 }
 const zt = "get", Ht = "set", p = {
@@ -1468,7 +1468,7 @@ function Es(o) {
         const n = parseFloat(s.replace("px", ""));
         return function(r) {
           this.blurRadius(n * 0.5);
-          const a = P.Filters;
+          const a = A.Filters;
           a && a.Blur && a.Blur.call(this, r);
         };
       }
@@ -1476,7 +1476,7 @@ function Es(o) {
         const n = s.includes("%") ? parseFloat(s) / 100 : parseFloat(s);
         return function(r) {
           this.brightness(n);
-          const a = P.Filters;
+          const a = A.Filters;
           a && a.Brightness && a.Brightness.call(this, r);
         };
       }
@@ -1485,23 +1485,23 @@ function Es(o) {
         return function(r) {
           const a = 100 * (Math.sqrt(n) - 1);
           this.contrast(a);
-          const h = P.Filters;
+          const h = A.Filters;
           h && h.Contrast && h.Contrast.call(this, r);
         };
       }
       case "grayscale":
         return function(n) {
-          const r = P.Filters;
+          const r = A.Filters;
           r && r.Grayscale && r.Grayscale.call(this, n);
         };
       case "sepia":
         return function(n) {
-          const r = P.Filters;
+          const r = A.Filters;
           r && r.Sepia && r.Sepia.call(this, n);
         };
       case "invert":
         return function(n) {
-          const r = P.Filters;
+          const r = A.Filters;
           r && r.Invert && r.Invert.call(this, n);
         };
       default:
@@ -1512,7 +1512,7 @@ function Es(o) {
   return () => {
   };
 }
-const de = "absoluteOpacity", $e = "allEventListeners", ft = "absoluteTransform", Ke = "absoluteScale", wt = "canvas", As = "Change", Ps = "children", Ms = "konva", Ee = "listening", Rs = "mouseenter", Ls = "mouseleave", Ds = "pointerenter", Is = "pointerleave", Gs = "touchenter", Os = "touchleave", Ze = "set", Je = "Shape", ue = " ", Qe = "stage", _t = "transform", Bs = "Stage", Ae = "visible", Fs = [
+const de = "absoluteOpacity", $e = "allEventListeners", gt = "absoluteTransform", Ze = "absoluteScale", kt = "canvas", Ps = "Change", As = "children", Ms = "konva", Ee = "listening", Rs = "mouseenter", Ls = "mouseleave", Ds = "pointerenter", Is = "pointerleave", Gs = "touchenter", Os = "touchleave", Ke = "set", Je = "Shape", ue = " ", Qe = "stage", _t = "transform", Bs = "Stage", Pe = "visible", Fs = [
   "xChange.konva",
   "yChange.konva",
   "scaleXChange.konva",
@@ -1533,11 +1533,11 @@ class k {
     return !1;
   }
   _clearCache(t) {
-    (t === _t || t === ft) && this._cache.get(t) ? this._cache.get(t).dirty = !0 : t ? this._cache.delete(t) : this._cache.clear();
+    (t === _t || t === gt) && this._cache.get(t) ? this._cache.get(t).dirty = !0 : t ? this._cache.delete(t) : this._cache.clear();
   }
   _getCache(t, e) {
     let i = this._cache.get(t);
-    return (i === void 0 || (t === _t || t === ft) && i.dirty === !0) && (i = e.call(this), this._cache.set(t, i)), i;
+    return (i === void 0 || (t === _t || t === gt) && i.dirty === !0) && (i = e.call(this), this._cache.set(t, i)), i;
   }
   _calculate(t, e, i) {
     if (!this._attachedDepsListeners.get(t)) {
@@ -1549,15 +1549,15 @@ class k {
     return this._getCache(t, i);
   }
   _getCanvasCache() {
-    return this._cache.get(wt);
+    return this._cache.get(kt);
   }
   _clearSelfAndDescendantCache(t) {
-    this._clearCache(t), t === ft && this.fire("absoluteTransformChange");
+    this._clearCache(t), t === gt && this.fire("absoluteTransformChange");
   }
   clearCache() {
-    if (this._cache.has(wt)) {
-      const { scene: t, filter: e, hit: i } = this._cache.get(wt);
-      m.releaseCanvas(t._canvas, e._canvas, i._canvas), this._cache.delete(wt);
+    if (this._cache.has(kt)) {
+      const { scene: t, filter: e, hit: i } = this._cache.get(kt);
+      m.releaseCanvas(t._canvas, e._canvas, i._canvas), this._cache.delete(kt);
     }
     return this._clearSelfAndDescendantCache(), this._requestDraw(), this;
   }
@@ -1575,34 +1575,34 @@ class k {
     }
     const d = Math.abs(Math.round(i.x) - a) > 0.5 ? 1 : 0, g = Math.abs(Math.round(i.y) - h) > 0.5 ? 1 : 0;
     s += l * 2 + d, n += l * 2 + g, a -= l, h -= l;
-    const f = new St({
+    const f = new bt({
       pixelRatio: r,
       width: s,
       height: n
-    }), C = new St({
+    }), S = new bt({
       pixelRatio: r,
       width: 0,
       height: 0,
       willReadFrequently: !0
-    }), S = new Ne({
+    }), C = new Ne({
       pixelRatio: u,
       width: s,
       height: n
-    }), y = f.getContext(), _ = S.getContext(), v = new St({
+    }), y = f.getContext(), _ = C.getContext(), v = new bt({
       width: f.width / f.pixelRatio + Math.abs(a),
       height: f.height / f.pixelRatio + Math.abs(h),
       pixelRatio: f.pixelRatio
     }), b = v.getContext();
-    return S.isCache = !0, f.isCache = !0, this._cache.delete(wt), this._filterUpToDate = !1, e.imageSmoothingEnabled === !1 && (f.getContext()._context.imageSmoothingEnabled = !1, C.getContext()._context.imageSmoothingEnabled = !1), y.save(), _.save(), b.save(), y.translate(-a, -h), _.translate(-a, -h), b.translate(-a, -h), v.x = a, v.y = h, this._isUnderCache = !0, this._clearSelfAndDescendantCache(de), this._clearSelfAndDescendantCache(Ke), this.drawScene(f, this, v), this.drawHit(S, this), this._isUnderCache = !1, y.restore(), _.restore(), c && (y.save(), y.beginPath(), y.rect(0, 0, s, n), y.closePath(), y.setAttr("strokeStyle", "red"), y.setAttr("lineWidth", 5), y.stroke(), y.restore()), m.releaseCanvas(v._canvas), this._cache.set(wt, {
+    return C.isCache = !0, f.isCache = !0, this._cache.delete(kt), this._filterUpToDate = !1, e.imageSmoothingEnabled === !1 && (f.getContext()._context.imageSmoothingEnabled = !1, S.getContext()._context.imageSmoothingEnabled = !1), y.save(), _.save(), b.save(), y.translate(-a, -h), _.translate(-a, -h), b.translate(-a, -h), v.x = a, v.y = h, this._isUnderCache = !0, this._clearSelfAndDescendantCache(de), this._clearSelfAndDescendantCache(Ze), this.drawScene(f, this, v), this.drawHit(C, this), this._isUnderCache = !1, y.restore(), _.restore(), c && (y.save(), y.beginPath(), y.rect(0, 0, s, n), y.closePath(), y.setAttr("strokeStyle", "red"), y.setAttr("lineWidth", 5), y.stroke(), y.restore()), m.releaseCanvas(v._canvas), this._cache.set(kt, {
       scene: f,
-      filter: C,
-      hit: S,
+      filter: S,
+      hit: C,
       x: a,
       y: h
     }), this._requestDraw(), this;
   }
   isCached() {
-    return this._cache.has(wt);
+    return this._cache.has(kt);
   }
   getClientRect(t) {
     throw new Error('abstract "getClientRect" method call');
@@ -1710,10 +1710,10 @@ class k {
     });
   }
   remove() {
-    return this.isDragging() && this.stopDrag(), U._dragElements.delete(this._id), this._remove(), this;
+    return this.isDragging() && this.stopDrag(), V._dragElements.delete(this._id), this._remove(), this;
   }
   _clearCaches() {
-    this._clearSelfAndDescendantCache(ft), this._clearSelfAndDescendantCache(de), this._clearSelfAndDescendantCache(Ke), this._clearSelfAndDescendantCache(Qe), this._clearSelfAndDescendantCache(Ae), this._clearSelfAndDescendantCache(Ee);
+    this._clearSelfAndDescendantCache(gt), this._clearSelfAndDescendantCache(de), this._clearSelfAndDescendantCache(Ze), this._clearSelfAndDescendantCache(Qe), this._clearSelfAndDescendantCache(Pe), this._clearSelfAndDescendantCache(Ee);
   }
   _remove() {
     this._clearCaches();
@@ -1742,7 +1742,7 @@ class k {
       if (!t)
         return this;
       for (e in t)
-        e !== Ps && (i = Ze + m._capitalize(e), m._isFunction(this[i]) ? this[i](t[e]) : this._setAttr(e, t[e]));
+        e !== As && (i = Ke + m._capitalize(e), m._isFunction(this[i]) ? this[i](t[e]) : this._setAttr(e, t[e]));
     }), this;
   }
   isListening() {
@@ -1755,7 +1755,7 @@ class k {
     return i && i !== t && this !== t ? i._isListening(t) : !0;
   }
   isVisible() {
-    return this._getCache(Ae, this._isVisible);
+    return this._getCache(Pe, this._isVisible);
   }
   _isVisible(t) {
     if (!this.visible())
@@ -1768,10 +1768,10 @@ class k {
       return this._isVisible(t) && this._isListening(t);
     const i = this.getLayer();
     let s = !1;
-    U._dragElements.forEach((r) => {
+    V._dragElements.forEach((r) => {
       r.dragStatus === "dragging" && (r.node.nodeType === "Stage" || r.node.getLayer() === i) && (s = !0);
     });
-    const n = !e && !P.hitOnDragEnabled && (s || P.isTransforming());
+    const n = !e && !A.hitOnDragEnabled && (s || A.isTransforming());
     return this.isListening() && this.isVisible() && !n;
   }
   show() {
@@ -1800,7 +1800,7 @@ class k {
     return t;
   }
   _batchTransformChanges(t) {
-    this._batchingTransformChange = !0, t(), this._batchingTransformChange = !1, this._needClearTransformCache && (this._clearCache(_t), this._clearSelfAndDescendantCache(ft)), this._needClearTransformCache = !1;
+    this._batchingTransformChange = !0, t(), this._batchingTransformChange = !1, this._needClearTransformCache && (this._clearCache(_t), this._clearSelfAndDescendantCache(gt)), this._needClearTransformCache = !1;
   }
   setPosition(t) {
     return this._batchTransformChanges(() => {
@@ -1843,7 +1843,7 @@ class k {
     return n.invert(), n.translate(t.x, t.y), t = {
       x: this.attrs.x + n.getTranslation().x,
       y: this.attrs.y + n.getTranslation().y
-    }, this._setTransform(s), this.setPosition({ x: t.x, y: t.y }), this._clearCache(_t), this._clearSelfAndDescendantCache(ft), this;
+    }, this._setTransform(s), this.setPosition({ x: t.x, y: t.y }), this._clearCache(_t), this._clearSelfAndDescendantCache(gt), this;
   }
   _setTransform(t) {
     let e;
@@ -1987,7 +1987,7 @@ class k {
     return e.target = e.target || this, i ? this._fireAndBubble(t, e) : this._fire(t, e), this;
   }
   getAbsoluteTransform(t) {
-    return t ? this._getAbsoluteTransform(t) : this._getCache(ft, this._getAbsoluteTransform);
+    return t ? this._getAbsoluteTransform(t) : this._getCache(gt, this._getAbsoluteTransform);
   }
   _getAbsoluteTransform(t) {
     let e;
@@ -1997,7 +1997,7 @@ class k {
         s === "all" ? e.multiply(i.getTransform()) : s === "position" && e.translate(i.x() - i.offsetX(), i.y() - i.offsetY());
       }, t), e;
     {
-      e = this._cache.get(ft) || new at(), this.parent ? this.parent.getAbsoluteTransform().copyInto(e) : e.reset();
+      e = this._cache.get(gt) || new at(), this.parent ? this.parent.getAbsoluteTransform().copyInto(e) : e.reset();
       const i = this.transformsEnabled();
       if (i === "all")
         e.multiply(this.getTransform());
@@ -2028,7 +2028,7 @@ class k {
     var t, e;
     const i = this._cache.get(_t) || new at();
     i.reset();
-    const s = this.x(), n = this.y(), r = P.getAngle(this.rotation()), a = (t = this.attrs.scaleX) !== null && t !== void 0 ? t : 1, h = (e = this.attrs.scaleY) !== null && e !== void 0 ? e : 1, l = this.attrs.skewX || 0, c = this.attrs.skewY || 0, u = this.attrs.offsetX || 0, d = this.attrs.offsetY || 0;
+    const s = this.x(), n = this.y(), r = A.getAngle(this.rotation()), a = (t = this.attrs.scaleX) !== null && t !== void 0 ? t : 1, h = (e = this.attrs.scaleY) !== null && e !== void 0 ? e : 1, l = this.attrs.skewX || 0, c = this.attrs.skewY || 0, u = this.attrs.offsetX || 0, d = this.attrs.offsetY || 0;
     return (s !== 0 || n !== 0) && i.translate(s, n), r !== 0 && i.rotate(r), (l !== 0 || c !== 0) && i.skew(l, c), (a !== 1 || h !== 1) && i.scale(a, h), (u !== 0 || d !== 0) && i.translate(-1 * u, -1 * d), i.dirty = !1, i;
   }
   clone(t) {
@@ -2043,11 +2043,11 @@ class k {
   }
   _toKonvaCanvas(t) {
     t = t || {};
-    const e = this.getClientRect(), i = this.getStage(), s = t.x !== void 0 ? t.x : Math.floor(e.x), n = t.y !== void 0 ? t.y : Math.floor(e.y), r = t.pixelRatio || 1, a = new St({
+    const e = this.getClientRect(), i = this.getStage(), s = t.x !== void 0 ? t.x : Math.floor(e.x), n = t.y !== void 0 ? t.y : Math.floor(e.y), r = t.pixelRatio || 1, a = new bt({
       width: t.width || Math.ceil(e.width) || (i ? i.width() : 0),
       height: t.height || Math.ceil(e.height) || (i ? i.height() : 0),
       pixelRatio: r
-    }), h = a.getContext(), l = new St({
+    }), h = a.getContext(), l = new bt({
       width: a.width / a.pixelRatio + Math.abs(s),
       height: a.height / a.pixelRatio + Math.abs(n),
       pixelRatio: a.pixelRatio
@@ -2102,7 +2102,7 @@ class k {
     return this.nodeType;
   }
   getDragDistance() {
-    return this.attrs.dragDistance !== void 0 ? this.attrs.dragDistance : this.parent ? this.parent.getDragDistance() : P.dragDistance;
+    return this.attrs.dragDistance !== void 0 ? this.attrs.dragDistance : this.parent ? this.parent.getDragDistance() : A.dragDistance;
   }
   _off(t, e, i) {
     let s = this.eventListeners[t], n, r, a;
@@ -2116,7 +2116,7 @@ class k {
       }
   }
   _fireChangeEvent(t, e, i) {
-    this._fire(t + As, {
+    this._fire(t + Ps, {
       oldVal: e,
       newVal: i
     });
@@ -2139,11 +2139,11 @@ class k {
     return i !== -1 && (e.splice(i, 1), this.name(e.join(" "))), this;
   }
   setAttr(t, e) {
-    const i = this[Ze + m._capitalize(t)];
+    const i = this[Ke + m._capitalize(t)];
     return m._isFunction(i) ? i.call(this, e) : this._setAttr(t, e), this;
   }
   _requestDraw() {
-    if (P.autoDrawEnabled) {
+    if (A.autoDrawEnabled) {
       const t = this.getLayer() || this.getStage();
       t == null || t.batchDraw();
     }
@@ -2206,7 +2206,7 @@ class k {
     if (!i)
       return;
     const n = i._getPointerById(e) || i._changedPointerPositions[0] || s;
-    U._dragElements.set(this._id, {
+    V._dragElements.set(this._id, {
       node: this,
       startPointerPos: n,
       offset: {
@@ -2218,8 +2218,8 @@ class k {
     });
   }
   startDrag(t, e = !0) {
-    U._dragElements.has(this._id) || this._createDragElement(t);
-    const i = U._dragElements.get(this._id);
+    V._dragElements.has(this._id) || this._createDragElement(t);
+    const i = V._dragElements.get(this._id);
     i.dragStatus = "dragging", this.fire("dragstart", {
       type: "dragstart",
       target: this,
@@ -2242,22 +2242,22 @@ class k {
     (!this._lastPos || this._lastPos.x !== s.x || this._lastPos.y !== s.y) && (this.setAbsolutePosition(s), this._requestDraw()), this._lastPos = s;
   }
   stopDrag(t) {
-    const e = U._dragElements.get(this._id);
-    e && (e.dragStatus = "stopped"), U._endDragBefore(t), U._endDragAfter(t);
+    const e = V._dragElements.get(this._id);
+    e && (e.dragStatus = "stopped"), V._endDragBefore(t), V._endDragAfter(t);
   }
   setDraggable(t) {
     this._setAttr("draggable", t), this._dragChange();
   }
   isDragging() {
-    const t = U._dragElements.get(this._id);
+    const t = V._dragElements.get(this._id);
     return t ? t.dragStatus === "dragging" : !1;
   }
   _listenDrag() {
     this._dragCleanup(), this.on("mousedown.konva touchstart.konva", function(t) {
-      if (!(!(t.evt.button !== void 0) || P.dragButtons.indexOf(t.evt.button) >= 0) || this.isDragging())
+      if (!(!(t.evt.button !== void 0) || A.dragButtons.indexOf(t.evt.button) >= 0) || this.isDragging())
         return;
       let s = !1;
-      U._dragElements.forEach((n) => {
+      V._dragElements.forEach((n) => {
         this.isAncestorOf(n.node) && (s = !0);
       }), s || this._createDragElement(t);
     });
@@ -2268,8 +2268,8 @@ class k {
     else {
       if (this._dragCleanup(), !this.getStage())
         return;
-      const e = U._dragElements.get(this._id), i = e && e.dragStatus === "dragging", s = e && e.dragStatus === "ready";
-      i ? this.stopDrag() : s && U._dragElements.delete(this._id);
+      const e = V._dragElements.get(this._id), i = e && e.dragStatus === "dragging", s = e && e.dragStatus === "ready";
+      i ? this.stopDrag() : s && V._dragElements.delete(this._id);
     }
   }
   _dragCleanup() {
@@ -2292,8 +2292,8 @@ class k {
   }
   static _createNode(t, e) {
     let i = k.prototype.getClassName.call(t), s = t.children, n, r, a;
-    e && (t.attrs.container = e), P[i] || (m.warn('Can not find a node with class name "' + i + '". Fallback to "Shape".'), i = "Shape");
-    const h = P[i];
+    e && (t.attrs.container = e), A[i] || (m.warn('Can not find a node with class name "' + i + '". Fallback to "Shape".'), i = "Shape");
+    const h = A[i];
     if (n = new h(t.attrs), s)
       for (r = s.length, a = 0; a < r; a++)
         n.add(k._createNode(s[a]));
@@ -2309,10 +2309,10 @@ k.prototype.on.call(k.prototype, Fs, function() {
     this._needClearTransformCache = !0;
     return;
   }
-  this._clearCache(_t), this._clearSelfAndDescendantCache(ft);
+  this._clearCache(_t), this._clearSelfAndDescendantCache(gt);
 });
 k.prototype.on.call(k.prototype, "visibleChange.konva", function() {
-  this._clearSelfAndDescendantCache(Ae);
+  this._clearSelfAndDescendantCache(Pe);
 });
 k.prototype.on.call(k.prototype, "listeningChange.konva", function() {
   this._clearSelfAndDescendantCache(Ee);
@@ -2324,41 +2324,41 @@ const j = p.addGetterSetter;
 j(k, "zIndex");
 j(k, "absolutePosition");
 j(k, "position");
-j(k, "x", 0, A());
-j(k, "y", 0, A());
-j(k, "globalCompositeOperation", "source-over", Et());
-j(k, "opacity", 1, A());
-j(k, "name", "", Et());
-j(k, "id", "", Et());
-j(k, "rotation", 0, A());
+j(k, "x", 0, P());
+j(k, "y", 0, P());
+j(k, "globalCompositeOperation", "source-over", Pt());
+j(k, "opacity", 1, P());
+j(k, "name", "", Pt());
+j(k, "id", "", Pt());
+j(k, "rotation", 0, P());
 p.addComponentsGetterSetter(k, "scale", ["x", "y"]);
-j(k, "scaleX", 1, A());
-j(k, "scaleY", 1, A());
+j(k, "scaleX", 1, P());
+j(k, "scaleY", 1, P());
 p.addComponentsGetterSetter(k, "skew", ["x", "y"]);
-j(k, "skewX", 0, A());
-j(k, "skewY", 0, A());
+j(k, "skewX", 0, P());
+j(k, "skewY", 0, P());
 p.addComponentsGetterSetter(k, "offset", ["x", "y"]);
-j(k, "offsetX", 0, A());
-j(k, "offsetY", 0, A());
-j(k, "dragDistance", void 0, A());
-j(k, "width", 0, A());
-j(k, "height", 0, A());
-j(k, "listening", !0, ct());
-j(k, "preventDefault", !0, ct());
+j(k, "offsetX", 0, P());
+j(k, "offsetY", 0, P());
+j(k, "dragDistance", void 0, P());
+j(k, "width", 0, P());
+j(k, "height", 0, P());
+j(k, "listening", !0, dt());
+j(k, "preventDefault", !0, dt());
 j(k, "filters", void 0, function(o) {
   return this._filterUpToDate = !1, o;
 });
-j(k, "visible", !0, ct());
-j(k, "transformsEnabled", "all", Et());
+j(k, "visible", !0, dt());
+j(k, "transformsEnabled", "all", Pt());
 j(k, "size");
 j(k, "dragBoundFunc");
-j(k, "draggable", !1, ct());
+j(k, "draggable", !1, dt());
 p.backCompat(k, {
   rotateDeg: "rotate",
   setRotationDeg: "setRotation",
   getRotationDeg: "getRotation"
 });
-class ot extends k {
+class ht extends k {
   constructor() {
     super(...arguments), this.children = [];
   }
@@ -2491,14 +2491,14 @@ class ot extends k {
       const g = this.getAbsoluteTransform(i);
       let f = g.getMatrix();
       r.transform(f[0], f[1], f[2], f[3], f[4], f[5]), r.beginPath();
-      let C;
+      let S;
       if (l)
-        C = l.call(this, r, this);
+        S = l.call(this, r, this);
       else {
-        const S = this.clipX(), y = this.clipY();
-        r.rect(S || 0, y || 0, a, h);
+        const C = this.clipX(), y = this.clipY();
+        r.rect(C || 0, y || 0, a, h);
       }
-      r.clip.apply(r, C), f = g.copy().invert().getMatrix(), r.transform(f[0], f[1], f[2], f[3], f[4], f[5]);
+      r.clip.apply(r, S), f = g.copy().invert().getMatrix(), r.transform(f[0], f[1], f[2], f[3], f[4], f[5]);
     }
     const d = !u && this.globalCompositeOperation() !== "source-over" && t === "drawScene";
     d && (r.save(), r._applyGlobalCompositeOperation(this)), (n = this.children) === null || n === void 0 || n.forEach(function(g) {
@@ -2545,18 +2545,18 @@ class ot extends k {
     }, i ? l : this._transformedRect(l, s);
   }
 }
-p.addComponentsGetterSetter(ot, "clip", [
+p.addComponentsGetterSetter(ht, "clip", [
   "x",
   "y",
   "width",
   "height"
 ]);
-p.addGetterSetter(ot, "clipX", void 0, A());
-p.addGetterSetter(ot, "clipY", void 0, A());
-p.addGetterSetter(ot, "clipWidth", void 0, A());
-p.addGetterSetter(ot, "clipHeight", void 0, A());
-p.addGetterSetter(ot, "clipFunc");
-const Qt = /* @__PURE__ */ new Map(), Ci = P._global.PointerEvent !== void 0;
+p.addGetterSetter(ht, "clipX", void 0, P());
+p.addGetterSetter(ht, "clipY", void 0, P());
+p.addGetterSetter(ht, "clipWidth", void 0, P());
+p.addGetterSetter(ht, "clipHeight", void 0, P());
+p.addGetterSetter(ht, "clipFunc");
+const Qt = /* @__PURE__ */ new Map(), Si = A._global.PointerEvent !== void 0;
 function _e(o) {
   return Qt.get(o);
 }
@@ -2566,47 +2566,47 @@ function He(o) {
     pointerId: o.pointerId
   };
 }
-function Si(o, t) {
+function Ci(o, t) {
   return Qt.get(o) === t;
 }
 function bi(o, t) {
-  $t(o), t.getStage() && (Qt.set(o, t), Ci && t._fire("gotpointercapture", He(new PointerEvent("gotpointercapture"))));
+  $t(o), t.getStage() && (Qt.set(o, t), Si && t._fire("gotpointercapture", He(new PointerEvent("gotpointercapture"))));
 }
 function $t(o, t) {
   const e = Qt.get(o);
   if (!e)
     return;
   const i = e.getStage();
-  i && i.content, Qt.delete(o), Ci && e._fire("lostpointercapture", He(new PointerEvent("lostpointercapture")));
+  i && i.content, Qt.delete(o), Si && e._fire("lostpointercapture", He(new PointerEvent("lostpointercapture")));
 }
-const zs = "Stage", Hs = "string", ti = "px", Ws = "mouseout", vi = "mouseleave", Ti = "mouseover", xi = "mouseenter", wi = "mousemove", ki = "mousedown", Ei = "mouseup", Ut = "pointermove", Vt = "pointerdown", It = "pointerup", Yt = "pointercancel", Xs = "lostpointercapture", ne = "pointerout", jt = "pointerleave", re = "pointerover", ae = "pointerenter", Pe = "contextmenu", Ai = "touchstart", Pi = "touchend", Mi = "touchmove", Ri = "touchcancel", Me = "wheel", Us = 5, Vs = [
-  [xi, "_pointerenter"],
+const zs = "Stage", Hs = "string", ti = "px", Ws = "mouseout", vi = "mouseleave", Ti = "mouseover", wi = "mouseenter", xi = "mousemove", ki = "mousedown", Ei = "mouseup", Vt = "pointermove", Ut = "pointerdown", Gt = "pointerup", Yt = "pointercancel", Xs = "lostpointercapture", ne = "pointerout", jt = "pointerleave", re = "pointerover", ae = "pointerenter", Ae = "contextmenu", Pi = "touchstart", Ai = "touchend", Mi = "touchmove", Ri = "touchcancel", Me = "wheel", Vs = 5, Us = [
+  [wi, "_pointerenter"],
   [ki, "_pointerdown"],
-  [wi, "_pointermove"],
+  [xi, "_pointermove"],
   [Ei, "_pointerup"],
   [vi, "_pointerleave"],
-  [Ai, "_pointerdown"],
+  [Pi, "_pointerdown"],
   [Mi, "_pointermove"],
-  [Pi, "_pointerup"],
+  [Ai, "_pointerup"],
   [Ri, "_pointercancel"],
   [Ti, "_pointerover"],
   [Me, "_wheel"],
-  [Pe, "_contextmenu"],
-  [Vt, "_pointerdown"],
-  [Ut, "_pointermove"],
-  [It, "_pointerup"],
+  [Ae, "_contextmenu"],
+  [Ut, "_pointerdown"],
+  [Vt, "_pointermove"],
+  [Gt, "_pointerup"],
   [Yt, "_pointercancel"],
   [jt, "_pointerleave"],
   [Xs, "_lostpointercapture"]
-], Ce = {
+], Se = {
   mouse: {
     [ne]: Ws,
     [jt]: vi,
     [re]: Ti,
-    [ae]: xi,
-    [Ut]: wi,
-    [Vt]: ki,
-    [It]: Ei,
+    [ae]: wi,
+    [Vt]: xi,
+    [Ut]: ki,
+    [Gt]: Ei,
     [Yt]: "mousecancel",
     pointerclick: "click",
     pointerdblclick: "dblclick"
@@ -2616,9 +2616,9 @@ const zs = "Stage", Hs = "string", ti = "px", Ws = "mouseout", vi = "mouseleave"
     [jt]: "touchleave",
     [re]: "touchover",
     [ae]: "touchenter",
-    [Ut]: Mi,
-    [Vt]: Ai,
-    [It]: Pi,
+    [Vt]: Mi,
+    [Ut]: Pi,
+    [Gt]: Ai,
     [Yt]: Ri,
     pointerclick: "tap",
     pointerdblclick: "dbltap"
@@ -2628,29 +2628,29 @@ const zs = "Stage", Hs = "string", ti = "px", Ws = "mouseout", vi = "mouseleave"
     [jt]: jt,
     [re]: re,
     [ae]: ae,
-    [Ut]: Ut,
     [Vt]: Vt,
-    [It]: It,
+    [Ut]: Ut,
+    [Gt]: Gt,
     [Yt]: Yt,
     pointerclick: "pointerclick",
     pointerdblclick: "pointerdblclick"
   }
-}, qt = (o) => o.indexOf("pointer") >= 0 ? "pointer" : o.indexOf("touch") >= 0 ? "touch" : "mouse", Lt = (o) => {
+}, qt = (o) => o.indexOf("pointer") >= 0 ? "pointer" : o.indexOf("touch") >= 0 ? "touch" : "mouse", Dt = (o) => {
   const t = qt(o);
   if (t === "pointer")
-    return P.pointerEventsEnabled && Ce.pointer;
+    return A.pointerEventsEnabled && Se.pointer;
   if (t === "touch")
-    return Ce.touch;
+    return Se.touch;
   if (t === "mouse")
-    return Ce.mouse;
+    return Se.mouse;
 };
 function ei(o = {}) {
   return (o.clipFunc || o.clipWidth || o.clipHeight) && m.warn("Stage does not support clipping. Please use clip for Layers or Groups."), o;
 }
-const Ys = "Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);", Kt = [];
-class me extends ot {
+const Ys = "Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);", Zt = [];
+class me extends ht {
   constructor(t) {
-    super(ei(t)), this._pointerPositions = [], this._changedPointerPositions = [], this._buildDOM(), this._bindContentEvents(), Kt.push(this), this.on("widthChange.konva heightChange.konva", this._resizeDOM), this.on("visibleChange.konva", this._checkVisibility), this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva", () => {
+    super(ei(t)), this._pointerPositions = [], this._changedPointerPositions = [], this._buildDOM(), this._bindContentEvents(), Zt.push(this), this.on("widthChange.konva heightChange.konva", this._resizeDOM), this.on("visibleChange.konva", this._checkVisibility), this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva", () => {
       ei(this.attrs);
     }), this._checkVisibility();
   }
@@ -2687,14 +2687,14 @@ class me extends ot {
     return this;
   }
   clone(t) {
-    return t || (t = {}), t.container = typeof document < "u" && document.createElement("div"), ot.prototype.clone.call(this, t);
+    return t || (t = {}), t.container = typeof document < "u" && document.createElement("div"), ht.prototype.clone.call(this, t);
   }
   destroy() {
     super.destroy();
     const t = this.content;
     t && m._isInDocument(t) && this.container().removeChild(t);
-    const e = Kt.indexOf(this);
-    return e > -1 && Kt.splice(e, 1), m.releaseCanvas(this.bufferCanvas._canvas, this.bufferHitCanvas._canvas), this;
+    const e = Zt.indexOf(this);
+    return e > -1 && Zt.splice(e, 1), m.releaseCanvas(this.bufferCanvas._canvas, this.bufferHitCanvas._canvas), this;
   }
   getPointerPosition() {
     const t = this._pointerPositions[0] || this._changedPointerPositions[0];
@@ -2717,7 +2717,7 @@ class me extends ot {
   }
   _toKonvaCanvas(t) {
     t = { ...t }, t.x = t.x || 0, t.y = t.y || 0, t.width = t.width || this.width(), t.height = t.height || this.height();
-    const e = new St({
+    const e = new bt({
       width: t.width,
       height: t.height,
       pixelRatio: t.pixelRatio || 1
@@ -2754,7 +2754,7 @@ class me extends ot {
     }
     super.add(t);
     const i = this.children.length;
-    return i > Us && m.warn("The stage has " + i + " layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group."), t.setSize({ width: this.width(), height: this.height() }), t.draw(), P.isBrowser && this.content.appendChild(t.canvas._canvas), this;
+    return i > Vs && m.warn("The stage has " + i + " layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group."), t.setSize({ width: this.width(), height: this.height() }), t.draw(), A.isBrowser && this.content.appendChild(t.canvas._canvas), this;
   }
   getParent() {
     return null;
@@ -2763,7 +2763,7 @@ class me extends ot {
     return null;
   }
   hasPointerCapture(t) {
-    return Si(t, this);
+    return Ci(t, this);
   }
   setPointerCapture(t) {
     bi(t, this);
@@ -2775,7 +2775,7 @@ class me extends ot {
     return this.children;
   }
   _bindContentEvents() {
-    P.isBrowser && Vs.forEach(([t, e]) => {
+    A.isBrowser && Us.forEach(([t, e]) => {
       this.content.addEventListener(t, (i) => {
         this[e](i);
       }, { passive: !1 });
@@ -2783,7 +2783,7 @@ class me extends ot {
   }
   _pointerenter(t) {
     this.setPointersPositions(t);
-    const e = Lt(t.type);
+    const e = Dt(t.type);
     e && this._fire(e.pointerenter, {
       evt: t,
       target: this,
@@ -2792,7 +2792,7 @@ class me extends ot {
   }
   _pointerover(t) {
     this.setPointersPositions(t);
-    const e = Lt(t.type);
+    const e = Dt(t.type);
     e && this._fire(e.pointerover, {
       evt: t,
       target: this,
@@ -2804,11 +2804,11 @@ class me extends ot {
     return e && !e.getStage() && (e = null), e;
   }
   _pointerleave(t) {
-    const e = Lt(t.type), i = qt(t.type);
+    const e = Dt(t.type), i = qt(t.type);
     if (!e)
       return;
     this.setPointersPositions(t);
-    const s = this._getTargetShape(i), n = !(P.isDragging() || P.isTransforming()) || P.hitOnDragEnabled;
+    const s = this._getTargetShape(i), n = !(A.isDragging() || A.isTransforming()) || A.hitOnDragEnabled;
     s && n ? (s._fireAndBubble(e.pointerout, { evt: t }), s._fireAndBubble(e.pointerleave, { evt: t }), this._fire(e.pointerleave, {
       evt: t,
       target: this,
@@ -2824,18 +2824,18 @@ class me extends ot {
     })), this.pointerPos = null, this._pointerPositions = [];
   }
   _pointerdown(t) {
-    const e = Lt(t.type), i = qt(t.type);
+    const e = Dt(t.type), i = qt(t.type);
     if (!e)
       return;
     this.setPointersPositions(t);
     let s = !1;
     this._changedPointerPositions.forEach((n) => {
       const r = this.getIntersection(n);
-      if (U.justDragged = !1, P["_" + i + "ListenClick"] = !0, !r || !r.isListening()) {
+      if (V.justDragged = !1, A["_" + i + "ListenClick"] = !0, !r || !r.isListening()) {
         this[i + "ClickStartShape"] = void 0;
         return;
       }
-      P.capturePointerEventsEnabled && r.setPointerCapture(n.id), this[i + "ClickStartShape"] = r, r._fireAndBubble(e.pointerdown, {
+      A.capturePointerEventsEnabled && r.setPointerCapture(n.id), this[i + "ClickStartShape"] = r, r._fireAndBubble(e.pointerdown, {
         evt: t,
         pointerId: n.id
       }), s = !0;
@@ -2849,11 +2849,11 @@ class me extends ot {
     });
   }
   _pointermove(t) {
-    const e = Lt(t.type), i = qt(t.type);
+    const e = Dt(t.type), i = qt(t.type);
     if (!e)
       return;
     const s = t.type.indexOf("touch") >= 0 || t.pointerType === "touch";
-    if (P.isDragging() && U.node.preventDefault() && t.cancelable && s && t.preventDefault(), this.setPointersPositions(t), !(!(P.isDragging() || P.isTransforming()) || P.hitOnDragEnabled))
+    if (A.isDragging() && V.node.preventDefault() && t.cancelable && s && t.preventDefault(), this.setPointersPositions(t), !(!(A.isDragging() || A.isTransforming()) || A.hitOnDragEnabled))
       return;
     const r = {};
     let a = !1;
@@ -2879,7 +2879,7 @@ class me extends ot {
     });
   }
   _pointerup(t) {
-    const e = Lt(t.type), i = qt(t.type);
+    const e = Dt(t.type), i = qt(t.type);
     if (!e)
       return;
     this.setPointersPositions(t);
@@ -2894,14 +2894,14 @@ class me extends ot {
       }
       const c = h.id, u = { evt: t, pointerId: c };
       let d = !1;
-      P["_" + i + "InDblClickWindow"] ? (d = !0, clearTimeout(this[i + "DblTimeout"])) : U.justDragged || (P["_" + i + "InDblClickWindow"] = !0, clearTimeout(this[i + "DblTimeout"])), this[i + "DblTimeout"] = setTimeout(function() {
-        P["_" + i + "InDblClickWindow"] = !1;
-      }, P.dblClickWindow), l && l.isListening() ? (a = !0, this[i + "ClickEndShape"] = l, l._fireAndBubble(e.pointerup, { ...u }), P["_" + i + "ListenClick"] && s && s === l && (l._fireAndBubble(e.pointerclick, { ...u }), d && n && n === l && l._fireAndBubble(e.pointerdblclick, { ...u }))) : (this[i + "ClickEndShape"] = null, a || (this._fire(e.pointerup, {
+      A["_" + i + "InDblClickWindow"] ? (d = !0, clearTimeout(this[i + "DblTimeout"])) : V.justDragged || (A["_" + i + "InDblClickWindow"] = !0, clearTimeout(this[i + "DblTimeout"])), this[i + "DblTimeout"] = setTimeout(function() {
+        A["_" + i + "InDblClickWindow"] = !1;
+      }, A.dblClickWindow), l && l.isListening() ? (a = !0, this[i + "ClickEndShape"] = l, l._fireAndBubble(e.pointerup, { ...u }), A["_" + i + "ListenClick"] && s && s === l && (l._fireAndBubble(e.pointerclick, { ...u }), d && n && n === l && l._fireAndBubble(e.pointerdblclick, { ...u }))) : (this[i + "ClickEndShape"] = null, a || (this._fire(e.pointerup, {
         evt: t,
         target: this,
         currentTarget: this,
         pointerId: this._changedPointerPositions[0].id
-      }), a = !0), P["_" + i + "ListenClick"] && this._fire(e.pointerclick, {
+      }), a = !0), A["_" + i + "ListenClick"] && this._fire(e.pointerclick, {
         evt: t,
         target: this,
         currentTarget: this,
@@ -2917,12 +2917,12 @@ class me extends ot {
       target: this,
       currentTarget: this,
       pointerId: this._changedPointerPositions[0].id
-    }), P["_" + i + "ListenClick"] = !1, t.cancelable && i !== "touch" && i !== "pointer" && t.preventDefault();
+    }), A["_" + i + "ListenClick"] = !1, t.cancelable && i !== "touch" && i !== "pointer" && t.preventDefault();
   }
   _contextmenu(t) {
     this.setPointersPositions(t);
     const e = this.getIntersection(this.getPointerPosition());
-    e && e.isListening() ? e._fireAndBubble(Pe, { evt: t }) : this._fire(Pe, {
+    e && e.isListening() ? e._fireAndBubble(Ae, { evt: t }) : this._fire(Ae, {
       evt: t,
       target: this,
       currentTarget: this
@@ -2940,7 +2940,7 @@ class me extends ot {
   _pointercancel(t) {
     this.setPointersPositions(t);
     const e = _e(t.pointerId) || this.getIntersection(this.getPointerPosition());
-    e && e._fireAndBubble(It, He(t)), $t(t.pointerId);
+    e && e._fireAndBubble(Gt, He(t)), $t(t.pointerId);
   }
   _lostpointercapture(t) {
     $t(t.pointerId);
@@ -2987,14 +2987,14 @@ class me extends ot {
     };
   }
   _buildDOM() {
-    if (this.bufferCanvas = new St({
+    if (this.bufferCanvas = new bt({
       width: this.width(),
       height: this.height()
     }), this.bufferHitCanvas = new Ne({
       pixelRatio: 1,
       width: this.width(),
       height: this.height()
-    }), !P.isBrowser)
+    }), !A.isBrowser)
       return;
     const t = this.container();
     if (!t)
@@ -3016,17 +3016,17 @@ class me extends ot {
 me.prototype.nodeType = zs;
 tt(me);
 p.addGetterSetter(me, "container");
-P.isBrowser && document.addEventListener("visibilitychange", () => {
-  Kt.forEach((o) => {
+A.isBrowser && document.addEventListener("visibilitychange", () => {
+  Zt.forEach((o) => {
     o.batchDraw();
   });
 });
 const Li = "hasShadow", Di = "shadowRGBA", Ii = "patternImage", Gi = "linearGradient", Oi = "radialGradient";
 let oe;
-function Se() {
+function Ce() {
   return oe || (oe = m.createCanvasElement().getContext("2d"), oe);
 }
-const Zt = {};
+const Kt = {};
 function js(o) {
   const t = this.attrs.fillRule;
   t ? o.fill(t) : o.fill();
@@ -3038,10 +3038,10 @@ function $s(o) {
   const t = this.attrs.fillRule;
   t ? o.fill(t) : o.fill();
 }
-function Ks(o) {
+function Zs(o) {
   o.stroke();
 }
-function Zs() {
+function Ks() {
   this._clearCache(Li);
 }
 function Js() {
@@ -3056,16 +3056,16 @@ function tn() {
 function en() {
   this._clearCache(Oi);
 }
-class w extends k {
+class x extends k {
   constructor(t) {
     super(t);
     let e, i = 0;
-    for (; e = m.getHitColor(), !(e && !(e in Zt)); )
+    for (; e = m.getHitColor(), !(e && !(e in Kt)); )
       if (i++, i >= 1e4) {
         m.warn("Failed to find a unique color key for a shape. Konva may work incorrectly. Most likely your browser is using canvas farbling. Consider disabling it."), e = m.getRandomColor();
         break;
       }
-    this.colorKey = e, Zt[e] = this;
+    this.colorKey = e, Kt[e] = this;
   }
   getContext() {
     return m.warn("shape.getContext() method is deprecated. Please do not use it."), this.getLayer().getContext();
@@ -3090,10 +3090,10 @@ class w extends k {
   }
   __getFillPattern() {
     if (this.fillPatternImage()) {
-      const e = Se().createPattern(this.fillPatternImage(), this.fillPatternRepeat() || "repeat");
+      const e = Ce().createPattern(this.fillPatternImage(), this.fillPatternRepeat() || "repeat");
       if (e && e.setTransform) {
         const i = new at();
-        i.translate(this.fillPatternX(), this.fillPatternY()), i.rotate(P.getAngle(this.fillPatternRotation())), i.scale(this.fillPatternScaleX(), this.fillPatternScaleY()), i.translate(-1 * this.fillPatternOffsetX(), -1 * this.fillPatternOffsetY());
+        i.translate(this.fillPatternX(), this.fillPatternY()), i.rotate(A.getAngle(this.fillPatternRotation())), i.scale(this.fillPatternScaleX(), this.fillPatternScaleY()), i.translate(-1 * this.fillPatternOffsetX(), -1 * this.fillPatternOffsetY());
         const s = i.getMatrix(), n = typeof DOMMatrix > "u" ? {
           a: s[0],
           b: s[1],
@@ -3113,7 +3113,7 @@ class w extends k {
   __getLinearGradient() {
     const t = this.fillLinearGradientColorStops();
     if (t) {
-      const e = Se(), i = this.fillLinearGradientStartPoint(), s = this.fillLinearGradientEndPoint(), n = e.createLinearGradient(i.x, i.y, s.x, s.y);
+      const e = Ce(), i = this.fillLinearGradientStartPoint(), s = this.fillLinearGradientEndPoint(), n = e.createLinearGradient(i.x, i.y, s.x, s.y);
       for (let r = 0; r < t.length; r += 2)
         n.addColorStop(t[r], t[r + 1]);
       return n;
@@ -3125,7 +3125,7 @@ class w extends k {
   __getRadialGradient() {
     const t = this.fillRadialGradientColorStops();
     if (t) {
-      const e = Se(), i = this.fillRadialGradientStartPoint(), s = this.fillRadialGradientEndPoint(), n = e.createRadialGradient(i.x, i.y, this.fillRadialGradientStartRadius(), s.x, s.y, this.fillRadialGradientEndRadius());
+      const e = Ce(), i = this.fillRadialGradientStartPoint(), s = this.fillRadialGradientEndPoint(), n = e.createRadialGradient(i.x, i.y, this.fillRadialGradientStartRadius(), s.x, s.y, this.fillRadialGradientEndRadius());
       for (let r = 0; r < t.length; r += 2)
         n.addColorStop(t[r], t[r + 1]);
       return n;
@@ -3170,7 +3170,7 @@ class w extends k {
     return i.getContext().clear(), this.drawHit(i, void 0, !0), i.context.getImageData(Math.round(t.x), Math.round(t.y), 1, 1).data[3] > 0;
   }
   destroy() {
-    return k.prototype.destroy.call(this), delete Zt[this.colorKey], delete this.colorKey, this;
+    return k.prototype.destroy.call(this), delete Kt[this.colorKey], delete this.colorKey, this;
   }
   _useBufferCanvas(t) {
     var e;
@@ -3206,11 +3206,11 @@ class w extends k {
       }
       i = i.getParent();
     }
-    const s = t.skipTransform, n = t.relativeTo || e && this.getStage() || void 0, r = this.getSelfRect(), h = !t.skipStroke && this.hasStroke() && this.strokeWidth() || 0, l = r.width + h, c = r.height + h, u = !t.skipShadow && this.hasShadow(), d = u ? this.shadowOffsetX() : 0, g = u ? this.shadowOffsetY() : 0, f = l + Math.abs(d), C = c + Math.abs(g), S = u && this.shadowBlur() || 0, y = f + S * 2, _ = C + S * 2, v = {
+    const s = t.skipTransform, n = t.relativeTo || e && this.getStage() || void 0, r = this.getSelfRect(), h = !t.skipStroke && this.hasStroke() && this.strokeWidth() || 0, l = r.width + h, c = r.height + h, u = !t.skipShadow && this.hasShadow(), d = u ? this.shadowOffsetX() : 0, g = u ? this.shadowOffsetY() : 0, f = l + Math.abs(d), S = c + Math.abs(g), C = u && this.shadowBlur() || 0, y = f + C * 2, _ = S + C * 2, v = {
       width: y,
       height: _,
-      x: -(h / 2 + S) + Math.min(d, 0) + r.x,
-      y: -(h / 2 + S) + Math.min(g, 0) + r.y
+      x: -(h / 2 + C) + Math.min(d, 0) + r.x,
+      y: -(h / 2 + C) + Math.min(g, 0) + r.y
     };
     return s ? v : this._transformedRect(v, n);
   }
@@ -3233,8 +3233,8 @@ class w extends k {
       i ? (g.save(), g.setTransform(1, 0, 0, 1, 0, 0), g.clearRect(0, 0, d.width, d.height), g.restore()) : g.clear(), g.save(), g._applyLineJoin(this), g._applyMiterLimit(this);
       const f = this.getAbsoluteTransform(e).getMatrix();
       g.transform(f[0], f[1], f[2], f[3], f[4], f[5]), h.call(this, g, this), g.restore();
-      const C = d.pixelRatio;
-      l && r._applyShadow(this), u || (r._applyOpacity(this), r._applyGlobalCompositeOperation(this)), r.drawImage(d._canvas, d.x || 0, d.y || 0, d.width / C, d.height / C);
+      const S = d.pixelRatio;
+      l && r._applyShadow(this), u || (r._applyOpacity(this), r._applyGlobalCompositeOperation(this)), r.drawImage(d._canvas, d.x || 0, d.y || 0, d.width / S, d.height / S);
     } else {
       if (r._applyLineJoin(this), r._applyMiterLimit(this), !u) {
         const d = this.getAbsoluteTransform(e).getMatrix();
@@ -3275,7 +3275,7 @@ class w extends k {
     return this;
   }
   hasPointerCapture(t) {
-    return Si(t, this);
+    return Ci(t, this);
   }
   setPointerCapture(t) {
     bi(t, this);
@@ -3284,100 +3284,100 @@ class w extends k {
     $t(t);
   }
 }
-w.prototype._fillFunc = js;
-w.prototype._strokeFunc = qs;
-w.prototype._fillFuncHit = $s;
-w.prototype._strokeFuncHit = Ks;
-w.prototype._centroid = !1;
-w.prototype.nodeType = "Shape";
-tt(w);
-w.prototype.eventListeners = {};
-w.prototype.on.call(w.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Zs);
-w.prototype.on.call(w.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Js);
-w.prototype.on.call(w.prototype, "fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", Qs);
-w.prototype.on.call(w.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", tn);
-w.prototype.on.call(w.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", en);
-p.addGetterSetter(w, "stroke", void 0, _i());
-p.addGetterSetter(w, "strokeWidth", 2, A());
-p.addGetterSetter(w, "fillAfterStrokeEnabled", !1);
-p.addGetterSetter(w, "hitStrokeWidth", "auto", ze());
-p.addGetterSetter(w, "strokeHitEnabled", !0, ct());
-p.addGetterSetter(w, "perfectDrawEnabled", !0, ct());
-p.addGetterSetter(w, "shadowForStrokeEnabled", !0, ct());
-p.addGetterSetter(w, "lineJoin");
-p.addGetterSetter(w, "lineCap");
-p.addGetterSetter(w, "miterLimit");
-p.addGetterSetter(w, "sceneFunc");
-p.addGetterSetter(w, "hitFunc");
-p.addGetterSetter(w, "dash");
-p.addGetterSetter(w, "dashOffset", 0, A());
-p.addGetterSetter(w, "shadowColor", void 0, Et());
-p.addGetterSetter(w, "shadowBlur", 0, A());
-p.addGetterSetter(w, "shadowOpacity", 1, A());
-p.addComponentsGetterSetter(w, "shadowOffset", ["x", "y"]);
-p.addGetterSetter(w, "shadowOffsetX", 0, A());
-p.addGetterSetter(w, "shadowOffsetY", 0, A());
-p.addGetterSetter(w, "fillPatternImage");
-p.addGetterSetter(w, "fill", void 0, _i());
-p.addGetterSetter(w, "fillPatternX", 0, A());
-p.addGetterSetter(w, "fillPatternY", 0, A());
-p.addGetterSetter(w, "fillLinearGradientColorStops");
-p.addGetterSetter(w, "strokeLinearGradientColorStops");
-p.addGetterSetter(w, "fillRadialGradientStartRadius", 0);
-p.addGetterSetter(w, "fillRadialGradientEndRadius", 0);
-p.addGetterSetter(w, "fillRadialGradientColorStops");
-p.addGetterSetter(w, "fillPatternRepeat", "repeat");
-p.addGetterSetter(w, "fillEnabled", !0);
-p.addGetterSetter(w, "strokeEnabled", !0);
-p.addGetterSetter(w, "shadowEnabled", !0);
-p.addGetterSetter(w, "dashEnabled", !0);
-p.addGetterSetter(w, "strokeScaleEnabled", !0);
-p.addGetterSetter(w, "fillPriority", "color");
-p.addComponentsGetterSetter(w, "fillPatternOffset", ["x", "y"]);
-p.addGetterSetter(w, "fillPatternOffsetX", 0, A());
-p.addGetterSetter(w, "fillPatternOffsetY", 0, A());
-p.addComponentsGetterSetter(w, "fillPatternScale", ["x", "y"]);
-p.addGetterSetter(w, "fillPatternScaleX", 1, A());
-p.addGetterSetter(w, "fillPatternScaleY", 1, A());
-p.addComponentsGetterSetter(w, "fillLinearGradientStartPoint", [
+x.prototype._fillFunc = js;
+x.prototype._strokeFunc = qs;
+x.prototype._fillFuncHit = $s;
+x.prototype._strokeFuncHit = Zs;
+x.prototype._centroid = !1;
+x.prototype.nodeType = "Shape";
+tt(x);
+x.prototype.eventListeners = {};
+x.prototype.on.call(x.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Ks);
+x.prototype.on.call(x.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Js);
+x.prototype.on.call(x.prototype, "fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", Qs);
+x.prototype.on.call(x.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", tn);
+x.prototype.on.call(x.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", en);
+p.addGetterSetter(x, "stroke", void 0, _i());
+p.addGetterSetter(x, "strokeWidth", 2, P());
+p.addGetterSetter(x, "fillAfterStrokeEnabled", !1);
+p.addGetterSetter(x, "hitStrokeWidth", "auto", ze());
+p.addGetterSetter(x, "strokeHitEnabled", !0, dt());
+p.addGetterSetter(x, "perfectDrawEnabled", !0, dt());
+p.addGetterSetter(x, "shadowForStrokeEnabled", !0, dt());
+p.addGetterSetter(x, "lineJoin");
+p.addGetterSetter(x, "lineCap");
+p.addGetterSetter(x, "miterLimit");
+p.addGetterSetter(x, "sceneFunc");
+p.addGetterSetter(x, "hitFunc");
+p.addGetterSetter(x, "dash");
+p.addGetterSetter(x, "dashOffset", 0, P());
+p.addGetterSetter(x, "shadowColor", void 0, Pt());
+p.addGetterSetter(x, "shadowBlur", 0, P());
+p.addGetterSetter(x, "shadowOpacity", 1, P());
+p.addComponentsGetterSetter(x, "shadowOffset", ["x", "y"]);
+p.addGetterSetter(x, "shadowOffsetX", 0, P());
+p.addGetterSetter(x, "shadowOffsetY", 0, P());
+p.addGetterSetter(x, "fillPatternImage");
+p.addGetterSetter(x, "fill", void 0, _i());
+p.addGetterSetter(x, "fillPatternX", 0, P());
+p.addGetterSetter(x, "fillPatternY", 0, P());
+p.addGetterSetter(x, "fillLinearGradientColorStops");
+p.addGetterSetter(x, "strokeLinearGradientColorStops");
+p.addGetterSetter(x, "fillRadialGradientStartRadius", 0);
+p.addGetterSetter(x, "fillRadialGradientEndRadius", 0);
+p.addGetterSetter(x, "fillRadialGradientColorStops");
+p.addGetterSetter(x, "fillPatternRepeat", "repeat");
+p.addGetterSetter(x, "fillEnabled", !0);
+p.addGetterSetter(x, "strokeEnabled", !0);
+p.addGetterSetter(x, "shadowEnabled", !0);
+p.addGetterSetter(x, "dashEnabled", !0);
+p.addGetterSetter(x, "strokeScaleEnabled", !0);
+p.addGetterSetter(x, "fillPriority", "color");
+p.addComponentsGetterSetter(x, "fillPatternOffset", ["x", "y"]);
+p.addGetterSetter(x, "fillPatternOffsetX", 0, P());
+p.addGetterSetter(x, "fillPatternOffsetY", 0, P());
+p.addComponentsGetterSetter(x, "fillPatternScale", ["x", "y"]);
+p.addGetterSetter(x, "fillPatternScaleX", 1, P());
+p.addGetterSetter(x, "fillPatternScaleY", 1, P());
+p.addComponentsGetterSetter(x, "fillLinearGradientStartPoint", [
   "x",
   "y"
 ]);
-p.addComponentsGetterSetter(w, "strokeLinearGradientStartPoint", [
+p.addComponentsGetterSetter(x, "strokeLinearGradientStartPoint", [
   "x",
   "y"
 ]);
-p.addGetterSetter(w, "fillLinearGradientStartPointX", 0);
-p.addGetterSetter(w, "strokeLinearGradientStartPointX", 0);
-p.addGetterSetter(w, "fillLinearGradientStartPointY", 0);
-p.addGetterSetter(w, "strokeLinearGradientStartPointY", 0);
-p.addComponentsGetterSetter(w, "fillLinearGradientEndPoint", [
+p.addGetterSetter(x, "fillLinearGradientStartPointX", 0);
+p.addGetterSetter(x, "strokeLinearGradientStartPointX", 0);
+p.addGetterSetter(x, "fillLinearGradientStartPointY", 0);
+p.addGetterSetter(x, "strokeLinearGradientStartPointY", 0);
+p.addComponentsGetterSetter(x, "fillLinearGradientEndPoint", [
   "x",
   "y"
 ]);
-p.addComponentsGetterSetter(w, "strokeLinearGradientEndPoint", [
+p.addComponentsGetterSetter(x, "strokeLinearGradientEndPoint", [
   "x",
   "y"
 ]);
-p.addGetterSetter(w, "fillLinearGradientEndPointX", 0);
-p.addGetterSetter(w, "strokeLinearGradientEndPointX", 0);
-p.addGetterSetter(w, "fillLinearGradientEndPointY", 0);
-p.addGetterSetter(w, "strokeLinearGradientEndPointY", 0);
-p.addComponentsGetterSetter(w, "fillRadialGradientStartPoint", [
+p.addGetterSetter(x, "fillLinearGradientEndPointX", 0);
+p.addGetterSetter(x, "strokeLinearGradientEndPointX", 0);
+p.addGetterSetter(x, "fillLinearGradientEndPointY", 0);
+p.addGetterSetter(x, "strokeLinearGradientEndPointY", 0);
+p.addComponentsGetterSetter(x, "fillRadialGradientStartPoint", [
   "x",
   "y"
 ]);
-p.addGetterSetter(w, "fillRadialGradientStartPointX", 0);
-p.addGetterSetter(w, "fillRadialGradientStartPointY", 0);
-p.addComponentsGetterSetter(w, "fillRadialGradientEndPoint", [
+p.addGetterSetter(x, "fillRadialGradientStartPointX", 0);
+p.addGetterSetter(x, "fillRadialGradientStartPointY", 0);
+p.addComponentsGetterSetter(x, "fillRadialGradientEndPoint", [
   "x",
   "y"
 ]);
-p.addGetterSetter(w, "fillRadialGradientEndPointX", 0);
-p.addGetterSetter(w, "fillRadialGradientEndPointY", 0);
-p.addGetterSetter(w, "fillPatternRotation", 0);
-p.addGetterSetter(w, "fillRule", void 0, Et());
-p.backCompat(w, {
+p.addGetterSetter(x, "fillRadialGradientEndPointX", 0);
+p.addGetterSetter(x, "fillRadialGradientEndPointY", 0);
+p.addGetterSetter(x, "fillPatternRotation", 0);
+p.addGetterSetter(x, "fillRule", void 0, Pt());
+p.backCompat(x, {
   dashArray: "dash",
   getDashArray: "getDash",
   setDashArray: "getDash",
@@ -3395,9 +3395,9 @@ const sn = "beforeDraw", nn = "draw", Bi = [
   { x: 1, y: 1 },
   { x: -1, y: 1 }
 ], rn = Bi.length;
-class At extends ot {
+class At extends ht {
   constructor(t) {
-    super(t), this.canvas = new St(), this.hitCanvas = new Ne({
+    super(t), this.canvas = new bt(), this.hitCanvas = new Ne({
       pixelRatio: 1
     }), this._waitingForDraw = !1, this.on("visibleChange.konva", this._checkVisibility), this._checkVisibility(), this.on("imageSmoothingEnabledChange.konva", this._setSmoothEnabled), this._setSmoothEnabled();
   }
@@ -3526,7 +3526,7 @@ class At extends ot {
   _getIntersection(t) {
     const e = this.hitCanvas.pixelRatio, i = this.hitCanvas.context.getImageData(Math.round(t.x * e), Math.round(t.y * e), 1, 1).data, s = i[3];
     if (s === 255) {
-      const n = m.getHitColorKey(i[0], i[1], i[2]), r = Zt[n];
+      const n = m.getHitColorKey(i[0], i[1], i[2]), r = Kt[n];
       return r ? {
         shape: r
       } : {
@@ -3542,13 +3542,13 @@ class At extends ot {
     const s = this.getLayer(), n = t || s && s.getCanvas();
     return this._fire(sn, {
       node: this
-    }), this.clearBeforeDraw() && n.getContext().clear(), ot.prototype.drawScene.call(this, n, e, i), this._fire(nn, {
+    }), this.clearBeforeDraw() && n.getContext().clear(), ht.prototype.drawScene.call(this, n, e, i), this._fire(nn, {
       node: this
     }), this;
   }
   drawHit(t, e) {
     const i = this.getLayer(), s = t || i && i.hitCanvas;
-    return i && i.clearBeforeDraw() && i.getHitCanvas().getContext().clear(), ot.prototype.drawHit.call(this, s, e), this;
+    return i && i.clearBeforeDraw() && i.getHitCanvas().getContext().clear(), ht.prototype.drawHit.call(this, s, e), this;
   }
   enableHitGraph() {
     return this.hitGraphEnabled(!0), this;
@@ -3576,7 +3576,7 @@ At.prototype.nodeType = "Layer";
 tt(At);
 p.addGetterSetter(At, "imageSmoothingEnabled", !0);
 p.addGetterSetter(At, "clearBeforeDraw", !0);
-p.addGetterSetter(At, "hitGraphEnabled", !0, ct());
+p.addGetterSetter(At, "hitGraphEnabled", !0, dt());
 class We extends At {
   constructor(t) {
     super(t), this.listening(!1), m.warn('Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.');
@@ -3584,7 +3584,7 @@ class We extends At {
 }
 We.prototype.nodeType = "FastLayer";
 tt(We);
-class Ot extends ot {
+class Ot extends ht {
   _validateAdd(t) {
     const e = t.getType();
     e !== "Group" && e !== "Shape" && m.throw("You may only add groups and shapes to groups.");
@@ -3593,15 +3593,15 @@ class Ot extends ot {
 Ot.prototype.nodeType = "Group";
 tt(Ot);
 const be = function() {
-  return kt.performance && kt.performance.now ? function() {
-    return kt.performance.now();
+  return Et.performance && Et.performance.now ? function() {
+    return Et.performance.now();
   } : function() {
     return (/* @__PURE__ */ new Date()).getTime();
   };
 }();
-class ht {
+class lt {
   constructor(t, e) {
-    this.id = ht.animIdCounter++, this.frame = {
+    this.id = lt.animIdCounter++, this.frame = {
       time: 0,
       timeDiff: 0,
       lastTime: be(),
@@ -3623,17 +3623,17 @@ class ht {
     return this.layers.push(t), !0;
   }
   isRunning() {
-    const e = ht.animations, i = e.length;
+    const e = lt.animations, i = e.length;
     for (let s = 0; s < i; s++)
       if (e[s].id === this.id)
         return !0;
     return !1;
   }
   start() {
-    return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = be(), ht._addAnimation(this), this;
+    return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = be(), lt._addAnimation(this), this;
   }
   stop() {
-    return ht._removeAnimation(this), this;
+    return lt._removeAnimation(this), this;
   }
   _updateFrameObject(t) {
     this.frame.timeDiff = t - this.frame.lastTime, this.frame.lastTime = t, this.frame.time += this.frame.timeDiff, this.frame.frameRate = 1e3 / this.frame.timeDiff;
@@ -3666,16 +3666,16 @@ class ht {
       t.hasOwnProperty(i) && t[i].batchDraw();
   }
   static _animationLoop() {
-    const t = ht;
+    const t = lt;
     t.animations.length ? (t._runFrames(), m.requestAnimFrame(t._animationLoop)) : t.animRunning = !1;
   }
   static _handleAnimation() {
     this.animRunning || (this.animRunning = !0, m.requestAnimFrame(this._animationLoop));
   }
 }
-ht.animations = [];
-ht.animIdCounter = 0;
-ht.animRunning = !1;
+lt.animations = [];
+lt.animIdCounter = 0;
+lt.animRunning = !1;
 const an = {
   node: 1,
   duration: 1,
@@ -3738,8 +3738,8 @@ class $ {
     const e = this, i = t.node, s = i._id, n = t.easing || Jt.Linear, r = !!t.yoyo;
     let a, h;
     typeof t.duration > "u" ? a = 0.3 : t.duration === 0 ? a = 1e-3 : a = t.duration, this.node = i, this._id = hn++;
-    const l = i.getLayer() || (i instanceof P.Stage ? i.getLayers() : null);
-    l || m.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new ht(function() {
+    const l = i.getLayer() || (i instanceof A.Stage ? i.getLayers() : null);
+    l || m.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new lt(function() {
       e.tween.onEnterFrame();
     }, l), this.tween = new ln(h, function(c) {
       e._tweenFunc(c);
@@ -3904,28 +3904,28 @@ const Jt = {
   Linear(o, t, e, i) {
     return e * o / i + t;
   }
-}, ri = m._assign(P, {
+}, ri = m._assign(A, {
   Util: m,
   Transform: at,
   Node: k,
-  Container: ot,
+  Container: ht,
   Stage: me,
-  stages: Kt,
+  stages: Zt,
   Layer: At,
   FastLayer: We,
   Group: Ot,
-  DD: U,
-  Shape: w,
-  shapes: Zt,
-  Animation: ht,
+  DD: V,
+  Shape: x,
+  shapes: Kt,
+  Animation: lt,
   Tween: $,
   Easings: Jt,
   Context: ge,
   Canvas: Fe
 });
-class pt extends w {
+class pt extends x {
   _sceneFunc(t) {
-    const e = P.getAngle(this.angle()), i = this.clockwise();
+    const e = A.getAngle(this.angle()), i = this.clockwise();
     t.beginPath(), t.arc(0, 0, this.outerRadius(), 0, e, i), t.arc(0, 0, this.innerRadius(), e, 0, !i), t.closePath(), t.fillStrokeShape(this);
   }
   getWidth() {
@@ -3941,7 +3941,7 @@ class pt extends w {
     this.outerRadius(t / 2);
   }
   getSelfRect() {
-    const t = this.innerRadius(), e = this.outerRadius(), i = this.clockwise(), s = P.getAngle(i ? 360 - this.angle() : this.angle()), n = Math.cos(Math.min(s, Math.PI)), r = 1, a = Math.sin(Math.min(Math.max(Math.PI, s), 3 * Math.PI / 2)), h = Math.sin(Math.min(s, Math.PI / 2)), l = n * (n > 0 ? t : e), c = r * e, u = a * (a > 0 ? t : e), d = h * (h > 0 ? e : t);
+    const t = this.innerRadius(), e = this.outerRadius(), i = this.clockwise(), s = A.getAngle(i ? 360 - this.angle() : this.angle()), n = Math.cos(Math.min(s, Math.PI)), r = 1, a = Math.sin(Math.min(Math.max(Math.PI, s), 3 * Math.PI / 2)), h = Math.sin(Math.min(s, Math.PI / 2)), l = n * (n > 0 ? t : e), c = r * e, u = a * (a > 0 ? t : e), d = h * (h > 0 ? e : t);
     return {
       x: l,
       y: i ? -1 * d : u,
@@ -3959,10 +3959,10 @@ pt.prototype._attrsAffectingSize = [
   "clockwise"
 ];
 tt(pt);
-p.addGetterSetter(pt, "innerRadius", 0, A());
-p.addGetterSetter(pt, "outerRadius", 0, A());
-p.addGetterSetter(pt, "angle", 0, A());
-p.addGetterSetter(pt, "clockwise", !1, ct());
+p.addGetterSetter(pt, "innerRadius", 0, P());
+p.addGetterSetter(pt, "outerRadius", 0, P());
+p.addGetterSetter(pt, "angle", 0, P());
+p.addGetterSetter(pt, "clockwise", !1, dt());
 function Re(o, t, e, i, s, n, r) {
   const a = Math.sqrt(Math.pow(e - o, 2) + Math.pow(i - t, 2)), h = Math.sqrt(Math.pow(s - e, 2) + Math.pow(n - i, 2)), l = r * a / (a + h), c = r * h / (a + h), u = e - l * (s - o), d = i - l * (n - t), g = e + c * (s - o), f = i + c * (n - t);
   return [u, d, g, f];
@@ -3995,7 +3995,7 @@ function cn(o) {
     return n * n * n * s[0] + 3 * n * n * i * s[1] + 3 * n * i * i * s[2] + i * i * i * s[3];
   }));
 }
-class mt extends w {
+class mt extends x {
   constructor(t) {
     super(t), this.on("pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva", function() {
       this._clearCache("tensionPoints");
@@ -4084,8 +4084,8 @@ mt.prototype._attrsAffectingSize = ["points", "bezier", "tension"];
 tt(mt);
 p.addGetterSetter(mt, "closed", !1);
 p.addGetterSetter(mt, "bezier", !1);
-p.addGetterSetter(mt, "tension", 0, A());
-p.addGetterSetter(mt, "points", [], ws());
+p.addGetterSetter(mt, "tension", 0, P());
+p.addGetterSetter(mt, "points", [], xs());
 const dn = [
   [],
   [],
@@ -4791,8 +4791,8 @@ const dn = [
   const i = o[0] - 2 * o[1] + o[2], s = t[0] - 2 * t[1] + t[2], n = 2 * o[1] - 2 * o[0], r = 2 * t[1] - 2 * t[0], a = 4 * (i * i + s * s), h = 4 * (i * n + s * r), l = n * n + r * r;
   if (a === 0)
     return e * Math.sqrt(Math.pow(o[2] - o[0], 2) + Math.pow(t[2] - t[0], 2));
-  const c = h / (2 * a), u = l / a, d = e + c, g = u - c * c, f = d * d + g > 0 ? Math.sqrt(d * d + g) : 0, C = c * c + g > 0 ? Math.sqrt(c * c + g) : 0, S = c + Math.sqrt(c * c + g) !== 0 ? g * Math.log(Math.abs((d + f) / (c + C))) : 0;
-  return Math.sqrt(a) / 2 * (d * f - c * C + S);
+  const c = h / (2 * a), u = l / a, d = e + c, g = u - c * c, f = d * d + g > 0 ? Math.sqrt(d * d + g) : 0, S = c * c + g > 0 ? Math.sqrt(c * c + g) : 0, C = c + Math.sqrt(c * c + g) !== 0 ? g * Math.log(Math.abs((d + f) / (c + S))) : 0;
+  return Math.sqrt(a) / 2 * (d * f - c * S + C);
 };
 function gn(o, t, e) {
   const i = Le(1, e, o), s = Le(1, e, t), n = i * i + s * s;
@@ -4829,14 +4829,14 @@ const Le = (o, t, e) => {
   }
   return s;
 };
-class K extends w {
+class Z extends x {
   constructor(t) {
     super(t), this.dataArray = [], this.pathLength = 0, this._readDataAttribute(), this.on("dataChange.konva", function() {
       this._readDataAttribute();
     });
   }
   _readDataAttribute() {
-    this.dataArray = K.parsePathData(this.data()), this.pathLength = K.getPathLength(this.dataArray);
+    this.dataArray = Z.parsePathData(this.data()), this.pathLength = Z.getPathLength(this.dataArray);
   }
   _sceneFunc(t) {
     const e = this.dataArray;
@@ -4858,8 +4858,8 @@ class K extends w {
           t.quadraticCurveTo(r[0], r[1], r[2], r[3]);
           break;
         case "A":
-          const a = r[0], h = r[1], l = r[2], c = r[3], u = r[4], d = r[5], g = r[6], f = r[7], C = l > c ? l : c, S = l > c ? 1 : l / c, y = l > c ? c / l : 1;
-          t.translate(a, h), t.rotate(g), t.scale(S, y), t.arc(0, 0, C, u, u + d, 1 - f), t.scale(1 / S, 1 / y), t.rotate(-g), t.translate(-a, -h);
+          const a = r[0], h = r[1], l = r[2], c = r[3], u = r[4], d = r[5], g = r[6], f = r[7], S = l > c ? l : c, C = l > c ? 1 : l / c, y = l > c ? c / l : 1;
+          t.translate(a, h), t.rotate(g), t.scale(C, y), t.arc(0, 0, S, u, u + d, 1 - f), t.scale(1 / C, 1 / y), t.rotate(-g), t.translate(-a, -h);
           break;
         case "z":
           i = !0, t.closePath();
@@ -4876,17 +4876,17 @@ class K extends w {
         let d = Math.PI / 180;
         if (Math.abs(l - u) < d && (d = Math.abs(l - u)), c < 0)
           for (let g = l - d; g > u; g -= d) {
-            const f = K.getPointOnEllipticalArc(h.points[0], h.points[1], h.points[2], h.points[3], g, 0);
+            const f = Z.getPointOnEllipticalArc(h.points[0], h.points[1], h.points[2], h.points[3], g, 0);
             t.push(f.x, f.y);
           }
         else
           for (let g = l + d; g < u; g += d) {
-            const f = K.getPointOnEllipticalArc(h.points[0], h.points[1], h.points[2], h.points[3], g, 0);
+            const f = Z.getPointOnEllipticalArc(h.points[0], h.points[1], h.points[2], h.points[3], g, 0);
             t.push(f.x, f.y);
           }
       } else if (h.command === "C")
         for (let l = 0; l <= 1; l += 0.01) {
-          const c = K.getPointOnCubicBezier(l, h.start.x, h.start.y, h.points[0], h.points[1], h.points[2], h.points[3], h.points[4], h.points[5]);
+          const c = Z.getPointOnCubicBezier(l, h.start.x, h.start.y, h.points[0], h.points[1], h.points[2], h.points[3], h.points[4], h.points[5]);
           t.push(c.x, c.y);
         }
       else
@@ -4906,7 +4906,7 @@ class K extends w {
     return this.pathLength;
   }
   getPointAtLength(t) {
-    return K.getPointAtLengthOfDataArray(t, this.dataArray);
+    return Z.getPointAtLengthOfDataArray(t, this.dataArray);
   }
   static getLineLength(t, e, i, s) {
     return Math.sqrt((i - t) * (i - t) + (s - e) * (s - e));
@@ -4939,15 +4939,15 @@ class K extends w {
     const r = e[s], a = r.points;
     switch (r.command) {
       case "L":
-        return K.getPointOnLine(t, r.start.x, r.start.y, a[0], a[1]);
+        return Z.getPointOnLine(t, r.start.x, r.start.y, a[0], a[1]);
       case "C":
-        return K.getPointOnCubicBezier(li(t, K.getPathLength(e), (C) => oi([r.start.x, a[0], a[2], a[4]], [r.start.y, a[1], a[3], a[5]], C)), r.start.x, r.start.y, a[0], a[1], a[2], a[3], a[4], a[5]);
+        return Z.getPointOnCubicBezier(li(t, Z.getPathLength(e), (S) => oi([r.start.x, a[0], a[2], a[4]], [r.start.y, a[1], a[3], a[5]], S)), r.start.x, r.start.y, a[0], a[1], a[2], a[3], a[4], a[5]);
       case "Q":
-        return K.getPointOnQuadraticBezier(li(t, K.getPathLength(e), (C) => hi([r.start.x, a[0], a[2]], [r.start.y, a[1], a[3]], C)), r.start.x, r.start.y, a[0], a[1], a[2], a[3]);
+        return Z.getPointOnQuadraticBezier(li(t, Z.getPathLength(e), (S) => hi([r.start.x, a[0], a[2]], [r.start.y, a[1], a[3]], S)), r.start.x, r.start.y, a[0], a[1], a[2], a[3]);
       case "A":
         const h = a[0], l = a[1], c = a[2], u = a[3], d = a[5], g = a[6];
         let f = a[4];
-        return f += d * t / r.pathLength, K.getPointOnEllipticalArc(h, l, c, u, f, g);
+        return f += d * t / r.pathLength, Z.getPointOnEllipticalArc(h, l, c, u, f, g);
     }
     return null;
   }
@@ -4961,24 +4961,24 @@ class K extends w {
     const l = (n - i) / (s - e), c = Math.sqrt(t * t / (1 + l * l)) * (s < e ? -1 : 1), u = l * c;
     if (Math.abs(a - i - l * (r - e)) < 1e-10)
       return { x: r + c, y: a + u };
-    const d = ((r - e) * (s - e) + (a - i) * (n - i)) / (h * h), g = e + d * (s - e), f = i + d * (n - i), C = this.getLineLength(r, a, g, f), S = Math.sqrt(t * t - C * C), y = Math.sqrt(S * S / (1 + l * l)) * (s < e ? -1 : 1), _ = l * y;
+    const d = ((r - e) * (s - e) + (a - i) * (n - i)) / (h * h), g = e + d * (s - e), f = i + d * (n - i), S = this.getLineLength(r, a, g, f), C = Math.sqrt(t * t - S * S), y = Math.sqrt(C * C / (1 + l * l)) * (s < e ? -1 : 1), _ = l * y;
     return { x: g + y, y: f + _ };
   }
   static getPointOnCubicBezier(t, e, i, s, n, r, a, h, l) {
-    function c(S) {
-      return S * S * S;
+    function c(C) {
+      return C * C * C;
     }
-    function u(S) {
-      return 3 * S * S * (1 - S);
+    function u(C) {
+      return 3 * C * C * (1 - C);
     }
-    function d(S) {
-      return 3 * S * (1 - S) * (1 - S);
+    function d(C) {
+      return 3 * C * (1 - C) * (1 - C);
     }
-    function g(S) {
-      return (1 - S) * (1 - S) * (1 - S);
+    function g(C) {
+      return (1 - C) * (1 - C) * (1 - C);
     }
-    const f = h * c(t) + r * u(t) + s * d(t) + e * g(t), C = l * c(t) + a * u(t) + n * d(t) + i * g(t);
-    return { x: f, y: C };
+    const f = h * c(t) + r * u(t) + s * d(t) + e * g(t), S = l * c(t) + a * u(t) + n * d(t) + i * g(t);
+    return { x: f, y: S };
   }
   static getPointOnQuadraticBezier(t, e, i, s, n, r, a) {
     function h(g) {
@@ -5040,58 +5040,58 @@ class K extends w {
       let d = s[u], g = d.charAt(0);
       for (d = d.slice(1), r.length = 0; c = l.exec(d); )
         r.push(c[0]);
-      let f = [], C = g === "A" || g === "a" ? 0 : -1;
-      for (let S = 0, y = r.length; S < y; S++) {
-        const _ = r[S];
+      let f = [], S = g === "A" || g === "a" ? 0 : -1;
+      for (let C = 0, y = r.length; C < y; C++) {
+        const _ = r[C];
         if (_ === "00") {
-          f.push(0, 0), C >= 0 && (C += 2, C >= 7 && (C -= 7));
+          f.push(0, 0), S >= 0 && (S += 2, S >= 7 && (S -= 7));
           continue;
         }
-        if (C >= 0) {
-          if (C === 3) {
+        if (S >= 0) {
+          if (S === 3) {
             if (/^[01]{2}\d+(?:\.\d+)?$/.test(_)) {
-              f.push(parseInt(_[0], 10)), f.push(parseInt(_[1], 10)), f.push(parseFloat(_.slice(2))), C += 3, C >= 7 && (C -= 7);
+              f.push(parseInt(_[0], 10)), f.push(parseInt(_[1], 10)), f.push(parseFloat(_.slice(2))), S += 3, S >= 7 && (S -= 7);
               continue;
             }
             if (_ === "11" || _ === "10" || _ === "01") {
-              f.push(parseInt(_[0], 10)), f.push(parseInt(_[1], 10)), C += 2, C >= 7 && (C -= 7);
+              f.push(parseInt(_[0], 10)), f.push(parseInt(_[1], 10)), S += 2, S >= 7 && (S -= 7);
               continue;
             }
             if (_ === "0" || _ === "1") {
-              f.push(parseInt(_, 10)), C += 1, C >= 7 && (C -= 7);
+              f.push(parseInt(_, 10)), S += 1, S >= 7 && (S -= 7);
               continue;
             }
-          } else if (C === 4) {
+          } else if (S === 4) {
             if (/^[01]\d+(?:\.\d+)?$/.test(_)) {
-              f.push(parseInt(_[0], 10)), f.push(parseFloat(_.slice(1))), C += 2, C >= 7 && (C -= 7);
+              f.push(parseInt(_[0], 10)), f.push(parseFloat(_.slice(1))), S += 2, S >= 7 && (S -= 7);
               continue;
             }
             if (_ === "0" || _ === "1") {
-              f.push(parseInt(_, 10)), C += 1, C >= 7 && (C -= 7);
+              f.push(parseInt(_, 10)), S += 1, S >= 7 && (S -= 7);
               continue;
             }
           }
           const v = parseFloat(_);
-          isNaN(v) ? f.push(0) : f.push(v), C += 1, C >= 7 && (C -= 7);
+          isNaN(v) ? f.push(0) : f.push(v), S += 1, S >= 7 && (S -= 7);
         } else {
           const v = parseFloat(_);
           isNaN(v) ? f.push(0) : f.push(v);
         }
       }
       for (; f.length > 0 && !isNaN(f[0]); ) {
-        let S = "", y = [];
+        let C = "", y = [];
         const _ = a, v = h;
-        let b, E, T, L, R, I, G, W, B, X;
+        let b, E, w, L, R, I, G, W, B, X;
         switch (g) {
           case "l":
-            a += f.shift(), h += f.shift(), S = "L", y.push(a, h);
+            a += f.shift(), h += f.shift(), C = "L", y.push(a, h);
             break;
           case "L":
             a = f.shift(), h = f.shift(), y.push(a, h);
             break;
           case "m":
             const z = f.shift(), F = f.shift();
-            if (a += z, h += F, S = "M", n.length > 2 && n[n.length - 1].command === "z") {
+            if (a += z, h += F, C = "M", n.length > 2 && n[n.length - 1].command === "z") {
               for (let D = n.length - 2; D >= 0; D--)
                 if (n[D].command === "M") {
                   a = n[D].points[0] + z, h = n[D].points[1] + F;
@@ -5101,59 +5101,59 @@ class K extends w {
             y.push(a, h), g = "l";
             break;
           case "M":
-            a = f.shift(), h = f.shift(), S = "M", y.push(a, h), g = "L";
+            a = f.shift(), h = f.shift(), C = "M", y.push(a, h), g = "L";
             break;
           case "h":
-            a += f.shift(), S = "L", y.push(a, h);
+            a += f.shift(), C = "L", y.push(a, h);
             break;
           case "H":
-            a = f.shift(), S = "L", y.push(a, h);
+            a = f.shift(), C = "L", y.push(a, h);
             break;
           case "v":
-            h += f.shift(), S = "L", y.push(a, h);
+            h += f.shift(), C = "L", y.push(a, h);
             break;
           case "V":
-            h = f.shift(), S = "L", y.push(a, h);
+            h = f.shift(), C = "L", y.push(a, h);
             break;
           case "C":
             y.push(f.shift(), f.shift(), f.shift(), f.shift()), a = f.shift(), h = f.shift(), y.push(a, h);
             break;
           case "c":
-            y.push(a + f.shift(), h + f.shift(), a + f.shift(), h + f.shift()), a += f.shift(), h += f.shift(), S = "C", y.push(a, h);
+            y.push(a + f.shift(), h + f.shift(), a + f.shift(), h + f.shift()), a += f.shift(), h += f.shift(), C = "C", y.push(a, h);
             break;
           case "S":
-            E = a, T = h, b = n[n.length - 1], b.command === "C" && (E = a + (a - b.points[2]), T = h + (h - b.points[3])), y.push(E, T, f.shift(), f.shift()), a = f.shift(), h = f.shift(), S = "C", y.push(a, h);
+            E = a, w = h, b = n[n.length - 1], b.command === "C" && (E = a + (a - b.points[2]), w = h + (h - b.points[3])), y.push(E, w, f.shift(), f.shift()), a = f.shift(), h = f.shift(), C = "C", y.push(a, h);
             break;
           case "s":
-            E = a, T = h, b = n[n.length - 1], b.command === "C" && (E = a + (a - b.points[2]), T = h + (h - b.points[3])), y.push(E, T, a + f.shift(), h + f.shift()), a += f.shift(), h += f.shift(), S = "C", y.push(a, h);
+            E = a, w = h, b = n[n.length - 1], b.command === "C" && (E = a + (a - b.points[2]), w = h + (h - b.points[3])), y.push(E, w, a + f.shift(), h + f.shift()), a += f.shift(), h += f.shift(), C = "C", y.push(a, h);
             break;
           case "Q":
             y.push(f.shift(), f.shift()), a = f.shift(), h = f.shift(), y.push(a, h);
             break;
           case "q":
-            y.push(a + f.shift(), h + f.shift()), a += f.shift(), h += f.shift(), S = "Q", y.push(a, h);
+            y.push(a + f.shift(), h + f.shift()), a += f.shift(), h += f.shift(), C = "Q", y.push(a, h);
             break;
           case "T":
-            E = a, T = h, b = n[n.length - 1], b.command === "Q" && (E = a + (a - b.points[0]), T = h + (h - b.points[1])), a = f.shift(), h = f.shift(), S = "Q", y.push(E, T, a, h);
+            E = a, w = h, b = n[n.length - 1], b.command === "Q" && (E = a + (a - b.points[0]), w = h + (h - b.points[1])), a = f.shift(), h = f.shift(), C = "Q", y.push(E, w, a, h);
             break;
           case "t":
-            E = a, T = h, b = n[n.length - 1], b.command === "Q" && (E = a + (a - b.points[0]), T = h + (h - b.points[1])), a += f.shift(), h += f.shift(), S = "Q", y.push(E, T, a, h);
+            E = a, w = h, b = n[n.length - 1], b.command === "Q" && (E = a + (a - b.points[0]), w = h + (h - b.points[1])), a += f.shift(), h += f.shift(), C = "Q", y.push(E, w, a, h);
             break;
           case "A":
-            L = f.shift(), R = f.shift(), I = f.shift(), G = f.shift(), W = f.shift(), B = a, X = h, a = f.shift(), h = f.shift(), S = "A", y = this.convertEndpointToCenterParameterization(B, X, a, h, G, W, L, R, I);
+            L = f.shift(), R = f.shift(), I = f.shift(), G = f.shift(), W = f.shift(), B = a, X = h, a = f.shift(), h = f.shift(), C = "A", y = this.convertEndpointToCenterParameterization(B, X, a, h, G, W, L, R, I);
             break;
           case "a":
-            L = f.shift(), R = f.shift(), I = f.shift(), G = f.shift(), W = f.shift(), B = a, X = h, a += f.shift(), h += f.shift(), S = "A", y = this.convertEndpointToCenterParameterization(B, X, a, h, G, W, L, R, I);
+            L = f.shift(), R = f.shift(), I = f.shift(), G = f.shift(), W = f.shift(), B = a, X = h, a += f.shift(), h += f.shift(), C = "A", y = this.convertEndpointToCenterParameterization(B, X, a, h, G, W, L, R, I);
             break;
         }
         n.push({
-          command: S || g,
+          command: C || g,
           points: y,
           start: {
             x: _,
             y: v
           },
-          pathLength: this.calcLength(_, v, S || g, y)
+          pathLength: this.calcLength(_, v, C || g, y)
         });
       }
       (g === "z" || g === "Z") && n.push({
@@ -5167,7 +5167,7 @@ class K extends w {
   }
   static calcLength(t, e, i, s) {
     let n, r, a, h;
-    const l = K;
+    const l = Z;
     switch (i) {
       case "L":
         return l.getLineLength(t, e, s[0], s[1]);
@@ -5194,22 +5194,22 @@ class K extends w {
     g > 1 && (a *= Math.sqrt(g), h *= Math.sqrt(g));
     let f = Math.sqrt((a * a * (h * h) - a * a * (d * d) - h * h * (u * u)) / (a * a * (d * d) + h * h * (u * u)));
     n === r && (f *= -1), isNaN(f) && (f = 0);
-    const C = f * a * d / h, S = f * -h * u / a, y = (t + i) / 2 + Math.cos(c) * C - Math.sin(c) * S, _ = (e + s) / 2 + Math.sin(c) * C + Math.cos(c) * S, v = function(G) {
+    const S = f * a * d / h, C = f * -h * u / a, y = (t + i) / 2 + Math.cos(c) * S - Math.sin(c) * C, _ = (e + s) / 2 + Math.sin(c) * S + Math.cos(c) * C, v = function(G) {
       return Math.sqrt(G[0] * G[0] + G[1] * G[1]);
     }, b = function(G, W) {
       return (G[0] * W[0] + G[1] * W[1]) / (v(G) * v(W));
     }, E = function(G, W) {
       return (G[0] * W[1] < G[1] * W[0] ? -1 : 1) * Math.acos(b(G, W));
-    }, T = E([1, 0], [(u - C) / a, (d - S) / h]), L = [(u - C) / a, (d - S) / h], R = [(-1 * u - C) / a, (-1 * d - S) / h];
+    }, w = E([1, 0], [(u - S) / a, (d - C) / h]), L = [(u - S) / a, (d - C) / h], R = [(-1 * u - S) / a, (-1 * d - C) / h];
     let I = E(L, R);
-    return b(L, R) <= -1 && (I = Math.PI), b(L, R) >= 1 && (I = 0), r === 0 && I > 0 && (I = I - 2 * Math.PI), r === 1 && I < 0 && (I = I + 2 * Math.PI), [y, _, a, h, T, I, c, r];
+    return b(L, R) <= -1 && (I = Math.PI), b(L, R) >= 1 && (I = 0), r === 0 && I > 0 && (I = I - 2 * Math.PI), r === 1 && I < 0 && (I = I + 2 * Math.PI), [y, _, a, h, w, I, c, r];
   }
 }
-K.prototype.className = "Path";
-K.prototype._attrsAffectingSize = ["data"];
-tt(K);
-p.addGetterSetter(K, "data");
-class Pt extends mt {
+Z.prototype.className = "Path";
+Z.prototype._attrsAffectingSize = ["data"];
+tt(Z);
+p.addGetterSetter(Z, "data");
+class Mt extends mt {
   _sceneFunc(t) {
     super._sceneFunc(t);
     const e = Math.PI * 2, i = this.points();
@@ -5226,7 +5226,7 @@ class Pt extends mt {
         s[s.length - 1],
         i[a - 2],
         i[a - 1]
-      ], g = K.calcLength(s[s.length - 4], s[s.length - 3], "C", d), f = K.getPointOnQuadraticBezier(Math.min(1, 1 - r / g), d[0], d[1], d[2], d[3], d[4], d[5]);
+      ], g = Z.calcLength(s[s.length - 4], s[s.length - 3], "C", d), f = Z.getPointOnQuadraticBezier(Math.min(1, 1 - r / g), d[0], d[1], d[2], d[3], d[4], d[5]);
       h = i[a - 2] - f.x, l = i[a - 1] - f.y;
     } else
       h = i[a - 2] - i[a - 4], l = i[a - 1] - i[a - 3];
@@ -5247,13 +5247,13 @@ class Pt extends mt {
     };
   }
 }
-Pt.prototype.className = "Arrow";
-tt(Pt);
-p.addGetterSetter(Pt, "pointerLength", 10, A());
-p.addGetterSetter(Pt, "pointerWidth", 10, A());
-p.addGetterSetter(Pt, "pointerAtBeginning", !1);
-p.addGetterSetter(Pt, "pointerAtEnding", !0);
-class Bt extends w {
+Mt.prototype.className = "Arrow";
+tt(Mt);
+p.addGetterSetter(Mt, "pointerLength", 10, P());
+p.addGetterSetter(Mt, "pointerWidth", 10, P());
+p.addGetterSetter(Mt, "pointerAtBeginning", !1);
+p.addGetterSetter(Mt, "pointerAtEnding", !0);
+class Bt extends x {
   _sceneFunc(t) {
     t.beginPath(), t.arc(0, 0, this.attrs.radius || 0, 0, Math.PI * 2, !1), t.closePath(), t.fillStrokeShape(this);
   }
@@ -5274,8 +5274,8 @@ Bt.prototype._centroid = !0;
 Bt.prototype.className = "Circle";
 Bt.prototype._attrsAffectingSize = ["radius"];
 tt(Bt);
-p.addGetterSetter(Bt, "radius", 0, A());
-class vt extends w {
+p.addGetterSetter(Bt, "radius", 0, P());
+class Tt extends x {
   _sceneFunc(t) {
     const e = this.radiusX(), i = this.radiusY();
     t.beginPath(), t.save(), e !== i && t.scale(1, i / e), t.arc(0, 0, e, 0, Math.PI * 2, !1), t.restore(), t.closePath(), t.fillStrokeShape(this);
@@ -5293,14 +5293,14 @@ class vt extends w {
     this.radiusY(t / 2);
   }
 }
-vt.prototype.className = "Ellipse";
-vt.prototype._centroid = !0;
-vt.prototype._attrsAffectingSize = ["radiusX", "radiusY"];
-tt(vt);
-p.addComponentsGetterSetter(vt, "radius", ["x", "y"]);
-p.addGetterSetter(vt, "radiusX", 0, A());
-p.addGetterSetter(vt, "radiusY", 0, A());
-let dt = class Fi extends w {
+Tt.prototype.className = "Ellipse";
+Tt.prototype._centroid = !0;
+Tt.prototype._attrsAffectingSize = ["radiusX", "radiusY"];
+tt(Tt);
+p.addComponentsGetterSetter(Tt, "radius", ["x", "y"]);
+p.addGetterSetter(Tt, "radiusX", 0, P());
+p.addGetterSetter(Tt, "radiusY", 0, P());
+let ut = class Fi extends x {
   constructor(t) {
     super(t), this._loadListener = () => {
       this._requestDraw();
@@ -5363,16 +5363,16 @@ let dt = class Fi extends w {
     }, s.onerror = i, s.crossOrigin = "Anonymous", s.src = t;
   }
 };
-dt.prototype.className = "Image";
-dt.prototype._attrsAffectingSize = ["image"];
-tt(dt);
-p.addGetterSetter(dt, "cornerRadius", 0, pe(4));
-p.addGetterSetter(dt, "image");
-p.addComponentsGetterSetter(dt, "crop", ["x", "y", "width", "height"]);
-p.addGetterSetter(dt, "cropX", 0, A());
-p.addGetterSetter(dt, "cropY", 0, A());
-p.addGetterSetter(dt, "cropWidth", 0, A());
-p.addGetterSetter(dt, "cropHeight", 0, A());
+ut.prototype.className = "Image";
+ut.prototype._attrsAffectingSize = ["image"];
+tt(ut);
+p.addGetterSetter(ut, "cornerRadius", 0, pe(4));
+p.addGetterSetter(ut, "image");
+p.addComponentsGetterSetter(ut, "crop", ["x", "y", "width", "height"]);
+p.addGetterSetter(ut, "cropX", 0, P());
+p.addGetterSetter(ut, "cropY", 0, P());
+p.addGetterSetter(ut, "cropWidth", 0, P());
+p.addGetterSetter(ut, "cropHeight", 0, P());
 const Ni = [
   "fontFamily",
   "fontSize",
@@ -5443,7 +5443,7 @@ class Xe extends Ot {
 }
 Xe.prototype.className = "Label";
 tt(Xe);
-class Mt extends w {
+class Rt extends x {
   _sceneFunc(t) {
     const e = this.width(), i = this.height(), s = this.pointerDirection(), n = this.pointerWidth(), r = this.pointerHeight(), a = this.cornerRadius();
     let h = 0, l = 0, c = 0, u = 0;
@@ -5459,13 +5459,13 @@ class Mt extends w {
     };
   }
 }
-Mt.prototype.className = "Tag";
-tt(Mt);
-p.addGetterSetter(Mt, "pointerDirection", mn);
-p.addGetterSetter(Mt, "pointerWidth", 0, A());
-p.addGetterSetter(Mt, "pointerHeight", 0, A());
-p.addGetterSetter(Mt, "cornerRadius", 0, pe(4));
-class te extends w {
+Rt.prototype.className = "Tag";
+tt(Rt);
+p.addGetterSetter(Rt, "pointerDirection", mn);
+p.addGetterSetter(Rt, "pointerWidth", 0, P());
+p.addGetterSetter(Rt, "pointerHeight", 0, P());
+p.addGetterSetter(Rt, "cornerRadius", 0, pe(4));
+class te extends x {
   _sceneFunc(t) {
     const e = this.cornerRadius(), i = this.width(), s = this.height();
     t.beginPath(), e ? m.drawRoundedRectPath(t, i, s, e) : t.rect(0, 0, i, s), t.closePath(), t.fillStrokeShape(this);
@@ -5474,7 +5474,7 @@ class te extends w {
 te.prototype.className = "Rect";
 tt(te);
 p.addGetterSetter(te, "cornerRadius", 0, pe(4));
-class Tt extends w {
+class wt extends x {
   _sceneFunc(t) {
     const e = this._getPoints(), i = this.radius(), s = this.sides(), n = this.cornerRadius();
     if (t.beginPath(), n)
@@ -5520,15 +5520,15 @@ class Tt extends w {
     this.radius(t / 2);
   }
 }
-Tt.prototype.className = "RegularPolygon";
-Tt.prototype._centroid = !0;
-Tt.prototype._attrsAffectingSize = ["radius"];
-tt(Tt);
-p.addGetterSetter(Tt, "radius", 0, A());
-p.addGetterSetter(Tt, "sides", 0, A());
-p.addGetterSetter(Tt, "cornerRadius", 0, pe(4));
+wt.prototype.className = "RegularPolygon";
+wt.prototype._centroid = !0;
+wt.prototype._attrsAffectingSize = ["radius"];
+tt(wt);
+p.addGetterSetter(wt, "radius", 0, P());
+p.addGetterSetter(wt, "sides", 0, P());
+p.addGetterSetter(wt, "cornerRadius", 0, pe(4));
 const ci = Math.PI * 2;
-class Rt extends w {
+class Lt extends x {
   _sceneFunc(t) {
     t.beginPath(), t.arc(0, 0, this.innerRadius(), 0, ci, !1), t.moveTo(this.outerRadius(), 0), t.arc(0, 0, this.outerRadius(), ci, 0, !0), t.closePath(), t.fillStrokeShape(this);
   }
@@ -5545,15 +5545,15 @@ class Rt extends w {
     this.outerRadius(t / 2);
   }
 }
-Rt.prototype.className = "Ring";
-Rt.prototype._centroid = !0;
-Rt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
-tt(Rt);
-p.addGetterSetter(Rt, "innerRadius", 0, A());
-p.addGetterSetter(Rt, "outerRadius", 0, A());
-class ut extends w {
+Lt.prototype.className = "Ring";
+Lt.prototype._centroid = !0;
+Lt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
+tt(Lt);
+p.addGetterSetter(Lt, "innerRadius", 0, P());
+p.addGetterSetter(Lt, "outerRadius", 0, P());
+class ft extends x {
   constructor(t) {
-    super(t), this._updated = !0, this.anim = new ht(() => {
+    super(t), this._updated = !0, this.anim = new lt(() => {
       const e = this._updated;
       return this._updated = !1, e;
     }), this.on("animationChange.konva", function() {
@@ -5608,20 +5608,20 @@ class ut extends w {
     t < n - 1 ? this.frameIndex(t + 1) : this.frameIndex(0);
   }
 }
-ut.prototype.className = "Sprite";
-tt(ut);
-p.addGetterSetter(ut, "animation");
-p.addGetterSetter(ut, "animations");
-p.addGetterSetter(ut, "frameOffsets");
-p.addGetterSetter(ut, "image");
-p.addGetterSetter(ut, "frameIndex", 0, A());
-p.addGetterSetter(ut, "frameRate", 17, A());
-p.backCompat(ut, {
+ft.prototype.className = "Sprite";
+tt(ft);
+p.addGetterSetter(ft, "animation");
+p.addGetterSetter(ft, "animations");
+p.addGetterSetter(ft, "frameOffsets");
+p.addGetterSetter(ft, "image");
+p.addGetterSetter(ft, "frameIndex", 0, P());
+p.addGetterSetter(ft, "frameRate", 17, P());
+p.backCompat(ft, {
   index: "frameIndex",
   getIndex: "getFrameIndex",
   setIndex: "setFrameIndex"
 });
-class xt extends w {
+class xt extends x {
   _sceneFunc(t) {
     const e = this.innerRadius(), i = this.outerRadius(), s = this.numPoints();
     t.beginPath(), t.moveTo(0, 0 - i);
@@ -5648,10 +5648,10 @@ xt.prototype.className = "Star";
 xt.prototype._centroid = !0;
 xt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
 tt(xt);
-p.addGetterSetter(xt, "numPoints", 5, A());
-p.addGetterSetter(xt, "innerRadius", 0, A());
-p.addGetterSetter(xt, "outerRadius", 0, A());
-function Ct(o) {
+p.addGetterSetter(xt, "numPoints", 5, P());
+p.addGetterSetter(xt, "innerRadius", 0, P());
+p.addGetterSetter(xt, "outerRadius", 0, P());
+function St(o) {
   return [...o].reduce((t, e, i, s) => {
     if (new RegExp("\\p{Emoji}", "u").test(e)) {
       const n = s[i + 1];
@@ -5660,7 +5660,7 @@ function Ct(o) {
     return t;
   }, []);
 }
-const Dt = "auto", _n = "center", zi = "inherit", Wt = "justify", Cn = "Change.konva", Sn = "2d", di = "-", Hi = "left", bn = "text", vn = "Text", Tn = "top", xn = "bottom", ui = "middle", Wi = "normal", wn = "px ", he = " ", kn = "right", fi = "rtl", En = "word", An = "char", gi = "none", ve = "…", Xi = [
+const It = "auto", _n = "center", zi = "inherit", Wt = "justify", Sn = "Change.konva", Cn = "2d", di = "-", Hi = "left", bn = "text", vn = "Text", Tn = "top", wn = "bottom", ui = "middle", Wi = "normal", xn = "px ", he = " ", kn = "right", fi = "rtl", En = "word", Pn = "char", gi = "none", ve = "…", Xi = [
   "direction",
   "fontFamily",
   "fontSize",
@@ -5676,7 +5676,7 @@ const Dt = "auto", _n = "center", zi = "inherit", Wt = "justify", Cn = "Change.k
   "wrap",
   "ellipsis",
   "letterSpacing"
-], Pn = Xi.length;
+], An = Xi.length;
 function Mn(o) {
   return o.split(",").map((t) => {
     t = t.trim();
@@ -5686,7 +5686,7 @@ function Mn(o) {
 }
 let le;
 function Te() {
-  return le || (le = m.createCanvasElement().getContext(Sn), le);
+  return le || (le = m.createCanvasElement().getContext(Cn), le);
 }
 function Rn(o) {
   o.fillText(this._partialText, this._partialTextX, this._partialTextY);
@@ -5697,11 +5697,11 @@ function Ln(o) {
 function Dn(o) {
   return o = o || {}, !o.fillLinearGradientColorStops && !o.fillRadialGradientColorStops && !o.fillPatternImage && (o.fill = o.fill || "black"), o;
 }
-class Z extends w {
+class K extends x {
   constructor(t) {
     super(Dn(t)), this._partialTextX = 0, this._partialTextY = 0;
-    for (let e = 0; e < Pn; e++)
-      this.on(Xi[e] + Cn, this._setTextData);
+    for (let e = 0; e < An; e++)
+      this.on(Xi[e] + Sn, this._setTextData);
     this._setTextData();
   }
   _sceneFunc(t) {
@@ -5709,40 +5709,40 @@ class Z extends w {
     const s = this.textArr, n = s.length;
     if (!this.text())
       return;
-    let r = this.padding(), a = this.fontSize(), h = this.lineHeight() * a, l = this.verticalAlign(), c = this.direction(), u = 0, d = this.align(), g = this.getWidth(), f = this.letterSpacing(), C = this.charRenderFunc(), S = this.fill(), y = this.textDecoration(), _ = this.underlineOffset(), v = y.indexOf("underline") !== -1, b = y.indexOf("line-through") !== -1, E;
+    let r = this.padding(), a = this.fontSize(), h = this.lineHeight() * a, l = this.verticalAlign(), c = this.direction(), u = 0, d = this.align(), g = this.getWidth(), f = this.letterSpacing(), S = this.charRenderFunc(), C = this.fill(), y = this.textDecoration(), _ = this.underlineOffset(), v = y.indexOf("underline") !== -1, b = y.indexOf("line-through") !== -1, E;
     c = c === zi ? t.direction : c;
-    let T = h / 2, L = ui;
-    if (!P.legacyTextRendering) {
+    let w = h / 2, L = ui;
+    if (!A.legacyTextRendering) {
       const R = this.measureSize("M");
       L = "alphabetic";
       const I = (e = R.fontBoundingBoxAscent) !== null && e !== void 0 ? e : R.actualBoundingBoxAscent, G = (i = R.fontBoundingBoxDescent) !== null && i !== void 0 ? i : R.actualBoundingBoxDescent;
-      T = (I - G) / 2 + h / 2;
+      w = (I - G) / 2 + h / 2;
     }
-    for (c === fi && t.setAttr("direction", c), t.setAttr("font", this._getContextFont()), t.setAttr("textBaseline", L), t.setAttr("textAlign", Hi), l === ui ? u = (this.getHeight() - n * h - r * 2) / 2 : l === xn && (u = this.getHeight() - n * h - r * 2), t.translate(r, u + r), E = 0; E < n; E++) {
+    for (c === fi && t.setAttr("direction", c), t.setAttr("font", this._getContextFont()), t.setAttr("textBaseline", L), t.setAttr("textAlign", Hi), l === ui ? u = (this.getHeight() - n * h - r * 2) / 2 : l === wn && (u = this.getHeight() - n * h - r * 2), t.translate(r, u + r), E = 0; E < n; E++) {
       let R = 0, I = 0;
       const G = s[E], W = G.text, B = G.width, X = G.lastInParagraph;
       if (t.save(), d === kn ? R += g - B - r * 2 : d === _n && (R += (g - B - r * 2) / 2), v) {
         t.save(), t.beginPath();
-        const F = _ ?? (P.legacyTextRendering ? Math.round(a / 2) : Math.round(a / 4)), D = R, q = T + I + F;
+        const F = _ ?? (A.legacyTextRendering ? Math.round(a / 2) : Math.round(a / 4)), D = R, q = w + I + F;
         t.moveTo(D, q);
         const O = d === Wt && !X ? g - r * 2 : B;
         t.lineTo(D + Math.round(O), q), t.lineWidth = a / 15;
         const Y = this._getLinearGradient();
-        t.strokeStyle = Y || S, t.stroke(), t.restore();
+        t.strokeStyle = Y || C, t.stroke(), t.restore();
       }
       const z = R;
-      if (c !== fi && (f !== 0 || d === Wt || C)) {
-        const F = W.split(" ").length - 1, D = Ct(W);
+      if (c !== fi && (f !== 0 || d === Wt || S)) {
+        const F = W.split(" ").length - 1, D = St(W);
         for (let q = 0; q < D.length; q++) {
           const O = D[q];
-          if (O === " " && !X && d === Wt && (R += (g - r * 2 - B) / F), this._partialTextX = R, this._partialTextY = T + I, this._partialText = O, C) {
+          if (O === " " && !X && d === Wt && (R += (g - r * 2 - B) / F), this._partialTextX = R, this._partialTextY = w + I, this._partialText = O, S) {
             t.save();
-            const it = s.slice(0, E).reduce((et, rt) => et + Ct(rt.text).length, 0), V = q + it;
-            C({
+            const it = s.slice(0, E).reduce((et, rt) => et + St(rt.text).length, 0), U = q + it;
+            S({
               char: O,
-              index: V,
+              index: U,
               x: R,
-              y: T + I,
+              y: w + I,
               lineIndex: E,
               column: q,
               isLastInLine: X,
@@ -5750,20 +5750,20 @@ class Z extends w {
               context: t
             });
           }
-          t.fillStrokeShape(this), C && t.restore(), R += this.measureSize(O).width + f;
+          t.fillStrokeShape(this), S && t.restore(), R += this.measureSize(O).width + f;
         }
       } else
-        f !== 0 && t.setAttr("letterSpacing", `${f}px`), this._partialTextX = R, this._partialTextY = T + I, this._partialText = W, t.fillStrokeShape(this);
+        f !== 0 && t.setAttr("letterSpacing", `${f}px`), this._partialTextX = R, this._partialTextY = w + I, this._partialText = W, t.fillStrokeShape(this);
       if (b) {
         t.save(), t.beginPath();
-        const F = P.legacyTextRendering ? 0 : -Math.round(a / 4), D = z;
-        t.moveTo(D, T + I + F);
+        const F = A.legacyTextRendering ? 0 : -Math.round(a / 4), D = z;
+        t.moveTo(D, w + I + F);
         const q = d === Wt && !X ? g - r * 2 : B;
-        t.lineTo(D + Math.round(q), T + I + F), t.lineWidth = a / 15;
+        t.lineTo(D + Math.round(q), w + I + F), t.lineWidth = a / 15;
         const O = this._getLinearGradient();
-        t.strokeStyle = O || S, t.stroke(), t.restore();
+        t.strokeStyle = O || C, t.stroke(), t.restore();
       }
-      t.restore(), n > 1 && (T += h);
+      t.restore(), n > 1 && (w += h);
     }
   }
   _hitFunc(t) {
@@ -5775,10 +5775,10 @@ class Z extends w {
     return this._setAttr(bn, e), this;
   }
   getWidth() {
-    return this.attrs.width === Dt || this.attrs.width === void 0 ? this.getTextWidth() + this.padding() * 2 : this.attrs.width;
+    return this.attrs.width === It || this.attrs.width === void 0 ? this.getTextWidth() + this.padding() * 2 : this.attrs.width;
   }
   getHeight() {
-    return this.attrs.height === Dt || this.attrs.height === void 0 ? this.fontSize() * this.textArr.length * this.lineHeight() + this.padding() * 2 : this.attrs.height;
+    return this.attrs.height === It || this.attrs.height === void 0 ? this.fontSize() * this.textArr.length * this.lineHeight() + this.padding() * 2 : this.attrs.height;
   }
   getTextWidth() {
     return this.textWidth;
@@ -5788,27 +5788,27 @@ class Z extends w {
   }
   measureSize(t) {
     var e, i, s, n, r, a, h, l, c, u, d;
-    let g = Te(), f = this.fontSize(), C;
-    g.save(), g.font = this._getContextFont(), C = g.measureText(t), g.restore();
-    const S = f / 100;
+    let g = Te(), f = this.fontSize(), S;
+    g.save(), g.font = this._getContextFont(), S = g.measureText(t), g.restore();
+    const C = f / 100;
     return {
-      actualBoundingBoxAscent: (e = C.actualBoundingBoxAscent) !== null && e !== void 0 ? e : 71.58203125 * S,
-      actualBoundingBoxDescent: (i = C.actualBoundingBoxDescent) !== null && i !== void 0 ? i : 0,
-      actualBoundingBoxLeft: (s = C.actualBoundingBoxLeft) !== null && s !== void 0 ? s : -7.421875 * S,
-      actualBoundingBoxRight: (n = C.actualBoundingBoxRight) !== null && n !== void 0 ? n : 75.732421875 * S,
-      alphabeticBaseline: (r = C.alphabeticBaseline) !== null && r !== void 0 ? r : 0,
-      emHeightAscent: (a = C.emHeightAscent) !== null && a !== void 0 ? a : 100 * S,
-      emHeightDescent: (h = C.emHeightDescent) !== null && h !== void 0 ? h : -20 * S,
-      fontBoundingBoxAscent: (l = C.fontBoundingBoxAscent) !== null && l !== void 0 ? l : 91 * S,
-      fontBoundingBoxDescent: (c = C.fontBoundingBoxDescent) !== null && c !== void 0 ? c : 21 * S,
-      hangingBaseline: (u = C.hangingBaseline) !== null && u !== void 0 ? u : 72.80000305175781 * S,
-      ideographicBaseline: (d = C.ideographicBaseline) !== null && d !== void 0 ? d : -21 * S,
-      width: C.width,
+      actualBoundingBoxAscent: (e = S.actualBoundingBoxAscent) !== null && e !== void 0 ? e : 71.58203125 * C,
+      actualBoundingBoxDescent: (i = S.actualBoundingBoxDescent) !== null && i !== void 0 ? i : 0,
+      actualBoundingBoxLeft: (s = S.actualBoundingBoxLeft) !== null && s !== void 0 ? s : -7.421875 * C,
+      actualBoundingBoxRight: (n = S.actualBoundingBoxRight) !== null && n !== void 0 ? n : 75.732421875 * C,
+      alphabeticBaseline: (r = S.alphabeticBaseline) !== null && r !== void 0 ? r : 0,
+      emHeightAscent: (a = S.emHeightAscent) !== null && a !== void 0 ? a : 100 * C,
+      emHeightDescent: (h = S.emHeightDescent) !== null && h !== void 0 ? h : -20 * C,
+      fontBoundingBoxAscent: (l = S.fontBoundingBoxAscent) !== null && l !== void 0 ? l : 91 * C,
+      fontBoundingBoxDescent: (c = S.fontBoundingBoxDescent) !== null && c !== void 0 ? c : 21 * C,
+      hangingBaseline: (u = S.hangingBaseline) !== null && u !== void 0 ? u : 72.80000305175781 * C,
+      ideographicBaseline: (d = S.ideographicBaseline) !== null && d !== void 0 ? d : -21 * C,
+      width: S.width,
       height: f
     };
   }
   _getContextFont() {
-    return this.fontStyle() + he + this.fontVariant() + he + (this.fontSize() + wn) + Mn(this.fontFamily());
+    return this.fontStyle() + he + this.fontVariant() + he + (this.fontSize() + xn) + Mn(this.fontFamily());
   }
   _addTextLine(t) {
     this.align() === Wt && (t = t.trim());
@@ -5825,21 +5825,21 @@ class Z extends w {
   }
   _setTextData() {
     let t = this.text().split(`
-`), e = +this.fontSize(), i = 0, s = this.lineHeight() * e, n = this.attrs.width, r = this.attrs.height, a = n !== Dt && n !== void 0, h = r !== Dt && r !== void 0, l = this.padding(), c = n - l * 2, u = r - l * 2, d = 0, g = this.wrap(), f = g !== gi, C = g !== An && f, S = this.ellipsis();
+`), e = +this.fontSize(), i = 0, s = this.lineHeight() * e, n = this.attrs.width, r = this.attrs.height, a = n !== It && n !== void 0, h = r !== It && r !== void 0, l = this.padding(), c = n - l * 2, u = r - l * 2, d = 0, g = this.wrap(), f = g !== gi, S = g !== Pn && f, C = this.ellipsis();
     this.textArr = [], Te().font = this._getContextFont();
-    const y = S ? this._getTextWidth(ve) : 0;
+    const y = C ? this._getTextWidth(ve) : 0;
     for (let _ = 0, v = t.length; _ < v; ++_) {
       let b = t[_], E = this._getTextWidth(b);
       if (a && E > c)
         for (; b.length > 0; ) {
-          let T = 0, L = Ct(b).length, R = "", I = 0;
-          for (; T < L; ) {
-            const G = T + L >>> 1, W = Ct(b), B = W.slice(0, G + 1).join(""), X = this._getTextWidth(B);
-            (S && h && d + s > u ? X + y : X) <= c ? (T = G + 1, R = B, I = X) : L = G;
+          let w = 0, L = St(b).length, R = "", I = 0;
+          for (; w < L; ) {
+            const G = w + L >>> 1, W = St(b), B = W.slice(0, G + 1).join(""), X = this._getTextWidth(B);
+            (C && h && d + s > u ? X + y : X) <= c ? (w = G + 1, R = B, I = X) : L = G;
           }
           if (R) {
-            if (C) {
-              const B = Ct(b), X = Ct(R), z = B[X.length], F = z === he || z === di;
+            if (S) {
+              const B = St(b), X = St(R), z = B[X.length], F = z === he || z === di;
               let D;
               if (F && I <= c)
                 D = X.length;
@@ -5847,13 +5847,13 @@ class Z extends w {
                 const q = X.lastIndexOf(he), O = X.lastIndexOf(di);
                 D = Math.max(q, O) + 1;
               }
-              D > 0 && (T = D, R = B.slice(0, T).join(""), I = this._getTextWidth(R));
+              D > 0 && (w = D, R = B.slice(0, w).join(""), I = this._getTextWidth(R));
             }
             if (R = R.trimRight(), this._addTextLine(R), i = Math.max(i, I), d += s, this._shouldHandleEllipsis(d)) {
               this._tryToAddEllipsisToLastLine();
               break;
             }
-            if (b = Ct(b).slice(T).join("").trimLeft(), b.length > 0 && (E = this._getTextWidth(b), E <= c)) {
+            if (b = St(b).slice(w).join("").trimLeft(), b.length > 0 && (E = this._getTextWidth(b), E <= c)) {
               this._addTextLine(b), d += s, i = Math.max(i, E);
               break;
             }
@@ -5868,11 +5868,11 @@ class Z extends w {
     this.textHeight = e, this.textWidth = i;
   }
   _shouldHandleEllipsis(t) {
-    const e = +this.fontSize(), i = this.lineHeight() * e, s = this.attrs.height, n = s !== Dt && s !== void 0, r = this.padding(), a = s - r * 2;
+    const e = +this.fontSize(), i = this.lineHeight() * e, s = this.attrs.height, n = s !== It && s !== void 0, r = this.padding(), a = s - r * 2;
     return !(this.wrap() !== gi) || n && t + i > a;
   }
   _tryToAddEllipsisToLastLine() {
-    const t = this.attrs.width, e = t !== Dt && t !== void 0, i = this.padding(), s = t - i * 2, n = this.ellipsis(), r = this.textArr[this.textArr.length - 1];
+    const t = this.attrs.width, e = t !== It && t !== void 0, i = this.padding(), s = t - i * 2, n = this.ellipsis(), r = this.textArr[this.textArr.length - 1];
     !r || !n || (e && (this._getTextWidth(r.text + ve) < s || (r.text = r.text.slice(0, r.text.length - 3))), this.textArr.splice(this.textArr.length - 1, 1), this._addTextLine(r.text + ve));
   }
   getStrokeScaleEnabled() {
@@ -5883,10 +5883,10 @@ class Z extends w {
     return t && e ? !0 : super._useBufferCanvas();
   }
 }
-Z.prototype._fillFunc = Rn;
-Z.prototype._strokeFunc = Ln;
-Z.prototype.className = vn;
-Z.prototype._attrsAffectingSize = [
+K.prototype._fillFunc = Rn;
+K.prototype._strokeFunc = Ln;
+K.prototype.className = vn;
+K.prototype._attrsAffectingSize = [
   "text",
   "fontSize",
   "padding",
@@ -5894,49 +5894,49 @@ Z.prototype._attrsAffectingSize = [
   "lineHeight",
   "letterSpacing"
 ];
-tt(Z);
-p.overWriteSetter(Z, "width", ze());
-p.overWriteSetter(Z, "height", ze());
-p.addGetterSetter(Z, "direction", zi);
-p.addGetterSetter(Z, "fontFamily", "Arial");
-p.addGetterSetter(Z, "fontSize", 12, A());
-p.addGetterSetter(Z, "fontStyle", Wi);
-p.addGetterSetter(Z, "fontVariant", Wi);
-p.addGetterSetter(Z, "padding", 0, A());
-p.addGetterSetter(Z, "align", Hi);
-p.addGetterSetter(Z, "verticalAlign", Tn);
-p.addGetterSetter(Z, "lineHeight", 1, A());
-p.addGetterSetter(Z, "wrap", En);
-p.addGetterSetter(Z, "ellipsis", !1, ct());
-p.addGetterSetter(Z, "letterSpacing", 0, A());
-p.addGetterSetter(Z, "text", "", Et());
-p.addGetterSetter(Z, "textDecoration", "");
-p.addGetterSetter(Z, "underlineOffset", void 0, A());
-p.addGetterSetter(Z, "charRenderFunc", void 0);
-const In = "", Ui = "normal";
-function Vi(o) {
+tt(K);
+p.overWriteSetter(K, "width", ze());
+p.overWriteSetter(K, "height", ze());
+p.addGetterSetter(K, "direction", zi);
+p.addGetterSetter(K, "fontFamily", "Arial");
+p.addGetterSetter(K, "fontSize", 12, P());
+p.addGetterSetter(K, "fontStyle", Wi);
+p.addGetterSetter(K, "fontVariant", Wi);
+p.addGetterSetter(K, "padding", 0, P());
+p.addGetterSetter(K, "align", Hi);
+p.addGetterSetter(K, "verticalAlign", Tn);
+p.addGetterSetter(K, "lineHeight", 1, P());
+p.addGetterSetter(K, "wrap", En);
+p.addGetterSetter(K, "ellipsis", !1, dt());
+p.addGetterSetter(K, "letterSpacing", 0, P());
+p.addGetterSetter(K, "text", "", Pt());
+p.addGetterSetter(K, "textDecoration", "");
+p.addGetterSetter(K, "underlineOffset", void 0, P());
+p.addGetterSetter(K, "charRenderFunc", void 0);
+const In = "", Vi = "normal";
+function Ui(o) {
   o.fillText(this.partialText, 0, 0);
 }
 function Yi(o) {
   o.strokeText(this.partialText, 0, 0);
 }
-class st extends w {
+class st extends x {
   constructor(t) {
     super(t), this.dummyCanvas = m.createCanvasElement(), this.dataArray = [], this._readDataAttribute(), this.on("dataChange.konva", function() {
       this._readDataAttribute(), this._setTextData();
     }), this.on("textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva", this._setTextData), this._setTextData();
   }
   _getTextPathLength() {
-    return K.getPathLength(this.dataArray);
+    return Z.getPathLength(this.dataArray);
   }
   _getPointAtLength(t) {
     if (!this.attrs.data)
       return null;
     const e = this.pathLength;
-    return t > e ? null : K.getPointAtLengthOfDataArray(t, this.dataArray);
+    return t > e ? null : Z.getPointAtLengthOfDataArray(t, this.dataArray);
   }
   _readDataAttribute() {
-    this.dataArray = K.parsePathData(this.attrs.data), this.pathLength = this._getTextPathLength();
+    this.dataArray = Z.parsePathData(this.attrs.data), this.pathLength = this._getTextPathLength();
   }
   _sceneFunc(t) {
     t.setAttr("font", this._getContextFont()), t.setAttr("textBaseline", this.textBaseline()), t.setAttr("textAlign", "left"), t.save();
@@ -5978,10 +5978,10 @@ class st extends w {
     return m.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."), this.textHeight;
   }
   setText(t) {
-    return Z.prototype.setText.call(this, t);
+    return K.prototype.setText.call(this, t);
   }
   _getContextFont() {
-    return Z.prototype._getContextFont.call(this);
+    return K.prototype._getContextFont.call(this);
   }
   _getTextSize(t) {
     const i = this.dummyCanvas.getContext("2d");
@@ -5993,7 +5993,7 @@ class st extends w {
     };
   }
   _setTextData() {
-    const t = Ct(this.text()), e = [];
+    const t = St(this.text()), e = [];
     let i = 0;
     for (let u = 0; u < t.length; u++)
       e.push({
@@ -6017,10 +6017,10 @@ class st extends w {
         const b = this.text().split(" ").length - 1;
         f += (this.pathLength - h) / b;
       }
-      const C = this._getPointAtLength(c + f);
-      if (!C)
+      const S = this._getPointAtLength(c + f);
+      if (!S)
         return;
-      const S = K.getLineLength(d.x, d.y, C.x, C.y);
+      const C = Z.getLineLength(d.x, d.y, S.x, S.y);
       let y = 0;
       if (a)
         try {
@@ -6028,16 +6028,16 @@ class st extends w {
         } catch {
           y = 0;
         }
-      d.x += y, C.x += y, this.textWidth += y;
-      const _ = K.getPointOnLine(y + S / 2, d.x, d.y, C.x, C.y), v = Math.atan2(C.y - d.y, C.x - d.x);
+      d.x += y, S.x += y, this.textWidth += y;
+      const _ = Z.getPointOnLine(y + C / 2, d.x, d.y, S.x, S.y), v = Math.atan2(S.y - d.y, S.x - d.x);
       this.glyphInfo.push({
         transposeX: _.x,
         transposeY: _.y,
         text: t[u],
         rotation: v,
         p0: d,
-        p1: C,
-        width: S
+        p1: S,
+        width: C
       }), c += f;
     }
   }
@@ -6068,21 +6068,21 @@ class st extends w {
     return m.releaseCanvas(this.dummyCanvas), super.destroy();
   }
 }
-st.prototype._fillFunc = Vi;
+st.prototype._fillFunc = Ui;
 st.prototype._strokeFunc = Yi;
-st.prototype._fillFuncHit = Vi;
+st.prototype._fillFuncHit = Ui;
 st.prototype._strokeFuncHit = Yi;
 st.prototype.className = "TextPath";
 st.prototype._attrsAffectingSize = ["text", "fontSize", "data"];
 tt(st);
 p.addGetterSetter(st, "data");
 p.addGetterSetter(st, "fontFamily", "Arial");
-p.addGetterSetter(st, "fontSize", 12, A());
-p.addGetterSetter(st, "fontStyle", Ui);
+p.addGetterSetter(st, "fontSize", 12, P());
+p.addGetterSetter(st, "fontStyle", Vi);
 p.addGetterSetter(st, "align", "left");
-p.addGetterSetter(st, "letterSpacing", 0, A());
+p.addGetterSetter(st, "letterSpacing", 0, P());
 p.addGetterSetter(st, "textBaseline", "middle");
-p.addGetterSetter(st, "fontVariant", Ui);
+p.addGetterSetter(st, "fontVariant", Vi);
 p.addGetterSetter(st, "text", In);
 p.addGetterSetter(st, "textDecoration", "");
 p.addGetterSetter(st, "kerningFunc", void 0);
@@ -6125,7 +6125,7 @@ const ji = "tr-konva", Gn = [
   "bottom-left": -135,
   "bottom-center": 180,
   "bottom-right": 135
-}, Fn = "ontouchstart" in P._global;
+}, Fn = "ontouchstart" in A._global;
 function Nn(o, t, e) {
   if (o === "rotater")
     return e;
@@ -6165,7 +6165,7 @@ function Hn(o, t) {
 function Wn(o, t, e) {
   let i = t;
   for (let s = 0; s < o.length; s++) {
-    const n = P.getAngle(o[s]), r = Math.abs(n - t) % (Math.PI * 2);
+    const n = A.getAngle(o[s]), r = Math.abs(n - t) % (Math.PI * 2);
     Math.min(r, Math.PI * 2 - r) < e && (i = n);
   }
   return i;
@@ -6242,14 +6242,14 @@ class H extends Ot {
       skipTransform: !0,
       skipShadow: !0,
       skipStroke: this.ignoreStroke()
-    }), n = t.getAbsoluteScale(i), r = t.getAbsolutePosition(i), a = s.x * n.x - t.offsetX() * n.x, h = s.y * n.y - t.offsetY() * n.y, l = (P.getAngle(t.getAbsoluteRotation()) + Math.PI * 2) % (Math.PI * 2), c = {
+    }), n = t.getAbsoluteScale(i), r = t.getAbsolutePosition(i), a = s.x * n.x - t.offsetX() * n.x, h = s.y * n.y - t.offsetY() * n.y, l = (A.getAngle(t.getAbsoluteRotation()) + Math.PI * 2) % (Math.PI * 2), c = {
       x: r.x + a * Math.cos(l) + h * Math.sin(-l),
       y: r.y + h * Math.cos(l) + a * Math.sin(l),
       width: s.width * n.x,
       height: s.height * n.y,
       rotation: l
     };
-    return qi(c, -P.getAngle(e), {
+    return qi(c, -A.getAngle(e), {
       x: 0,
       y: 0
     });
@@ -6281,7 +6281,7 @@ class H extends Ot {
       });
     });
     const i = new at();
-    i.rotate(-P.getAngle(this.rotation()));
+    i.rotate(-A.getAngle(this.rotation()));
     let s = 1 / 0, n = 1 / 0, r = -1 / 0, a = -1 / 0;
     e.forEach(function(l) {
       const c = i.point(l);
@@ -6293,7 +6293,7 @@ class H extends Ot {
       y: h.y,
       width: r - s,
       height: a - n,
-      rotation: P.getAngle(this.rotation())
+      rotation: A.getAngle(this.rotation())
     };
   }
   getX() {
@@ -6330,14 +6330,14 @@ class H extends Ot {
     }), e.on("dragend", (s) => {
       s.cancelBubble = !0;
     }), e.on("mouseenter", () => {
-      const s = P.getAngle(this.rotation()), n = this.rotateAnchorCursor(), r = Nn(t, s, n);
+      const s = A.getAngle(this.rotation()), n = this.rotateAnchorCursor(), r = Nn(t, s, n);
       e.getStage().content && (e.getStage().content.style.cursor = r), this._cursorChange = !0;
     }), e.on("mouseout", () => {
       e.getStage().content && (e.getStage().content.style.cursor = ""), this._cursorChange = !1;
     }), this.add(e);
   }
   _createBack() {
-    const t = new w({
+    const t = new x({
       name: "back",
       width: 0,
       height: 0,
@@ -6345,10 +6345,10 @@ class H extends Ot {
         const s = i.getParent(), n = s.padding(), r = i.width(), a = i.height();
         if (e.beginPath(), e.rect(-n, -n, r + n * 2, a + n * 2), s.rotateEnabled() && s.rotateLineVisible()) {
           const h = s.rotateAnchorAngle(), l = s.rotateAnchorOffset(), c = m.degToRad(h), u = Math.sin(c), d = -Math.cos(c), g = r / 2, f = a / 2;
-          let C = 1 / 0;
-          d < 0 ? C = Math.min(C, -f / d) : d > 0 && (C = Math.min(C, (a - f) / d)), u < 0 ? C = Math.min(C, -g / u) : u > 0 && (C = Math.min(C, (r - g) / u));
-          const S = g + u * C, y = f + d * C, _ = m._sign(a), v = S + u * l * _, b = y + d * l * _;
-          e.moveTo(S, y), e.lineTo(v, b);
+          let S = 1 / 0;
+          d < 0 ? S = Math.min(S, -f / d) : d > 0 && (S = Math.min(S, (a - f) / d)), u < 0 ? S = Math.min(S, -g / u) : u > 0 && (S = Math.min(S, (r - g) / u));
+          const C = g + u * S, y = f + d * S, _ = m._sign(a), v = C + u * l * _, b = y + d * l * _;
+          e.moveTo(C, y), e.lineTo(v, b);
         }
         e.fillStrokeShape(i);
       },
@@ -6400,10 +6400,10 @@ class H extends Ot {
     if (this._movingAnchorName === "rotater") {
       const _ = this._getNodeRect();
       e = n.x() - _.width / 2, i = -n.y() + _.height / 2;
-      const v = P.getAngle(this.rotateAnchorAngle());
+      const v = A.getAngle(this.rotateAnchorAngle());
       let b = Math.atan2(-i, e) + Math.PI / 2 - v;
       _.height < 0 && (b -= Math.PI);
-      const T = P.getAngle(this.rotation()) + b, L = P.getAngle(this.rotationSnapTolerance()), I = Wn(this.rotationSnaps(), T, L) - _.rotation, G = Hn(_, I);
+      const w = A.getAngle(this.rotation()) + b, L = A.getAngle(this.rotationSnapTolerance()), I = Wn(this.rotationSnaps(), w, L) - _.rotation, G = Hn(_, I);
       this._fitNodesInto(G, t);
       return;
     }
@@ -6477,24 +6477,24 @@ class H extends Ot {
     } else
       console.error(new Error("Wrong position argument of selection resizer: " + this._movingAnchorName));
     if (g = this.centeredScaling() || t.altKey, g) {
-      const _ = this.findOne(".top-left"), v = this.findOne(".bottom-right"), b = _.x(), E = _.y(), T = this.getWidth() - v.x(), L = this.getHeight() - v.y();
+      const _ = this.findOne(".top-left"), v = this.findOne(".bottom-right"), b = _.x(), E = _.y(), w = this.getWidth() - v.x(), L = this.getHeight() - v.y();
       v.move({
         x: -b,
         y: -E
       }), _.move({
-        x: T,
+        x: w,
         y: L
       });
     }
-    const C = this.findOne(".top-left").getAbsolutePosition();
-    e = C.x, i = C.y;
-    const S = this.findOne(".bottom-right").x() - this.findOne(".top-left").x(), y = this.findOne(".bottom-right").y() - this.findOne(".top-left").y();
+    const S = this.findOne(".top-left").getAbsolutePosition();
+    e = S.x, i = S.y;
+    const C = this.findOne(".bottom-right").x() - this.findOne(".top-left").x(), y = this.findOne(".bottom-right").y() - this.findOne(".top-left").y();
     this._fitNodesInto({
       x: e,
       y: i,
-      width: S,
+      width: C,
       height: y,
-      rotation: P.getAngle(this.rotation())
+      rotation: A.getAngle(this.rotation())
     }, t);
   }
   _handleMouseUp(t) {
@@ -6525,7 +6525,7 @@ class H extends Ot {
       return;
     }
     const n = new at();
-    if (n.rotate(P.getAngle(this.rotation())), this._movingAnchorName && t.width < 0 && this._movingAnchorName.indexOf("left") >= 0) {
+    if (n.rotate(A.getAngle(this.rotation())), this._movingAnchorName && t.width < 0 && this._movingAnchorName.indexOf("left") >= 0) {
       const d = n.point({
         x: -this.padding() * 2,
         y: 0
@@ -6564,11 +6564,11 @@ class H extends Ot {
       var g;
       if (!d.getStage())
         return;
-      const f = d.getParent().getAbsoluteTransform(), C = d.getTransform().copy();
-      C.translate(d.offsetX(), d.offsetY());
-      const S = new at();
-      S.multiply(f.copy().invert()).multiply(u).multiply(f).multiply(C);
-      const y = S.decompose();
+      const f = d.getParent().getAbsoluteTransform(), S = d.getTransform().copy();
+      S.translate(d.offsetX(), d.offsetY());
+      const C = new at();
+      C.multiply(f.copy().invert()).multiply(u).multiply(f).multiply(S);
+      const y = C.decompose();
       d.setAttrs(y), (g = d.getLayer()) === null || g === void 0 || g.batchDraw();
     }), this.rotation(m._getRotation(t.rotation)), this._nodes.forEach((d) => {
       this._fire("transform", { evt: e, target: d }), d._fire("transform", { evt: e, target: d });
@@ -6585,8 +6585,8 @@ class H extends Ot {
     const e = this._getNodeRect();
     this.rotation(m._getRotation(e.rotation));
     const i = e.width, s = e.height, n = this.enabledAnchors(), r = this.resizeEnabled(), a = this.padding(), h = this.anchorSize(), l = this.find("._anchor");
-    l.forEach((T) => {
-      T.setAttrs({
+    l.forEach((w) => {
+      w.setAttrs({
         width: h,
         height: h,
         offsetX: h / 2,
@@ -6641,10 +6641,10 @@ class H extends Ot {
       offsetY: h / 2 - a,
       visible: r && n.indexOf("bottom-right") >= 0
     });
-    const c = this.rotateAnchorAngle(), u = this.rotateAnchorOffset(), d = m.degToRad(c), g = Math.sin(d), f = -Math.cos(d), C = i / 2, S = s / 2;
+    const c = this.rotateAnchorAngle(), u = this.rotateAnchorOffset(), d = m.degToRad(c), g = Math.sin(d), f = -Math.cos(d), S = i / 2, C = s / 2;
     let y = 1 / 0;
-    f < 0 ? y = Math.min(y, -S / f) : f > 0 && (y = Math.min(y, (s - S) / f)), g < 0 ? y = Math.min(y, -C / g) : g > 0 && (y = Math.min(y, (i - C) / g));
-    const _ = C + g * y, v = S + f * y, b = m._sign(s);
+    f < 0 ? y = Math.min(y, -C / f) : f > 0 && (y = Math.min(y, (s - C) / f)), g < 0 ? y = Math.min(y, -S / g) : g > 0 && (y = Math.min(y, (i - S) / g));
+    const _ = S + g * y, v = C + f * y, b = m._sign(s);
     this._batchChangeChild(".rotater", {
       x: _ + g * u * b,
       y: v + f * u * b - a * f,
@@ -6656,13 +6656,13 @@ class H extends Ot {
       stroke: this.borderStroke(),
       strokeWidth: this.borderStrokeWidth(),
       dash: this.borderDash(),
-      draggable: this.nodes().some((T) => T.draggable()),
+      draggable: this.nodes().some((w) => w.draggable()),
       x: 0,
       y: 0
     });
     const E = this.anchorStyleFunc();
-    E && l.forEach((T) => {
-      E(T);
+    E && l.forEach((w) => {
+      E(w);
     }), (t = this.getLayer()) === null || t === void 0 || t.batchDraw();
   }
   isTransforming() {
@@ -6697,29 +6697,29 @@ function Xn(o) {
 H.prototype.className = "Transformer";
 tt(H);
 p.addGetterSetter(H, "enabledAnchors", fe, Xn);
-p.addGetterSetter(H, "flipEnabled", !0, ct());
+p.addGetterSetter(H, "flipEnabled", !0, dt());
 p.addGetterSetter(H, "resizeEnabled", !0);
-p.addGetterSetter(H, "anchorSize", 10, A());
+p.addGetterSetter(H, "anchorSize", 10, P());
 p.addGetterSetter(H, "rotateEnabled", !0);
 p.addGetterSetter(H, "rotateLineVisible", !0);
 p.addGetterSetter(H, "rotationSnaps", []);
-p.addGetterSetter(H, "rotateAnchorOffset", 50, A());
-p.addGetterSetter(H, "rotateAnchorAngle", 0, A());
+p.addGetterSetter(H, "rotateAnchorOffset", 50, P());
+p.addGetterSetter(H, "rotateAnchorAngle", 0, P());
 p.addGetterSetter(H, "rotateAnchorCursor", "crosshair");
-p.addGetterSetter(H, "rotationSnapTolerance", 5, A());
+p.addGetterSetter(H, "rotationSnapTolerance", 5, P());
 p.addGetterSetter(H, "borderEnabled", !0);
 p.addGetterSetter(H, "anchorStroke", "rgb(0, 161, 255)");
-p.addGetterSetter(H, "anchorStrokeWidth", 1, A());
+p.addGetterSetter(H, "anchorStrokeWidth", 1, P());
 p.addGetterSetter(H, "anchorFill", "white");
-p.addGetterSetter(H, "anchorCornerRadius", 0, A());
+p.addGetterSetter(H, "anchorCornerRadius", 0, P());
 p.addGetterSetter(H, "borderStroke", "rgb(0, 161, 255)");
-p.addGetterSetter(H, "borderStrokeWidth", 1, A());
+p.addGetterSetter(H, "borderStrokeWidth", 1, P());
 p.addGetterSetter(H, "borderDash");
 p.addGetterSetter(H, "keepRatio", !0);
 p.addGetterSetter(H, "shiftBehavior", "default");
 p.addGetterSetter(H, "centeredScaling", !1);
 p.addGetterSetter(H, "ignoreStroke", !1);
-p.addGetterSetter(H, "padding", 0, A());
+p.addGetterSetter(H, "padding", 0, P());
 p.addGetterSetter(H, "nodes");
 p.addGetterSetter(H, "node");
 p.addGetterSetter(H, "boundBoxFunc");
@@ -6732,9 +6732,9 @@ p.backCompat(H, {
   rotateHandlerOffset: "rotateAnchorOffset",
   enabledHandlers: "enabledAnchors"
 });
-class yt extends w {
+class yt extends x {
   _sceneFunc(t) {
-    t.beginPath(), t.arc(0, 0, this.radius(), 0, P.getAngle(this.angle()), this.clockwise()), t.lineTo(0, 0), t.closePath(), t.fillStrokeShape(this);
+    t.beginPath(), t.arc(0, 0, this.radius(), 0, A.getAngle(this.angle()), this.clockwise()), t.lineTo(0, 0), t.closePath(), t.fillStrokeShape(this);
   }
   getWidth() {
     return this.radius() * 2;
@@ -6753,8 +6753,8 @@ yt.prototype.className = "Wedge";
 yt.prototype._centroid = !0;
 yt.prototype._attrsAffectingSize = ["radius"];
 tt(yt);
-p.addGetterSetter(yt, "radius", 0, A());
-p.addGetterSetter(yt, "angle", 0, A());
+p.addGetterSetter(yt, "radius", 0, P());
+p.addGetterSetter(yt, "angle", 0, P());
 p.addGetterSetter(yt, "clockwise", !1);
 p.backCompat(yt, {
   angleDeg: "angle",
@@ -6764,7 +6764,7 @@ p.backCompat(yt, {
 function mi() {
   this.r = 0, this.g = 0, this.b = 0, this.a = 0, this.next = null;
 }
-const Un = [
+const Vn = [
   512,
   512,
   456,
@@ -7020,7 +7020,7 @@ const Un = [
   263,
   261,
   259
-], Vn = [
+], Un = [
   9,
   11,
   12,
@@ -7279,60 +7279,60 @@ const Un = [
 ];
 function Yn(o, t) {
   const e = o.data, i = o.width, s = o.height;
-  let n, r, a, h, l, c, u, d, g, f, C, S, y, _, v, b, E, T, L, R;
-  const I = t + t + 1, G = i - 1, W = s - 1, B = t + 1, X = B * (B + 1) / 2, z = new mi(), F = Un[t], D = Vn[t];
+  let n, r, a, h, l, c, u, d, g, f, S, C, y, _, v, b, E, w, L, R;
+  const I = t + t + 1, G = i - 1, W = s - 1, B = t + 1, X = B * (B + 1) / 2, z = new mi(), F = Vn[t], D = Un[t];
   let q = null, O = z, Y = null, it = null;
-  for (let V = 1; V < I; V++)
-    O = O.next = new mi(), V === B && (q = O);
+  for (let U = 1; U < I; U++)
+    O = O.next = new mi(), U === B && (q = O);
   O.next = z, a = r = 0;
-  for (let V = 0; V < s; V++) {
-    S = y = _ = v = h = l = c = u = 0, d = B * (b = e[r]), g = B * (E = e[r + 1]), f = B * (T = e[r + 2]), C = B * (L = e[r + 3]), h += X * b, l += X * E, c += X * T, u += X * L, O = z;
+  for (let U = 0; U < s; U++) {
+    C = y = _ = v = h = l = c = u = 0, d = B * (b = e[r]), g = B * (E = e[r + 1]), f = B * (w = e[r + 2]), S = B * (L = e[r + 3]), h += X * b, l += X * E, c += X * w, u += X * L, O = z;
     for (let et = 0; et < B; et++)
-      O.r = b, O.g = E, O.b = T, O.a = L, O = O.next;
+      O.r = b, O.g = E, O.b = w, O.a = L, O = O.next;
     for (let et = 1; et < B; et++)
-      n = r + ((G < et ? G : et) << 2), h += (O.r = b = e[n]) * (R = B - et), l += (O.g = E = e[n + 1]) * R, c += (O.b = T = e[n + 2]) * R, u += (O.a = L = e[n + 3]) * R, S += b, y += E, _ += T, v += L, O = O.next;
+      n = r + ((G < et ? G : et) << 2), h += (O.r = b = e[n]) * (R = B - et), l += (O.g = E = e[n + 1]) * R, c += (O.b = w = e[n + 2]) * R, u += (O.a = L = e[n + 3]) * R, C += b, y += E, _ += w, v += L, O = O.next;
     Y = z, it = q;
     for (let et = 0; et < i; et++)
-      e[r + 3] = L = u * F >> D, L !== 0 ? (L = 255 / L, e[r] = (h * F >> D) * L, e[r + 1] = (l * F >> D) * L, e[r + 2] = (c * F >> D) * L) : e[r] = e[r + 1] = e[r + 2] = 0, h -= d, l -= g, c -= f, u -= C, d -= Y.r, g -= Y.g, f -= Y.b, C -= Y.a, n = a + ((n = et + t + 1) < G ? n : G) << 2, S += Y.r = e[n], y += Y.g = e[n + 1], _ += Y.b = e[n + 2], v += Y.a = e[n + 3], h += S, l += y, c += _, u += v, Y = Y.next, d += b = it.r, g += E = it.g, f += T = it.b, C += L = it.a, S -= b, y -= E, _ -= T, v -= L, it = it.next, r += 4;
+      e[r + 3] = L = u * F >> D, L !== 0 ? (L = 255 / L, e[r] = (h * F >> D) * L, e[r + 1] = (l * F >> D) * L, e[r + 2] = (c * F >> D) * L) : e[r] = e[r + 1] = e[r + 2] = 0, h -= d, l -= g, c -= f, u -= S, d -= Y.r, g -= Y.g, f -= Y.b, S -= Y.a, n = a + ((n = et + t + 1) < G ? n : G) << 2, C += Y.r = e[n], y += Y.g = e[n + 1], _ += Y.b = e[n + 2], v += Y.a = e[n + 3], h += C, l += y, c += _, u += v, Y = Y.next, d += b = it.r, g += E = it.g, f += w = it.b, S += L = it.a, C -= b, y -= E, _ -= w, v -= L, it = it.next, r += 4;
     a += i;
   }
-  for (let V = 0; V < i; V++) {
-    y = _ = v = S = l = c = u = h = 0, r = V << 2, d = B * (b = e[r]), g = B * (E = e[r + 1]), f = B * (T = e[r + 2]), C = B * (L = e[r + 3]), h += X * b, l += X * E, c += X * T, u += X * L, O = z;
+  for (let U = 0; U < i; U++) {
+    y = _ = v = C = l = c = u = h = 0, r = U << 2, d = B * (b = e[r]), g = B * (E = e[r + 1]), f = B * (w = e[r + 2]), S = B * (L = e[r + 3]), h += X * b, l += X * E, c += X * w, u += X * L, O = z;
     for (let rt = 0; rt < B; rt++)
-      O.r = b, O.g = E, O.b = T, O.a = L, O = O.next;
+      O.r = b, O.g = E, O.b = w, O.a = L, O = O.next;
     let et = i;
     for (let rt = 1; rt <= t; rt++)
-      r = et + V << 2, h += (O.r = b = e[r]) * (R = B - rt), l += (O.g = E = e[r + 1]) * R, c += (O.b = T = e[r + 2]) * R, u += (O.a = L = e[r + 3]) * R, S += b, y += E, _ += T, v += L, O = O.next, rt < W && (et += i);
-    r = V, Y = z, it = q;
+      r = et + U << 2, h += (O.r = b = e[r]) * (R = B - rt), l += (O.g = E = e[r + 1]) * R, c += (O.b = w = e[r + 2]) * R, u += (O.a = L = e[r + 3]) * R, C += b, y += E, _ += w, v += L, O = O.next, rt < W && (et += i);
+    r = U, Y = z, it = q;
     for (let rt = 0; rt < s; rt++)
-      n = r << 2, e[n + 3] = L = u * F >> D, L > 0 ? (L = 255 / L, e[n] = (h * F >> D) * L, e[n + 1] = (l * F >> D) * L, e[n + 2] = (c * F >> D) * L) : e[n] = e[n + 1] = e[n + 2] = 0, h -= d, l -= g, c -= f, u -= C, d -= Y.r, g -= Y.g, f -= Y.b, C -= Y.a, n = V + ((n = rt + B) < W ? n : W) * i << 2, h += S += Y.r = e[n], l += y += Y.g = e[n + 1], c += _ += Y.b = e[n + 2], u += v += Y.a = e[n + 3], Y = Y.next, d += b = it.r, g += E = it.g, f += T = it.b, C += L = it.a, S -= b, y -= E, _ -= T, v -= L, it = it.next, r += i;
+      n = r << 2, e[n + 3] = L = u * F >> D, L > 0 ? (L = 255 / L, e[n] = (h * F >> D) * L, e[n + 1] = (l * F >> D) * L, e[n + 2] = (c * F >> D) * L) : e[n] = e[n + 1] = e[n + 2] = 0, h -= d, l -= g, c -= f, u -= S, d -= Y.r, g -= Y.g, f -= Y.b, S -= Y.a, n = U + ((n = rt + B) < W ? n : W) * i << 2, h += C += Y.r = e[n], l += y += Y.g = e[n + 1], c += _ += Y.b = e[n + 2], u += v += Y.a = e[n + 3], Y = Y.next, d += b = it.r, g += E = it.g, f += w = it.b, S += L = it.a, C -= b, y -= E, _ -= w, v -= L, it = it.next, r += i;
   }
 }
 const jn = function(t) {
   const e = Math.round(this.blurRadius());
   e > 0 && Yn(t, e);
 };
-p.addGetterSetter(k, "blurRadius", 0, A(), p.afterSetFilter);
+p.addGetterSetter(k, "blurRadius", 0, P(), p.afterSetFilter);
 const qn = function(o) {
   const t = this.brightness() * 255, e = o.data, i = e.length;
   for (let s = 0; s < i; s += 4)
     e[s] += t, e[s + 1] += t, e[s + 2] += t;
 };
-p.addGetterSetter(k, "brightness", 0, A(), p.afterSetFilter);
+p.addGetterSetter(k, "brightness", 0, P(), p.afterSetFilter);
 const $n = function(o) {
   const t = this.brightness(), e = o.data, i = e.length;
   for (let s = 0; s < i; s += 4)
     e[s] = Math.min(255, e[s] * t), e[s + 1] = Math.min(255, e[s + 1] * t), e[s + 2] = Math.min(255, e[s + 2] * t);
-}, Kn = function(o) {
+}, Zn = function(o) {
   const t = Math.pow((this.contrast() + 100) / 100, 2), e = o.data, i = e.length;
   let s = 150, n = 150, r = 150;
   for (let a = 0; a < i; a += 4)
     s = e[a], n = e[a + 1], r = e[a + 2], s /= 255, s -= 0.5, s *= t, s += 0.5, s *= 255, n /= 255, n -= 0.5, n *= t, n += 0.5, n *= 255, r /= 255, r -= 0.5, r *= t, r += 0.5, r *= 255, s = s < 0 ? 0 : s > 255 ? 255 : s, n = n < 0 ? 0 : n > 255 ? 255 : n, r = r < 0 ? 0 : r > 255 ? 255 : r, e[a] = s, e[a + 1] = n, e[a + 2] = r;
 };
-p.addGetterSetter(k, "contrast", 0, A(), p.afterSetFilter);
-const Zn = function(o) {
+p.addGetterSetter(k, "contrast", 0, P(), p.afterSetFilter);
+const Kn = function(o) {
   var t, e, i, s, n, r, a, h, l;
-  const c = o.data, u = o.width, d = o.height, g = Math.min(1, Math.max(0, (e = (t = this.embossStrength) === null || t === void 0 ? void 0 : t.call(this)) !== null && e !== void 0 ? e : 0.5)), f = Math.min(1, Math.max(0, (s = (i = this.embossWhiteLevel) === null || i === void 0 ? void 0 : i.call(this)) !== null && s !== void 0 ? s : 0.5)), S = (a = {
+  const c = o.data, u = o.width, d = o.height, g = Math.min(1, Math.max(0, (e = (t = this.embossStrength) === null || t === void 0 ? void 0 : t.call(this)) !== null && e !== void 0 ? e : 0.5)), f = Math.min(1, Math.max(0, (s = (i = this.embossWhiteLevel) === null || i === void 0 ? void 0 : i.call(this)) !== null && s !== void 0 ? s : 0.5)), C = (a = {
     "top-left": 315,
     top: 270,
     "top-right": 225,
@@ -7341,7 +7341,7 @@ const Zn = function(o) {
     bottom: 90,
     "bottom-left": 45,
     left: 0
-  }[(r = (n = this.embossDirection) === null || n === void 0 ? void 0 : n.call(this)) !== null && r !== void 0 ? r : "top-left"]) !== null && a !== void 0 ? a : 315, y = !!((l = (h = this.embossBlend) === null || h === void 0 ? void 0 : h.call(this)) !== null && l !== void 0 && l), _ = g * 10, v = f * 255, b = S * Math.PI / 180, E = Math.cos(b), T = Math.sin(b), L = 128 / 1020 * _, R = new Uint8ClampedArray(c), I = new Float32Array(u * d);
+  }[(r = (n = this.embossDirection) === null || n === void 0 ? void 0 : n.call(this)) !== null && r !== void 0 ? r : "top-left"]) !== null && a !== void 0 ? a : 315, y = !!((l = (h = this.embossBlend) === null || h === void 0 ? void 0 : h.call(this)) !== null && l !== void 0 && l), _ = g * 10, v = f * 255, b = C * Math.PI / 180, E = Math.cos(b), w = Math.sin(b), L = 128 / 1020 * _, R = new Uint8ClampedArray(c), I = new Float32Array(u * d);
   for (let z = 0, F = 0; F < c.length; F += 4, z++)
     I[z] = 0.2126 * R[F] + 0.7152 * R[F + 1] + 0.0722 * R[F + 2];
   const G = [-1, 0, 1, -2, 0, 2, -1, 0, 1], W = [-1, -2, -1, 0, 0, 0, 1, 2, 1], B = [-u - 1, -u, -u + 1, -1, 0, 1, u - 1, u, u + 1], X = (z) => z < 0 ? 0 : z > 255 ? 255 : z;
@@ -7350,12 +7350,12 @@ const Zn = function(o) {
       const D = z * u + F;
       let q = 0, O = 0;
       q += I[D + B[0]] * G[0], O += I[D + B[0]] * W[0], q += I[D + B[1]] * G[1], O += I[D + B[1]] * W[1], q += I[D + B[2]] * G[2], O += I[D + B[2]] * W[2], q += I[D + B[3]] * G[3], O += I[D + B[3]] * W[3], q += I[D + B[5]] * G[5], O += I[D + B[5]] * W[5], q += I[D + B[6]] * G[6], O += I[D + B[6]] * W[6], q += I[D + B[7]] * G[7], O += I[D + B[7]] * W[7], q += I[D + B[8]] * G[8], O += I[D + B[8]] * W[8];
-      const Y = E * q + T * O, it = X(v + Y * L), V = D * 4;
+      const Y = E * q + w * O, it = X(v + Y * L), U = D * 4;
       if (y) {
         const et = it - v;
-        c[V] = X(R[V] + et), c[V + 1] = X(R[V + 1] + et), c[V + 2] = X(R[V + 2] + et), c[V + 3] = R[V + 3];
+        c[U] = X(R[U] + et), c[U + 1] = X(R[U + 1] + et), c[U + 2] = X(R[U + 2] + et), c[U + 3] = R[U + 3];
       } else
-        c[V] = c[V + 1] = c[V + 2] = it, c[V + 3] = R[V + 3];
+        c[U] = c[U + 1] = c[U + 2] = it, c[U + 3] = R[U + 3];
     }
   for (let z = 0; z < u; z++) {
     let F = z * 4, D = ((d - 1) * u + z) * 4;
@@ -7367,11 +7367,11 @@ const Zn = function(o) {
   }
   return o;
 };
-p.addGetterSetter(k, "embossStrength", 0.5, A(), p.afterSetFilter);
-p.addGetterSetter(k, "embossWhiteLevel", 0.5, A(), p.afterSetFilter);
+p.addGetterSetter(k, "embossStrength", 0.5, P(), p.afterSetFilter);
+p.addGetterSetter(k, "embossWhiteLevel", 0.5, P(), p.afterSetFilter);
 p.addGetterSetter(k, "embossDirection", "top-left", void 0, p.afterSetFilter);
 p.addGetterSetter(k, "embossBlend", !1, void 0, p.afterSetFilter);
-function xe(o, t, e, i, s) {
+function we(o, t, e, i, s) {
   const n = e - t, r = s - i;
   if (n === 0)
     return i + r / 2;
@@ -7389,21 +7389,21 @@ const Jn = function(o) {
   for (let v = 0; v < e; v += 4)
     n = t[v + 0], n < i ? i = n : n > s && (s = n), h = t[v + 1], h < r ? r = h : h > a && (a = h), u = t[v + 2], u < l ? l = u : u > c && (c = u);
   s === i && (s = 255, i = 0), a === r && (a = 255, r = 0), c === l && (c = 255, l = 0);
-  let g, f, C, S, y, _;
+  let g, f, S, C, y, _;
   if (d > 0)
-    g = s + d * (255 - s), f = i - d * (i - 0), C = a + d * (255 - a), S = r - d * (r - 0), y = c + d * (255 - c), _ = l - d * (l - 0);
+    g = s + d * (255 - s), f = i - d * (i - 0), S = a + d * (255 - a), C = r - d * (r - 0), y = c + d * (255 - c), _ = l - d * (l - 0);
   else {
     const v = (s + i) * 0.5;
     g = s + d * (s - v), f = i + d * (i - v);
     const b = (a + r) * 0.5;
-    C = a + d * (a - b), S = r + d * (r - b);
+    S = a + d * (a - b), C = r + d * (r - b);
     const E = (c + l) * 0.5;
     y = c + d * (c - E), _ = l + d * (l - E);
   }
   for (let v = 0; v < e; v += 4)
-    t[v + 0] = xe(t[v + 0], i, s, f, g), t[v + 1] = xe(t[v + 1], r, a, S, C), t[v + 2] = xe(t[v + 2], l, c, _, y);
+    t[v + 0] = we(t[v + 0], i, s, f, g), t[v + 1] = we(t[v + 1], r, a, C, S), t[v + 2] = we(t[v + 2], l, c, _, y);
 };
-p.addGetterSetter(k, "enhance", 0, A(), p.afterSetFilter);
+p.addGetterSetter(k, "enhance", 0, P(), p.afterSetFilter);
 const Qn = function(o) {
   const t = o.data, e = t.length;
   for (let i = 0; i < e; i += 4) {
@@ -7411,24 +7411,24 @@ const Qn = function(o) {
     t[i] = s, t[i + 1] = s, t[i + 2] = s;
   }
 };
-p.addGetterSetter(k, "hue", 0, A(), p.afterSetFilter);
-p.addGetterSetter(k, "saturation", 0, A(), p.afterSetFilter);
-p.addGetterSetter(k, "luminance", 0, A(), p.afterSetFilter);
+p.addGetterSetter(k, "hue", 0, P(), p.afterSetFilter);
+p.addGetterSetter(k, "saturation", 0, P(), p.afterSetFilter);
+p.addGetterSetter(k, "luminance", 0, P(), p.afterSetFilter);
 const tr = function(o) {
-  const t = o.data, e = t.length, i = 1, s = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, r = this.luminance() * 127, a = i * s * Math.cos(n * Math.PI / 180), h = i * s * Math.sin(n * Math.PI / 180), l = 0.299 * i + 0.701 * a + 0.167 * h, c = 0.587 * i - 0.587 * a + 0.33 * h, u = 0.114 * i - 0.114 * a - 0.497 * h, d = 0.299 * i - 0.299 * a - 0.328 * h, g = 0.587 * i + 0.413 * a + 0.035 * h, f = 0.114 * i - 0.114 * a + 0.293 * h, C = 0.299 * i - 0.3 * a + 1.25 * h, S = 0.587 * i - 0.586 * a - 1.05 * h, y = 0.114 * i + 0.886 * a - 0.2 * h;
+  const t = o.data, e = t.length, i = 1, s = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, r = this.luminance() * 127, a = i * s * Math.cos(n * Math.PI / 180), h = i * s * Math.sin(n * Math.PI / 180), l = 0.299 * i + 0.701 * a + 0.167 * h, c = 0.587 * i - 0.587 * a + 0.33 * h, u = 0.114 * i - 0.114 * a - 0.497 * h, d = 0.299 * i - 0.299 * a - 0.328 * h, g = 0.587 * i + 0.413 * a + 0.035 * h, f = 0.114 * i - 0.114 * a + 0.293 * h, S = 0.299 * i - 0.3 * a + 1.25 * h, C = 0.587 * i - 0.586 * a - 1.05 * h, y = 0.114 * i + 0.886 * a - 0.2 * h;
   let _, v, b, E;
-  for (let T = 0; T < e; T += 4)
-    _ = t[T + 0], v = t[T + 1], b = t[T + 2], E = t[T + 3], t[T + 0] = l * _ + c * v + u * b + r, t[T + 1] = d * _ + g * v + f * b + r, t[T + 2] = C * _ + S * v + y * b + r, t[T + 3] = E;
+  for (let w = 0; w < e; w += 4)
+    _ = t[w + 0], v = t[w + 1], b = t[w + 2], E = t[w + 3], t[w + 0] = l * _ + c * v + u * b + r, t[w + 1] = d * _ + g * v + f * b + r, t[w + 2] = S * _ + C * v + y * b + r, t[w + 3] = E;
 }, er = function(o) {
-  const t = o.data, e = t.length, i = Math.pow(2, this.value()), s = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, r = i * s * Math.cos(n * Math.PI / 180), a = i * s * Math.sin(n * Math.PI / 180), h = 0.299 * i + 0.701 * r + 0.167 * a, l = 0.587 * i - 0.587 * r + 0.33 * a, c = 0.114 * i - 0.114 * r - 0.497 * a, u = 0.299 * i - 0.299 * r - 0.328 * a, d = 0.587 * i + 0.413 * r + 0.035 * a, g = 0.114 * i - 0.114 * r + 0.293 * a, f = 0.299 * i - 0.3 * r + 1.25 * a, C = 0.587 * i - 0.586 * r - 1.05 * a, S = 0.114 * i + 0.886 * r - 0.2 * a;
+  const t = o.data, e = t.length, i = Math.pow(2, this.value()), s = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, r = i * s * Math.cos(n * Math.PI / 180), a = i * s * Math.sin(n * Math.PI / 180), h = 0.299 * i + 0.701 * r + 0.167 * a, l = 0.587 * i - 0.587 * r + 0.33 * a, c = 0.114 * i - 0.114 * r - 0.497 * a, u = 0.299 * i - 0.299 * r - 0.328 * a, d = 0.587 * i + 0.413 * r + 0.035 * a, g = 0.114 * i - 0.114 * r + 0.293 * a, f = 0.299 * i - 0.3 * r + 1.25 * a, S = 0.587 * i - 0.586 * r - 1.05 * a, C = 0.114 * i + 0.886 * r - 0.2 * a;
   for (let y = 0; y < e; y += 4) {
     const _ = t[y + 0], v = t[y + 1], b = t[y + 2], E = t[y + 3];
-    t[y + 0] = h * _ + l * v + c * b, t[y + 1] = u * _ + d * v + g * b, t[y + 2] = f * _ + C * v + S * b, t[y + 3] = E;
+    t[y + 0] = h * _ + l * v + c * b, t[y + 1] = u * _ + d * v + g * b, t[y + 2] = f * _ + S * v + C * b, t[y + 3] = E;
   }
 };
-p.addGetterSetter(k, "hue", 0, A(), p.afterSetFilter);
-p.addGetterSetter(k, "saturation", 0, A(), p.afterSetFilter);
-p.addGetterSetter(k, "value", 0, A(), p.afterSetFilter);
+p.addGetterSetter(k, "hue", 0, P(), p.afterSetFilter);
+p.addGetterSetter(k, "saturation", 0, P(), p.afterSetFilter);
+p.addGetterSetter(k, "value", 0, P(), p.afterSetFilter);
 const ir = function(o) {
   const t = o.data, e = t.length;
   for (let i = 0; i < e; i += 4)
@@ -7438,14 +7438,14 @@ const ir = function(o) {
   let l = Math.sqrt(a * a + h * h), c = n - a, u = r - h;
   const d = Math.sqrt(c * c + u * u);
   l = d > l ? d : l;
-  const g = r, f = n, C = 360 / f * Math.PI / 180;
-  for (let S = 0; S < f; S += 1) {
-    const y = Math.sin(S * C), _ = Math.cos(S * C);
+  const g = r, f = n, S = 360 / f * Math.PI / 180;
+  for (let C = 0; C < f; C += 1) {
+    const y = Math.sin(C * S), _ = Math.cos(C * S);
     for (let v = 0; v < g; v += 1) {
       c = Math.floor(a + l * v / g * _), u = Math.floor(h + l * v / g * y);
       let b = (u * n + c) * 4;
-      const E = i[b + 0], T = i[b + 1], L = i[b + 2], R = i[b + 3];
-      b = (S + v * n) * 4, s[b + 0] = E, s[b + 1] = T, s[b + 2] = L, s[b + 3] = R;
+      const E = i[b + 0], w = i[b + 1], L = i[b + 2], R = i[b + 3];
+      b = (C + v * n) * 4, s[b + 0] = E, s[b + 1] = w, s[b + 2] = L, s[b + 3] = R;
     }
   }
 }, nr = function(o, t, e) {
@@ -7453,27 +7453,27 @@ const ir = function(o) {
   let l = Math.sqrt(a * a + h * h), c = n - a, u = r - h;
   const d = Math.sqrt(c * c + u * u);
   l = d > l ? d : l;
-  const g = r, f = n, C = 0;
-  let S, y;
+  const g = r, f = n, S = 0;
+  let C, y;
   for (c = 0; c < n; c += 1)
     for (u = 0; u < r; u += 1) {
       const _ = c - a, v = u - h, b = Math.sqrt(_ * _ + v * v) * g / l;
-      let E = (Math.atan2(v, _) * 180 / Math.PI + 360 + C) % 360;
-      E = E * f / 360, S = Math.floor(E), y = Math.floor(b);
-      let T = (y * n + S) * 4;
-      const L = i[T + 0], R = i[T + 1], I = i[T + 2], G = i[T + 3];
-      T = (u * n + c) * 4, s[T + 0] = L, s[T + 1] = R, s[T + 2] = I, s[T + 3] = G;
+      let E = (Math.atan2(v, _) * 180 / Math.PI + 360 + S) % 360;
+      E = E * f / 360, C = Math.floor(E), y = Math.floor(b);
+      let w = (y * n + C) * 4;
+      const L = i[w + 0], R = i[w + 1], I = i[w + 2], G = i[w + 3];
+      w = (u * n + c) * 4, s[w + 0] = L, s[w + 1] = R, s[w + 2] = I, s[w + 3] = G;
     }
 }, rr = function(o) {
   const t = o.width, e = o.height;
   let i, s, n, r, a, h, l, c, u, d, g = Math.round(this.kaleidoscopePower());
-  const f = Math.round(this.kaleidoscopeAngle()), C = Math.floor(t * (f % 360) / 360);
+  const f = Math.round(this.kaleidoscopeAngle()), S = Math.floor(t * (f % 360) / 360);
   if (g < 1)
     return;
-  const S = m.createCanvasElement();
-  S.width = t, S.height = e;
-  const y = S.getContext("2d").getImageData(0, 0, t, e);
-  m.releaseCanvas(S), sr(o, y, {
+  const C = m.createCanvasElement();
+  C.width = t, C.height = e;
+  const y = C.getContext("2d").getImageData(0, 0, t, e);
+  m.releaseCanvas(C), sr(o, y, {
     polarCenterX: t / 2,
     polarCenterY: e / 2
   });
@@ -7481,10 +7481,10 @@ const ir = function(o) {
   for (; _ <= 8; )
     _ = _ * 2, g -= 1;
   _ = Math.ceil(_);
-  let v = _, b = 0, E = v, T = 1;
-  for (C + _ > t && (b = v, E = 0, T = -1), s = 0; s < e; s += 1)
-    for (i = b; i !== E; i += T)
-      n = Math.round(i + C) % t, u = (t * s + n) * 4, a = y.data[u + 0], h = y.data[u + 1], l = y.data[u + 2], c = y.data[u + 3], d = (t * s + i) * 4, y.data[d + 0] = a, y.data[d + 1] = h, y.data[d + 2] = l, y.data[d + 3] = c;
+  let v = _, b = 0, E = v, w = 1;
+  for (S + _ > t && (b = v, E = 0, w = -1), s = 0; s < e; s += 1)
+    for (i = b; i !== E; i += w)
+      n = Math.round(i + S) % t, u = (t * s + n) * 4, a = y.data[u + 0], h = y.data[u + 1], l = y.data[u + 2], c = y.data[u + 3], d = (t * s + i) * 4, y.data[d + 0] = a, y.data[d + 1] = h, y.data[d + 2] = l, y.data[d + 3] = c;
   for (s = 0; s < e; s += 1)
     for (v = Math.floor(_), r = 0; r < g; r += 1) {
       for (i = 0; i < v + 1; i += 1)
@@ -7493,8 +7493,8 @@ const ir = function(o) {
     }
   nr(y, o, {});
 };
-p.addGetterSetter(k, "kaleidoscopePower", 2, A(), p.afterSetFilter);
-p.addGetterSetter(k, "kaleidoscopeAngle", 0, A(), p.afterSetFilter);
+p.addGetterSetter(k, "kaleidoscopePower", 2, P(), p.afterSetFilter);
+p.addGetterSetter(k, "kaleidoscopeAngle", 0, P(), p.afterSetFilter);
 function ce(o, t, e) {
   let i = (e * o.width + t) * 4;
   const s = [];
@@ -7538,8 +7538,8 @@ function lr(o, t, e) {
         for (let d = 0; d < s; d++) {
           const g = a + u - n, f = h + d - n;
           if (g >= 0 && g < e && f >= 0 && f < t) {
-            const C = g * t + f, S = i[u * s + d];
-            c += o[C] * S;
+            const S = g * t + f, C = i[u * s + d];
+            c += o[S] * C;
           }
         }
       r[l] = c === 255 * 8 ? 255 : 0;
@@ -7556,8 +7556,8 @@ function cr(o, t, e) {
         for (let d = 0; d < s; d++) {
           const g = a + u - n, f = h + d - n;
           if (g >= 0 && g < e && f >= 0 && f < t) {
-            const C = g * t + f, S = i[u * s + d];
-            c += o[C] * S;
+            const S = g * t + f, C = i[u * s + d];
+            c += o[S] * C;
           }
         }
       r[l] = c >= 255 * 4 ? 255 : 0;
@@ -7584,8 +7584,8 @@ function dr(o, t, e) {
         for (let d = 0; d < s; d++) {
           const g = a + u - n, f = h + d - n;
           if (g >= 0 && g < e && f >= 0 && f < t) {
-            const C = g * t + f, S = i[u * s + d];
-            c += o[C] * S;
+            const S = g * t + f, C = i[u * s + d];
+            c += o[S] * C;
           }
         }
       r[l] = c;
@@ -7597,13 +7597,13 @@ const ur = function(o) {
   let e = or(o, t);
   return e && (e = lr(e, o.width, o.height), e = cr(e, o.width, o.height), e = dr(e, o.width, o.height), hr(o, e)), o;
 };
-p.addGetterSetter(k, "threshold", 0, A(), p.afterSetFilter);
+p.addGetterSetter(k, "threshold", 0, P(), p.afterSetFilter);
 const fr = function(o) {
   const t = this.noise() * 255, e = o.data, i = e.length, s = t / 2;
   for (let n = 0; n < i; n += 4)
     e[n + 0] += s - 2 * s * Math.random(), e[n + 1] += s - 2 * s * Math.random(), e[n + 2] += s - 2 * s * Math.random();
 };
-p.addGetterSetter(k, "noise", 0.2, A(), p.afterSetFilter);
+p.addGetterSetter(k, "noise", 0.2, P(), p.afterSetFilter);
 const gr = function(o) {
   let t = Math.ceil(this.pixelSize()), e = o.width, i = o.height, s = Math.ceil(e / t), n = Math.ceil(i / t), r = o.data;
   if (t <= 0) {
@@ -7613,11 +7613,11 @@ const gr = function(o) {
   for (let a = 0; a < s; a += 1)
     for (let h = 0; h < n; h += 1) {
       let l = 0, c = 0, u = 0, d = 0;
-      const g = a * t, f = g + t, C = h * t, S = C + t;
+      const g = a * t, f = g + t, S = h * t, C = S + t;
       let y = 0;
       for (let _ = g; _ < f; _ += 1)
         if (!(_ >= e))
-          for (let v = C; v < S; v += 1) {
+          for (let v = S; v < C; v += 1) {
             if (v >= i)
               continue;
             const b = (e * v + _) * 4;
@@ -7626,7 +7626,7 @@ const gr = function(o) {
       l = l / y, c = c / y, u = u / y, d = d / y;
       for (let _ = g; _ < f; _ += 1)
         if (!(_ >= e))
-          for (let v = C; v < S; v += 1) {
+          for (let v = S; v < C; v += 1) {
             if (v >= i)
               continue;
             const b = (e * v + _) * 4;
@@ -7634,13 +7634,13 @@ const gr = function(o) {
           }
     }
 };
-p.addGetterSetter(k, "pixelSize", 8, A(), p.afterSetFilter);
+p.addGetterSetter(k, "pixelSize", 8, P(), p.afterSetFilter);
 const pr = function(o) {
   const t = Math.round(this.levels() * 254) + 1, e = o.data, i = e.length, s = 255 / t;
   for (let n = 0; n < i; n += 1)
     e[n] = Math.floor(e[n] / s) * s;
 };
-p.addGetterSetter(k, "levels", 0.5, A(), p.afterSetFilter);
+p.addGetterSetter(k, "levels", 0.5, P(), p.afterSetFilter);
 const mr = function(o) {
   const t = o.data, e = t.length, i = this.red(), s = this.green(), n = this.blue();
   for (let r = 0; r < e; r += 4) {
@@ -7678,35 +7678,35 @@ const _r = function(o) {
     const s = t[i + 0], n = t[i + 1], r = t[i + 2];
     t[i + 0] = Math.min(255, s * 0.393 + n * 0.769 + r * 0.189), t[i + 1] = Math.min(255, s * 0.349 + n * 0.686 + r * 0.168), t[i + 2] = Math.min(255, s * 0.272 + n * 0.534 + r * 0.131);
   }
-}, Cr = function(o) {
+}, Sr = function(o) {
   const e = o.data;
   for (let i = 0; i < e.length; i += 4) {
     const s = e[i], n = e[i + 1], r = e[i + 2];
     0.2126 * s + 0.7152 * n + 0.0722 * r >= 128 && (e[i] = 255 - s, e[i + 1] = 255 - n, e[i + 2] = 255 - r);
   }
   return o;
-}, Sr = function(o) {
+}, Cr = function(o) {
   const t = this.threshold() * 255, e = o.data, i = e.length;
   for (let s = 0; s < i; s += 1)
     e[s] = e[s] < t ? 0 : 255;
 };
-p.addGetterSetter(k, "threshold", 0.5, A(), p.afterSetFilter);
+p.addGetterSetter(k, "threshold", 0.5, P(), p.afterSetFilter);
 const J = ri.Util._assign(ri, {
   Arc: pt,
-  Arrow: Pt,
+  Arrow: Mt,
   Circle: Bt,
-  Ellipse: vt,
-  Image: dt,
+  Ellipse: Tt,
+  Image: ut,
   Label: Xe,
-  Tag: Mt,
+  Tag: Rt,
   Line: mt,
-  Path: K,
+  Path: Z,
   Rect: te,
-  RegularPolygon: Tt,
-  Ring: Rt,
-  Sprite: ut,
+  RegularPolygon: wt,
+  Ring: Lt,
+  Sprite: ft,
   Star: xt,
-  Text: Z,
+  Text: K,
   TextPath: st,
   Transformer: H,
   Wedge: yt,
@@ -7714,8 +7714,8 @@ const J = ri.Util._assign(ri, {
     Blur: jn,
     Brightness: $n,
     Brighten: qn,
-    Contrast: Kn,
-    Emboss: Zn,
+    Contrast: Zn,
+    Emboss: Kn,
     Enhance: Jn,
     Grayscale: Qn,
     HSL: tr,
@@ -7729,8 +7729,8 @@ const J = ri.Util._assign(ri, {
     RGB: mr,
     RGBA: yr,
     Sepia: _r,
-    Solarize: Cr,
-    Threshold: Sr
+    Solarize: Sr,
+    Threshold: Cr
   }
 });
 class M {
@@ -7794,14 +7794,14 @@ class M {
     console.error(`[ERROR] [${t}] ${e}`, i);
   }
 }
-x(M, "debugEnabled", !1), x(M, "moduleDebugEnabled", /* @__PURE__ */ new Map());
-const gt = {
+T(M, "debugEnabled", !1), T(M, "moduleDebugEnabled", /* @__PURE__ */ new Map());
+const ct = {
   MIN: 2,
   MEDIUM: 30,
   MAX: 100
 }, br = {
   DURATION: 300
-}, lt = 15, Gt = 6, nt = class nt {
+}, ot = 15, Ct = 6, nt = class nt {
   /**
    * 创建舞台
    */
@@ -8014,7 +8014,7 @@ const gt = {
    * 创建片段组
    */
   static createClipGroup(t, e, i, s, n, r, a, h = !1, l, c) {
-    const u = this.createGroup(t, e), d = i <= Gt, g = {
+    const u = this.createGroup(t, e), d = i <= Ct, g = {
       ...a,
       background: h && a.clipSelectedBackground || a.clipBackground,
       name: h && a.clipSelectedName || a.clipName,
@@ -8031,12 +8031,12 @@ const gt = {
       0
     );
     if (f.cornerRadius(d ? Math.min(4, Math.floor(i / 2)) : 4), f.name("clip-background"), u.add(f), d) {
-      const C = new J.Rect({ x: 0, y: 0, width: i, height: s, name: "clip-resize-left", listening: !0 });
-      u.add(C);
-      const S = new J.Rect({ x: 0, y: 0, width: i, height: s, name: "clip-resize-right", listening: !0 });
+      const S = new J.Rect({ x: 0, y: 0, width: i, height: s, name: "clip-resize-left", listening: !0 });
       u.add(S);
+      const C = new J.Rect({ x: 0, y: 0, width: i, height: s, name: "clip-resize-right", listening: !0 });
+      u.add(C);
     } else {
-      const S = s - 15 - 4, y = i - this.RESIZE_AREA_WIDTH * 2, _ = new J.Rect({
+      const C = s - 15 - 4, y = i - this.RESIZE_AREA_WIDTH * 2, _ = new J.Rect({
         x: 0,
         y: 0,
         width: this.RESIZE_AREA_WIDTH,
@@ -8053,19 +8053,19 @@ const gt = {
       });
       u.add(v);
       const b = this.createGroup(this.RESIZE_AREA_WIDTH, 2);
-      b.name("clip-cover-container"), b.clip({ x: 0, y: 0, width: y, height: S }), u.add(b);
+      b.name("clip-cover-container"), b.clip({ x: 0, y: 0, width: y, height: C }), u.add(b);
       const E = this.createRect(
         0,
         0,
         y,
-        S,
+        C,
         g.coverBackground,
         "transparent",
         0
       );
       E.cornerRadius(2), E.name("clip-cover-background"), b.add(E);
-      const T = l ?? [], L = this.createGroup(0, 0);
-      L.name("clip-covers-group"), b.add(L), this.renderClipCovers(L, T, y, S, c);
+      const w = l ?? [], L = this.createGroup(0, 0);
+      L.name("clip-covers-group"), b.add(L), this.renderClipCovers(L, w, y, C, c);
       const R = this.formatDuration(r), I = `${n}  ${R}`, G = this.createText(
         I,
         this.RESIZE_AREA_WIDTH,
@@ -8084,13 +8084,13 @@ const gt = {
    * 更新片段组
    */
   static updateClipGroup(t, e, i, s, n, r, a = !1, h, l) {
-    const c = e <= Gt, u = t.findOne(".clip-background");
+    const c = e <= Ct, u = t.findOne(".clip-background");
     if (u && (u.width(e), u.height(i), u.cornerRadius(c ? Math.min(4, Math.floor(e / 2)) : 4), r)) {
-      const T = a && r.clipSelectedBackground || r.clipBackground;
+      const w = a && r.clipSelectedBackground || r.clipBackground;
       new J.Tween({
         node: u,
         duration: 0.2,
-        fill: T,
+        fill: w,
         easing: J.Easings.EaseInOut
       }).play();
     }
@@ -8098,24 +8098,24 @@ const gt = {
     const g = t.findOne(".clip-label");
     if (c) {
       d == null || d.visible(!1), g == null || g.visible(!1);
-      const T = t.findOne(".clip-resize-left"), L = t.findOne(".clip-resize-right");
-      T && L && T.getClassName() === "Rect" && L.getClassName() === "Rect" && (T.width(e), L.x(0), L.width(e));
+      const w = t.findOne(".clip-resize-left"), L = t.findOne(".clip-resize-right");
+      w && L && w.getClassName() === "Rect" && L.getClassName() === "Rect" && (w.width(e), L.x(0), L.width(e));
       return;
     }
     d == null || d.visible(!0), g == null || g.visible(!0);
-    const f = 15, C = i - f - 4, S = e - this.RESIZE_AREA_WIDTH * 2, y = t.findOne(".clip-resize-left"), _ = t.findOne(".clip-resize-right");
+    const f = 15, S = i - f - 4, C = e - this.RESIZE_AREA_WIDTH * 2, y = t.findOne(".clip-resize-left"), _ = t.findOne(".clip-resize-right");
     if (y && (y.x(0), y.width(this.RESIZE_AREA_WIDTH), y.height(i)), _ && (_.x(e - this.RESIZE_AREA_WIDTH), _.width(this.RESIZE_AREA_WIDTH), _.height(i)), d) {
       d.x(this.RESIZE_AREA_WIDTH), d.y(2), d.clip({
         x: 0,
         y: 0,
-        width: S,
-        height: C
+        width: C,
+        height: S
       });
-      const T = d.findOne(".clip-cover-background");
-      if (T && (T.width(S), T.height(C), r)) {
+      const w = d.findOne(".clip-cover-background");
+      if (w && (w.width(C), w.height(S), r)) {
         const L = a ? r.clipSelectedCoverBackground || r.clipCoverBackground || "#FFF2A0" : r.clipCoverBackground || "#FFF2A0";
         new J.Tween({
-          node: T,
+          node: w,
           duration: 0.2,
           fill: L,
           easing: J.Easings.EaseInOut
@@ -8125,15 +8125,15 @@ const gt = {
       d = this.createGroup(this.RESIZE_AREA_WIDTH, 2), d.name("clip-cover-container"), d.clip({
         x: 0,
         y: 0,
-        width: S,
-        height: C
+        width: C,
+        height: S
       }), t.add(d);
-      const T = a ? (r == null ? void 0 : r.clipSelectedCoverBackground) || (r == null ? void 0 : r.clipCoverBackground) || "#FFF2A0" : (r == null ? void 0 : r.clipCoverBackground) || "#FFF2A0", L = this.createRect(
+      const w = a ? (r == null ? void 0 : r.clipSelectedCoverBackground) || (r == null ? void 0 : r.clipCoverBackground) || "#FFF2A0" : (r == null ? void 0 : r.clipCoverBackground) || "#FFF2A0", L = this.createRect(
         0,
         0,
-        S,
         C,
-        T,
+        S,
+        w,
         "transparent",
         0
       );
@@ -8141,24 +8141,24 @@ const gt = {
     }
     const v = h && h.length > 0 ? h : void 0;
     let b = d.findOne(".clip-covers-group");
-    b || (b = this.createGroup(0, 0), b.name("clip-covers-group"), d.add(b)), v && this.renderClipCovers(b, v, S, C, l);
+    b || (b = this.createGroup(0, 0), b.name("clip-covers-group"), d.add(b)), v && this.renderClipCovers(b, v, C, S, l);
     let E = t.findOne(".clip-label");
     if (!E && r) {
-      const T = a && r.clipSelectedName || r.clipName;
+      const w = a && r.clipSelectedName || r.clipName;
       E = this.createText(
         "",
         this.RESIZE_AREA_WIDTH,
         i - f,
         10,
         "Arial",
-        T,
+        w,
         "left",
         "middle"
       ), E.ellipsis(!0), E.name("clip-label"), t.add(E);
     }
     if (E) {
-      const T = this.formatDuration(n);
-      if (E.text(`${s}  ${T}`), E.y(i - f), E.width(S), r) {
+      const w = this.formatDuration(n);
+      if (E.text(`${s}  ${w}`), E.y(i - f), E.width(C), r) {
         const L = a && r.clipSelectedName || r.clipName;
         E.fill(L);
       }
@@ -8207,15 +8207,15 @@ const gt = {
     const u = c.width / c.height, d = s * u, g = u >= 1;
     let f;
     g ? f = Math.min(a, Math.max(1, Math.floor(i / d))) : f = Math.min(a, Math.max(1, Math.floor(i / nt.MIN_IMAGE_DISPLAY_WIDTH)));
-    const C = i / f, S = [];
+    const S = i / f, C = [];
     if (f === 1)
-      S.push(0);
+      C.push(0);
     else
       for (let _ = 0; _ < f; _++)
-        S.push(Math.round(_ * (a - 1) / (f - 1)));
+        C.push(Math.round(_ * (a - 1) / (f - 1)));
     const y = [];
     for (let _ = 0; _ < f; _++) {
-      const v = e[S[_]];
+      const v = e[C[_]];
       let b;
       try {
         b = await nt.getKeyframeDimensions(h, v), (!(b != null && b.width) || !(b != null && b.height)) && (b = l);
@@ -8227,13 +8227,13 @@ const gt = {
         coverUrl: v,
         imgRatio: E,
         singleImageWidth: s * E,
-        segmentStartX: _ * C
+        segmentStartX: _ * S
       });
     }
     if (t.getAttr(nt.COVER_RENDER_VERSION_KEY) === r)
       for (const { coverUrl: _, singleImageWidth: v, segmentStartX: b } of y) {
-        const E = Math.max(v, 0.01), T = Math.max(1, Math.ceil(C / E)), L = Math.max(v, 0.01);
-        for (let R = 0; R < T; R++) {
+        const E = Math.max(v, 0.01), w = Math.max(1, Math.ceil(S / E)), L = Math.max(v, 0.01);
+        for (let R = 0; R < w; R++) {
           const I = nt.getCachedImage(_);
           I.src || (I.src = _);
           const G = new J.Image({
@@ -8253,39 +8253,51 @@ const gt = {
   }
 };
 // 定义拉伸交互区域宽度常量
-x(nt, "RESIZE_AREA_WIDTH", 3), /** 单张封面图的最小展示宽度（px），zoom 过小时通过减少显示段数保证每段不低于此宽度，且仍填满整条 */
-x(nt, "MIN_IMAGE_DISPLAY_WIDTH", 24), // 关键帧尺寸缓存，用于存储每个视频源的宽度和高度信息
+T(nt, "RESIZE_AREA_WIDTH", 3), /** 单张封面图的最小展示宽度（px），zoom 过小时通过减少显示段数保证每段不低于此宽度，且仍填满整条 */
+T(nt, "MIN_IMAGE_DISPLAY_WIDTH", 24), // 关键帧尺寸缓存，用于存储每个视频源的宽度和高度信息
 // 格式: { [videoSrc]: { width: number; height: number } }
-x(nt, "keyframeDimensionsCache", {}), // 图片对象缓存，用于存储已加载的 Image 对象
+T(nt, "keyframeDimensionsCache", {}), // 图片对象缓存，用于存储已加载的 Image 对象
 // 格式: { [imageUrl]: HTMLImageElement }
-x(nt, "imageCache", {}), // 图片缓存配置（长视频缩略图多，增大缓存避免滚动时重复请求）
-x(nt, "MAX_CACHE_SIZE", 1e3), x(nt, "COVER_RENDER_VERSION_KEY", "_coverRenderVersion");
+T(nt, "imageCache", {}), // 图片缓存配置（长视频缩略图多，增大缓存避免滚动时重复请求）
+T(nt, "MAX_CACHE_SIZE", 1e3), T(nt, "COVER_RENDER_VERSION_KEY", "_coverRenderVersion");
 let Q = nt;
 class vr {
   constructor(t, e, i, s, n, r) {
-    x(this, "stage");
-    x(this, "gridLayer");
-    x(this, "config");
-    x(this, "theme");
-    x(this, "isDragging", !1);
-    x(this, "startDragX", 0);
-    x(this, "scrollLeft", 0);
-    x(this, "timeScaleHeight", 40);
-    x(this, "onTimeChange");
-    x(this, "onZoomChange");
-    x(this, "onScrollChange");
-    x(this, "animationFrameId", null);
+    T(this, "stage");
+    T(this, "gridLayer");
+    T(this, "config");
+    T(this, "theme");
+    T(this, "isDragging", !1);
+    T(this, "startDragX", 0);
+    T(this, "scrollLeft", 0);
+    T(this, "timeScaleHeight", 40);
+    T(this, "onTimeChange");
+    T(this, "onZoomChange");
+    T(this, "onScrollChange");
+    T(this, "animationFrameId", null);
     // 滚动条相关属性
-    x(this, "scrollbarHeight", 8);
-    x(this, "scrollbarY", 0);
-    x(this, "isScrollbarDragging", !1);
-    x(this, "scrollbarDragStartX", 0);
-    x(this, "scrollbarDragStartScrollLeft", 0);
+    T(this, "scrollbarHeight", 8);
+    T(this, "scrollbarY", 0);
+    T(this, "isScrollbarDragging", !1);
+    T(this, "scrollbarDragStartX", 0);
+    T(this, "scrollbarDragStartScrollLeft", 0);
+    T(this, "hasBoundGlobalPointerListenersForDrag", !1);
+    T(this, "isPointerInsideTimeline", !1);
+    T(this, "lastPointerXInTimeline", null);
+    T(this, "handleGlobalPointerMove", (t) => {
+      this.isPointerSessionActive() && this.handlePointerMove(t);
+    });
+    T(this, "handleGlobalPointerEnd", () => {
+      this.finalizePointerInteraction();
+    });
+    T(this, "handleVisibilityChange", () => {
+      typeof document < "u" && document.hidden && this.finalizePointerInteraction();
+    });
     // 左侧间距，确保时间为0时playhead可以完整显示
-    x(this, "leftPadding", lt);
+    T(this, "leftPadding", ot);
     this.stage = t, this.gridLayer = e, this.onTimeChange = s, this.onZoomChange = n, this.onScrollChange = r, this.config = {
       duration: i.duration || 36e5,
-      zoom: i.zoom || gt.MEDIUM,
+      zoom: i.zoom || ct.MEDIUM,
       currentTime: i.currentTime || 0,
       playState: i.playState || "paused",
       container: i.container,
@@ -8295,7 +8307,7 @@ class vr {
   }
   initEventListeners() {
     this.stage.on("wheel", (t) => {
-      t.evt.preventDefault();
+      t.evt.preventDefault(), this.updatePointerPosition(t.evt.offsetX), this.isPointerInsideTimeline = !0;
       const { deltaX: e, deltaY: i, shiftKey: s } = t.evt;
       if (s || Math.abs(e) > Math.abs(i)) {
         const a = (e || i) * 1.5, h = this.stage.width(), l = N.timeToPixels(this.config.duration, this.config.zoom), c = Math.max(0, l - h), u = Math.max(0, Math.min(c, this.scrollLeft + a));
@@ -8305,28 +8317,51 @@ class vr {
     }), this.stage.on("click", (t) => {
       t.target.getLayer() === this.gridLayer && this.handleClick(t.evt.offsetX);
     }), this.stage.on("mousedown", (t) => {
+      this.updatePointerPosition(t.evt.offsetX), this.isPointerInsideTimeline = !0;
       let e = t.target.getLayer(), i = t.target.name() === "scrollbar-background" || t.target.name() === "scrollbar-thumb";
-      e === this.gridLayer && !i && (this.isDragging = !0, this.startDragX = t.evt.clientX);
+      e === this.gridLayer && !i && (this.isDragging = !0, this.startDragX = t.evt.clientX, this.bindGlobalPointerListenersForDrag());
     }), this.stage.on("mousemove", (t) => {
-      if (this.isDragging) {
-        const e = t.evt.clientX - this.startDragX, i = this.scrollLeft;
-        this.scrollLeft -= e;
-        const s = this.stage.width(), n = N.timeToPixels(this.config.duration, this.config.zoom);
-        this.scrollLeft = Math.max(0, Math.min(n - s, this.scrollLeft)), this.startDragX = t.evt.clientX, this.render(), this.scrollLeft !== i && this.onScrollChange(this.scrollLeft);
-      } else if (this.isScrollbarDragging) {
-        const e = t.evt.clientX - this.scrollbarDragStartX, i = this.stage.width(), s = N.timeToPixels(this.config.duration, this.config.zoom), n = Math.max(0, s - i), r = Math.max(20, Math.min(i, i / s * i)), h = e / (i - r) * n, l = this.scrollLeft;
-        this.scrollLeft = Math.max(0, Math.min(n, this.scrollbarDragStartScrollLeft + h)), this.render(), this.scrollLeft !== l && this.onScrollChange(this.scrollLeft);
-      }
+      this.updatePointerPosition(t.evt.offsetX), this.isPointerInsideTimeline = !0, this.isPointerSessionActive() && !this.hasBoundGlobalPointerListenersForDrag && this.handlePointerMove(t.evt);
     }), this.stage.on("mouseup", () => {
-      this.isDragging = !1, this.isScrollbarDragging = !1;
+      this.finalizePointerInteraction();
     }), this.stage.on("mouseleave", () => {
-      this.isDragging = !1, this.isScrollbarDragging = !1;
+      this.isPointerInsideTimeline = !1;
     });
   }
+  updatePointerPosition(t) {
+    if (!Number.isFinite(t)) return;
+    const e = this.stage.width();
+    this.lastPointerXInTimeline = Math.max(0, Math.min(e, t));
+  }
+  bindGlobalPointerListenersForDrag() {
+    if (this.hasBoundGlobalPointerListenersForDrag) return;
+    let t = !1;
+    typeof window < "u" && (window.addEventListener("mousemove", this.handleGlobalPointerMove), window.addEventListener("mouseup", this.handleGlobalPointerEnd), window.addEventListener("blur", this.handleGlobalPointerEnd), t = !0), typeof document < "u" && (document.addEventListener("visibilitychange", this.handleVisibilityChange), t = !0), this.hasBoundGlobalPointerListenersForDrag = t;
+  }
+  unbindGlobalPointerListenersForDrag() {
+    this.hasBoundGlobalPointerListenersForDrag && (typeof window < "u" && (window.removeEventListener("mousemove", this.handleGlobalPointerMove), window.removeEventListener("mouseup", this.handleGlobalPointerEnd), window.removeEventListener("blur", this.handleGlobalPointerEnd)), typeof document < "u" && document.removeEventListener("visibilitychange", this.handleVisibilityChange), this.hasBoundGlobalPointerListenersForDrag = !1);
+  }
+  isPointerSessionActive() {
+    return this.isDragging || this.isScrollbarDragging;
+  }
+  finalizePointerInteraction() {
+    this.isDragging = !1, this.isScrollbarDragging = !1, this.unbindGlobalPointerListenersForDrag();
+  }
+  handlePointerMove(t) {
+    if (this.isDragging) {
+      const e = t.clientX - this.startDragX, i = this.scrollLeft;
+      this.scrollLeft -= e;
+      const s = this.stage.width(), n = N.timeToPixels(this.config.duration, this.config.zoom);
+      this.scrollLeft = Math.max(0, Math.min(n - s, this.scrollLeft)), this.startDragX = t.clientX, this.render(), this.scrollLeft !== i && this.onScrollChange(this.scrollLeft);
+    } else if (this.isScrollbarDragging) {
+      const e = t.clientX - this.scrollbarDragStartX, i = this.stage.width(), s = N.timeToPixels(this.config.duration, this.config.zoom), n = Math.max(0, s - i), r = Math.max(20, Math.min(i, i / s * i)), h = e / (i - r) * n, l = this.scrollLeft;
+      this.scrollLeft = Math.max(0, Math.min(n, this.scrollbarDragStartScrollLeft + h)), this.render(), this.scrollLeft !== l && this.onScrollChange(this.scrollLeft);
+    }
+  }
   handleZoom(t) {
     const e = t.evt.deltaY;
     if (e === 0) return;
-    const i = e > 0 ? 0.5 : 1.5, s = Math.max(gt.MIN, Math.min(gt.MAX, this.config.zoom * i));
+    const i = e > 0 ? 0.5 : 1.5, s = Math.max(ct.MIN, Math.min(ct.MAX, this.config.zoom * i));
     if (s !== this.config.zoom) {
       this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null);
       const n = t.evt.offsetX;
@@ -8339,8 +8374,8 @@ class vr {
       if (this.scrollLeft = g, this.config.zoom = u, this.onZoomChange(u), this.onScrollChange(g), this.render(), l < 1)
         this.animationFrameId = requestAnimationFrame(a);
       else {
-        const f = N.timeToPixels(r, t), C = Math.max(0, f - (e - this.leftPadding));
-        this.config.zoom = t, this.scrollLeft = C, this.onZoomChange(t), this.onScrollChange(C), this.render();
+        const f = N.timeToPixels(r, t), S = Math.max(0, f - (e - this.leftPadding));
+        this.config.zoom = t, this.scrollLeft = S, this.onZoomChange(t), this.onScrollChange(S), this.render();
       }
     };
     this.animationFrameId && cancelAnimationFrame(this.animationFrameId), a();
@@ -8407,7 +8442,7 @@ class vr {
       this.theme.scrollbarThumb || "#444"
     );
     r.name("scrollbar-thumb"), r.cornerRadius(4), r.on("mousedown", (a) => {
-      this.isScrollbarDragging = !0, this.scrollbarDragStartX = a.evt.clientX, this.scrollbarDragStartScrollLeft = this.scrollLeft;
+      this.isScrollbarDragging = !0, this.scrollbarDragStartX = a.evt.clientX, this.scrollbarDragStartScrollLeft = this.scrollLeft, this.bindGlobalPointerListenersForDrag();
     }), r.on("mouseover", () => {
       r.fill("#999"), this.gridLayer.batchDraw();
     }), r.on("mouseout", () => {
@@ -8417,20 +8452,20 @@ class vr {
   renderTimeTicks() {
     const t = this.stage.width(), e = this.scrollLeft, i = this.scrollLeft + t, s = N.pixelsToTime(e, this.config.zoom), n = N.pixelsToTime(i, this.config.zoom), r = N.msToSeconds(s), a = N.msToSeconds(n), h = 10, l = r - h, c = a + h, { majorStep: u, minorStep: d } = N.getTickConfig(this.config.zoom), g = N.generateVisibleTicks(l, c, u, d);
     let f = 0;
-    const C = 20;
-    for (const S of g) {
-      const y = this.timeToPixel(S.time);
-      y >= -C && y <= t + C && (Q.drawTimeTick(
+    const S = 20;
+    for (const C of g) {
+      const y = this.timeToPixel(C.time);
+      y >= -S && y <= t + S && (Q.drawTimeTick(
         this.gridLayer,
         y,
         0,
         this.timeScaleHeight,
-        S.time,
+        C.time,
         {
           timeTick: this.theme.timeTick,
           timeText: this.theme.timeText
         },
-        S.type,
+        C.type,
         this.timeScaleHeight
       ), f++);
     }
@@ -8475,6 +8510,18 @@ class vr {
   getGridLayer() {
     return this.gridLayer;
   }
+  /**
+   * 鼠标当前是否位于时间轴区域内
+   */
+  hasPointerInTimeline() {
+    return this.isPointerInsideTimeline;
+  }
+  /**
+   * 获取时间轴内最近一次鼠标 X 坐标（相对 stage）
+   */
+  getPointerXInTimeline() {
+    return this.lastPointerXInTimeline;
+  }
   /**
    * 调整大小
    */
@@ -8482,20 +8529,20 @@ class vr {
     this.render();
   }
 }
-class we {
+class xe {
   constructor(t, e, i) {
-    x(this, "clip");
-    x(this, "onUpdate");
-    x(this, "onSplit");
+    T(this, "clip");
+    T(this, "onUpdate");
+    T(this, "onSplit");
     // 临时状态 - 仅在操作过程中使用
-    x(this, "isMoving", !1);
-    x(this, "isMovingVisualApplied", !1);
-    x(this, "dragStartPos", { x: 0, y: 0 });
-    x(this, "originalStart", 0);
-    x(this, "originalDuration", 0);
-    x(this, "originalStartTimeAtSource", 0);
-    x(this, "originalEndTimeAtSource", 0);
-    x(this, "originalOpacity", 1);
+    T(this, "isMoving", !1);
+    T(this, "isMovingVisualApplied", !1);
+    T(this, "dragStartPos", { x: 0, y: 0 });
+    T(this, "originalStart", 0);
+    T(this, "originalDuration", 0);
+    T(this, "originalStartTimeAtSource", 0);
+    T(this, "originalEndTimeAtSource", 0);
+    T(this, "originalOpacity", 1);
     this.clip = {
       ...t,
       endTime: N.calculateEndTime(t.startTime, t.duration),
@@ -8542,11 +8589,11 @@ class we {
     }, this.onUpdate(this.clip);
   }
   isPointInClip(t, e, i, s, n, r) {
-    const a = N.timeToPixels(this.clip.startTime, i) - r + lt, h = N.timeToPixels(this.clip.duration, i);
+    const a = N.timeToPixels(this.clip.startTime, i) - r + ot, h = N.timeToPixels(this.clip.duration, i);
     return t >= a && t <= a + h && e >= s && e <= s + n;
   }
   isPointInResizeHandle(t, e, i, s, n, r) {
-    const a = N.timeToPixels(this.clip.startTime, i) - r + lt, h = N.timeToPixels(this.clip.duration, i), l = 8;
+    const a = N.timeToPixels(this.clip.startTime, i) - r + ot, h = N.timeToPixels(this.clip.duration, i), l = 8;
     return e < s || e > s + n ? (this.clip = {
       ...this.clip,
       isResizingLeft: !1,
@@ -8594,10 +8641,10 @@ class we {
     M.debug("Clip", "drag", { pos: t, clip: this.clip, deltaX: n, deltaTime: r });
     let a = this.originalStart, h = this.originalDuration, l = this.originalStartTimeAtSource, c = this.originalEndTimeAtSource, u = "move";
     if (this.clip.isResizingLeft) {
-      const y = Math.max(0, this.originalStart + r) - this.originalStart, v = Math.max(0, this.originalStartTimeAtSource + r) - this.originalStartTimeAtSource, b = Math.abs(y), E = Math.abs(v), T = b < E ? y : v;
-      a = this.originalStart + T, h = this.originalDuration - T;
+      const y = Math.max(0, this.originalStart + r) - this.originalStart, v = Math.max(0, this.originalStartTimeAtSource + r) - this.originalStartTimeAtSource, b = Math.abs(y), E = Math.abs(v), w = b < E ? y : v;
+      a = this.originalStart + w, h = this.originalDuration - w;
       const L = N.calculateEndTime(this.originalStart, this.originalDuration);
-      h < 1e3 ? (h = 1e3, a = L - h, l = this.originalEndTimeAtSource - h) : l = this.originalStartTimeAtSource + T, c = this.originalEndTimeAtSource, u = "resize-left", M.debug("Clip", "Resize left", { operation: u, clipId: this.clip.id, originalStartTimeAtSource: this.originalStartTimeAtSource, newStartTimeAtSource: l, deltaTime: r, actualDeltaTime: T, timelineDeltaTime: y, sourceDeltaTime: v, newDuration: h, newEndTimeAtSource: c });
+      h < 1e3 ? (h = 1e3, a = L - h, l = this.originalEndTimeAtSource - h) : l = this.originalStartTimeAtSource + w, c = this.originalEndTimeAtSource, u = "resize-left", M.debug("Clip", "Resize left", { operation: u, clipId: this.clip.id, originalStartTimeAtSource: this.originalStartTimeAtSource, newStartTimeAtSource: l, deltaTime: r, actualDeltaTime: w, timelineDeltaTime: y, sourceDeltaTime: v, newDuration: h, newEndTimeAtSource: c });
     } else this.clip.isResizingRight ? (h = Math.max(1e3, this.originalDuration + r), l = this.originalStartTimeAtSource, c = Math.min(
       this.clip.sourceDuration,
       l + h
@@ -8612,12 +8659,12 @@ class we {
       if (g = this.checkBoundary(l, c, h, a), !g)
         return M.debug("Clip", `Boundary check failed - ${u}`, { clipId: this.clip.id, operation: u, newStart: a, newDuration: h, newStartTimeAtSource: l, newEndTimeAtSource: c, deltaX: n, deltaTime: r }), !1;
       if (f = this.checkCollision(a, h, i), f) {
-        const S = f.startTime + f.duration;
+        const C = f.startTime + f.duration;
         let y = !1;
         if (this.clip.isResizingLeft || this.clip.isResizingRight) {
           if (this.clip.isResizingLeft) {
-            if (M.debug("Clip", "Resizing left with collision", { clipId: this.clip.id, collisionClip: f, newStart: a, collisionEndTime: S }), a <= S) {
-              const _ = S, v = d - _;
+            if (M.debug("Clip", "Resizing left with collision", { clipId: this.clip.id, collisionClip: f, newStart: a, collisionEndTime: C }), a <= C) {
+              const _ = C, v = d - _;
               if (v >= 1e3) {
                 const b = _ - a;
                 a = _, h = v, l += b, d = N.calculateEndTime(a, h), y = !0, M.debug("Clip", "Resizing left adjusted to avoid collision", { clipId: this.clip.id, newStart: a, newDuration: h, newStartTimeAtSource: l });
@@ -8657,32 +8704,44 @@ class we {
   }
 }
 class Tr {
-  constructor(t, e, i, s, n, r, a, h, l, c, u, d) {
-    x(this, "layer");
-    x(this, "trackGroup");
-    x(this, "config");
-    x(this, "theme");
-    x(this, "clips", []);
-    x(this, "clipGroups", /* @__PURE__ */ new Map());
-    x(this, "zoom", 100);
-    x(this, "scrollLeft", 0);
-    x(this, "trackY", 0);
-    x(this, "trackHeight", 64);
-    x(this, "selectedClip", null);
-    x(this, "originalClipsState", []);
-    x(this, "nonDraggedClips", []);
-    x(this, "isVisualUpdate", !1);
-    x(this, "onClipUpdate");
-    x(this, "onClipAdd");
-    x(this, "onClipRemove");
-    x(this, "onClipSplit");
-    x(this, "onClipSelect");
-    x(this, "onTimeJump");
-    this.layer = t, this.config = e, this.theme = r, this.zoom = i, this.trackY = s, this.trackHeight = n, this.onClipUpdate = a, this.onClipAdd = h, this.onClipRemove = l, this.onClipSplit = c, this.onClipSelect = u, this.onTimeJump = d, this.trackGroup = Q.createGroup(0, s), this.layer.add(this.trackGroup), this.initClips(), this.initEventListeners(), this.render();
+  constructor(t, e, i, s, n, r, a, h, l, c, u, d, g) {
+    T(this, "layer");
+    T(this, "trackGroup");
+    T(this, "config");
+    T(this, "theme");
+    T(this, "clips", []);
+    T(this, "clipGroups", /* @__PURE__ */ new Map());
+    T(this, "zoom", 100);
+    T(this, "scrollLeft", 0);
+    T(this, "trackY", 0);
+    T(this, "trackHeight", 64);
+    T(this, "selectedClip", null);
+    T(this, "originalClipsState", []);
+    T(this, "nonDraggedClips", []);
+    T(this, "isVisualUpdate", !1);
+    T(this, "onClipUpdate");
+    T(this, "onClipAdd");
+    T(this, "onClipRemove");
+    T(this, "onClipSplit");
+    T(this, "onClipSelect");
+    T(this, "onTimeJump");
+    T(this, "onAutoScrollDuringDrag");
+    T(this, "dragAutoScrollOffsetPx", 0);
+    T(this, "hasBoundGlobalPointerListenersForDrag", !1);
+    T(this, "handleGlobalPointerMove", (t) => {
+      this.isDragSessionActive() && this.handleDragMove(t);
+    });
+    T(this, "handleGlobalPointerEnd", () => {
+      this.handleClipMouseUp();
+    });
+    T(this, "handleVisibilityChange", () => {
+      typeof document < "u" && document.hidden && this.handleClipMouseUp();
+    });
+    this.layer = t, this.config = e, this.theme = r, this.zoom = i, this.trackY = s, this.trackHeight = n, this.onClipUpdate = a, this.onClipAdd = h, this.onClipRemove = l, this.onClipSplit = c, this.onClipSelect = u, this.onTimeJump = d, this.onAutoScrollDuringDrag = g, this.trackGroup = Q.createGroup(0, s), this.layer.add(this.trackGroup), this.initClips(), this.initEventListeners(), this.render();
   }
   initClips() {
     this.clips = this.config.clips.map((t) => {
-      const e = new we(
+      const e = new xe(
         t,
         this.handleClipUpdate.bind(this),
         this.handleClipSplit.bind(this)
@@ -8696,10 +8755,14 @@ class Tr {
       this.handleStageMouseMove(e.evt);
     }), t.on("mouseup", () => {
       this.handleClipMouseUp();
-    }), t.on("mouseleave", () => {
-      this.handleClipMouseUp();
     }));
   }
+  bindGlobalPointerListenersForDrag() {
+    this.hasBoundGlobalPointerListenersForDrag || (typeof window < "u" && (window.addEventListener("mousemove", this.handleGlobalPointerMove), window.addEventListener("mouseup", this.handleGlobalPointerEnd), window.addEventListener("blur", this.handleGlobalPointerEnd)), typeof document < "u" && document.addEventListener("visibilitychange", this.handleVisibilityChange), this.hasBoundGlobalPointerListenersForDrag = !0);
+  }
+  unbindGlobalPointerListenersForDrag() {
+    this.hasBoundGlobalPointerListenersForDrag && (typeof window < "u" && (window.removeEventListener("mousemove", this.handleGlobalPointerMove), window.removeEventListener("mouseup", this.handleGlobalPointerEnd), window.removeEventListener("blur", this.handleGlobalPointerEnd)), typeof document < "u" && document.removeEventListener("visibilitychange", this.handleVisibilityChange), this.hasBoundGlobalPointerListenersForDrag = !1);
+  }
   /**
    * 处理轨道背景点击事件
    */
@@ -8708,14 +8771,14 @@ class Tr {
     if (!e) return;
     const i = e.container();
     if (!i) return;
-    const s = i.getBoundingClientRect(), n = t.clientX - s.left, r = Math.max(0, N.pixelsToTime(n - lt + this.scrollLeft, this.zoom));
+    const s = i.getBoundingClientRect(), n = t.clientX - s.left, r = Math.max(0, N.pixelsToTime(n - ot + this.scrollLeft, this.zoom));
     this.onTimeJump(r);
   }
   /**
    * 创建片段组
    */
   createClipGroup(t) {
-    const e = Q.timeToPixels(t.startTime, this.zoom) - this.scrollLeft + lt, i = Q.timeToPixels(t.duration, this.zoom), s = t.duration <= 1e3 || i <= Gt ? Gt : i, n = 2, r = this.trackHeight - 4, a = Q.createClipGroup(
+    const e = Q.timeToPixels(t.startTime, this.zoom) - this.scrollLeft + ot, i = Q.timeToPixels(t.duration, this.zoom), s = t.duration <= 1e3 || i <= Ct ? Ct : i, n = 2, r = this.trackHeight - 4, a = Q.createClipGroup(
       e,
       n,
       s,
@@ -8766,7 +8829,7 @@ class Tr {
         return;
       }
       const a = r.getBoundingClientRect(), h = e.clientX - a.left, l = e.clientY - a.top;
-      M.debug("VideoTrack", "Calculated mouse position", { clipId: t, x: h, y: l, clientX: e.clientX, clientY: e.clientY, rect: a }), i.isPointInResizeHandle(h, l, this.zoom, this.trackY, this.trackHeight, this.scrollLeft) ? (i.startResize({ x: h, y: l }), M.debug("VideoTrack", "Started resize operation", { clipId: t, x: h, y: l })) : (i.startDrag({ x: h, y: l }), M.debug("VideoTrack", "Started drag operation", { clipId: t, x: h, y: l })), this.render();
+      M.debug("VideoTrack", "Calculated mouse position", { clipId: t, x: h, y: l, clientX: e.clientX, clientY: e.clientY, rect: a }), i.isPointInResizeHandle(h, l, this.zoom, this.trackY, this.trackHeight, this.scrollLeft) ? (i.startResize({ x: h, y: l }), M.debug("VideoTrack", "Started resize operation", { clipId: t, x: h, y: l })) : (i.startDrag({ x: h, y: l }), M.debug("VideoTrack", "Started drag operation", { clipId: t, x: h, y: l })), this.dragAutoScrollOffsetPx = 0, this.bindGlobalPointerListenersForDrag(), this.render();
     } else
       M.debug("VideoTrack", "Clip not found", { clipId: t });
   }
@@ -8779,11 +8842,21 @@ class Tr {
    * 处理片段鼠标释放事件
    */
   handleClipMouseUp() {
-    if (M.debug("VideoTrack", "Mouse up detected", { selectedClip: this.selectedClip }), this.selectedClip) {
-      const t = this.selectedClip.getClip();
-      M.debug("VideoTrack", "Processing release for clip", { clipId: t.id }), this.selectedClip.endDrag(), this.handleClipMoveEnd(t), M.debug("VideoTrack", "Clip drag ended successfully"), this.layer.batchDraw();
-    } else
-      M.debug("VideoTrack", "No selected clip to process");
+    M.debug("VideoTrack", "Mouse up detected", { selectedClip: this.selectedClip });
+    try {
+      if (this.selectedClip) {
+        const t = this.selectedClip.getClip();
+        if (!t.isDragging) {
+          M.debug("VideoTrack", "Mouse up ignored: selected clip is not dragging", { clipId: t.id });
+          return;
+        }
+        const e = this.selectedClip.getClip();
+        M.debug("VideoTrack", "Processing release for clip", { clipId: e.id }), this.selectedClip.endDrag(), this.handleClipMoveEnd(e), M.debug("VideoTrack", "Clip drag ended successfully"), this.layer.batchDraw();
+      } else
+        M.debug("VideoTrack", "No selected clip to process");
+    } finally {
+      this.dragAutoScrollOffsetPx = 0, this.unbindGlobalPointerListenersForDrag();
+    }
   }
   /**
    * 处理片段移动结束后的重叠检测和重新排序
@@ -8797,6 +8870,11 @@ class Tr {
       s.isSelected = !1;
     }), e.splice(i, 0, {
       ...t,
+      isDragging: !1,
+      isResizing: !1,
+      isResizingLeft: !1,
+      isResizingRight: !1,
+      zIndex: 1,
       opacity: 1,
       isSelected: !0
       // 确保保留选中状态
@@ -8862,22 +8940,13 @@ class Tr {
     if (!e)
       return;
     const i = e.container();
-    if (!i)
+    if (!i || this.isDragSessionActive())
       return;
     const s = i.getBoundingClientRect(), n = t.clientX - s.left, r = t.clientY - s.top;
-    if (this.selectedClip) {
-      const a = this.clips.map((l) => l.getClip()).filter((l) => {
-        var c;
-        return l.id !== ((c = this.selectedClip) == null ? void 0 : c.getClip().id);
-      });
-      if (this.selectedClip.drag({ x: n, y: r }, this.zoom, a, !0)) {
-        const l = this.selectedClip.getClip();
-        this.updateClipGroup(l), this.layer.batchDraw();
-      }
-    } else {
+    {
       let a = !1;
       for (const h of this.clips) {
-        const l = h.getClip(), c = Q.timeToPixels(l.startTime, this.zoom) - this.scrollLeft + lt, u = Q.timeToPixels(l.duration, this.zoom);
+        const l = h.getClip(), c = Q.timeToPixels(l.startTime, this.zoom) - this.scrollLeft + ot, u = Q.timeToPixels(l.duration, this.zoom);
         if (n >= c && n <= c + Q.RESIZE_AREA_WIDTH && r >= this.trackY && r <= this.trackY + this.trackHeight) {
           i.style.cursor = "ew-resize", a = !0;
           break;
@@ -8894,6 +8963,49 @@ class Tr {
       a || (i.style.cursor = "default");
     }
   }
+  isDragSessionActive() {
+    var t;
+    return !!((t = this.selectedClip) != null && t.getClip().isDragging);
+  }
+  handleDragMove(t) {
+    const e = this.layer.getStage();
+    if (!e || !this.selectedClip) return;
+    const i = e.container();
+    if (!i) return;
+    const s = i.getBoundingClientRect(), n = t.clientX - s.left, r = t.clientY - s.top, a = this.clips.map((u) => u.getClip()).filter((u) => {
+      var d;
+      return u.id !== ((d = this.selectedClip) == null ? void 0 : d.getClip().id);
+    });
+    this.maybeAutoScrollDuringDrag(t.clientX);
+    const h = n + this.dragAutoScrollOffsetPx;
+    if (!this.selectedClip.drag({ x: h, y: r }, this.zoom, a, !0)) return;
+    const c = this.selectedClip.getClip();
+    this.updateClipGroup(c), this.layer.batchDraw();
+  }
+  maybeAutoScrollDuringDrag(t) {
+    if (!this.onAutoScrollDuringDrag) return;
+    const e = this.layer.getStage();
+    if (!e) return;
+    const i = e.container();
+    if (!i) return;
+    const s = i.getBoundingClientRect(), n = 80, r = 24;
+    let a = 0;
+    const h = s.right - n;
+    if (t > h) {
+      const d = Math.min(2, (t - h) / n);
+      a = r * d;
+    }
+    const l = s.left + n;
+    if (t < l) {
+      const d = Math.min(2, (l - t) / n);
+      a = -r * d;
+    }
+    if (a === 0) return;
+    const c = this.scrollLeft;
+    this.onAutoScrollDuringDrag(this.scrollLeft + a);
+    const u = this.scrollLeft - c;
+    u !== 0 && (this.dragAutoScrollOffsetPx += u);
+  }
   /**
    * 处理片段鼠标离开事件
    */
@@ -8926,8 +9038,8 @@ class Tr {
     var i;
     const e = this.clipGroups.get(t.id);
     if (e) {
-      const s = Q.timeToPixels(t.startTime, this.zoom) - this.scrollLeft + lt, n = Q.timeToPixels(t.duration, this.zoom), r = t.duration <= 1e3 || n <= Gt ? Gt : n;
-      e.x(s);
+      const s = Q.timeToPixels(t.startTime, this.zoom) - this.scrollLeft + ot, n = Q.timeToPixels(t.duration, this.zoom), r = t.duration <= 1e3 || n <= Ct ? Ct : n;
+      e.x(s), e.visible(s + r > 0 && s < this.layer.width());
       const a = t.isSelected || ((i = this.selectedClip) == null ? void 0 : i.getClip().id) === t.id, h = t.isDragging || a;
       M.debug("VideoTrack", "updateClipGroup-更新片段组状态", { clipId: t.id, isSelected: a, isDragging: t.isDragging, isActive: h }), h && e.moveToTop(), e.opacity(t.opacity), Q.updateClipGroup(
         e,
@@ -8943,16 +9055,17 @@ class Tr {
     }
   }
   handleClipUpdate(t) {
-    const e = this.clips.findIndex((i) => i.getClip().id === t.id);
+    var i;
+    const e = this.clips.findIndex((s) => s.getClip().id === t.id);
     if (M.debug("VideoTrack", "更新片段", { clipId: t.id, isDragging: t.isDragging, zIndex: t.zIndex }), e !== -1) {
-      const i = this.clips[e].getClip();
-      this.clips[e] = new we(
+      const s = this.clips[e].getClip();
+      this.clips[e] = new xe(
         t,
         this.handleClipUpdate.bind(this),
         this.handleClipSplit.bind(this)
-      ), this.updateClipGroup(t);
-      const s = this.clipGroups.get(t.id);
-      s && s.opacity(t.opacity), this.isVisualUpdate || this.onClipUpdate(t, i), this.layer.batchDraw();
+      ), ((i = this.selectedClip) == null ? void 0 : i.getClip().id) === t.id && !t.isDragging && (this.selectedClip = this.clips[e]), this.updateClipGroup(t);
+      const n = this.clipGroups.get(t.id);
+      n && n.opacity(t.opacity), this.isVisualUpdate || this.onClipUpdate(t, s), this.layer.batchDraw();
     }
   }
   handleClipSplit(t, e) {
@@ -8973,7 +9086,7 @@ class Tr {
     this.removeClip(t.id), this.addClip(r), this.addClip(a), this.onClipSplit(r, a), this.layer.batchDraw();
   }
   addClip(t) {
-    const e = new we(
+    const e = new xe(
       t,
       this.handleClipUpdate.bind(this),
       this.handleClipSplit.bind(this)
@@ -9016,8 +9129,8 @@ class Tr {
   updateClipVisibility(t) {
     const e = this.clipGroups.get(t.id);
     if (e) {
-      const i = Q.timeToPixels(t.startTime, this.zoom) - this.scrollLeft + lt, s = Q.timeToPixels(t.duration, this.zoom), n = i + s > 0 && i < this.layer.width();
-      e.visible(n);
+      const i = Q.timeToPixels(t.startTime, this.zoom) - this.scrollLeft + ot, s = Q.timeToPixels(t.duration, this.zoom), n = t.duration <= 1e3 || s <= Ct ? Ct : s, r = i + n > 0 && i < this.layer.width();
+      e.visible(r);
     }
   }
   setTrackY(t) {
@@ -9095,18 +9208,18 @@ class Tr {
     return this.config.id || "default";
   }
 }
-class xr {
+class wr {
   constructor(t, e, i, s, n, r) {
-    x(this, "layer");
-    x(this, "playheadGroup");
-    x(this, "playheadLine");
-    x(this, "playheadTriangle");
-    x(this, "theme");
-    x(this, "currentTime", 0);
-    x(this, "zoom", 100);
-    x(this, "scrollLeft", 0);
-    x(this, "onTimeChange");
-    x(this, "isDragging", !1);
+    T(this, "layer");
+    T(this, "playheadGroup");
+    T(this, "playheadLine");
+    T(this, "playheadTriangle");
+    T(this, "theme");
+    T(this, "currentTime", 0);
+    T(this, "zoom", 100);
+    T(this, "scrollLeft", 0);
+    T(this, "onTimeChange");
+    T(this, "isDragging", !1);
     this.layer = t, this.currentTime = e, this.zoom = i, this.theme = n, this.onTimeChange = r, this.playheadGroup = Q.createGroup(), this.layer.add(this.playheadGroup), this.playheadLine = Q.createLine(
       [0, 0, 0, s],
       this.theme.playhead,
@@ -9138,7 +9251,7 @@ class xr {
     if (!e) return;
     const i = e.container();
     if (!i) return;
-    const s = i.getBoundingClientRect(), n = t.clientX - s.left, r = N.pixelsToTime(n - lt + this.scrollLeft, this.zoom);
+    const s = i.getBoundingClientRect(), n = t.clientX - s.left, r = N.pixelsToTime(n - ot + this.scrollLeft, this.zoom);
     this.setTime(r);
   }
   setTime(t) {
@@ -9154,7 +9267,7 @@ class xr {
     this.playheadLine.points([0, 0, 0, t]), this.render();
   }
   render() {
-    const t = N.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + lt;
+    const t = N.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + ot;
     this.playheadGroup.x(t), this.playheadGroup.visible(t >= 0 && t <= this.layer.width()), this.layer.batchDraw();
   }
   getTime() {
@@ -9167,13 +9280,13 @@ class xr {
     return this.playheadGroup;
   }
 }
-class wr {
+class xr {
   constructor(t, e, i, s = 100) {
-    x(this, "state");
-    x(this, "maxHistorySize", 100);
-    x(this, "onActionUndo");
-    x(this, "onActionRedo");
-    x(this, "onHistoryChange");
+    T(this, "state");
+    T(this, "maxHistorySize", 100);
+    T(this, "onActionUndo");
+    T(this, "onActionRedo");
+    T(this, "onHistoryChange");
     this.state = {
       past: [],
       future: []
@@ -9321,39 +9434,40 @@ class wr {
     };
   }
 }
-const kr = "1.0.9", Er = {
+const kr = "1.0.10", Er = {
   version: kr
 };
-class Pr {
+class Ar {
   constructor(t = {}) {
-    x(this, "timeline", null);
-    x(this, "tracks", []);
-    x(this, "playhead", null);
-    x(this, "history");
-    x(this, "config");
-    x(this, "eventListeners", /* @__PURE__ */ new Map());
-    x(this, "animationFrameId", null);
-    x(this, "lastUpdateTime", 0);
-    x(this, "isInitialized", !1);
-    x(this, "stage", null);
-    x(this, "gridLayer", null);
-    x(this, "trackLayer", null);
-    x(this, "playheadLayer", null);
-    x(this, "selectionLayer", null);
-    x(this, "resizeObserver", null);
-    x(this, "videoPreview", null);
-    x(this, "isExecutingHistoryAction", !1);
-    x(this, "lastTrackDuration", 0);
-    x(this, "thumbnailProvider", null);
-    x(this, "canPlay", !1);
-    x(this, "isBuffering", !1);
-    x(this, "sourceLoadingCount", 0);
-    x(this, "playStateBeforeBuffering", null);
-    x(this, "isPausingForBuffering", !1);
-    x(this, "videoBufferingListeners", null);
+    T(this, "timeline", null);
+    T(this, "tracks", []);
+    T(this, "playhead", null);
+    T(this, "history");
+    T(this, "config");
+    T(this, "eventListeners", /* @__PURE__ */ new Map());
+    T(this, "animationFrameId", null);
+    T(this, "lastUpdateTime", 0);
+    T(this, "isInitialized", !1);
+    T(this, "stage", null);
+    T(this, "gridLayer", null);
+    T(this, "trackLayer", null);
+    T(this, "playheadLayer", null);
+    T(this, "selectionLayer", null);
+    T(this, "resizeObserver", null);
+    T(this, "videoPreview", null);
+    T(this, "isExecutingHistoryAction", !1);
+    T(this, "lastTrackDuration", 0);
+    T(this, "thumbnailProvider", null);
+    T(this, "canPlay", !1);
+    T(this, "isBuffering", !1);
+    T(this, "sourceLoadingCount", 0);
+    T(this, "lastSelectedClipId", null);
+    T(this, "playStateBeforeBuffering", null);
+    T(this, "isPausingForBuffering", !1);
+    T(this, "videoBufferingListeners", null);
     this.config = {
       duration: t.duration || 36e5,
-      zoom: t.zoom || gt.MEDIUM,
+      zoom: t.zoom || ct.MEDIUM,
       currentTime: t.currentTime || 0,
       playState: t.playState || "paused",
       container: t.container,
@@ -9362,7 +9476,7 @@ class Pr {
       debug: t.debug,
       speed: t.speed || 1,
       thumbnailProvider: t.thumbnailProvider
-    }, M.setDebugEnabled(!!this.config.debug), this.thumbnailProvider = t.thumbnailProvider || null, this.history = new wr(
+    }, M.setDebugEnabled(!!this.config.debug), this.thumbnailProvider = t.thumbnailProvider || null, this.history = new xr(
       this.handleActionUndo.bind(this),
       this.handleActionRedo.bind(this),
       () => {
@@ -9394,7 +9508,7 @@ class Pr {
       this.handleTimeChange.bind(this),
       this.handleZoomChange.bind(this),
       this.handleScrollChange.bind(this)
-    ), this.playhead = new xr(
+    ), this.playhead = new wr(
       this.playheadLayer,
       this.config.currentTime,
       this.config.zoom,
@@ -9414,7 +9528,8 @@ class Pr {
       this.handleClipRemove.bind(this),
       this.handleClipSplit.bind(this),
       this.handleClipSelect.bind(this),
-      this.setCurrentTime.bind(this)
+      this.setCurrentTime.bind(this),
+      this.handleTrackAutoScrollRequest.bind(this)
     );
     this.tracks.push(i), this.isInitialized = !0, this.stage && this.stage.batchDraw();
   }
@@ -9452,7 +9567,7 @@ class Pr {
     return this.config.currentTime;
   }
   setZoom(t) {
-    const e = Math.max(gt.MIN, Math.min(gt.MAX, t));
+    const e = Math.max(ct.MIN, Math.min(ct.MAX, t));
     e !== this.config.zoom && (this.config.zoom = e, this.timeline && this.timeline.setZoom(e), this.playhead && this.playhead.setZoom(e), this.tracks.forEach((i) => i.setZoom(e)), this.emitEvent("zoom_change", { zoom: e }));
   }
   /**
@@ -9460,7 +9575,7 @@ class Pr {
    * 调整 scrollLeft 使游标在屏幕上的位置保持不变
    */
   setZoomCenteredOnPlayhead(t) {
-    const e = Math.max(gt.MIN, Math.min(gt.MAX, t));
+    const e = Math.max(ct.MIN, Math.min(ct.MAX, t));
     if (e === this.config.zoom) return;
     const i = this.config.zoom, s = this.config.currentTime;
     if (this.config.zoom = e, this.timeline && this.timeline.setZoom(e), this.playhead && this.playhead.setZoom(e), this.tracks.forEach((n) => n.setZoom(e)), this.timeline) {
@@ -9469,6 +9584,39 @@ class Pr {
     }
     this.emitEvent("zoom_change", { zoom: e });
   }
+  /**
+   * 外部缩放入口：
+   * - 鼠标在时间轴内：以鼠标位置为中心缩放
+   * - 鼠标不在时间轴内：回退为以游标（playhead）为中心缩放
+   */
+  setZoomByInteraction(t) {
+    const e = this.timeline;
+    if (!e) {
+      this.setZoomCenteredOnPlayhead(t);
+      return;
+    }
+    const i = e.getPointerXInTimeline();
+    if (e.hasPointerInTimeline() && i !== null) {
+      this.setZoomCenteredOnTimelinePointer(t, i);
+      return;
+    }
+    this.setZoomCenteredOnPlayhead(t);
+  }
+  /**
+   * 以时间轴上的指定像素点为中心缩放，保持该像素对应时间不变
+   */
+  setZoomCenteredOnTimelinePointer(t, e) {
+    const i = Math.max(ct.MIN, Math.min(ct.MAX, t));
+    if (i === this.config.zoom) return;
+    if (!this.timeline) {
+      this.setZoom(i);
+      return;
+    }
+    const s = this.config.zoom, n = this.timeline.getScrollLeft(), r = N.pixelsToTime(e - ot + n, s);
+    this.config.zoom = i, this.timeline.setZoom(i), this.playhead && this.playhead.setZoom(i), this.tracks.forEach((l) => l.setZoom(i));
+    const h = N.timeToPixels(r, i) - (e - ot);
+    this.timeline.setScrollLeft(h), this.handleScrollChange(this.timeline.getScrollLeft()), this.emitEvent("zoom_change", { zoom: i });
+  }
   getZoom() {
     return this.config.zoom;
   }
@@ -9716,12 +9864,12 @@ class Pr {
     var h;
     const t = this.getClips();
     if (t.length === 0) return;
-    const e = Math.min(...t.map((l) => l.startTime)), s = (Math.max(...t.map((l) => l.endTime)) - e) / 1e3, n = ((h = this.stage) == null ? void 0 : h.width()) || 0, r = n - lt * 2;
+    const e = Math.min(...t.map((l) => l.startTime)), s = (Math.max(...t.map((l) => l.endTime)) - e) / 1e3, n = ((h = this.stage) == null ? void 0 : h.width()) || 0, r = n - ot * 2;
     M.debug("TimelineManager", "适合缩放:", { duration: s, containerWidth: n, availableWidth: r });
-    const a = Math.min(r / s, gt.MAX);
+    const a = Math.min(r / s, ct.MAX);
     if (this.setZoom(a), this.timeline) {
       const l = t.reduce((c, u) => u.startTime < c.startTime ? u : c);
-      this.scrollToClip(l.id, { selectClip: !0 });
+      this.scrollToClip(l.id);
     }
   }
   /** 删除轨道内clip 间的空隙 */
@@ -9742,6 +9890,9 @@ class Pr {
   handleScrollChange(t) {
     this.playhead && this.playhead.setScrollLeft(t), this.tracks.forEach((e) => e.setScrollLeft(t));
   }
+  handleTrackAutoScrollRequest(t) {
+    this.timeline && (this.timeline.setScrollLeft(t), this.handleScrollChange(this.timeline.getScrollLeft()));
+  }
   handleClipUpdate(t, e, i) {
     if (!this.isExecutingHistoryAction) {
       if (i && i.length > 0) {
@@ -9764,13 +9915,13 @@ class Pr {
         }
       }
     }
-    this.emitEvent("clip_updated", { clip: t }), this.reloadClipThumbnailsIfNeeded(t, e), this.checkTrackDurationChange();
+    this.emitEvent("clip_updated", { clip: t }), this.reloadClipThumbnailsIfNeeded(t, e), this.checkTrackDurationChange(), this.emitSelectedClipChangeIfNeeded();
   }
   handleClipAdd(t) {
-    this.emitEvent("clip_added", { clip: t });
+    this.emitEvent("clip_added", { clip: t }), this.emitSelectedClipChangeIfNeeded();
   }
   handleClipRemove(t) {
-    this.emitEvent("clip_removed", { clipId: t });
+    this.emitEvent("clip_removed", { clipId: t }), this.emitSelectedClipChangeIfNeeded();
   }
   /**
    * 检查并重新加载关键帧（如果需要）
@@ -9818,7 +9969,7 @@ class Pr {
     this.history.addAction(s), this.emitEvent("clip_updated", { clip: t }), this.emitEvent("clip_added", { clip: e });
   }
   handleClipSelect(t) {
-    !t.id && t.startTime > 0 ? (this.setCurrentTime(t.startTime), M.debug("TimelineManager", "Empty track clicked, jumping to time:", { time: t.startTime })) : t.id && (this.setCurrentTime(t.startTime), M.debug("TimelineManager", "Clip selected, jumping to clip start:", { clipId: t.id, startTime: t.startTime })), this.emitEvent("clip_selected", { clip: t });
+    !t.id && t.startTime > 0 && (this.setCurrentTime(t.startTime), M.debug("TimelineManager", "Empty track clicked, jumping to time:", { time: t.startTime })), this.emitEvent("clip_selected", { clip: t }), this.emitSelectedClipChangeIfNeeded();
   }
   handleActionUndo(t) {
     switch (M.debug("TimelineManager", "Undo action:", { action: t }), this.isExecutingHistoryAction = !0, t.type) {
@@ -9901,7 +10052,11 @@ class Pr {
     this.isExecutingHistoryAction = !1, this.checkTrackDurationChange();
   }
   on(t, e) {
-    this.eventListeners.has(t) || this.eventListeners.set(t, []), this.eventListeners.get(t).push(e), t === "can_play_change" && e(t, { canPlay: this.canPlay }), t === "source_loading_change" && e(t, this.getSourceLoadingState());
+    if (this.eventListeners.has(t) || this.eventListeners.set(t, []), this.eventListeners.get(t).push(e), t === "can_play_change" && e(t, { canPlay: this.canPlay }), t === "selected_clip_change") {
+      const i = this.getSelectedClip();
+      e(t, { clip: i, hasSelectedClip: !!i });
+    }
+    t === "source_loading_change" && e(t, this.getSourceLoadingState());
   }
   off(t, e) {
     if (this.eventListeners.has(t)) {
@@ -9918,6 +10073,13 @@ class Pr {
       }
     });
   }
+  emitSelectedClipChangeIfNeeded() {
+    const t = this.getSelectedClip(), e = (t == null ? void 0 : t.id) || null;
+    e !== this.lastSelectedClipId && (this.lastSelectedClipId = e, this.emitEvent("selected_clip_change", {
+      clip: t,
+      hasSelectedClip: !!t
+    }));
+  }
   beginSourceLoading() {
     this.sourceLoadingCount += 1, this.emitEvent("source_loading_change", {
       isLoading: this.sourceLoadingCount > 0,
@@ -10030,10 +10192,10 @@ class Pr {
       lastUpdateTime: Date.now()
     }, this.attachVideoBufferingListeners(this.videoPreview.videoElement), e.volume !== void 0 && (this.videoPreview.videoElement.volume = Math.max(0, Math.min(1, e.volume))), e.autoPlay && this.videoPreview.videoElement.play().catch((i) => {
       M.warn("TimelineManager", "Auto-play was prevented:", { err: i });
-    }), this.on("time_change", this.handleVideoTimeUpdate.bind(this)), this.on("play_state_change", this.handlePlayStateChange.bind(this)), this.on("clip_added", this.handleClipChange.bind(this)), this.on("clip_removed", this.handleClipChange.bind(this)), M.debug("TimelineManager", "TimelineManager connected to video element");
+    }), this.on("time_change", this.handleVideoTimeUpdate.bind(this)), this.on("play_state_change", this.handlePlayStateChange.bind(this)), this.on("clip_added", this.handleClipChange.bind(this)), this.on("clip_removed", this.handleClipChange.bind(this)), this.on("clip_updated", this.handleClipChange.bind(this)), M.debug("TimelineManager", "TimelineManager connected to video element");
   }
   disconnectVideo() {
-    this.videoPreview && (this.detachVideoBufferingListeners(this.videoPreview.videoElement), this.off("time_change", this.handleVideoTimeUpdate.bind(this)), this.off("play_state_change", this.handlePlayStateChange.bind(this)), this.off("clip_added", this.handleClipChange.bind(this)), this.off("clip_removed", this.handleClipChange.bind(this)), this.isBuffering = !1, this.playStateBeforeBuffering = null, this.isPausingForBuffering = !1, this.videoPreview = null, M.debug("TimelineManager", "TimelineManager disconnected from video element"));
+    this.videoPreview && (this.detachVideoBufferingListeners(this.videoPreview.videoElement), this.off("time_change", this.handleVideoTimeUpdate.bind(this)), this.off("play_state_change", this.handlePlayStateChange.bind(this)), this.off("clip_added", this.handleClipChange.bind(this)), this.off("clip_removed", this.handleClipChange.bind(this)), this.off("clip_updated", this.handleClipChange.bind(this)), this.isBuffering = !1, this.playStateBeforeBuffering = null, this.isPausingForBuffering = !1, this.videoPreview = null, M.debug("TimelineManager", "TimelineManager disconnected from video element"));
   }
   /** 清除历史堆栈 */
   clearHistory() {
@@ -10048,14 +10210,18 @@ class Pr {
       if (n)
         this.loadClipToVideo(n);
       else {
-        const r = this.getLastClipByEndTime(), a = !!r && s >= r.endTime;
-        if (r && a) {
+        const r = this.getLastClipByEndTime(), a = !!r && s < r.endTime && this.config.playState === "playing", h = !!r && s >= r.endTime;
+        if (a) {
+          i.paused || i.pause(), i.src && (i.src = ""), this.clearBufferingStateForNoSource(), this.videoPreview.currentClip = null;
+          return;
+        }
+        if (r && h) {
           (!this.videoPreview.currentClip || this.videoPreview.currentClip.id !== r.id) && this.loadClipToVideo(r), i.paused || i.pause();
-          const h = Math.max(r.startTimeAtSource, r.endTimeAtSource - 1);
-          Math.abs(i.currentTime * 1e3 - h) > 1 && (i.currentTime = h / 1e3);
+          const l = Math.max(r.startTimeAtSource, r.endTimeAtSource - 1);
+          Math.abs(i.currentTime * 1e3 - l) > 1 && (i.currentTime = l / 1e3);
           return;
         }
-        i.paused || i.pause(), i.src && (i.src = ""), this.videoPreview.currentClip = null;
+        i.paused || i.pause(), i.src && (i.src = ""), this.clearBufferingStateForNoSource(), this.videoPreview.currentClip = null;
       }
     else n && this.config.playState === "playing" && i.paused && i.play().catch((r) => {
       M.warn("TimelineManager", "Video play was prevented:", { err: r });
@@ -10081,13 +10247,7 @@ class Pr {
     }) : i.paused || i.pause();
   }
   handleClipChange() {
-    if (this.videoPreview) {
-      const t = this.findClipAtTime(this.config.currentTime);
-      if (!t || this.videoPreview.currentClip && t.id !== this.videoPreview.currentClip.id) {
-        const e = this.videoPreview.videoElement;
-        e.paused || e.pause(), e.src && (e.src = ""), this.videoPreview.currentClip = null;
-      }
-    }
+    this.videoPreview && this.handleVideoTimeUpdate("time_change", { time: this.config.currentTime });
   }
   findClipAtTime(t) {
     return this.getClips().find(
@@ -10123,11 +10283,16 @@ class Pr {
     this.videoBufferingListeners && (t.removeEventListener("loadstart", this.videoBufferingListeners.loadstart), t.removeEventListener("waiting", this.videoBufferingListeners.waiting), t.removeEventListener("stalled", this.videoBufferingListeners.stalled), t.removeEventListener("canplay", this.videoBufferingListeners.canplay), t.removeEventListener("playing", this.videoBufferingListeners.playing), this.videoBufferingListeners = null);
   }
   enterBuffering() {
-    this.isBuffering || (this.isBuffering = !0, this.playStateBeforeBuffering = this.config.playState, this.config.playState === "playing" && (this.isPausingForBuffering = !0, this.pause(), this.isPausingForBuffering = !1), this.emitEvent("buffering_state_change", { isBuffering: !0 }));
+    if (!this.videoPreview || !this.videoPreview.currentClip) return;
+    const t = this.videoPreview.videoElement, e = typeof t.getAttribute == "function" ? t.getAttribute("src") : t.src;
+    (e && e.trim() || t.currentSrc) && (this.isBuffering || (this.isBuffering = !0, this.playStateBeforeBuffering = this.config.playState, this.config.playState === "playing" && (this.isPausingForBuffering = !0, this.pause(), this.isPausingForBuffering = !1), this.emitEvent("buffering_state_change", { isBuffering: !0 })));
   }
   exitBuffering() {
     this.isBuffering && (this.isBuffering = !1, this.emitEvent("buffering_state_change", { isBuffering: !1 }), this.playStateBeforeBuffering === "playing" && this.canPlay && this.play(), this.playStateBeforeBuffering = null);
   }
+  clearBufferingStateForNoSource() {
+    this.isBuffering && (this.isBuffering = !1, this.playStateBeforeBuffering = null, this.isPausingForBuffering = !1, this.emitEvent("buffering_state_change", { isBuffering: !1 }));
+  }
   /**
    * 检查轨道总时长是否变化，如果变化则触发事件并更新时间轴时长
    */
@@ -10141,12 +10306,12 @@ class Pr {
   }
 }
 export {
-  we as Clip,
-  wr as HistoryManager,
-  xr as Playhead,
+  xe as Clip,
+  xr as HistoryManager,
+  wr as Playhead,
   N as TimeUtils,
   vr as Timeline,
-  Pr as TimelineManager,
+  Ar as TimelineManager,
   Tr as VideoTrack,
   ke as defaultDarkTheme
 };