@linker-design-plus/timeline-track 2.0.5 → 2.0.6

package/dist/index.es.js

@@ -52,7 +52,7 @@ const Pe = {
   mode: "auto-first-added-video",
   width: 16,
   height: 9
-}, oh = [
+}, lh = [
   {
     key: "default",
     label: "默认",
@@ -85,14 +85,14 @@ function Vn(a) {
 function vt(a) {
   return Vn(a) === "auto-first-added-video";
 }
-function Ve(a) {
+function Ye(a) {
   return {
     mode: Vn(a == null ? void 0 : a.mode),
     width: typeof (a == null ? void 0 : a.width) == "number" && a.width > 0 ? a.width : Pe.width,
     height: typeof (a == null ? void 0 : a.height) == "number" && a.height > 0 ? a.height : Pe.height
   };
 }
-const lh = {
+const hh = {
   DEFAULT: 1,
   // 默认层级
   ACTIVE: 2
@@ -108,7 +108,7 @@ const lh = {
   // 动画持续时间（毫秒）
   EASING: "easeOutCubic"
   // 缓动函数
-}, hh = {
+}, ch = {
   DEFAULT_HEIGHT: 40,
   // 默认时间刻度高度
   MIN_HEIGHT: 20,
@@ -263,15 +263,15 @@ const Vs = Math.PI / 180;
 function Ys() {
   return typeof window < "u" && ({}.toString.call(window) === "[object Window]" || {}.toString.call(window) === "[object global]");
 }
-const Ye = typeof global < "u" ? global : typeof window < "u" ? window : typeof WorkerGlobalScope < "u" ? self : {}, E = {
-  _global: Ye,
+const We = typeof global < "u" ? global : typeof window < "u" ? window : typeof WorkerGlobalScope < "u" ? self : {}, M = {
+  _global: We,
   version: "10.2.0",
   isBrowser: Ys(),
   isUnminified: /param/.test((function(a) {
   }).toString()),
   dblClickWindow: 400,
   getAngle(a) {
-    return E.angleDeg ? a * Vs : a;
+    return M.angleDeg ? a * Vs : a;
   },
   enableTrace: !1,
   pointerEventsEnabled: !0,
@@ -295,24 +295,24 @@ const Ye = typeof global < "u" ? global : typeof window < "u" ? window : typeof
   showWarnings: !0,
   dragButtons: [0, 1],
   isDragging() {
-    return E.DD.isDragging;
+    return M.DD.isDragging;
   },
   isTransforming() {
     var a, e;
-    return (e = (a = E.Transformer) === null || a === void 0 ? void 0 : a.isTransforming()) !== null && e !== void 0 ? e : !1;
+    return (e = (a = M.Transformer) === null || a === void 0 ? void 0 : a.isTransforming()) !== null && e !== void 0 ? e : !1;
   },
   isDragReady() {
-    return !!E.DD.node;
+    return !!M.DD.node;
   },
   releaseCanvasOnDestroy: !0,
-  document: Ye.document,
+  document: We.document,
   _injectGlobal(a) {
-    typeof Ye.Konva < "u" && console.error("Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment."), Ye.Konva = a;
+    typeof We.Konva < "u" && console.error("Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment."), We.Konva = a;
   }
 }, ne = (a) => {
-  E[a.prototype.getClassName()] = a;
+  M[a.prototype.getClassName()] = a;
 };
-E._injectGlobal(E);
+M._injectGlobal(M);
 const Ws = `Konva.js unsupported environment.
 
 Looks like you are trying to use Konva.js in Node.js environment. because "document" object is undefined.
@@ -806,7 +806,7 @@ const ir = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return v.warn("Util._radToDeg is removed. Please use public Util.radToDeg instead."), v.radToDeg(a);
   },
   _getRotation(a) {
-    return E.angleDeg ? v.radToDeg(a) : a;
+    return M.angleDeg ? v.radToDeg(a) : a;
   },
   _capitalize(a) {
     return a.charAt(0).toUpperCase() + a.slice(1);
@@ -818,7 +818,7 @@ const ir = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     console.error(Vi + a);
   },
   warn(a) {
-    E.showWarnings && console.warn(Qs + a);
+    M.showWarnings && console.warn(Qs + a);
   },
   each(a, e) {
     for (const t in a)
@@ -897,7 +897,7 @@ const ir = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return a.touches ? a.changedTouches[0].identifier : a.pointerId || 999;
   },
   releaseCanvas(...a) {
-    E.releaseCanvasOnDestroy && a.forEach((e) => {
+    M.releaseCanvasOnDestroy && a.forEach((e) => {
       e.width = 0, e.height = 0;
     });
   },
@@ -1000,7 +1000,7 @@ function Xi() {
 }
 class Qt {
   constructor(e) {
-    this.canvas = e, E.enableTrace && (this.traceArr = [], this._enableTrace());
+    this.canvas = e, M.enableTrace && (this.traceArr = [], this._enableTrace());
   }
   fillShape(e) {
     e.fillEnabled() && this._fill(e);
@@ -1316,14 +1316,14 @@ function fr() {
     return Rt;
   const a = v.createCanvasElement(), e = a.getContext("2d");
   return Rt = function() {
-    const t = E._global.devicePixelRatio || 1, i = e.webkitBackingStorePixelRatio || e.mozBackingStorePixelRatio || e.msBackingStorePixelRatio || e.oBackingStorePixelRatio || e.backingStorePixelRatio || 1;
+    const t = M._global.devicePixelRatio || 1, i = e.webkitBackingStorePixelRatio || e.mozBackingStorePixelRatio || e.msBackingStorePixelRatio || e.oBackingStorePixelRatio || e.backingStorePixelRatio || 1;
     return t / i;
   }(), v.releaseCanvas(a), Rt;
 }
 class Ri {
   constructor(e) {
     this.pixelRatio = 1, this.width = 0, this.height = 0, this.isCache = !1;
-    const i = (e || {}).pixelRatio || E.pixelRatio || fr();
+    const i = (e || {}).pixelRatio || M.pixelRatio || fr();
     this.pixelRatio = i, this._canvas = v.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() {
@@ -1379,24 +1379,24 @@ class Di extends Ri {
     super(e), this.hitCanvas = !0, this.context = new pr(this), this.setSize(e.width, e.height);
   }
 }
-const $ = {
+const q = {
   get isDragging() {
     let a = !1;
-    return $._dragElements.forEach((e) => {
+    return q._dragElements.forEach((e) => {
       e.dragStatus === "dragging" && (a = !0);
     }), a;
   },
   justDragged: !1,
   get node() {
     let a;
-    return $._dragElements.forEach((e) => {
+    return q._dragElements.forEach((e) => {
       a = e.node;
     }), a;
   },
   _dragElements: /* @__PURE__ */ new Map(),
   _drag(a) {
     const e = [];
-    $._dragElements.forEach((t, i) => {
+    q._dragElements.forEach((t, i) => {
       const { node: n } = t, s = n.getStage();
       s.setPointersPositions(a), t.pointerId === void 0 && (t.pointerId = v._getFirstPointerId(a));
       const r = s._changedPointerPositions.find((o) => o.id === t.pointerId);
@@ -1418,28 +1418,28 @@ const $ = {
   },
   _endDragBefore(a) {
     const e = [];
-    $._dragElements.forEach((t) => {
+    q._dragElements.forEach((t) => {
       const { node: i } = t, n = i.getStage();
       if (a && n.setPointersPositions(a), !n._changedPointerPositions.find((o) => o.id === t.pointerId))
         return;
-      (t.dragStatus === "dragging" || t.dragStatus === "stopped") && ($.justDragged = !0, E._mouseListenClick = !1, E._touchListenClick = !1, E._pointerListenClick = !1, t.dragStatus = "stopped");
-      const r = t.node.getLayer() || t.node instanceof E.Stage && t.node;
+      (t.dragStatus === "dragging" || t.dragStatus === "stopped") && (q.justDragged = !0, M._mouseListenClick = !1, M._touchListenClick = !1, M._pointerListenClick = !1, t.dragStatus = "stopped");
+      const r = t.node.getLayer() || t.node instanceof M.Stage && t.node;
       r && e.indexOf(r) === -1 && e.push(r);
     }), e.forEach((t) => {
       t.draw();
     });
   },
   _endDragAfter(a) {
-    $._dragElements.forEach((e, t) => {
+    q._dragElements.forEach((e, t) => {
       e.dragStatus === "stopped" && e.node.fire("dragend", {
         type: "dragend",
         target: e.node,
         evt: a
-      }, !0), e.dragStatus !== "dragging" && $._dragElements.delete(t);
+      }, !0), e.dragStatus !== "dragging" && q._dragElements.delete(t);
     });
   }
 };
-E.isBrowser && (window.addEventListener("mouseup", $._endDragBefore, !0), window.addEventListener("touchend", $._endDragBefore, !0), window.addEventListener("touchcancel", $._endDragBefore, !0), window.addEventListener("mousemove", $._drag), window.addEventListener("touchmove", $._drag), window.addEventListener("mouseup", $._endDragAfter, !1), window.addEventListener("touchend", $._endDragAfter, !1), window.addEventListener("touchcancel", $._endDragAfter, !1));
+M.isBrowser && (window.addEventListener("mouseup", q._endDragBefore, !0), window.addEventListener("touchend", q._endDragBefore, !0), window.addEventListener("touchcancel", q._endDragBefore, !0), window.addEventListener("mousemove", q._drag), window.addEventListener("touchmove", q._drag), window.addEventListener("mouseup", q._endDragAfter, !1), window.addEventListener("touchend", q._endDragAfter, !1), window.addEventListener("touchcancel", q._endDragAfter, !1));
 function Oe(a) {
   return v._isString(a) ? '"' + a + '"' : Object.prototype.toString.call(a) === "[object Number]" || v._isBoolean(a) ? a : Object.prototype.toString.call(a);
 }
@@ -1447,39 +1447,39 @@ function Wn(a) {
   return a > 255 ? 255 : a < 0 ? 0 : Math.round(a);
 }
 function I() {
-  if (E.isUnminified)
+  if (M.isUnminified)
     return function(a, e) {
       return v._isNumber(a) || v.warn(Oe(a) + ' is a not valid value for "' + e + '" attribute. The value should be a number.'), a;
     };
 }
 function ei(a) {
-  if (E.isUnminified)
+  if (M.isUnminified)
     return function(e, t) {
       let i = v._isNumber(e), n = v._isArray(e) && e.length == a;
       return !i && !n && v.warn(Oe(e) + ' is a not valid value for "' + t + '" attribute. The value should be a number or Array<number>(' + a + ")"), e;
     };
 }
 function Oi() {
-  if (E.isUnminified)
+  if (M.isUnminified)
     return function(a, e) {
       return v._isNumber(a) || a === "auto" || v.warn(Oe(a) + ' is a not valid value for "' + e + '" attribute. The value should be a number or "auto".'), a;
     };
 }
-function Xe() {
-  if (E.isUnminified)
+function Ue() {
+  if (M.isUnminified)
     return function(a, e) {
       return v._isString(a) || v.warn(Oe(a) + ' is a not valid value for "' + e + '" attribute. The value should be a string.'), a;
     };
 }
 function Xn() {
-  if (E.isUnminified)
+  if (M.isUnminified)
     return function(a, e) {
       const t = v._isString(a), i = Object.prototype.toString.call(a) === "[object CanvasGradient]" || a && a.addColorStop;
       return t || i || v.warn(Oe(a) + ' is a not valid value for "' + e + '" attribute. The value should be a string or a native gradient.'), a;
     };
 }
 function mr() {
-  if (E.isUnminified)
+  if (M.isUnminified)
     return function(a, e) {
       const t = Int8Array ? Object.getPrototypeOf(Int8Array) : null;
       return t && a instanceof t || (v._isArray(a) ? a.forEach(function(i) {
@@ -1488,13 +1488,13 @@ function mr() {
     };
 }
 function me() {
-  if (E.isUnminified)
+  if (M.isUnminified)
     return function(a, e) {
       return a === !0 || a === !1 || v.warn(Oe(a) + ' is a not valid value for "' + e + '" attribute. The value should be a boolean.'), a;
     };
 }
 function yr(a) {
-  if (E.isUnminified)
+  if (M.isUnminified)
     return function(e, t) {
       return e == null || v.isObject(e) || v.warn(Oe(e) + ' is a not valid value for "' + t + '" attribute. The value should be an object with properties ' + a), e;
     };
@@ -1581,7 +1581,7 @@ function Sr(a) {
         const s = parseFloat(n.replace("px", ""));
         return function(r) {
           this.blurRadius(s * 0.5);
-          const o = E.Filters;
+          const o = M.Filters;
           o && o.Blur && o.Blur.call(this, r);
         };
       }
@@ -1589,7 +1589,7 @@ function Sr(a) {
         const s = n.includes("%") ? parseFloat(n) / 100 : parseFloat(n);
         return function(r) {
           this.brightness(s);
-          const o = E.Filters;
+          const o = M.Filters;
           o && o.Brightness && o.Brightness.call(this, r);
         };
       }
@@ -1598,23 +1598,23 @@ function Sr(a) {
         return function(r) {
           const o = 100 * (Math.sqrt(s) - 1);
           this.contrast(o);
-          const l = E.Filters;
+          const l = M.Filters;
           l && l.Contrast && l.Contrast.call(this, r);
         };
       }
       case "grayscale":
         return function(s) {
-          const r = E.Filters;
+          const r = M.Filters;
           r && r.Grayscale && r.Grayscale.call(this, s);
         };
       case "sepia":
         return function(s) {
-          const r = E.Filters;
+          const r = M.Filters;
           r && r.Sepia && r.Sepia.call(this, s);
         };
       case "invert":
         return function(s) {
-          const r = E.Filters;
+          const r = M.Filters;
           r && r.Invert && r.Invert.call(this, s);
         };
       default:
@@ -1823,7 +1823,7 @@ class x {
     });
   }
   remove() {
-    return this.isDragging() && this.stopDrag(), $._dragElements.delete(this._id), this._remove(), this;
+    return this.isDragging() && this.stopDrag(), q._dragElements.delete(this._id), this._remove(), this;
   }
   _clearCaches() {
     this._clearSelfAndDescendantCache(ke), this._clearSelfAndDescendantCache(Ut), this._clearSelfAndDescendantCache($i), this._clearSelfAndDescendantCache(ji), this._clearSelfAndDescendantCache(Si), this._clearSelfAndDescendantCache(yi);
@@ -1881,10 +1881,10 @@ class x {
       return this._isVisible(e) && this._isListening(e);
     const i = this.getLayer();
     let n = !1;
-    $._dragElements.forEach((r) => {
+    q._dragElements.forEach((r) => {
       r.dragStatus === "dragging" && (r.node.nodeType === "Stage" || r.node.getLayer() === i) && (n = !0);
     });
-    const s = !t && !E.hitOnDragEnabled && (n || E.isTransforming());
+    const s = !t && !M.hitOnDragEnabled && (n || M.isTransforming());
     return this.isListening() && this.isVisible() && !s;
   }
   show() {
@@ -2141,7 +2141,7 @@ class x {
     var e, t;
     const i = this._cache.get(Me) || new de();
     i.reset();
-    const n = this.x(), s = this.y(), r = E.getAngle(this.rotation()), o = (e = this.attrs.scaleX) !== null && e !== void 0 ? e : 1, l = (t = this.attrs.scaleY) !== null && t !== void 0 ? t : 1, h = this.attrs.skewX || 0, c = this.attrs.skewY || 0, d = this.attrs.offsetX || 0, u = this.attrs.offsetY || 0;
+    const n = this.x(), s = this.y(), r = M.getAngle(this.rotation()), o = (e = this.attrs.scaleX) !== null && e !== void 0 ? e : 1, l = (t = this.attrs.scaleY) !== null && t !== void 0 ? t : 1, h = this.attrs.skewX || 0, c = this.attrs.skewY || 0, d = this.attrs.offsetX || 0, u = this.attrs.offsetY || 0;
     return (n !== 0 || s !== 0) && i.translate(n, s), r !== 0 && i.rotate(r), (h !== 0 || c !== 0) && i.skew(h, c), (o !== 1 || l !== 1) && i.scale(o, l), (d !== 0 || u !== 0) && i.translate(-1 * d, -1 * u), i.dirty = !1, i;
   }
   clone(e) {
@@ -2215,7 +2215,7 @@ class x {
     return this.nodeType;
   }
   getDragDistance() {
-    return this.attrs.dragDistance !== void 0 ? this.attrs.dragDistance : this.parent ? this.parent.getDragDistance() : E.dragDistance;
+    return this.attrs.dragDistance !== void 0 ? this.attrs.dragDistance : this.parent ? this.parent.getDragDistance() : M.dragDistance;
   }
   _off(e, t, i) {
     let n = this.eventListeners[e], s, r, o;
@@ -2256,7 +2256,7 @@ class x {
     return v._isFunction(i) ? i.call(this, t) : this._setAttr(e, t), this;
   }
   _requestDraw() {
-    if (E.autoDrawEnabled) {
+    if (M.autoDrawEnabled) {
       const e = this.getLayer() || this.getStage();
       e == null || e.batchDraw();
     }
@@ -2319,7 +2319,7 @@ class x {
     if (!i)
       return;
     const s = i._getPointerById(t) || i._changedPointerPositions[0] || n;
-    $._dragElements.set(this._id, {
+    q._dragElements.set(this._id, {
       node: this,
       startPointerPos: s,
       offset: {
@@ -2331,8 +2331,8 @@ class x {
     });
   }
   startDrag(e, t = !0) {
-    $._dragElements.has(this._id) || this._createDragElement(e);
-    const i = $._dragElements.get(this._id);
+    q._dragElements.has(this._id) || this._createDragElement(e);
+    const i = q._dragElements.get(this._id);
     i.dragStatus = "dragging", this.fire("dragstart", {
       type: "dragstart",
       target: this,
@@ -2355,22 +2355,22 @@ class x {
     (!this._lastPos || this._lastPos.x !== n.x || this._lastPos.y !== n.y) && (this.setAbsolutePosition(n), this._requestDraw()), this._lastPos = n;
   }
   stopDrag(e) {
-    const t = $._dragElements.get(this._id);
-    t && (t.dragStatus = "stopped"), $._endDragBefore(e), $._endDragAfter(e);
+    const t = q._dragElements.get(this._id);
+    t && (t.dragStatus = "stopped"), q._endDragBefore(e), q._endDragAfter(e);
   }
   setDraggable(e) {
     this._setAttr("draggable", e), this._dragChange();
   }
   isDragging() {
-    const e = $._dragElements.get(this._id);
+    const e = q._dragElements.get(this._id);
     return e ? e.dragStatus === "dragging" : !1;
   }
   _listenDrag() {
     this._dragCleanup(), this.on("mousedown.konva touchstart.konva", function(e) {
-      if (!(!(e.evt.button !== void 0) || E.dragButtons.indexOf(e.evt.button) >= 0) || this.isDragging())
+      if (!(!(e.evt.button !== void 0) || M.dragButtons.indexOf(e.evt.button) >= 0) || this.isDragging())
         return;
       let n = !1;
-      $._dragElements.forEach((s) => {
+      q._dragElements.forEach((s) => {
         this.isAncestorOf(s.node) && (n = !0);
       }), n || this._createDragElement(e);
     });
@@ -2381,8 +2381,8 @@ class x {
     else {
       if (this._dragCleanup(), !this.getStage())
         return;
-      const t = $._dragElements.get(this._id), i = t && t.dragStatus === "dragging", n = t && t.dragStatus === "ready";
-      i ? this.stopDrag() : n && $._dragElements.delete(this._id);
+      const t = q._dragElements.get(this._id), i = t && t.dragStatus === "dragging", n = t && t.dragStatus === "ready";
+      i ? this.stopDrag() : n && q._dragElements.delete(this._id);
     }
   }
   _dragCleanup() {
@@ -2405,8 +2405,8 @@ class x {
   }
   static _createNode(e, t) {
     let i = x.prototype.getClassName.call(e), n = e.children, s, r, o;
-    t && (e.attrs.container = t), E[i] || (v.warn('Can not find a node with class name "' + i + '". Fallback to "Shape".'), i = "Shape");
-    const l = E[i];
+    t && (e.attrs.container = t), M[i] || (v.warn('Can not find a node with class name "' + i + '". Fallback to "Shape".'), i = "Shape");
+    const l = M[i];
     if (s = new l(e.attrs), n)
       for (r = n.length, o = 0; o < r; o++)
         s.add(x._createNode(n[o]));
@@ -2433,39 +2433,39 @@ x.prototype.on.call(x.prototype, "listeningChange.konva", function() {
 x.prototype.on.call(x.prototype, "opacityChange.konva", function() {
   this._clearSelfAndDescendantCache(Ut);
 });
-const J = m.addGetterSetter;
-J(x, "zIndex");
-J(x, "absolutePosition");
-J(x, "position");
-J(x, "x", 0, I());
-J(x, "y", 0, I());
-J(x, "globalCompositeOperation", "source-over", Xe());
-J(x, "opacity", 1, I());
-J(x, "name", "", Xe());
-J(x, "id", "", Xe());
-J(x, "rotation", 0, I());
+const Z = m.addGetterSetter;
+Z(x, "zIndex");
+Z(x, "absolutePosition");
+Z(x, "position");
+Z(x, "x", 0, I());
+Z(x, "y", 0, I());
+Z(x, "globalCompositeOperation", "source-over", Ue());
+Z(x, "opacity", 1, I());
+Z(x, "name", "", Ue());
+Z(x, "id", "", Ue());
+Z(x, "rotation", 0, I());
 m.addComponentsGetterSetter(x, "scale", ["x", "y"]);
-J(x, "scaleX", 1, I());
-J(x, "scaleY", 1, I());
+Z(x, "scaleX", 1, I());
+Z(x, "scaleY", 1, I());
 m.addComponentsGetterSetter(x, "skew", ["x", "y"]);
-J(x, "skewX", 0, I());
-J(x, "skewY", 0, I());
+Z(x, "skewX", 0, I());
+Z(x, "skewY", 0, I());
 m.addComponentsGetterSetter(x, "offset", ["x", "y"]);
-J(x, "offsetX", 0, I());
-J(x, "offsetY", 0, I());
-J(x, "dragDistance", void 0, I());
-J(x, "width", 0, I());
-J(x, "height", 0, I());
-J(x, "listening", !0, me());
-J(x, "preventDefault", !0, me());
-J(x, "filters", void 0, function(a) {
+Z(x, "offsetX", 0, I());
+Z(x, "offsetY", 0, I());
+Z(x, "dragDistance", void 0, I());
+Z(x, "width", 0, I());
+Z(x, "height", 0, I());
+Z(x, "listening", !0, me());
+Z(x, "preventDefault", !0, me());
+Z(x, "filters", void 0, function(a) {
   return this._filterUpToDate = !1, a;
 });
-J(x, "visible", !0, me());
-J(x, "transformsEnabled", "all", Xe());
-J(x, "size");
-J(x, "dragBoundFunc");
-J(x, "draggable", !1, me());
+Z(x, "visible", !0, me());
+Z(x, "transformsEnabled", "all", Ue());
+Z(x, "size");
+Z(x, "dragBoundFunc");
+Z(x, "draggable", !1, me());
 m.backCompat(x, {
   rotateDeg: "rotate",
   setRotationDeg: "setRotation",
@@ -2669,7 +2669,7 @@ m.addGetterSetter(ue, "clipY", void 0, I());
 m.addGetterSetter(ue, "clipWidth", void 0, I());
 m.addGetterSetter(ue, "clipHeight", void 0, I());
 m.addGetterSetter(ue, "clipFunc");
-const xt = /* @__PURE__ */ new Map(), Un = E._global.PointerEvent !== void 0;
+const xt = /* @__PURE__ */ new Map(), Un = M._global.PointerEvent !== void 0;
 function ni(a) {
   return xt.get(a);
 }
@@ -2748,10 +2748,10 @@ const Mr = "Stage", Lr = "string", Zi = "px", Rr = "mouseout", Kn = "mouseleave"
     pointerclick: "pointerclick",
     pointerdblclick: "pointerdblclick"
   }
-}, yt = (a) => a.indexOf("pointer") >= 0 ? "pointer" : a.indexOf("touch") >= 0 ? "touch" : "mouse", je = (a) => {
+}, yt = (a) => a.indexOf("pointer") >= 0 ? "pointer" : a.indexOf("touch") >= 0 ? "touch" : "mouse", Ze = (a) => {
   const e = yt(a);
   if (e === "pointer")
-    return E.pointerEventsEnabled && si.pointer;
+    return M.pointerEventsEnabled && si.pointer;
   if (e === "touch")
     return si.touch;
   if (e === "mouse")
@@ -2867,7 +2867,7 @@ class ti extends ue {
     }
     super.add(e);
     const i = this.children.length;
-    return i > Or && v.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."), e.setSize({ width: this.width(), height: this.height() }), e.draw(), E.isBrowser && this.content.appendChild(e.canvas._canvas), this;
+    return i > Or && v.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."), e.setSize({ width: this.width(), height: this.height() }), e.draw(), M.isBrowser && this.content.appendChild(e.canvas._canvas), this;
   }
   getParent() {
     return null;
@@ -2888,7 +2888,7 @@ class ti extends ue {
     return this.children;
   }
   _bindContentEvents() {
-    E.isBrowser && Br.forEach(([e, t]) => {
+    M.isBrowser && Br.forEach(([e, t]) => {
       this.content.addEventListener(e, (i) => {
         this[t](i);
       }, { passive: !1 });
@@ -2896,7 +2896,7 @@ class ti extends ue {
   }
   _pointerenter(e) {
     this.setPointersPositions(e);
-    const t = je(e.type);
+    const t = Ze(e.type);
     t && this._fire(t.pointerenter, {
       evt: e,
       target: this,
@@ -2905,7 +2905,7 @@ class ti extends ue {
   }
   _pointerover(e) {
     this.setPointersPositions(e);
-    const t = je(e.type);
+    const t = Ze(e.type);
     t && this._fire(t.pointerover, {
       evt: e,
       target: this,
@@ -2917,11 +2917,11 @@ class ti extends ue {
     return t && !t.getStage() && (t = null), t;
   }
   _pointerleave(e) {
-    const t = je(e.type), i = yt(e.type);
+    const t = Ze(e.type), i = yt(e.type);
     if (!t)
       return;
     this.setPointersPositions(e);
-    const n = this._getTargetShape(i), s = !(E.isDragging() || E.isTransforming()) || E.hitOnDragEnabled;
+    const n = this._getTargetShape(i), s = !(M.isDragging() || M.isTransforming()) || M.hitOnDragEnabled;
     n && s ? (n._fireAndBubble(t.pointerout, { evt: e }), n._fireAndBubble(t.pointerleave, { evt: e }), this._fire(t.pointerleave, {
       evt: e,
       target: this,
@@ -2937,18 +2937,18 @@ class ti extends ue {
     })), this.pointerPos = null, this._pointerPositions = [];
   }
   _pointerdown(e) {
-    const t = je(e.type), i = yt(e.type);
+    const t = Ze(e.type), i = yt(e.type);
     if (!t)
       return;
     this.setPointersPositions(e);
     let n = !1;
     this._changedPointerPositions.forEach((s) => {
       const r = this.getIntersection(s);
-      if ($.justDragged = !1, E["_" + i + "ListenClick"] = !0, !r || !r.isListening()) {
+      if (q.justDragged = !1, M["_" + i + "ListenClick"] = !0, !r || !r.isListening()) {
         this[i + "ClickStartShape"] = void 0;
         return;
       }
-      E.capturePointerEventsEnabled && r.setPointerCapture(s.id), this[i + "ClickStartShape"] = r, r._fireAndBubble(t.pointerdown, {
+      M.capturePointerEventsEnabled && r.setPointerCapture(s.id), this[i + "ClickStartShape"] = r, r._fireAndBubble(t.pointerdown, {
         evt: e,
         pointerId: s.id
       }), n = !0;
@@ -2962,11 +2962,11 @@ class ti extends ue {
     });
   }
   _pointermove(e) {
-    const t = je(e.type), i = yt(e.type);
+    const t = Ze(e.type), i = yt(e.type);
     if (!t)
       return;
     const n = e.type.indexOf("touch") >= 0 || e.pointerType === "touch";
-    if (E.isDragging() && $.node.preventDefault() && e.cancelable && n && e.preventDefault(), this.setPointersPositions(e), !(!(E.isDragging() || E.isTransforming()) || E.hitOnDragEnabled))
+    if (M.isDragging() && q.node.preventDefault() && e.cancelable && n && e.preventDefault(), this.setPointersPositions(e), !(!(M.isDragging() || M.isTransforming()) || M.hitOnDragEnabled))
       return;
     const r = {};
     let o = !1;
@@ -2992,7 +2992,7 @@ class ti extends ue {
     });
   }
   _pointerup(e) {
-    const t = je(e.type), i = yt(e.type);
+    const t = Ze(e.type), i = yt(e.type);
     if (!t)
       return;
     this.setPointersPositions(e);
@@ -3007,14 +3007,14 @@ class ti extends ue {
       }
       const c = l.id, d = { evt: e, pointerId: c };
       let u = !1;
-      E["_" + i + "InDblClickWindow"] ? (u = !0, clearTimeout(this[i + "DblTimeout"])) : $.justDragged || (E["_" + i + "InDblClickWindow"] = !0, clearTimeout(this[i + "DblTimeout"])), this[i + "DblTimeout"] = setTimeout(function() {
-        E["_" + i + "InDblClickWindow"] = !1;
-      }, E.dblClickWindow), h && h.isListening() ? (o = !0, this[i + "ClickEndShape"] = h, h._fireAndBubble(t.pointerup, { ...d }), E["_" + i + "ListenClick"] && n && n === h && (h._fireAndBubble(t.pointerclick, { ...d }), u && s && s === h && h._fireAndBubble(t.pointerdblclick, { ...d }))) : (this[i + "ClickEndShape"] = null, o || (this._fire(t.pointerup, {
+      M["_" + i + "InDblClickWindow"] ? (u = !0, clearTimeout(this[i + "DblTimeout"])) : q.justDragged || (M["_" + i + "InDblClickWindow"] = !0, clearTimeout(this[i + "DblTimeout"])), this[i + "DblTimeout"] = setTimeout(function() {
+        M["_" + i + "InDblClickWindow"] = !1;
+      }, M.dblClickWindow), h && h.isListening() ? (o = !0, this[i + "ClickEndShape"] = h, h._fireAndBubble(t.pointerup, { ...d }), M["_" + i + "ListenClick"] && n && n === h && (h._fireAndBubble(t.pointerclick, { ...d }), u && s && s === h && h._fireAndBubble(t.pointerdblclick, { ...d }))) : (this[i + "ClickEndShape"] = null, o || (this._fire(t.pointerup, {
         evt: e,
         target: this,
         currentTarget: this,
         pointerId: this._changedPointerPositions[0].id
-      }), o = !0), E["_" + i + "ListenClick"] && this._fire(t.pointerclick, {
+      }), o = !0), M["_" + i + "ListenClick"] && this._fire(t.pointerclick, {
         evt: e,
         target: this,
         currentTarget: this,
@@ -3030,7 +3030,7 @@ class ti extends ue {
       target: this,
       currentTarget: this,
       pointerId: this._changedPointerPositions[0].id
-    }), E["_" + i + "ListenClick"] = !1, e.cancelable && i !== "touch" && i !== "pointer" && e.preventDefault();
+    }), M["_" + i + "ListenClick"] = !1, e.cancelable && i !== "touch" && i !== "pointer" && e.preventDefault();
   }
   _contextmenu(e) {
     this.setPointersPositions(e);
@@ -3107,7 +3107,7 @@ class ti extends ue {
       pixelRatio: 1,
       width: this.width(),
       height: this.height()
-    }), !E.isBrowser)
+    }), !M.isBrowser)
       return;
     const e = this.container();
     if (!e)
@@ -3129,7 +3129,7 @@ class ti extends ue {
 ti.prototype.nodeType = Mr;
 ne(ti);
 m.addGetterSetter(ti, "container");
-E.isBrowser && document.addEventListener("visibilitychange", () => {
+M.isBrowser && document.addEventListener("visibilitychange", () => {
   bt.forEach((a) => {
     a.batchDraw();
   });
@@ -3169,7 +3169,7 @@ function Xr() {
 function Ur() {
   this._clearCache(hs);
 }
-class P extends x {
+class _ extends x {
   constructor(e) {
     super(e);
     let t, i = 0;
@@ -3206,7 +3206,7 @@ class P extends x {
       const t = ri().createPattern(this.fillPatternImage(), this.fillPatternRepeat() || "repeat");
       if (t && t.setTransform) {
         const i = new de();
-        i.translate(this.fillPatternX(), this.fillPatternY()), i.rotate(E.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(M.getAngle(this.fillPatternRotation())), i.scale(this.fillPatternScaleX(), this.fillPatternScaleY()), i.translate(-1 * this.fillPatternOffsetX(), -1 * this.fillPatternOffsetY());
         const n = i.getMatrix(), s = typeof DOMMatrix > "u" ? {
           a: n[0],
           b: n[1],
@@ -3397,100 +3397,100 @@ class P extends x {
     Tt(e);
   }
 }
-P.prototype._fillFunc = Hr;
-P.prototype._strokeFunc = Nr;
-P.prototype._fillFuncHit = zr;
-P.prototype._strokeFuncHit = Fr;
-P.prototype._centroid = !1;
-P.prototype.nodeType = "Shape";
-ne(P);
-P.prototype.eventListeners = {};
-P.prototype.on.call(P.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Vr);
-P.prototype.on.call(P.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Yr);
-P.prototype.on.call(P.prototype, "fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", Wr);
-P.prototype.on.call(P.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", Xr);
-P.prototype.on.call(P.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", Ur);
-m.addGetterSetter(P, "stroke", void 0, Xn());
-m.addGetterSetter(P, "strokeWidth", 2, I());
-m.addGetterSetter(P, "fillAfterStrokeEnabled", !1);
-m.addGetterSetter(P, "hitStrokeWidth", "auto", Oi());
-m.addGetterSetter(P, "strokeHitEnabled", !0, me());
-m.addGetterSetter(P, "perfectDrawEnabled", !0, me());
-m.addGetterSetter(P, "shadowForStrokeEnabled", !0, me());
-m.addGetterSetter(P, "lineJoin");
-m.addGetterSetter(P, "lineCap");
-m.addGetterSetter(P, "miterLimit");
-m.addGetterSetter(P, "sceneFunc");
-m.addGetterSetter(P, "hitFunc");
-m.addGetterSetter(P, "dash");
-m.addGetterSetter(P, "dashOffset", 0, I());
-m.addGetterSetter(P, "shadowColor", void 0, Xe());
-m.addGetterSetter(P, "shadowBlur", 0, I());
-m.addGetterSetter(P, "shadowOpacity", 1, I());
-m.addComponentsGetterSetter(P, "shadowOffset", ["x", "y"]);
-m.addGetterSetter(P, "shadowOffsetX", 0, I());
-m.addGetterSetter(P, "shadowOffsetY", 0, I());
-m.addGetterSetter(P, "fillPatternImage");
-m.addGetterSetter(P, "fill", void 0, Xn());
-m.addGetterSetter(P, "fillPatternX", 0, I());
-m.addGetterSetter(P, "fillPatternY", 0, I());
-m.addGetterSetter(P, "fillLinearGradientColorStops");
-m.addGetterSetter(P, "strokeLinearGradientColorStops");
-m.addGetterSetter(P, "fillRadialGradientStartRadius", 0);
-m.addGetterSetter(P, "fillRadialGradientEndRadius", 0);
-m.addGetterSetter(P, "fillRadialGradientColorStops");
-m.addGetterSetter(P, "fillPatternRepeat", "repeat");
-m.addGetterSetter(P, "fillEnabled", !0);
-m.addGetterSetter(P, "strokeEnabled", !0);
-m.addGetterSetter(P, "shadowEnabled", !0);
-m.addGetterSetter(P, "dashEnabled", !0);
-m.addGetterSetter(P, "strokeScaleEnabled", !0);
-m.addGetterSetter(P, "fillPriority", "color");
-m.addComponentsGetterSetter(P, "fillPatternOffset", ["x", "y"]);
-m.addGetterSetter(P, "fillPatternOffsetX", 0, I());
-m.addGetterSetter(P, "fillPatternOffsetY", 0, I());
-m.addComponentsGetterSetter(P, "fillPatternScale", ["x", "y"]);
-m.addGetterSetter(P, "fillPatternScaleX", 1, I());
-m.addGetterSetter(P, "fillPatternScaleY", 1, I());
-m.addComponentsGetterSetter(P, "fillLinearGradientStartPoint", [
+_.prototype._fillFunc = Hr;
+_.prototype._strokeFunc = Nr;
+_.prototype._fillFuncHit = zr;
+_.prototype._strokeFuncHit = Fr;
+_.prototype._centroid = !1;
+_.prototype.nodeType = "Shape";
+ne(_);
+_.prototype.eventListeners = {};
+_.prototype.on.call(_.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Vr);
+_.prototype.on.call(_.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Yr);
+_.prototype.on.call(_.prototype, "fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", Wr);
+_.prototype.on.call(_.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", Xr);
+_.prototype.on.call(_.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", Ur);
+m.addGetterSetter(_, "stroke", void 0, Xn());
+m.addGetterSetter(_, "strokeWidth", 2, I());
+m.addGetterSetter(_, "fillAfterStrokeEnabled", !1);
+m.addGetterSetter(_, "hitStrokeWidth", "auto", Oi());
+m.addGetterSetter(_, "strokeHitEnabled", !0, me());
+m.addGetterSetter(_, "perfectDrawEnabled", !0, me());
+m.addGetterSetter(_, "shadowForStrokeEnabled", !0, me());
+m.addGetterSetter(_, "lineJoin");
+m.addGetterSetter(_, "lineCap");
+m.addGetterSetter(_, "miterLimit");
+m.addGetterSetter(_, "sceneFunc");
+m.addGetterSetter(_, "hitFunc");
+m.addGetterSetter(_, "dash");
+m.addGetterSetter(_, "dashOffset", 0, I());
+m.addGetterSetter(_, "shadowColor", void 0, Ue());
+m.addGetterSetter(_, "shadowBlur", 0, I());
+m.addGetterSetter(_, "shadowOpacity", 1, I());
+m.addComponentsGetterSetter(_, "shadowOffset", ["x", "y"]);
+m.addGetterSetter(_, "shadowOffsetX", 0, I());
+m.addGetterSetter(_, "shadowOffsetY", 0, I());
+m.addGetterSetter(_, "fillPatternImage");
+m.addGetterSetter(_, "fill", void 0, Xn());
+m.addGetterSetter(_, "fillPatternX", 0, I());
+m.addGetterSetter(_, "fillPatternY", 0, I());
+m.addGetterSetter(_, "fillLinearGradientColorStops");
+m.addGetterSetter(_, "strokeLinearGradientColorStops");
+m.addGetterSetter(_, "fillRadialGradientStartRadius", 0);
+m.addGetterSetter(_, "fillRadialGradientEndRadius", 0);
+m.addGetterSetter(_, "fillRadialGradientColorStops");
+m.addGetterSetter(_, "fillPatternRepeat", "repeat");
+m.addGetterSetter(_, "fillEnabled", !0);
+m.addGetterSetter(_, "strokeEnabled", !0);
+m.addGetterSetter(_, "shadowEnabled", !0);
+m.addGetterSetter(_, "dashEnabled", !0);
+m.addGetterSetter(_, "strokeScaleEnabled", !0);
+m.addGetterSetter(_, "fillPriority", "color");
+m.addComponentsGetterSetter(_, "fillPatternOffset", ["x", "y"]);
+m.addGetterSetter(_, "fillPatternOffsetX", 0, I());
+m.addGetterSetter(_, "fillPatternOffsetY", 0, I());
+m.addComponentsGetterSetter(_, "fillPatternScale", ["x", "y"]);
+m.addGetterSetter(_, "fillPatternScaleX", 1, I());
+m.addGetterSetter(_, "fillPatternScaleY", 1, I());
+m.addComponentsGetterSetter(_, "fillLinearGradientStartPoint", [
   "x",
   "y"
 ]);
-m.addComponentsGetterSetter(P, "strokeLinearGradientStartPoint", [
+m.addComponentsGetterSetter(_, "strokeLinearGradientStartPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(P, "fillLinearGradientStartPointX", 0);
-m.addGetterSetter(P, "strokeLinearGradientStartPointX", 0);
-m.addGetterSetter(P, "fillLinearGradientStartPointY", 0);
-m.addGetterSetter(P, "strokeLinearGradientStartPointY", 0);
-m.addComponentsGetterSetter(P, "fillLinearGradientEndPoint", [
+m.addGetterSetter(_, "fillLinearGradientStartPointX", 0);
+m.addGetterSetter(_, "strokeLinearGradientStartPointX", 0);
+m.addGetterSetter(_, "fillLinearGradientStartPointY", 0);
+m.addGetterSetter(_, "strokeLinearGradientStartPointY", 0);
+m.addComponentsGetterSetter(_, "fillLinearGradientEndPoint", [
   "x",
   "y"
 ]);
-m.addComponentsGetterSetter(P, "strokeLinearGradientEndPoint", [
+m.addComponentsGetterSetter(_, "strokeLinearGradientEndPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(P, "fillLinearGradientEndPointX", 0);
-m.addGetterSetter(P, "strokeLinearGradientEndPointX", 0);
-m.addGetterSetter(P, "fillLinearGradientEndPointY", 0);
-m.addGetterSetter(P, "strokeLinearGradientEndPointY", 0);
-m.addComponentsGetterSetter(P, "fillRadialGradientStartPoint", [
+m.addGetterSetter(_, "fillLinearGradientEndPointX", 0);
+m.addGetterSetter(_, "strokeLinearGradientEndPointX", 0);
+m.addGetterSetter(_, "fillLinearGradientEndPointY", 0);
+m.addGetterSetter(_, "strokeLinearGradientEndPointY", 0);
+m.addComponentsGetterSetter(_, "fillRadialGradientStartPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(P, "fillRadialGradientStartPointX", 0);
-m.addGetterSetter(P, "fillRadialGradientStartPointY", 0);
-m.addComponentsGetterSetter(P, "fillRadialGradientEndPoint", [
+m.addGetterSetter(_, "fillRadialGradientStartPointX", 0);
+m.addGetterSetter(_, "fillRadialGradientStartPointY", 0);
+m.addComponentsGetterSetter(_, "fillRadialGradientEndPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(P, "fillRadialGradientEndPointX", 0);
-m.addGetterSetter(P, "fillRadialGradientEndPointY", 0);
-m.addGetterSetter(P, "fillPatternRotation", 0);
-m.addGetterSetter(P, "fillRule", void 0, Xe());
-m.backCompat(P, {
+m.addGetterSetter(_, "fillRadialGradientEndPointX", 0);
+m.addGetterSetter(_, "fillRadialGradientEndPointY", 0);
+m.addGetterSetter(_, "fillPatternRotation", 0);
+m.addGetterSetter(_, "fillRule", void 0, Ue());
+m.backCompat(_, {
   dashArray: "dash",
   getDashArray: "getDash",
   setDashArray: "getDash",
@@ -3508,7 +3508,7 @@ const $r = "beforeDraw", qr = "draw", cs = [
   { x: 1, y: 1 },
   { x: -1, y: 1 }
 ], Kr = cs.length;
-class Ue extends ue {
+class $e extends ue {
   constructor(e) {
     super(e), this.canvas = new Re(), this.hitCanvas = new Di({
       pixelRatio: 1
@@ -3685,12 +3685,12 @@ class Ue extends ue {
     return v.releaseCanvas(this.getNativeCanvasElement(), this.getHitCanvas()._canvas), super.destroy();
   }
 }
-Ue.prototype.nodeType = "Layer";
-ne(Ue);
-m.addGetterSetter(Ue, "imageSmoothingEnabled", !0);
-m.addGetterSetter(Ue, "clearBeforeDraw", !0);
-m.addGetterSetter(Ue, "hitGraphEnabled", !0, me());
-class Gi extends Ue {
+$e.prototype.nodeType = "Layer";
+ne($e);
+m.addGetterSetter($e, "imageSmoothingEnabled", !0);
+m.addGetterSetter($e, "clearBeforeDraw", !0);
+m.addGetterSetter($e, "hitGraphEnabled", !0, me());
+class Gi extends $e {
   constructor(e) {
     super(e), this.listening(!1), v.warn('Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.');
   }
@@ -3706,8 +3706,8 @@ class st extends ue {
 st.prototype.nodeType = "Group";
 ne(st);
 const ai = function() {
-  return Ye.performance && Ye.performance.now ? function() {
-    return Ye.performance.now();
+  return We.performance && We.performance.now ? function() {
+    return We.performance.now();
   } : function() {
     return (/* @__PURE__ */ new Date()).getTime();
   };
@@ -3846,17 +3846,17 @@ class Qr {
     return (/* @__PURE__ */ new Date()).getTime();
   }
 }
-class Q {
+class J {
   constructor(e) {
     const t = this, i = e.node, n = i._id, s = e.easing || kt.Linear, r = !!e.yoyo;
     let o, l;
     typeof e.duration > "u" ? o = 0.3 : e.duration === 0 ? o = 1e-3 : o = e.duration, this.node = i, this._id = Jr++;
-    const h = i.getLayer() || (i instanceof E.Stage ? i.getLayers() : null);
+    const h = i.getLayer() || (i instanceof M.Stage ? i.getLayers() : null);
     h || v.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new pe(function() {
       t.tween.onEnterFrame();
     }, h), this.tween = new Qr(l, function(c) {
       t._tweenFunc(c);
-    }, s, 0, 1, o * 1e3, r), this._addListeners(), Q.attrs[n] || (Q.attrs[n] = {}), Q.attrs[n][this._id] || (Q.attrs[n][this._id] = {}), Q.tweens[n] || (Q.tweens[n] = {});
+    }, s, 0, 1, o * 1e3, r), this._addListeners(), J.attrs[n] || (J.attrs[n] = {}), J.attrs[n][this._id] || (J.attrs[n][this._id] = {}), J.tweens[n] || (J.tweens[n] = {});
     for (l in e)
       jr[l] === void 0 && this._addAttr(l, e[l]);
     this.reset(), this.onFinish = e.onFinish, this.onReset = e.onReset, this.onUpdate = e.onUpdate;
@@ -3864,8 +3864,8 @@ class Q {
   _addAttr(e, t) {
     const i = this.node, n = i._id;
     let s, r, o, l, h;
-    const c = Q.tweens[n][e];
-    c && delete Q.attrs[n][c][e];
+    const c = J.tweens[n][e];
+    c && delete J.attrs[n][c][e];
     let d = i.getAttr(e);
     if (v._isArray(t))
       if (s = [], r = Math.max(t.length, d.length), e === "points" && t.length !== d.length && (t.length > d.length ? (l = d, d = v._prepareArrayForTween(d, t, i.closed())) : (o = t, t = v._prepareArrayForTween(t, d, i.closed()))), e.indexOf("fill") === 0)
@@ -3890,16 +3890,16 @@ class Q {
       b: h.b - d.b,
       a: h.a - d.a
     }) : s = t - d;
-    Q.attrs[n][this._id][e] = {
+    J.attrs[n][this._id][e] = {
       start: d,
       diff: s,
       end: t,
       trueEnd: o,
       trueStart: l
-    }, Q.tweens[n][e] = this._id;
+    }, J.tweens[n][e] = this._id;
   }
   _tweenFunc(e) {
-    const t = this.node, i = Q.attrs[t._id][this._id];
+    const t = this.node, i = J.attrs[t._id][this._id];
     let n, s, r, o, l, h, c, d;
     for (n in i) {
       if (s = i[n], r = s.start, o = s.diff, d = s.end, v._isArray(r))
@@ -3921,10 +3921,10 @@ class Q {
     }, this.tween.onPause = () => {
       this.anim.stop();
     }, this.tween.onFinish = () => {
-      const e = this.node, t = Q.attrs[e._id][this._id];
+      const e = this.node, t = J.attrs[e._id][this._id];
       t.points && t.points.trueEnd && e.setAttr("points", t.points.trueEnd), this.onFinish && this.onFinish.call(this);
     }, this.tween.onReset = () => {
-      const e = this.node, t = Q.attrs[e._id][this._id];
+      const e = this.node, t = J.attrs[e._id][this._id];
       t.points && t.points.trueStart && e.points(t.points.trueStart), this.onReset && this.onReset();
     }, this.tween.onUpdate = () => {
       this.onUpdate && this.onUpdate.call(this);
@@ -3949,20 +3949,20 @@ class Q {
     return this.tween.finish(), this;
   }
   destroy() {
-    const e = this.node._id, t = this._id, i = Q.tweens[e];
+    const e = this.node._id, t = this._id, i = J.tweens[e];
     this.pause(), this.anim && this.anim.stop();
     for (const n in i)
-      delete Q.tweens[e][n];
-    delete Q.attrs[e][t], Q.tweens[e] && (Object.keys(Q.tweens[e]).length === 0 && delete Q.tweens[e], Object.keys(Q.attrs[e]).length === 0 && delete Q.attrs[e]);
+      delete J.tweens[e][n];
+    delete J.attrs[e][t], J.tweens[e] && (Object.keys(J.tweens[e]).length === 0 && delete J.tweens[e], Object.keys(J.attrs[e]).length === 0 && delete J.attrs[e]);
   }
 }
-Q.attrs = {};
-Q.tweens = {};
+J.attrs = {};
+J.tweens = {};
 x.prototype.to = function(a) {
   const e = a.onFinish;
   a.node = this, a.onFinish = function() {
     this.destroy(), e && e();
-  }, new Q(a).play();
+  }, new J(a).play();
 };
 const kt = {
   BackEaseIn(a, e, t, i) {
@@ -4017,28 +4017,28 @@ const kt = {
   Linear(a, e, t, i) {
     return t * a / i + e;
   }
-}, nn = v._assign(E, {
+}, nn = v._assign(M, {
   Util: v,
   Transform: de,
   Node: x,
   Container: ue,
   Stage: ti,
   stages: bt,
-  Layer: Ue,
+  Layer: $e,
   FastLayer: Gi,
   Group: st,
-  DD: $,
-  Shape: P,
+  DD: q,
+  Shape: _,
   shapes: wt,
   Animation: pe,
-  Tween: Q,
+  Tween: J,
   Easings: kt,
   Context: Qt,
   Canvas: Ri
 });
-class xe extends P {
+class xe extends _ {
   _sceneFunc(e) {
-    const t = E.getAngle(this.angle()), i = this.clockwise();
+    const t = M.getAngle(this.angle()), i = this.clockwise();
     e.beginPath(), e.arc(0, 0, this.outerRadius(), 0, t, i), e.arc(0, 0, this.innerRadius(), t, 0, !i), e.closePath(), e.fillStrokeShape(this);
   }
   getWidth() {
@@ -4054,7 +4054,7 @@ class xe extends P {
     this.outerRadius(e / 2);
   }
   getSelfRect() {
-    const e = this.innerRadius(), t = this.outerRadius(), i = this.clockwise(), n = E.getAngle(i ? 360 - this.angle() : this.angle()), s = Math.cos(Math.min(n, Math.PI)), r = 1, o = Math.sin(Math.min(Math.max(Math.PI, n), 3 * Math.PI / 2)), l = Math.sin(Math.min(n, Math.PI / 2)), h = s * (s > 0 ? e : t), c = r * t, d = o * (o > 0 ? e : t), u = l * (l > 0 ? t : e);
+    const e = this.innerRadius(), t = this.outerRadius(), i = this.clockwise(), n = M.getAngle(i ? 360 - this.angle() : this.angle()), s = Math.cos(Math.min(n, Math.PI)), r = 1, o = Math.sin(Math.min(Math.max(Math.PI, n), 3 * Math.PI / 2)), l = Math.sin(Math.min(n, Math.PI / 2)), h = s * (s > 0 ? e : t), c = r * t, d = o * (o > 0 ? e : t), u = l * (l > 0 ? t : e);
     return {
       x: h,
       y: i ? -1 * u : d,
@@ -4108,7 +4108,7 @@ function ea(a) {
     return s * s * s * n[0] + 3 * s * s * i * n[1] + 3 * s * i * i * n[2] + i * i * i * n[3];
   }));
 }
-class Ie extends P {
+class Ie extends _ {
   constructor(e) {
     super(e), this.on("pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva", function() {
       this._clearCache("tensionPoints");
@@ -4942,14 +4942,14 @@ const bi = (a, e, t) => {
   }
   return n;
 };
-class ee extends P {
+class Q extends _ {
   constructor(e) {
     super(e), this.dataArray = [], this.pathLength = 0, this._readDataAttribute(), this.on("dataChange.konva", function() {
       this._readDataAttribute();
     });
   }
   _readDataAttribute() {
-    this.dataArray = ee.parsePathData(this.data()), this.pathLength = ee.getPathLength(this.dataArray);
+    this.dataArray = Q.parsePathData(this.data()), this.pathLength = Q.getPathLength(this.dataArray);
   }
   _sceneFunc(e) {
     const t = this.dataArray;
@@ -4989,17 +4989,17 @@ class ee extends P {
         let u = Math.PI / 180;
         if (Math.abs(h - d) < u && (u = Math.abs(h - d)), c < 0)
           for (let f = h - u; f > d; f -= u) {
-            const p = ee.getPointOnEllipticalArc(l.points[0], l.points[1], l.points[2], l.points[3], f, 0);
+            const p = Q.getPointOnEllipticalArc(l.points[0], l.points[1], l.points[2], l.points[3], f, 0);
             e.push(p.x, p.y);
           }
         else
           for (let f = h + u; f < d; f += u) {
-            const p = ee.getPointOnEllipticalArc(l.points[0], l.points[1], l.points[2], l.points[3], f, 0);
+            const p = Q.getPointOnEllipticalArc(l.points[0], l.points[1], l.points[2], l.points[3], f, 0);
             e.push(p.x, p.y);
           }
       } else if (l.command === "C")
         for (let h = 0; h <= 1; h += 0.01) {
-          const c = ee.getPointOnCubicBezier(h, l.start.x, l.start.y, l.points[0], l.points[1], l.points[2], l.points[3], l.points[4], l.points[5]);
+          const c = Q.getPointOnCubicBezier(h, l.start.x, l.start.y, l.points[0], l.points[1], l.points[2], l.points[3], l.points[4], l.points[5]);
           e.push(c.x, c.y);
         }
       else
@@ -5019,7 +5019,7 @@ class ee extends P {
     return this.pathLength;
   }
   getPointAtLength(e) {
-    return ee.getPointAtLengthOfDataArray(e, this.dataArray);
+    return Q.getPointAtLengthOfDataArray(e, this.dataArray);
   }
   static getLineLength(e, t, i, n) {
     return Math.sqrt((i - e) * (i - e) + (n - t) * (n - t));
@@ -5052,15 +5052,15 @@ class ee extends P {
     const r = t[n], o = r.points;
     switch (r.command) {
       case "L":
-        return ee.getPointOnLine(e, r.start.x, r.start.y, o[0], o[1]);
+        return Q.getPointOnLine(e, r.start.x, r.start.y, o[0], o[1]);
       case "C":
-        return ee.getPointOnCubicBezier(on(e, ee.getPathLength(t), (y) => rn([r.start.x, o[0], o[2], o[4]], [r.start.y, o[1], o[3], o[5]], y)), r.start.x, r.start.y, o[0], o[1], o[2], o[3], o[4], o[5]);
+        return Q.getPointOnCubicBezier(on(e, Q.getPathLength(t), (y) => rn([r.start.x, o[0], o[2], o[4]], [r.start.y, o[1], o[3], o[5]], y)), r.start.x, r.start.y, o[0], o[1], o[2], o[3], o[4], o[5]);
       case "Q":
-        return ee.getPointOnQuadraticBezier(on(e, ee.getPathLength(t), (y) => an([r.start.x, o[0], o[2]], [r.start.y, o[1], o[3]], y)), r.start.x, r.start.y, o[0], o[1], o[2], o[3]);
+        return Q.getPointOnQuadraticBezier(on(e, Q.getPathLength(t), (y) => an([r.start.x, o[0], o[2]], [r.start.y, o[1], o[3]], y)), r.start.x, r.start.y, o[0], o[1], o[2], o[3]);
       case "A":
         const l = o[0], h = o[1], c = o[2], d = o[3], u = o[5], f = o[6];
         let p = o[4];
-        return p += u * e / r.pathLength, ee.getPointOnEllipticalArc(l, h, c, d, p, f);
+        return p += u * e / r.pathLength, Q.getPointOnEllipticalArc(l, h, c, d, p, f);
     }
     return null;
   }
@@ -5194,7 +5194,7 @@ class ee extends P {
       for (; p.length > 0 && !isNaN(p[0]); ) {
         let S = "", C = [];
         const T = o, b = l;
-        let w, k, _, O, A, M, D, z, B, Y;
+        let w, A, P, D, k, E, O, z, B, W;
         switch (f) {
           case "l":
             o += p.shift(), l += p.shift(), S = "L", C.push(o, l);
@@ -5203,11 +5203,11 @@ class ee extends P {
             o = p.shift(), l = p.shift(), C.push(o, l);
             break;
           case "m":
-            const F = p.shift(), H = p.shift();
-            if (o += F, l += H, S = "M", s.length > 2 && s[s.length - 1].command === "z") {
+            const F = p.shift(), G = p.shift();
+            if (o += F, l += G, S = "M", s.length > 2 && s[s.length - 1].command === "z") {
               for (let R = s.length - 2; R >= 0; R--)
                 if (s[R].command === "M") {
-                  o = s[R].points[0] + F, l = s[R].points[1] + H;
+                  o = s[R].points[0] + F, l = s[R].points[1] + G;
                   break;
                 }
             }
@@ -5235,10 +5235,10 @@ class ee extends P {
             C.push(o + p.shift(), l + p.shift(), o + p.shift(), l + p.shift()), o += p.shift(), l += p.shift(), S = "C", C.push(o, l);
             break;
           case "S":
-            k = o, _ = l, w = s[s.length - 1], w.command === "C" && (k = o + (o - w.points[2]), _ = l + (l - w.points[3])), C.push(k, _, p.shift(), p.shift()), o = p.shift(), l = p.shift(), S = "C", C.push(o, l);
+            A = o, P = l, w = s[s.length - 1], w.command === "C" && (A = o + (o - w.points[2]), P = l + (l - w.points[3])), C.push(A, P, p.shift(), p.shift()), o = p.shift(), l = p.shift(), S = "C", C.push(o, l);
             break;
           case "s":
-            k = o, _ = l, w = s[s.length - 1], w.command === "C" && (k = o + (o - w.points[2]), _ = l + (l - w.points[3])), C.push(k, _, o + p.shift(), l + p.shift()), o += p.shift(), l += p.shift(), S = "C", C.push(o, l);
+            A = o, P = l, w = s[s.length - 1], w.command === "C" && (A = o + (o - w.points[2]), P = l + (l - w.points[3])), C.push(A, P, o + p.shift(), l + p.shift()), o += p.shift(), l += p.shift(), S = "C", C.push(o, l);
             break;
           case "Q":
             C.push(p.shift(), p.shift()), o = p.shift(), l = p.shift(), C.push(o, l);
@@ -5247,16 +5247,16 @@ class ee extends P {
             C.push(o + p.shift(), l + p.shift()), o += p.shift(), l += p.shift(), S = "Q", C.push(o, l);
             break;
           case "T":
-            k = o, _ = l, w = s[s.length - 1], w.command === "Q" && (k = o + (o - w.points[0]), _ = l + (l - w.points[1])), o = p.shift(), l = p.shift(), S = "Q", C.push(k, _, o, l);
+            A = o, P = l, w = s[s.length - 1], w.command === "Q" && (A = o + (o - w.points[0]), P = l + (l - w.points[1])), o = p.shift(), l = p.shift(), S = "Q", C.push(A, P, o, l);
             break;
           case "t":
-            k = o, _ = l, w = s[s.length - 1], w.command === "Q" && (k = o + (o - w.points[0]), _ = l + (l - w.points[1])), o += p.shift(), l += p.shift(), S = "Q", C.push(k, _, o, l);
+            A = o, P = l, w = s[s.length - 1], w.command === "Q" && (A = o + (o - w.points[0]), P = l + (l - w.points[1])), o += p.shift(), l += p.shift(), S = "Q", C.push(A, P, o, l);
             break;
           case "A":
-            O = p.shift(), A = p.shift(), M = p.shift(), D = p.shift(), z = p.shift(), B = o, Y = l, o = p.shift(), l = p.shift(), S = "A", C = this.convertEndpointToCenterParameterization(B, Y, o, l, D, z, O, A, M);
+            D = p.shift(), k = p.shift(), E = p.shift(), O = p.shift(), z = p.shift(), B = o, W = l, o = p.shift(), l = p.shift(), S = "A", C = this.convertEndpointToCenterParameterization(B, W, o, l, O, z, D, k, E);
             break;
           case "a":
-            O = p.shift(), A = p.shift(), M = p.shift(), D = p.shift(), z = p.shift(), B = o, Y = l, o += p.shift(), l += p.shift(), S = "A", C = this.convertEndpointToCenterParameterization(B, Y, o, l, D, z, O, A, M);
+            D = p.shift(), k = p.shift(), E = p.shift(), O = p.shift(), z = p.shift(), B = o, W = l, o += p.shift(), l += p.shift(), S = "A", C = this.convertEndpointToCenterParameterization(B, W, o, l, O, z, D, k, E);
             break;
         }
         s.push({
@@ -5280,7 +5280,7 @@ class ee extends P {
   }
   static calcLength(e, t, i, n) {
     let s, r, o, l;
-    const h = ee;
+    const h = Q;
     switch (i) {
       case "L":
         return h.getLineLength(e, t, n[0], n[1]);
@@ -5307,22 +5307,22 @@ class ee extends P {
     f > 1 && (o *= Math.sqrt(f), l *= Math.sqrt(f));
     let p = Math.sqrt((o * o * (l * l) - o * o * (u * u) - l * l * (d * d)) / (o * o * (u * u) + l * l * (d * d)));
     s === r && (p *= -1), isNaN(p) && (p = 0);
-    const y = p * o * u / l, S = p * -l * d / o, C = (e + i) / 2 + Math.cos(c) * y - Math.sin(c) * S, T = (t + n) / 2 + Math.sin(c) * y + Math.cos(c) * S, b = function(D) {
-      return Math.sqrt(D[0] * D[0] + D[1] * D[1]);
-    }, w = function(D, z) {
-      return (D[0] * z[0] + D[1] * z[1]) / (b(D) * b(z));
-    }, k = function(D, z) {
-      return (D[0] * z[1] < D[1] * z[0] ? -1 : 1) * Math.acos(w(D, z));
-    }, _ = k([1, 0], [(d - y) / o, (u - S) / l]), O = [(d - y) / o, (u - S) / l], A = [(-1 * d - y) / o, (-1 * u - S) / l];
-    let M = k(O, A);
-    return w(O, A) <= -1 && (M = Math.PI), w(O, A) >= 1 && (M = 0), r === 0 && M > 0 && (M = M - 2 * Math.PI), r === 1 && M < 0 && (M = M + 2 * Math.PI), [C, T, o, l, _, M, c, r];
+    const y = p * o * u / l, S = p * -l * d / o, C = (e + i) / 2 + Math.cos(c) * y - Math.sin(c) * S, T = (t + n) / 2 + Math.sin(c) * y + Math.cos(c) * S, b = function(O) {
+      return Math.sqrt(O[0] * O[0] + O[1] * O[1]);
+    }, w = function(O, z) {
+      return (O[0] * z[0] + O[1] * z[1]) / (b(O) * b(z));
+    }, A = function(O, z) {
+      return (O[0] * z[1] < O[1] * z[0] ? -1 : 1) * Math.acos(w(O, z));
+    }, P = A([1, 0], [(d - y) / o, (u - S) / l]), D = [(d - y) / o, (u - S) / l], k = [(-1 * d - y) / o, (-1 * u - S) / l];
+    let E = A(D, k);
+    return w(D, k) <= -1 && (E = Math.PI), w(D, k) >= 1 && (E = 0), r === 0 && E > 0 && (E = E - 2 * Math.PI), r === 1 && E < 0 && (E = E + 2 * Math.PI), [C, T, o, l, P, E, c, r];
   }
 }
-ee.prototype.className = "Path";
-ee.prototype._attrsAffectingSize = ["data"];
-ne(ee);
-m.addGetterSetter(ee, "data");
-class $e extends Ie {
+Q.prototype.className = "Path";
+Q.prototype._attrsAffectingSize = ["data"];
+ne(Q);
+m.addGetterSetter(Q, "data");
+class qe extends Ie {
   _sceneFunc(e) {
     super._sceneFunc(e);
     const t = Math.PI * 2, i = this.points();
@@ -5339,7 +5339,7 @@ class $e extends Ie {
         n[n.length - 1],
         i[o - 2],
         i[o - 1]
-      ], f = ee.calcLength(n[n.length - 4], n[n.length - 3], "C", u), p = ee.getPointOnQuadraticBezier(Math.min(1, 1 - r / f), u[0], u[1], u[2], u[3], u[4], u[5]);
+      ], f = Q.calcLength(n[n.length - 4], n[n.length - 3], "C", u), p = Q.getPointOnQuadraticBezier(Math.min(1, 1 - r / f), u[0], u[1], u[2], u[3], u[4], u[5]);
       l = i[o - 2] - p.x, h = i[o - 1] - p.y;
     } else
       l = i[o - 2] - i[o - 4], h = i[o - 1] - i[o - 3];
@@ -5360,13 +5360,13 @@ class $e extends Ie {
     };
   }
 }
-$e.prototype.className = "Arrow";
-ne($e);
-m.addGetterSetter($e, "pointerLength", 10, I());
-m.addGetterSetter($e, "pointerWidth", 10, I());
-m.addGetterSetter($e, "pointerAtBeginning", !1);
-m.addGetterSetter($e, "pointerAtEnding", !0);
-class rt extends P {
+qe.prototype.className = "Arrow";
+ne(qe);
+m.addGetterSetter(qe, "pointerLength", 10, I());
+m.addGetterSetter(qe, "pointerWidth", 10, I());
+m.addGetterSetter(qe, "pointerAtBeginning", !1);
+m.addGetterSetter(qe, "pointerAtEnding", !0);
+class rt extends _ {
   _sceneFunc(e) {
     e.beginPath(), e.arc(0, 0, this.attrs.radius || 0, 0, Math.PI * 2, !1), e.closePath(), e.fillStrokeShape(this);
   }
@@ -5388,7 +5388,7 @@ rt.prototype.className = "Circle";
 rt.prototype._attrsAffectingSize = ["radius"];
 ne(rt);
 m.addGetterSetter(rt, "radius", 0, I());
-class Be extends P {
+class Be extends _ {
   _sceneFunc(e) {
     const t = this.radiusX(), i = this.radiusY();
     e.beginPath(), e.save(), t !== i && e.scale(1, i / t), e.arc(0, 0, t, 0, Math.PI * 2, !1), e.restore(), e.closePath(), e.fillStrokeShape(this);
@@ -5413,7 +5413,7 @@ ne(Be);
 m.addComponentsGetterSetter(Be, "radius", ["x", "y"]);
 m.addGetterSetter(Be, "radiusX", 0, I());
 m.addGetterSetter(Be, "radiusY", 0, I());
-let ye = class ds extends P {
+let ye = class ds extends _ {
   constructor(e) {
     super(e), this._loadListener = () => {
       this._requestDraw();
@@ -5556,7 +5556,7 @@ class Hi extends st {
 }
 Hi.prototype.className = "Label";
 ne(Hi);
-class qe extends P {
+class Ke extends _ {
   _sceneFunc(e) {
     const t = this.width(), i = this.height(), n = this.pointerDirection(), s = this.pointerWidth(), r = this.pointerHeight(), o = this.cornerRadius();
     let l = 0, h = 0, c = 0, d = 0;
@@ -5572,13 +5572,13 @@ class qe extends P {
     };
   }
 }
-qe.prototype.className = "Tag";
-ne(qe);
-m.addGetterSetter(qe, "pointerDirection", aa);
-m.addGetterSetter(qe, "pointerWidth", 0, I());
-m.addGetterSetter(qe, "pointerHeight", 0, I());
-m.addGetterSetter(qe, "cornerRadius", 0, ei(4));
-class It extends P {
+Ke.prototype.className = "Tag";
+ne(Ke);
+m.addGetterSetter(Ke, "pointerDirection", aa);
+m.addGetterSetter(Ke, "pointerWidth", 0, I());
+m.addGetterSetter(Ke, "pointerHeight", 0, I());
+m.addGetterSetter(Ke, "cornerRadius", 0, ei(4));
+class It extends _ {
   _sceneFunc(e) {
     const t = this.cornerRadius(), i = this.width(), n = this.height();
     e.beginPath(), t ? v.drawRoundedRectPath(e, i, n, t) : e.rect(0, 0, i, n), e.closePath(), e.fillStrokeShape(this);
@@ -5587,7 +5587,7 @@ class It extends P {
 It.prototype.className = "Rect";
 ne(It);
 m.addGetterSetter(It, "cornerRadius", 0, ei(4));
-class Ge extends P {
+class Ge extends _ {
   _sceneFunc(e) {
     const t = this._getPoints(), i = this.radius(), n = this.sides(), s = this.cornerRadius();
     if (e.beginPath(), s)
@@ -5641,7 +5641,7 @@ m.addGetterSetter(Ge, "radius", 0, I());
 m.addGetterSetter(Ge, "sides", 0, I());
 m.addGetterSetter(Ge, "cornerRadius", 0, ei(4));
 const ln = Math.PI * 2;
-class Ke extends P {
+class je extends _ {
   _sceneFunc(e) {
     e.beginPath(), e.arc(0, 0, this.innerRadius(), 0, ln, !1), e.moveTo(this.outerRadius(), 0), e.arc(0, 0, this.outerRadius(), ln, 0, !0), e.closePath(), e.fillStrokeShape(this);
   }
@@ -5658,13 +5658,13 @@ class Ke extends P {
     this.outerRadius(e / 2);
   }
 }
-Ke.prototype.className = "Ring";
-Ke.prototype._centroid = !0;
-Ke.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
-ne(Ke);
-m.addGetterSetter(Ke, "innerRadius", 0, I());
-m.addGetterSetter(Ke, "outerRadius", 0, I());
-class be extends P {
+je.prototype.className = "Ring";
+je.prototype._centroid = !0;
+je.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
+ne(je);
+m.addGetterSetter(je, "innerRadius", 0, I());
+m.addGetterSetter(je, "outerRadius", 0, I());
+class be extends _ {
   constructor(e) {
     super(e), this._updated = !0, this.anim = new pe(() => {
       const t = this._updated;
@@ -5734,7 +5734,7 @@ m.backCompat(be, {
   getIndex: "getFrameIndex",
   setIndex: "setFrameIndex"
 });
-class He extends P {
+class He extends _ {
   _sceneFunc(e) {
     const t = this.innerRadius(), i = this.outerRadius(), n = this.numPoints();
     e.beginPath(), e.moveTo(0, 0 - i);
@@ -5773,7 +5773,7 @@ function Le(a) {
     return e;
   }, []);
 }
-const Ze = "auto", la = "center", gs = "inherit", ct = "justify", ha = "Change.konva", ca = "2d", hn = "-", ps = "left", da = "text", ua = "Text", ga = "top", pa = "bottom", cn = "middle", fs = "normal", fa = "px ", Ht = " ", ma = "right", dn = "rtl", ya = "word", Sa = "char", un = "none", oi = "…", ms = [
+const Je = "auto", la = "center", gs = "inherit", ct = "justify", ha = "Change.konva", ca = "2d", hn = "-", ps = "left", da = "text", ua = "Text", ga = "top", pa = "bottom", cn = "middle", fs = "normal", fa = "px ", Ht = " ", ma = "right", dn = "rtl", ya = "word", Sa = "char", un = "none", oi = "…", ms = [
   "direction",
   "fontFamily",
   "fontSize",
@@ -5810,7 +5810,7 @@ function ba(a) {
 function wa(a) {
   return a = a || {}, !a.fillLinearGradientColorStops && !a.fillRadialGradientColorStops && !a.fillPatternImage && (a.fill = a.fill || "black"), a;
 }
-class te extends P {
+class ee extends _ {
   constructor(e) {
     super(wa(e)), this._partialTextX = 0, this._partialTextY = 0;
     for (let t = 0; t < Ca; t++)
@@ -5822,61 +5822,61 @@ class te extends P {
     const n = this.textArr, s = n.length;
     if (!this.text())
       return;
-    let r = this.padding(), o = this.fontSize(), l = this.lineHeight() * o, h = this.verticalAlign(), c = this.direction(), d = 0, u = this.align(), f = this.getWidth(), p = this.letterSpacing(), y = this.charRenderFunc(), S = this.fill(), C = this.textDecoration(), T = this.underlineOffset(), b = C.indexOf("underline") !== -1, w = C.indexOf("line-through") !== -1, k;
+    let r = this.padding(), o = this.fontSize(), l = this.lineHeight() * o, h = this.verticalAlign(), c = this.direction(), d = 0, u = this.align(), f = this.getWidth(), p = this.letterSpacing(), y = this.charRenderFunc(), S = this.fill(), C = this.textDecoration(), T = this.underlineOffset(), b = C.indexOf("underline") !== -1, w = C.indexOf("line-through") !== -1, A;
     c = c === gs ? e.direction : c;
-    let _ = l / 2, O = cn;
-    if (!E.legacyTextRendering) {
-      const A = this.measureSize("M");
-      O = "alphabetic";
-      const M = (t = A.fontBoundingBoxAscent) !== null && t !== void 0 ? t : A.actualBoundingBoxAscent, D = (i = A.fontBoundingBoxDescent) !== null && i !== void 0 ? i : A.actualBoundingBoxDescent;
-      _ = (M - D) / 2 + l / 2;
-    }
-    for (c === dn && e.setAttr("direction", c), e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", O), e.setAttr("textAlign", ps), h === cn ? d = (this.getHeight() - s * l - r * 2) / 2 : h === pa && (d = this.getHeight() - s * l - r * 2), e.translate(r, d + r), k = 0; k < s; k++) {
-      let A = 0, M = 0;
-      const D = n[k], z = D.text, B = D.width, Y = D.lastInParagraph;
-      if (e.save(), u === ma ? A += f - B - r * 2 : u === la && (A += (f - B - r * 2) / 2), b) {
+    let P = l / 2, D = cn;
+    if (!M.legacyTextRendering) {
+      const k = this.measureSize("M");
+      D = "alphabetic";
+      const E = (t = k.fontBoundingBoxAscent) !== null && t !== void 0 ? t : k.actualBoundingBoxAscent, O = (i = k.fontBoundingBoxDescent) !== null && i !== void 0 ? i : k.actualBoundingBoxDescent;
+      P = (E - O) / 2 + l / 2;
+    }
+    for (c === dn && e.setAttr("direction", c), e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", D), e.setAttr("textAlign", ps), h === cn ? d = (this.getHeight() - s * l - r * 2) / 2 : h === pa && (d = this.getHeight() - s * l - r * 2), e.translate(r, d + r), A = 0; A < s; A++) {
+      let k = 0, E = 0;
+      const O = n[A], z = O.text, B = O.width, W = O.lastInParagraph;
+      if (e.save(), u === ma ? k += f - B - r * 2 : u === la && (k += (f - B - r * 2) / 2), b) {
         e.save(), e.beginPath();
-        const H = T ?? (E.legacyTextRendering ? Math.round(o / 2) : Math.round(o / 4)), R = A, K = _ + M + H;
+        const G = T ?? (M.legacyTextRendering ? Math.round(o / 2) : Math.round(o / 4)), R = k, K = P + E + G;
         e.moveTo(R, K);
-        const G = u === ct && !Y ? f - r * 2 : B;
-        e.lineTo(R + Math.round(G), K), e.lineWidth = o / 15;
-        const U = this._getLinearGradient();
-        e.strokeStyle = U || S, e.stroke(), e.restore();
+        const H = u === ct && !W ? f - r * 2 : B;
+        e.lineTo(R + Math.round(H), K), e.lineWidth = o / 15;
+        const $ = this._getLinearGradient();
+        e.strokeStyle = $ || S, e.stroke(), e.restore();
       }
-      const F = A;
+      const F = k;
       if (c !== dn && (p !== 0 || u === ct || y)) {
-        const H = z.split(" ").length - 1, R = Le(z);
+        const G = z.split(" ").length - 1, R = Le(z);
         for (let K = 0; K < R.length; K++) {
-          const G = R[K];
-          if (G === " " && !Y && u === ct && (A += (f - r * 2 - B) / H), this._partialTextX = A, this._partialTextY = _ + M, this._partialText = G, y) {
+          const H = R[K];
+          if (H === " " && !W && u === ct && (k += (f - r * 2 - B) / G), this._partialTextX = k, this._partialTextY = P + E, this._partialText = H, y) {
             e.save();
-            const Z = n.slice(0, k).reduce((se, he) => se + Le(he.text).length, 0), q = K + Z;
+            const te = n.slice(0, A).reduce((se, he) => se + Le(he.text).length, 0), Y = K + te;
             y({
-              char: G,
-              index: q,
-              x: A,
-              y: _ + M,
-              lineIndex: k,
+              char: H,
+              index: Y,
+              x: k,
+              y: P + E,
+              lineIndex: A,
               column: K,
-              isLastInLine: Y,
-              width: this.measureSize(G).width,
+              isLastInLine: W,
+              width: this.measureSize(H).width,
               context: e
             });
           }
-          e.fillStrokeShape(this), y && e.restore(), A += this.measureSize(G).width + p;
+          e.fillStrokeShape(this), y && e.restore(), k += this.measureSize(H).width + p;
         }
       } else
-        p !== 0 && e.setAttr("letterSpacing", `${p}px`), this._partialTextX = A, this._partialTextY = _ + M, this._partialText = z, e.fillStrokeShape(this);
+        p !== 0 && e.setAttr("letterSpacing", `${p}px`), this._partialTextX = k, this._partialTextY = P + E, this._partialText = z, e.fillStrokeShape(this);
       if (w) {
         e.save(), e.beginPath();
-        const H = E.legacyTextRendering ? 0 : -Math.round(o / 4), R = F;
-        e.moveTo(R, _ + M + H);
-        const K = u === ct && !Y ? f - r * 2 : B;
-        e.lineTo(R + Math.round(K), _ + M + H), e.lineWidth = o / 15;
-        const G = this._getLinearGradient();
-        e.strokeStyle = G || S, e.stroke(), e.restore();
+        const G = M.legacyTextRendering ? 0 : -Math.round(o / 4), R = F;
+        e.moveTo(R, P + E + G);
+        const K = u === ct && !W ? f - r * 2 : B;
+        e.lineTo(R + Math.round(K), P + E + G), e.lineWidth = o / 15;
+        const H = this._getLinearGradient();
+        e.strokeStyle = H || S, e.stroke(), e.restore();
       }
-      e.restore(), s > 1 && (_ += l);
+      e.restore(), s > 1 && (P += l);
     }
   }
   _hitFunc(e) {
@@ -5888,10 +5888,10 @@ class te extends P {
     return this._setAttr(da, t), this;
   }
   getWidth() {
-    return this.attrs.width === Ze || this.attrs.width === void 0 ? this.getTextWidth() + this.padding() * 2 : this.attrs.width;
+    return this.attrs.width === Je || this.attrs.width === void 0 ? this.getTextWidth() + this.padding() * 2 : this.attrs.width;
   }
   getHeight() {
-    return this.attrs.height === Ze || this.attrs.height === void 0 ? this.fontSize() * this.textArr.length * this.lineHeight() + this.padding() * 2 : this.attrs.height;
+    return this.attrs.height === Je || this.attrs.height === void 0 ? this.fontSize() * this.textArr.length * this.lineHeight() + this.padding() * 2 : this.attrs.height;
   }
   getTextWidth() {
     return this.textWidth;
@@ -5938,54 +5938,54 @@ class te extends P {
   }
   _setTextData() {
     let e = this.text().split(`
-`), t = +this.fontSize(), i = 0, n = this.lineHeight() * t, s = this.attrs.width, r = this.attrs.height, o = s !== Ze && s !== void 0, l = r !== Ze && r !== void 0, h = this.padding(), c = s - h * 2, d = r - h * 2, u = 0, f = this.wrap(), p = f !== un, y = f !== Sa && p, S = this.ellipsis();
+`), t = +this.fontSize(), i = 0, n = this.lineHeight() * t, s = this.attrs.width, r = this.attrs.height, o = s !== Je && s !== void 0, l = r !== Je && r !== void 0, h = this.padding(), c = s - h * 2, d = r - h * 2, u = 0, f = this.wrap(), p = f !== un, y = f !== Sa && p, S = this.ellipsis();
     this.textArr = [], li().font = this._getContextFont();
     const C = S ? this._getTextWidth(oi) : 0;
     for (let T = 0, b = e.length; T < b; ++T) {
-      let w = e[T], k = this._getTextWidth(w);
-      if (o && k > c)
+      let w = e[T], A = this._getTextWidth(w);
+      if (o && A > c)
         for (; w.length > 0; ) {
-          let _ = 0, O = Le(w).length, A = "", M = 0;
-          for (; _ < O; ) {
-            const D = _ + O >>> 1, z = Le(w), B = z.slice(0, D + 1).join(""), Y = this._getTextWidth(B);
-            (S && l && u + n > d ? Y + C : Y) <= c ? (_ = D + 1, A = B, M = Y) : O = D;
+          let P = 0, D = Le(w).length, k = "", E = 0;
+          for (; P < D; ) {
+            const O = P + D >>> 1, z = Le(w), B = z.slice(0, O + 1).join(""), W = this._getTextWidth(B);
+            (S && l && u + n > d ? W + C : W) <= c ? (P = O + 1, k = B, E = W) : D = O;
           }
-          if (A) {
+          if (k) {
             if (y) {
-              const B = Le(w), Y = Le(A), F = B[Y.length], H = F === Ht || F === hn;
+              const B = Le(w), W = Le(k), F = B[W.length], G = F === Ht || F === hn;
               let R;
-              if (H && M <= c)
-                R = Y.length;
+              if (G && E <= c)
+                R = W.length;
               else {
-                const K = Y.lastIndexOf(Ht), G = Y.lastIndexOf(hn);
-                R = Math.max(K, G) + 1;
+                const K = W.lastIndexOf(Ht), H = W.lastIndexOf(hn);
+                R = Math.max(K, H) + 1;
               }
-              R > 0 && (_ = R, A = B.slice(0, _).join(""), M = this._getTextWidth(A));
+              R > 0 && (P = R, k = B.slice(0, P).join(""), E = this._getTextWidth(k));
             }
-            if (A = A.trimRight(), this._addTextLine(A), i = Math.max(i, M), u += n, this._shouldHandleEllipsis(u)) {
+            if (k = k.trimRight(), this._addTextLine(k), i = Math.max(i, E), u += n, this._shouldHandleEllipsis(u)) {
               this._tryToAddEllipsisToLastLine();
               break;
             }
-            if (w = Le(w).slice(_).join("").trimLeft(), w.length > 0 && (k = this._getTextWidth(w), k <= c)) {
-              this._addTextLine(w), u += n, i = Math.max(i, k);
+            if (w = Le(w).slice(P).join("").trimLeft(), w.length > 0 && (A = this._getTextWidth(w), A <= c)) {
+              this._addTextLine(w), u += n, i = Math.max(i, A);
               break;
             }
           } else
             break;
         }
       else
-        this._addTextLine(w), u += n, i = Math.max(i, k), this._shouldHandleEllipsis(u) && T < b - 1 && this._tryToAddEllipsisToLastLine();
+        this._addTextLine(w), u += n, i = Math.max(i, A), this._shouldHandleEllipsis(u) && T < b - 1 && this._tryToAddEllipsisToLastLine();
       if (this.textArr[this.textArr.length - 1] && (this.textArr[this.textArr.length - 1].lastInParagraph = !0), l && u + n > d)
         break;
     }
     this.textHeight = t, this.textWidth = i;
   }
   _shouldHandleEllipsis(e) {
-    const t = +this.fontSize(), i = this.lineHeight() * t, n = this.attrs.height, s = n !== Ze && n !== void 0, r = this.padding(), o = n - r * 2;
+    const t = +this.fontSize(), i = this.lineHeight() * t, n = this.attrs.height, s = n !== Je && n !== void 0, r = this.padding(), o = n - r * 2;
     return !(this.wrap() !== un) || s && e + i > o;
   }
   _tryToAddEllipsisToLastLine() {
-    const e = this.attrs.width, t = e !== Ze && e !== void 0, i = this.padding(), n = e - i * 2, s = this.ellipsis(), r = this.textArr[this.textArr.length - 1];
+    const e = this.attrs.width, t = e !== Je && e !== void 0, i = this.padding(), n = e - i * 2, s = this.ellipsis(), r = this.textArr[this.textArr.length - 1];
     !r || !s || (t && (this._getTextWidth(r.text + oi) < n || (r.text = r.text.slice(0, r.text.length - 3))), this.textArr.splice(this.textArr.length - 1, 1), this._addTextLine(r.text + oi));
   }
   getStrokeScaleEnabled() {
@@ -5996,10 +5996,10 @@ class te extends P {
     return e && t ? !0 : super._useBufferCanvas();
   }
 }
-te.prototype._fillFunc = Ta;
-te.prototype._strokeFunc = ba;
-te.prototype.className = ua;
-te.prototype._attrsAffectingSize = [
+ee.prototype._fillFunc = Ta;
+ee.prototype._strokeFunc = ba;
+ee.prototype.className = ua;
+ee.prototype._attrsAffectingSize = [
   "text",
   "fontSize",
   "padding",
@@ -6007,25 +6007,25 @@ te.prototype._attrsAffectingSize = [
   "lineHeight",
   "letterSpacing"
 ];
-ne(te);
-m.overWriteSetter(te, "width", Oi());
-m.overWriteSetter(te, "height", Oi());
-m.addGetterSetter(te, "direction", gs);
-m.addGetterSetter(te, "fontFamily", "Arial");
-m.addGetterSetter(te, "fontSize", 12, I());
-m.addGetterSetter(te, "fontStyle", fs);
-m.addGetterSetter(te, "fontVariant", fs);
-m.addGetterSetter(te, "padding", 0, I());
-m.addGetterSetter(te, "align", ps);
-m.addGetterSetter(te, "verticalAlign", ga);
-m.addGetterSetter(te, "lineHeight", 1, I());
-m.addGetterSetter(te, "wrap", ya);
-m.addGetterSetter(te, "ellipsis", !1, me());
-m.addGetterSetter(te, "letterSpacing", 0, I());
-m.addGetterSetter(te, "text", "", Xe());
-m.addGetterSetter(te, "textDecoration", "");
-m.addGetterSetter(te, "underlineOffset", void 0, I());
-m.addGetterSetter(te, "charRenderFunc", void 0);
+ne(ee);
+m.overWriteSetter(ee, "width", Oi());
+m.overWriteSetter(ee, "height", Oi());
+m.addGetterSetter(ee, "direction", gs);
+m.addGetterSetter(ee, "fontFamily", "Arial");
+m.addGetterSetter(ee, "fontSize", 12, I());
+m.addGetterSetter(ee, "fontStyle", fs);
+m.addGetterSetter(ee, "fontVariant", fs);
+m.addGetterSetter(ee, "padding", 0, I());
+m.addGetterSetter(ee, "align", ps);
+m.addGetterSetter(ee, "verticalAlign", ga);
+m.addGetterSetter(ee, "lineHeight", 1, I());
+m.addGetterSetter(ee, "wrap", ya);
+m.addGetterSetter(ee, "ellipsis", !1, me());
+m.addGetterSetter(ee, "letterSpacing", 0, I());
+m.addGetterSetter(ee, "text", "", Ue());
+m.addGetterSetter(ee, "textDecoration", "");
+m.addGetterSetter(ee, "underlineOffset", void 0, I());
+m.addGetterSetter(ee, "charRenderFunc", void 0);
 const ka = "", ys = "normal";
 function Ss(a) {
   a.fillText(this.partialText, 0, 0);
@@ -6033,23 +6033,23 @@ function Ss(a) {
 function Cs(a) {
   a.strokeText(this.partialText, 0, 0);
 }
-class re extends P {
+class re extends _ {
   constructor(e) {
     super(e), this.dummyCanvas = v.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 ee.getPathLength(this.dataArray);
+    return Q.getPathLength(this.dataArray);
   }
   _getPointAtLength(e) {
     if (!this.attrs.data)
       return null;
     const t = this.pathLength;
-    return e > t ? null : ee.getPointAtLengthOfDataArray(e, this.dataArray);
+    return e > t ? null : Q.getPointAtLengthOfDataArray(e, this.dataArray);
   }
   _readDataAttribute() {
-    this.dataArray = ee.parsePathData(this.attrs.data), this.pathLength = this._getTextPathLength();
+    this.dataArray = Q.parsePathData(this.attrs.data), this.pathLength = this._getTextPathLength();
   }
   _sceneFunc(e) {
     e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", this.textBaseline()), e.setAttr("textAlign", "left"), e.save();
@@ -6091,10 +6091,10 @@ class re extends P {
     return v.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."), this.textHeight;
   }
   setText(e) {
-    return te.prototype.setText.call(this, e);
+    return ee.prototype.setText.call(this, e);
   }
   _getContextFont() {
-    return te.prototype._getContextFont.call(this);
+    return ee.prototype._getContextFont.call(this);
   }
   _getTextSize(e) {
     const i = this.dummyCanvas.getContext("2d");
@@ -6133,7 +6133,7 @@ class re extends P {
       const y = this._getPointAtLength(c + p);
       if (!y)
         return;
-      const S = ee.getLineLength(u.x, u.y, y.x, y.y);
+      const S = Q.getLineLength(u.x, u.y, y.x, y.y);
       let C = 0;
       if (o)
         try {
@@ -6142,7 +6142,7 @@ class re extends P {
           C = 0;
         }
       u.x += C, y.x += C, this.textWidth += C;
-      const T = ee.getPointOnLine(C + S / 2, u.x, u.y, y.x, y.y), b = Math.atan2(y.y - u.y, y.x - u.x);
+      const T = Q.getPointOnLine(C + S / 2, u.x, u.y, y.x, y.y), b = Math.atan2(y.y - u.y, y.x - u.x);
       this.glyphInfo.push({
         transposeX: T.x,
         transposeY: T.y,
@@ -6238,7 +6238,7 @@ const vs = "tr-konva", Pa = [
   "bottom-left": -135,
   "bottom-center": 180,
   "bottom-right": 135
-}, Ia = "ontouchstart" in E._global;
+}, Ia = "ontouchstart" in M._global;
 function Aa(a, e, t) {
   if (a === "rotater")
     return t;
@@ -6278,13 +6278,13 @@ function Ma(a, e) {
 function La(a, e, t) {
   let i = e;
   for (let n = 0; n < a.length; n++) {
-    const s = E.getAngle(a[n]), r = Math.abs(s - e) % (Math.PI * 2);
+    const s = M.getAngle(a[n]), r = Math.abs(s - e) % (Math.PI * 2);
     Math.min(r, Math.PI * 2 - r) < t && (i = s);
   }
   return i;
 }
 let xi = 0;
-class W extends st {
+class X extends st {
   constructor(e) {
     super(e), this._movingAnchorName = null, this._transforming = !1, this._createElements(), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this.update = this.update.bind(this), this.on(Pa, this.update), this.getNode() && this.update();
   }
@@ -6355,14 +6355,14 @@ class W extends st {
       skipTransform: !0,
       skipShadow: !0,
       skipStroke: this.ignoreStroke()
-    }), s = e.getAbsoluteScale(i), r = e.getAbsolutePosition(i), o = n.x * s.x - e.offsetX() * s.x, l = n.y * s.y - e.offsetY() * s.y, h = (E.getAngle(e.getAbsoluteRotation()) + Math.PI * 2) % (Math.PI * 2), c = {
+    }), s = e.getAbsoluteScale(i), r = e.getAbsolutePosition(i), o = n.x * s.x - e.offsetX() * s.x, l = n.y * s.y - e.offsetY() * s.y, h = (M.getAngle(e.getAbsoluteRotation()) + Math.PI * 2) % (Math.PI * 2), c = {
       x: r.x + o * Math.cos(h) + l * Math.sin(-h),
       y: r.y + l * Math.cos(h) + o * Math.sin(h),
       width: n.width * s.x,
       height: n.height * s.y,
       rotation: h
     };
-    return Ts(c, -E.getAngle(t), {
+    return Ts(c, -M.getAngle(t), {
       x: 0,
       y: 0
     });
@@ -6394,7 +6394,7 @@ class W extends st {
       });
     });
     const i = new de();
-    i.rotate(-E.getAngle(this.rotation()));
+    i.rotate(-M.getAngle(this.rotation()));
     let n = 1 / 0, s = 1 / 0, r = -1 / 0, o = -1 / 0;
     t.forEach(function(h) {
       const c = i.point(h);
@@ -6406,7 +6406,7 @@ class W extends st {
       y: l.y,
       width: r - n,
       height: o - s,
-      rotation: E.getAngle(this.rotation())
+      rotation: M.getAngle(this.rotation())
     };
   }
   getX() {
@@ -6443,14 +6443,14 @@ class W extends st {
     }), t.on("dragend", (n) => {
       n.cancelBubble = !0;
     }), t.on("mouseenter", () => {
-      const n = E.getAngle(this.rotation()), s = this.rotateAnchorCursor(), r = Aa(e, n, s);
+      const n = M.getAngle(this.rotation()), s = this.rotateAnchorCursor(), r = Aa(e, n, s);
       t.getStage().content && (t.getStage().content.style.cursor = r), this._cursorChange = !0;
     }), t.on("mouseout", () => {
       t.getStage().content && (t.getStage().content.style.cursor = ""), this._cursorChange = !1;
     }), this.add(t);
   }
   _createBack() {
-    const e = new P({
+    const e = new _({
       name: "back",
       width: 0,
       height: 0,
@@ -6513,11 +6513,11 @@ class W extends st {
     if (this._movingAnchorName === "rotater") {
       const T = this._getNodeRect();
       t = s.x() - T.width / 2, i = -s.y() + T.height / 2;
-      const b = E.getAngle(this.rotateAnchorAngle());
+      const b = M.getAngle(this.rotateAnchorAngle());
       let w = Math.atan2(-i, t) + Math.PI / 2 - b;
       T.height < 0 && (w -= Math.PI);
-      const _ = E.getAngle(this.rotation()) + w, O = E.getAngle(this.rotationSnapTolerance()), M = La(this.rotationSnaps(), _, O) - T.rotation, D = Ma(T, M);
-      this._fitNodesInto(D, e);
+      const P = M.getAngle(this.rotation()) + w, D = M.getAngle(this.rotationSnapTolerance()), E = La(this.rotationSnaps(), P, D) - T.rotation, O = Ma(T, E);
+      this._fitNodesInto(O, e);
       return;
     }
     const d = this.shiftBehavior();
@@ -6590,13 +6590,13 @@ class W extends st {
     } else
       console.error(new Error("Wrong position argument of selection resizer: " + this._movingAnchorName));
     if (f = this.centeredScaling() || e.altKey, f) {
-      const T = this.findOne(".top-left"), b = this.findOne(".bottom-right"), w = T.x(), k = T.y(), _ = this.getWidth() - b.x(), O = this.getHeight() - b.y();
+      const T = this.findOne(".top-left"), b = this.findOne(".bottom-right"), w = T.x(), A = T.y(), P = this.getWidth() - b.x(), D = this.getHeight() - b.y();
       b.move({
         x: -w,
-        y: -k
+        y: -A
       }), T.move({
-        x: _,
-        y: O
+        x: P,
+        y: D
       });
     }
     const y = this.findOne(".top-left").getAbsolutePosition();
@@ -6607,7 +6607,7 @@ class W extends st {
       y: i,
       width: S,
       height: C,
-      rotation: E.getAngle(this.rotation())
+      rotation: M.getAngle(this.rotation())
     }, e);
   }
   _handleMouseUp(e) {
@@ -6638,7 +6638,7 @@ class W extends st {
       return;
     }
     const s = new de();
-    if (s.rotate(E.getAngle(this.rotation())), this._movingAnchorName && e.width < 0 && this._movingAnchorName.indexOf("left") >= 0) {
+    if (s.rotate(M.getAngle(this.rotation())), this._movingAnchorName && e.width < 0 && this._movingAnchorName.indexOf("left") >= 0) {
       const u = s.point({
         x: -this.padding() * 2,
         y: 0
@@ -6698,8 +6698,8 @@ class W extends st {
     const t = this._getNodeRect();
     this.rotation(v._getRotation(t.rotation));
     const i = t.width, n = t.height, s = this.enabledAnchors(), r = this.resizeEnabled(), o = this.padding(), l = this.anchorSize(), h = this.find("._anchor");
-    h.forEach((_) => {
-      _.setAttrs({
+    h.forEach((P) => {
+      P.setAttrs({
         width: l,
         height: l,
         offsetX: l / 2,
@@ -6769,13 +6769,13 @@ class W extends st {
       stroke: this.borderStroke(),
       strokeWidth: this.borderStrokeWidth(),
       dash: this.borderDash(),
-      draggable: this.nodes().some((_) => _.draggable()),
+      draggable: this.nodes().some((P) => P.draggable()),
       x: 0,
       y: 0
     });
-    const k = this.anchorStyleFunc();
-    k && h.forEach((_) => {
-      k(_);
+    const A = this.anchorStyleFunc();
+    A && h.forEach((P) => {
+      A(P);
     }), (e = this.getLayer()) === null || e === void 0 || e.batchDraw();
   }
   isTransforming() {
@@ -6801,53 +6801,53 @@ class W extends st {
     return this.nodes().length > 0 ? super.getClientRect() : { x: 0, y: 0, width: 0, height: 0 };
   }
 }
-W.isTransforming = () => xi > 0;
+X.isTransforming = () => xi > 0;
 function Ra(a) {
   return a instanceof Array || v.warn("enabledAnchors value should be an array"), a instanceof Array && a.forEach(function(e) {
     Zt.indexOf(e) === -1 && v.warn("Unknown anchor name: " + e + ". Available names are: " + Zt.join(", "));
   }), a || [];
 }
-W.prototype.className = "Transformer";
-ne(W);
-m.addGetterSetter(W, "enabledAnchors", Zt, Ra);
-m.addGetterSetter(W, "flipEnabled", !0, me());
-m.addGetterSetter(W, "resizeEnabled", !0);
-m.addGetterSetter(W, "anchorSize", 10, I());
-m.addGetterSetter(W, "rotateEnabled", !0);
-m.addGetterSetter(W, "rotateLineVisible", !0);
-m.addGetterSetter(W, "rotationSnaps", []);
-m.addGetterSetter(W, "rotateAnchorOffset", 50, I());
-m.addGetterSetter(W, "rotateAnchorAngle", 0, I());
-m.addGetterSetter(W, "rotateAnchorCursor", "crosshair");
-m.addGetterSetter(W, "rotationSnapTolerance", 5, I());
-m.addGetterSetter(W, "borderEnabled", !0);
-m.addGetterSetter(W, "anchorStroke", "rgb(0, 161, 255)");
-m.addGetterSetter(W, "anchorStrokeWidth", 1, I());
-m.addGetterSetter(W, "anchorFill", "white");
-m.addGetterSetter(W, "anchorCornerRadius", 0, I());
-m.addGetterSetter(W, "borderStroke", "rgb(0, 161, 255)");
-m.addGetterSetter(W, "borderStrokeWidth", 1, I());
-m.addGetterSetter(W, "borderDash");
-m.addGetterSetter(W, "keepRatio", !0);
-m.addGetterSetter(W, "shiftBehavior", "default");
-m.addGetterSetter(W, "centeredScaling", !1);
-m.addGetterSetter(W, "ignoreStroke", !1);
-m.addGetterSetter(W, "padding", 0, I());
-m.addGetterSetter(W, "nodes");
-m.addGetterSetter(W, "node");
-m.addGetterSetter(W, "boundBoxFunc");
-m.addGetterSetter(W, "anchorDragBoundFunc");
-m.addGetterSetter(W, "anchorStyleFunc");
-m.addGetterSetter(W, "shouldOverdrawWholeArea", !1);
-m.addGetterSetter(W, "useSingleNodeRotation", !0);
-m.backCompat(W, {
+X.prototype.className = "Transformer";
+ne(X);
+m.addGetterSetter(X, "enabledAnchors", Zt, Ra);
+m.addGetterSetter(X, "flipEnabled", !0, me());
+m.addGetterSetter(X, "resizeEnabled", !0);
+m.addGetterSetter(X, "anchorSize", 10, I());
+m.addGetterSetter(X, "rotateEnabled", !0);
+m.addGetterSetter(X, "rotateLineVisible", !0);
+m.addGetterSetter(X, "rotationSnaps", []);
+m.addGetterSetter(X, "rotateAnchorOffset", 50, I());
+m.addGetterSetter(X, "rotateAnchorAngle", 0, I());
+m.addGetterSetter(X, "rotateAnchorCursor", "crosshair");
+m.addGetterSetter(X, "rotationSnapTolerance", 5, I());
+m.addGetterSetter(X, "borderEnabled", !0);
+m.addGetterSetter(X, "anchorStroke", "rgb(0, 161, 255)");
+m.addGetterSetter(X, "anchorStrokeWidth", 1, I());
+m.addGetterSetter(X, "anchorFill", "white");
+m.addGetterSetter(X, "anchorCornerRadius", 0, I());
+m.addGetterSetter(X, "borderStroke", "rgb(0, 161, 255)");
+m.addGetterSetter(X, "borderStrokeWidth", 1, I());
+m.addGetterSetter(X, "borderDash");
+m.addGetterSetter(X, "keepRatio", !0);
+m.addGetterSetter(X, "shiftBehavior", "default");
+m.addGetterSetter(X, "centeredScaling", !1);
+m.addGetterSetter(X, "ignoreStroke", !1);
+m.addGetterSetter(X, "padding", 0, I());
+m.addGetterSetter(X, "nodes");
+m.addGetterSetter(X, "node");
+m.addGetterSetter(X, "boundBoxFunc");
+m.addGetterSetter(X, "anchorDragBoundFunc");
+m.addGetterSetter(X, "anchorStyleFunc");
+m.addGetterSetter(X, "shouldOverdrawWholeArea", !1);
+m.addGetterSetter(X, "useSingleNodeRotation", !0);
+m.backCompat(X, {
   lineEnabled: "borderEnabled",
   rotateHandlerOffset: "rotateAnchorOffset",
   enabledHandlers: "enabledAnchors"
 });
-class Ae extends P {
+class Ae extends _ {
   _sceneFunc(e) {
-    e.beginPath(), e.arc(0, 0, this.radius(), 0, E.getAngle(this.angle()), this.clockwise()), e.lineTo(0, 0), e.closePath(), e.fillStrokeShape(this);
+    e.beginPath(), e.arc(0, 0, this.radius(), 0, M.getAngle(this.angle()), this.clockwise()), e.lineTo(0, 0), e.closePath(), e.fillStrokeShape(this);
   }
   getWidth() {
     return this.radius() * 2;
@@ -7392,33 +7392,33 @@ const Da = [
 ];
 function Ba(a, e) {
   const t = a.data, i = a.width, n = a.height;
-  let s, r, o, l, h, c, d, u, f, p, y, S, C, T, b, w, k, _, O, A;
-  const M = e + e + 1, D = i - 1, z = n - 1, B = e + 1, Y = B * (B + 1) / 2, F = new pn(), H = Da[e], R = Oa[e];
-  let K = null, G = F, U = null, Z = null;
-  for (let q = 1; q < M; q++)
-    G = G.next = new pn(), q === B && (K = G);
-  G.next = F, o = r = 0;
-  for (let q = 0; q < n; q++) {
-    S = C = T = b = l = h = c = d = 0, u = B * (w = t[r]), f = B * (k = t[r + 1]), p = B * (_ = t[r + 2]), y = B * (O = t[r + 3]), l += Y * w, h += Y * k, c += Y * _, d += Y * O, G = F;
+  let s, r, o, l, h, c, d, u, f, p, y, S, C, T, b, w, A, P, D, k;
+  const E = e + e + 1, O = i - 1, z = n - 1, B = e + 1, W = B * (B + 1) / 2, F = new pn(), G = Da[e], R = Oa[e];
+  let K = null, H = F, $ = null, te = null;
+  for (let Y = 1; Y < E; Y++)
+    H = H.next = new pn(), Y === B && (K = H);
+  H.next = F, o = r = 0;
+  for (let Y = 0; Y < n; Y++) {
+    S = C = T = b = l = h = c = d = 0, u = B * (w = t[r]), f = B * (A = t[r + 1]), p = B * (P = t[r + 2]), y = B * (D = t[r + 3]), l += W * w, h += W * A, c += W * P, d += W * D, H = F;
     for (let se = 0; se < B; se++)
-      G.r = w, G.g = k, G.b = _, G.a = O, G = G.next;
+      H.r = w, H.g = A, H.b = P, H.a = D, H = H.next;
     for (let se = 1; se < B; se++)
-      s = r + ((D < se ? D : se) << 2), l += (G.r = w = t[s]) * (A = B - se), h += (G.g = k = t[s + 1]) * A, c += (G.b = _ = t[s + 2]) * A, d += (G.a = O = t[s + 3]) * A, S += w, C += k, T += _, b += O, G = G.next;
-    U = F, Z = K;
+      s = r + ((O < se ? O : se) << 2), l += (H.r = w = t[s]) * (k = B - se), h += (H.g = A = t[s + 1]) * k, c += (H.b = P = t[s + 2]) * k, d += (H.a = D = t[s + 3]) * k, S += w, C += A, T += P, b += D, H = H.next;
+    $ = F, te = K;
     for (let se = 0; se < i; se++)
-      t[r + 3] = O = d * H >> R, O !== 0 ? (O = 255 / O, t[r] = (l * H >> R) * O, t[r + 1] = (h * H >> R) * O, t[r + 2] = (c * H >> R) * O) : t[r] = t[r + 1] = t[r + 2] = 0, l -= u, h -= f, c -= p, d -= y, u -= U.r, f -= U.g, p -= U.b, y -= U.a, s = o + ((s = se + e + 1) < D ? s : D) << 2, S += U.r = t[s], C += U.g = t[s + 1], T += U.b = t[s + 2], b += U.a = t[s + 3], l += S, h += C, c += T, d += b, U = U.next, u += w = Z.r, f += k = Z.g, p += _ = Z.b, y += O = Z.a, S -= w, C -= k, T -= _, b -= O, Z = Z.next, r += 4;
+      t[r + 3] = D = d * G >> R, D !== 0 ? (D = 255 / D, t[r] = (l * G >> R) * D, t[r + 1] = (h * G >> R) * D, t[r + 2] = (c * G >> R) * D) : t[r] = t[r + 1] = t[r + 2] = 0, l -= u, h -= f, c -= p, d -= y, u -= $.r, f -= $.g, p -= $.b, y -= $.a, s = o + ((s = se + e + 1) < O ? s : O) << 2, S += $.r = t[s], C += $.g = t[s + 1], T += $.b = t[s + 2], b += $.a = t[s + 3], l += S, h += C, c += T, d += b, $ = $.next, u += w = te.r, f += A = te.g, p += P = te.b, y += D = te.a, S -= w, C -= A, T -= P, b -= D, te = te.next, r += 4;
     o += i;
   }
-  for (let q = 0; q < i; q++) {
-    C = T = b = S = h = c = d = l = 0, r = q << 2, u = B * (w = t[r]), f = B * (k = t[r + 1]), p = B * (_ = t[r + 2]), y = B * (O = t[r + 3]), l += Y * w, h += Y * k, c += Y * _, d += Y * O, G = F;
+  for (let Y = 0; Y < i; Y++) {
+    C = T = b = S = h = c = d = l = 0, r = Y << 2, u = B * (w = t[r]), f = B * (A = t[r + 1]), p = B * (P = t[r + 2]), y = B * (D = t[r + 3]), l += W * w, h += W * A, c += W * P, d += W * D, H = F;
     for (let he = 0; he < B; he++)
-      G.r = w, G.g = k, G.b = _, G.a = O, G = G.next;
+      H.r = w, H.g = A, H.b = P, H.a = D, H = H.next;
     let se = i;
     for (let he = 1; he <= e; he++)
-      r = se + q << 2, l += (G.r = w = t[r]) * (A = B - he), h += (G.g = k = t[r + 1]) * A, c += (G.b = _ = t[r + 2]) * A, d += (G.a = O = t[r + 3]) * A, S += w, C += k, T += _, b += O, G = G.next, he < z && (se += i);
-    r = q, U = F, Z = K;
+      r = se + Y << 2, l += (H.r = w = t[r]) * (k = B - he), h += (H.g = A = t[r + 1]) * k, c += (H.b = P = t[r + 2]) * k, d += (H.a = D = t[r + 3]) * k, S += w, C += A, T += P, b += D, H = H.next, he < z && (se += i);
+    r = Y, $ = F, te = K;
     for (let he = 0; he < n; he++)
-      s = r << 2, t[s + 3] = O = d * H >> R, O > 0 ? (O = 255 / O, t[s] = (l * H >> R) * O, t[s + 1] = (h * H >> R) * O, t[s + 2] = (c * H >> R) * O) : t[s] = t[s + 1] = t[s + 2] = 0, l -= u, h -= f, c -= p, d -= y, u -= U.r, f -= U.g, p -= U.b, y -= U.a, s = q + ((s = he + B) < z ? s : z) * i << 2, l += S += U.r = t[s], h += C += U.g = t[s + 1], c += T += U.b = t[s + 2], d += b += U.a = t[s + 3], U = U.next, u += w = Z.r, f += k = Z.g, p += _ = Z.b, y += O = Z.a, S -= w, C -= k, T -= _, b -= O, Z = Z.next, r += i;
+      s = r << 2, t[s + 3] = D = d * G >> R, D > 0 ? (D = 255 / D, t[s] = (l * G >> R) * D, t[s + 1] = (h * G >> R) * D, t[s + 2] = (c * G >> R) * D) : t[s] = t[s + 1] = t[s + 2] = 0, l -= u, h -= f, c -= p, d -= y, u -= $.r, f -= $.g, p -= $.b, y -= $.a, s = Y + ((s = he + B) < z ? s : z) * i << 2, l += S += $.r = t[s], h += C += $.g = t[s + 1], c += T += $.b = t[s + 2], d += b += $.a = t[s + 3], $ = $.next, u += w = te.r, f += A = te.g, p += P = te.b, y += D = te.a, S -= w, C -= A, T -= P, b -= D, te = te.next, r += i;
   }
 }
 const Ga = function(e) {
@@ -7454,29 +7454,29 @@ const Fa = function(a) {
     bottom: 90,
     "bottom-left": 45,
     left: 0
-  }[(r = (s = this.embossDirection) === null || s === void 0 ? void 0 : s.call(this)) !== null && r !== void 0 ? r : "top-left"]) !== null && o !== void 0 ? o : 315, C = !!((h = (l = this.embossBlend) === null || l === void 0 ? void 0 : l.call(this)) !== null && h !== void 0 && h), T = f * 10, b = p * 255, w = S * Math.PI / 180, k = Math.cos(w), _ = Math.sin(w), O = 128 / 1020 * T, A = new Uint8ClampedArray(c), M = new Float32Array(d * u);
-  for (let F = 0, H = 0; H < c.length; H += 4, F++)
-    M[F] = 0.2126 * A[H] + 0.7152 * A[H + 1] + 0.0722 * A[H + 2];
-  const D = [-1, 0, 1, -2, 0, 2, -1, 0, 1], z = [-1, -2, -1, 0, 0, 0, 1, 2, 1], B = [-d - 1, -d, -d + 1, -1, 0, 1, d - 1, d, d + 1], Y = (F) => F < 0 ? 0 : F > 255 ? 255 : F;
+  }[(r = (s = this.embossDirection) === null || s === void 0 ? void 0 : s.call(this)) !== null && r !== void 0 ? r : "top-left"]) !== null && o !== void 0 ? o : 315, C = !!((h = (l = this.embossBlend) === null || l === void 0 ? void 0 : l.call(this)) !== null && h !== void 0 && h), T = f * 10, b = p * 255, w = S * Math.PI / 180, A = Math.cos(w), P = Math.sin(w), D = 128 / 1020 * T, k = new Uint8ClampedArray(c), E = new Float32Array(d * u);
+  for (let F = 0, G = 0; G < c.length; G += 4, F++)
+    E[F] = 0.2126 * k[G] + 0.7152 * k[G + 1] + 0.0722 * k[G + 2];
+  const O = [-1, 0, 1, -2, 0, 2, -1, 0, 1], z = [-1, -2, -1, 0, 0, 0, 1, 2, 1], B = [-d - 1, -d, -d + 1, -1, 0, 1, d - 1, d, d + 1], W = (F) => F < 0 ? 0 : F > 255 ? 255 : F;
   for (let F = 1; F < u - 1; F++)
-    for (let H = 1; H < d - 1; H++) {
-      const R = F * d + H;
-      let K = 0, G = 0;
-      K += M[R + B[0]] * D[0], G += M[R + B[0]] * z[0], K += M[R + B[1]] * D[1], G += M[R + B[1]] * z[1], K += M[R + B[2]] * D[2], G += M[R + B[2]] * z[2], K += M[R + B[3]] * D[3], G += M[R + B[3]] * z[3], K += M[R + B[5]] * D[5], G += M[R + B[5]] * z[5], K += M[R + B[6]] * D[6], G += M[R + B[6]] * z[6], K += M[R + B[7]] * D[7], G += M[R + B[7]] * z[7], K += M[R + B[8]] * D[8], G += M[R + B[8]] * z[8];
-      const U = k * K + _ * G, Z = Y(b + U * O), q = R * 4;
+    for (let G = 1; G < d - 1; G++) {
+      const R = F * d + G;
+      let K = 0, H = 0;
+      K += E[R + B[0]] * O[0], H += E[R + B[0]] * z[0], K += E[R + B[1]] * O[1], H += E[R + B[1]] * z[1], K += E[R + B[2]] * O[2], H += E[R + B[2]] * z[2], K += E[R + B[3]] * O[3], H += E[R + B[3]] * z[3], K += E[R + B[5]] * O[5], H += E[R + B[5]] * z[5], K += E[R + B[6]] * O[6], H += E[R + B[6]] * z[6], K += E[R + B[7]] * O[7], H += E[R + B[7]] * z[7], K += E[R + B[8]] * O[8], H += E[R + B[8]] * z[8];
+      const $ = A * K + P * H, te = W(b + $ * D), Y = R * 4;
       if (C) {
-        const se = Z - b;
-        c[q] = Y(A[q] + se), c[q + 1] = Y(A[q + 1] + se), c[q + 2] = Y(A[q + 2] + se), c[q + 3] = A[q + 3];
+        const se = te - b;
+        c[Y] = W(k[Y] + se), c[Y + 1] = W(k[Y + 1] + se), c[Y + 2] = W(k[Y + 2] + se), c[Y + 3] = k[Y + 3];
       } else
-        c[q] = c[q + 1] = c[q + 2] = Z, c[q + 3] = A[q + 3];
+        c[Y] = c[Y + 1] = c[Y + 2] = te, c[Y + 3] = k[Y + 3];
     }
   for (let F = 0; F < d; F++) {
-    let H = F * 4, R = ((u - 1) * d + F) * 4;
-    c[H] = A[H], c[H + 1] = A[H + 1], c[H + 2] = A[H + 2], c[H + 3] = A[H + 3], c[R] = A[R], c[R + 1] = A[R + 1], c[R + 2] = A[R + 2], c[R + 3] = A[R + 3];
+    let G = F * 4, R = ((u - 1) * d + F) * 4;
+    c[G] = k[G], c[G + 1] = k[G + 1], c[G + 2] = k[G + 2], c[G + 3] = k[G + 3], c[R] = k[R], c[R + 1] = k[R + 1], c[R + 2] = k[R + 2], c[R + 3] = k[R + 3];
   }
   for (let F = 1; F < u - 1; F++) {
-    let H = F * d * 4, R = (F * d + (d - 1)) * 4;
-    c[H] = A[H], c[H + 1] = A[H + 1], c[H + 2] = A[H + 2], c[H + 3] = A[H + 3], c[R] = A[R], c[R + 1] = A[R + 1], c[R + 2] = A[R + 2], c[R + 3] = A[R + 3];
+    let G = F * d * 4, R = (F * d + (d - 1)) * 4;
+    c[G] = k[G], c[G + 1] = k[G + 1], c[G + 2] = k[G + 2], c[G + 3] = k[G + 3], c[R] = k[R], c[R + 1] = k[R + 1], c[R + 2] = k[R + 2], c[R + 3] = k[R + 3];
   }
   return a;
 };
@@ -7510,8 +7510,8 @@ const Va = function(a) {
     f = n + u * (n - b), p = i + u * (i - b);
     const w = (o + r) * 0.5;
     y = o + u * (o - w), S = r + u * (r - w);
-    const k = (c + h) * 0.5;
-    C = c + u * (c - k), T = h + u * (h - k);
+    const A = (c + h) * 0.5;
+    C = c + u * (c - A), T = h + u * (h - A);
   }
   for (let b = 0; b < t; b += 4)
     e[b + 0] = hi(e[b + 0], i, n, p, f), e[b + 1] = hi(e[b + 1], r, o, S, y), e[b + 2] = hi(e[b + 2], h, c, T, C);
@@ -7529,14 +7529,14 @@ m.addGetterSetter(x, "saturation", 0, I(), m.afterSetFilter);
 m.addGetterSetter(x, "luminance", 0, I(), m.afterSetFilter);
 const Wa = function(a) {
   const e = a.data, t = e.length, i = 1, n = Math.pow(2, this.saturation()), s = Math.abs(this.hue() + 360) % 360, r = this.luminance() * 127, o = i * n * Math.cos(s * Math.PI / 180), l = i * n * Math.sin(s * Math.PI / 180), h = 0.299 * i + 0.701 * o + 0.167 * l, c = 0.587 * i - 0.587 * o + 0.33 * l, d = 0.114 * i - 0.114 * o - 0.497 * l, u = 0.299 * i - 0.299 * o - 0.328 * l, f = 0.587 * i + 0.413 * o + 0.035 * l, p = 0.114 * i - 0.114 * o + 0.293 * l, y = 0.299 * i - 0.3 * o + 1.25 * l, S = 0.587 * i - 0.586 * o - 1.05 * l, C = 0.114 * i + 0.886 * o - 0.2 * l;
-  let T, b, w, k;
-  for (let _ = 0; _ < t; _ += 4)
-    T = e[_ + 0], b = e[_ + 1], w = e[_ + 2], k = e[_ + 3], e[_ + 0] = h * T + c * b + d * w + r, e[_ + 1] = u * T + f * b + p * w + r, e[_ + 2] = y * T + S * b + C * w + r, e[_ + 3] = k;
+  let T, b, w, A;
+  for (let P = 0; P < t; P += 4)
+    T = e[P + 0], b = e[P + 1], w = e[P + 2], A = e[P + 3], e[P + 0] = h * T + c * b + d * w + r, e[P + 1] = u * T + f * b + p * w + r, e[P + 2] = y * T + S * b + C * w + r, e[P + 3] = A;
 }, Xa = function(a) {
   const e = a.data, t = e.length, i = Math.pow(2, this.value()), n = Math.pow(2, this.saturation()), s = Math.abs(this.hue() + 360) % 360, r = i * n * Math.cos(s * Math.PI / 180), o = i * n * Math.sin(s * Math.PI / 180), l = 0.299 * i + 0.701 * r + 0.167 * o, h = 0.587 * i - 0.587 * r + 0.33 * o, c = 0.114 * i - 0.114 * r - 0.497 * o, d = 0.299 * i - 0.299 * r - 0.328 * o, u = 0.587 * i + 0.413 * r + 0.035 * o, f = 0.114 * i - 0.114 * r + 0.293 * o, p = 0.299 * i - 0.3 * r + 1.25 * o, y = 0.587 * i - 0.586 * r - 1.05 * o, S = 0.114 * i + 0.886 * r - 0.2 * o;
   for (let C = 0; C < t; C += 4) {
-    const T = e[C + 0], b = e[C + 1], w = e[C + 2], k = e[C + 3];
-    e[C + 0] = l * T + h * b + c * w, e[C + 1] = d * T + u * b + f * w, e[C + 2] = p * T + y * b + S * w, e[C + 3] = k;
+    const T = e[C + 0], b = e[C + 1], w = e[C + 2], A = e[C + 3];
+    e[C + 0] = l * T + h * b + c * w, e[C + 1] = d * T + u * b + f * w, e[C + 2] = p * T + y * b + S * w, e[C + 3] = A;
   }
 };
 m.addGetterSetter(x, "hue", 0, I(), m.afterSetFilter);
@@ -7557,8 +7557,8 @@ const Ua = function(a) {
     for (let b = 0; b < f; b += 1) {
       c = Math.floor(o + h * b / f * T), d = Math.floor(l + h * b / f * C);
       let w = (d * s + c) * 4;
-      const k = i[w + 0], _ = i[w + 1], O = i[w + 2], A = i[w + 3];
-      w = (S + b * s) * 4, n[w + 0] = k, n[w + 1] = _, n[w + 2] = O, n[w + 3] = A;
+      const A = i[w + 0], P = i[w + 1], D = i[w + 2], k = i[w + 3];
+      w = (S + b * s) * 4, n[w + 0] = A, n[w + 1] = P, n[w + 2] = D, n[w + 3] = k;
     }
   }
 }, qa = function(a, e, t) {
@@ -7571,11 +7571,11 @@ const Ua = function(a) {
   for (c = 0; c < s; c += 1)
     for (d = 0; d < r; d += 1) {
       const T = c - o, b = d - l, w = Math.sqrt(T * T + b * b) * f / h;
-      let k = (Math.atan2(b, T) * 180 / Math.PI + 360 + y) % 360;
-      k = k * p / 360, S = Math.floor(k), C = Math.floor(w);
-      let _ = (C * s + S) * 4;
-      const O = i[_ + 0], A = i[_ + 1], M = i[_ + 2], D = i[_ + 3];
-      _ = (d * s + c) * 4, n[_ + 0] = O, n[_ + 1] = A, n[_ + 2] = M, n[_ + 3] = D;
+      let A = (Math.atan2(b, T) * 180 / Math.PI + 360 + y) % 360;
+      A = A * p / 360, S = Math.floor(A), C = Math.floor(w);
+      let P = (C * s + S) * 4;
+      const D = i[P + 0], k = i[P + 1], E = i[P + 2], O = i[P + 3];
+      P = (d * s + c) * 4, n[P + 0] = D, n[P + 1] = k, n[P + 2] = E, n[P + 3] = O;
     }
 }, Ka = function(a) {
   const e = a.width, t = a.height;
@@ -7594,9 +7594,9 @@ const Ua = function(a) {
   for (; T <= 8; )
     T = T * 2, f -= 1;
   T = Math.ceil(T);
-  let b = T, w = 0, k = b, _ = 1;
-  for (y + T > e && (w = b, k = 0, _ = -1), n = 0; n < t; n += 1)
-    for (i = w; i !== k; i += _)
+  let b = T, w = 0, A = b, P = 1;
+  for (y + T > e && (w = b, A = 0, P = -1), n = 0; n < t; n += 1)
+    for (i = w; i !== A; i += P)
       s = Math.round(i + y) % e, d = (e * n + s) * 4, o = C.data[d + 0], l = C.data[d + 1], h = C.data[d + 2], c = C.data[d + 3], u = (e * n + i) * 4, C.data[u + 0] = o, C.data[u + 1] = l, C.data[u + 2] = h, C.data[u + 3] = c;
   for (n = 0; n < t; n += 1)
     for (b = Math.floor(T), r = 0; r < f; r += 1) {
@@ -7804,24 +7804,24 @@ const lo = function(a) {
     t[n] = t[n] < e ? 0 : 255;
 };
 m.addGetterSetter(x, "threshold", 0.5, I(), m.afterSetFilter);
-const X = nn.Util._assign(nn, {
+const U = nn.Util._assign(nn, {
   Arc: xe,
-  Arrow: $e,
+  Arrow: qe,
   Circle: rt,
   Ellipse: Be,
   Image: ye,
   Label: Hi,
-  Tag: qe,
+  Tag: Ke,
   Line: Ie,
-  Path: ee,
+  Path: Q,
   Rect: It,
   RegularPolygon: Ge,
-  Ring: Ke,
+  Ring: je,
   Sprite: be,
   Star: He,
-  Text: te,
+  Text: ee,
   TextPath: re,
-  Transformer: W,
+  Transformer: X,
   Wedge: Ae,
   Filters: {
     Blur: Ga,
@@ -8274,7 +8274,7 @@ class Ce {
   static renderSegments(e, t, i, n) {
     e.destroyChildren(), e.clip({ x: 0, y: 0, width: i, height: n });
     for (const { coverUrl: s, singleImageWidth: r, segmentStartX: o, segmentWidth: l } of t) {
-      const h = Math.max(r, 0.01), c = Math.max(1, Math.ceil(l / h)), d = Math.max(r, 0.01), u = this.getCachedImage(s), f = new X.Group({
+      const h = Math.max(r, 0.01), c = Math.max(1, Math.ceil(l / h)), d = Math.max(r, 0.01), u = this.getCachedImage(s), f = new U.Group({
         x: o,
         y: 0,
         clip: {
@@ -8290,7 +8290,7 @@ class Ce {
         const y = p * d, S = l - y, C = i - o - y, T = Math.min(d, S, C);
         if (T <= 0)
           continue;
-        const b = new X.Image({
+        const b = new U.Image({
           image: u,
           cornerRadius: 2,
           name: "cover-image"
@@ -8372,20 +8372,20 @@ class Ce {
 g(Ce, "MIN_IMAGE_DISPLAY_WIDTH", 24), g(Ce, "COVER_RENDER_VERSION_KEY", "_coverRenderVersion"), g(Ce, "MAX_CACHE_SIZE", 1e3), g(Ce, "DEFAULT_DIMENSIONS", { width: 160, height: 90 }), g(Ce, "keyframeDimensionsCache", {}), g(Ce, "keyframeDimensionsPromiseCache", {}), g(Ce, "imageCache", {});
 const oe = 3, Cn = 10, Po = 8, _o = 8, xo = 10, ci = 4, vn = 14, Ps = 10, Io = [4, 10, 14, 10, 4], Tn = [3, 7, 11, 15, 11, 7, 3], Ni = 28, Ao = 14, _s = 8, Eo = [4, 9, 14, 9, 4];
 function Te(a, e, t, i, n = "#ffffff", s = "#000000", r = 1) {
-  return new X.Rect({ x: a, y: e, width: t, height: i, fill: n, stroke: s, strokeWidth: r });
+  return new U.Rect({ x: a, y: e, width: t, height: i, fill: n, stroke: s, strokeWidth: r });
 }
 function xs(a, e, t, i = 12, n = "Arial", s = "#000000", r = "left", o = "top") {
-  return new X.Text({ text: a, x: e, y: t, fontSize: i, fontFamily: n, fill: s, align: r, verticalAlign: o });
+  return new U.Text({ text: a, x: e, y: t, fontSize: i, fontFamily: n, fill: s, align: r, verticalAlign: o });
 }
 function _e(a = 0, e = 0) {
-  return new X.Group({ x: a, y: e });
+  return new U.Group({ x: a, y: e });
 }
 function zi(a, e, t, i) {
   if (i) {
-    a.add(new X.Rect({ x: 0, y: 0, width: e, height: t, name: "clip-resize-left", listening: !0 })), a.add(new X.Rect({ x: 0, y: 0, width: e, height: t, name: "clip-resize-right", listening: !0 }));
+    a.add(new U.Rect({ x: 0, y: 0, width: e, height: t, name: "clip-resize-left", listening: !0 })), a.add(new U.Rect({ x: 0, y: 0, width: e, height: t, name: "clip-resize-right", listening: !0 }));
     return;
   }
-  a.add(new X.Rect({ x: 0, y: 0, width: oe, height: t, name: "clip-resize-left" })), a.add(new X.Rect({ x: e - oe, y: 0, width: oe, height: t, name: "clip-resize-right" }));
+  a.add(new U.Rect({ x: 0, y: 0, width: oe, height: t, name: "clip-resize-left" })), a.add(new U.Rect({ x: e - oe, y: 0, width: oe, height: t, name: "clip-resize-right" }));
 }
 function Mo(a, e, t, i) {
   const n = a.findOne(".clip-resize-left"), s = a.findOne(".clip-resize-right");
@@ -8575,7 +8575,7 @@ function Ho(a, e, t, i, n, s, r = !1, o, l, h = "video", c = !1, d = !1) {
   Bo(a, u) || Es(a, u);
 }
 function No(a, e, t, i) {
-  return new X.Rect({
+  return new U.Rect({
     x: a,
     y: e,
     width: t,
@@ -8587,7 +8587,7 @@ function No(a, e, t, i) {
   });
 }
 function Ei(a, e = "#000000", t = 1) {
-  return new X.Line({
+  return new U.Line({
     points: a,
     stroke: e,
     strokeWidth: t,
@@ -8596,7 +8596,7 @@ function Ei(a, e = "#000000", t = 1) {
   });
 }
 function zo(a, e, t, i = 12, n = "Arial", s = "#000000", r = "left", o = "top") {
-  return new X.Text({
+  return new U.Text({
     text: a,
     x: e,
     y: t,
@@ -8608,7 +8608,7 @@ function zo(a, e, t, i = 12, n = "Arial", s = "#000000", r = "left", o = "top")
   });
 }
 function Fo(a = 0, e = 0) {
-  return new X.Group({ x: a, y: e });
+  return new U.Group({ x: a, y: e });
 }
 function Vo(a, e, t, i, n, s, r, o) {
   const l = o || i, h = r === "major" ? l * 0.6 : l * 0.3, c = Ei(
@@ -8642,7 +8642,7 @@ class ie {
    * 创建舞台
    */
   static createStage(e, t, i) {
-    return new X.Stage({
+    return new U.Stage({
       container: e,
       width: t,
       height: i
@@ -8652,14 +8652,14 @@ class ie {
    * 创建图层
    */
   static createLayer(e) {
-    const t = new X.Layer();
+    const t = new U.Layer();
     return t.name(e), t;
   }
   /**
    * 创建矩形
    */
   static createRect(e, t, i, n, s = "#ffffff", r = "#000000", o = 1) {
-    return new X.Rect({
+    return new U.Rect({
       x: e,
       y: t,
       width: i,
@@ -8673,7 +8673,7 @@ class ie {
    * 创建文本
    */
   static createText(e, t, i, n = 12, s = "Arial", r = "#000000", o = "left", l = "top") {
-    return new X.Text({
+    return new U.Text({
       text: e,
       x: t,
       y: i,
@@ -8688,7 +8688,7 @@ class ie {
    * 创建线条
    */
   static createLine(e, t = "#000000", i = 1) {
-    return new X.Line({
+    return new U.Line({
       points: e,
       stroke: t,
       strokeWidth: i,
@@ -8700,7 +8700,7 @@ class ie {
    * 创建分组
    */
   static createGroup(e = 0, t = 0) {
-    return new X.Group({
+    return new U.Group({
       x: e,
       y: t
     });
@@ -8709,11 +8709,11 @@ class ie {
    * 创建播放头
    */
   static createPlayhead(e, t, i) {
-    const n = new X.Group({ x: e, y: t }), s = this.createLine(
+    const n = new U.Group({ x: e, y: t }), s = this.createLine(
       [0, 0, 0, i],
       "#FF0000",
       2
-    ), r = new X.RegularPolygon({
+    ), r = new U.RegularPolygon({
       x: 0,
       y: -10,
       sides: 3,
@@ -8808,7 +8808,7 @@ function At(a) {
 function Et(a) {
   typeof window < "u" && (window.removeEventListener("mousemove", a.onPointerMove), window.removeEventListener("mouseup", a.onPointerEnd), window.removeEventListener("blur", a.onWindowBlur || a.onPointerEnd)), typeof document < "u" && document.removeEventListener("visibilitychange", a.onVisibilityChange);
 }
-class ch {
+class dh {
   constructor(e, t, i, n, s, r) {
     g(this, "stage");
     g(this, "gridLayer");
@@ -9227,7 +9227,7 @@ function ui(a) {
 function Pt(a) {
   return (a == null ? void 0 : a.kind) === "draggingMove" || (a == null ? void 0 : a.kind) === "draggingResizeLeft" || (a == null ? void 0 : a.kind) === "draggingResizeRight";
 }
-function Je(a) {
+function Fe(a) {
   return !a || a.kind === "idle" || a.kind === "boxSelecting" ? null : a.context;
 }
 function _t(a) {
@@ -9375,7 +9375,7 @@ function qo(a, e, t, i) {
   return Math.hypot(n, s) >= Math.max(0, e);
 }
 const Se = class Se {
-  constructor(e, t, i, n, s, r, o, l, h, c, d, u, f, p, y, S, C, T, b, w, k, _, O, A, M, D = Se.DEFAULT_DRAG_ACTIVATION_THRESHOLD, z = !1, B = Se.DEFAULT_CLIP_SNAP_THRESHOLD) {
+  constructor(e, t, i, n, s, r, o, l, h, c, d, u, f, p, y, S, C, T, b, w, A, P, D, k, E, O = Se.DEFAULT_DRAG_ACTIVATION_THRESHOLD, z = !1, B = Se.DEFAULT_CLIP_SNAP_THRESHOLD) {
     g(this, "layer");
     g(this, "trackGroup");
     g(this, "dragOverlayLayer", null);
@@ -9440,7 +9440,7 @@ const Se = class Se {
       const e = this.resolveInteractionState();
       if (!Pt(e) || !this.onHorizontalDragAutoScroll)
         return;
-      const t = this.layer.getStage(), i = t == null ? void 0 : t.container(), n = Je(e);
+      const t = this.layer.getStage(), i = t == null ? void 0 : t.container(), n = Fe(e);
       if (!i || !n) {
         this.stopEdgeAutoScroll();
         return;
@@ -9457,7 +9457,7 @@ const Se = class Se {
       }
       this.startEdgeAutoScroll();
     });
-    this.layer = e, this.config = t, this.theme = o, this.trackType = i, this.zoom = n, this.trackY = s, this.trackHeight = r, this.onClipUpdate = l, this.onClipAdd = h, this.onClipRemove = c, this.onClipSplit = d, this.onClipSelect = u, this.onTimeJump = f, this.onHorizontalDragAutoScroll = p, this.onClipOverlap = y, this.onClipCrossTrackPreview = S, this.onClipCrossTrack = C, this.onClearDropPreview = T, this.onClearSelection = b, this.onSnapGuideChange = w, this.onClipToggleSelection = k, this.onSetSingleSelection = _, this.getMultiDragClipIds = O, this.onMultiDragMove = A, this.onMultiDragInteractionEnd = M, this.dragActivationThreshold = Math.max(0, D), this.enableClipSnap = z, this.clipSnapThreshold = Math.max(0, B), this.trackGroup = ie.createGroup(0, s), this.layer.add(this.trackGroup), this.initClips(), this.initEventListeners(), this.render();
+    this.layer = e, this.config = t, this.theme = o, this.trackType = i, this.zoom = n, this.trackY = s, this.trackHeight = r, this.onClipUpdate = l, this.onClipAdd = h, this.onClipRemove = c, this.onClipSplit = d, this.onClipSelect = u, this.onTimeJump = f, this.onHorizontalDragAutoScroll = p, this.onClipOverlap = y, this.onClipCrossTrackPreview = S, this.onClipCrossTrack = C, this.onClearDropPreview = T, this.onClearSelection = b, this.onSnapGuideChange = w, this.onClipToggleSelection = A, this.onSetSingleSelection = P, this.getMultiDragClipIds = D, this.onMultiDragMove = k, this.onMultiDragInteractionEnd = E, this.dragActivationThreshold = Math.max(0, O), this.enableClipSnap = z, this.clipSnapThreshold = Math.max(0, B), this.trackGroup = ie.createGroup(0, s), this.layer.add(this.trackGroup), this.initClips(), this.initEventListeners(), this.render();
   }
   get hasDragMoved() {
     return this.getLegacyInteractionSnapshot().hasDragMoved;
@@ -9732,15 +9732,14 @@ const Se = class Se {
     this.finishPointerInteraction("POINTER_UP");
   }
   finishPointerInteraction(e) {
-    const t = this.interactionState;
+    const t = this.interactionState, i = this.resolveDraggedClipForInteraction(t);
     try {
-      if (!this.selectedClip)
+      if (!i)
         return;
-      const i = this.selectedClip.getClip();
-      if (!i.isDragging)
+      const n = i.getClip();
+      if (!n.isDragging)
         return;
-      const n = i;
-      this.selectedClip.endDrag();
+      i.endDrag();
       const s = Vt(t, {
         type: e
       });
@@ -9755,6 +9754,16 @@ const Se = class Se {
       });
     }
   }
+  resolveDraggedClipForInteraction(e = this.interactionState) {
+    const t = Fe(e);
+    if (t != null && t.clipId) {
+      const n = this.clips.find((s) => s.getClip().id === t.clipId) ?? null;
+      if (n)
+        return n;
+    }
+    const i = this.clips.find((n) => n.getClip().isDragging) ?? null;
+    return i || this.selectedClip;
+  }
   applyInteractionTransition(e) {
     var i, n;
     this.interactionState = e.state, this.syncLegacyInteractionMirror(e.state), e.effects.bindGlobalListeners && this.bindGlobalPointerListenersForDrag();
@@ -9765,7 +9774,7 @@ const Se = class Se {
     var r;
     if (ui(e))
       return e;
-    const t = this.getLegacyInteractionSnapshot(), i = (r = this.selectedClip) == null ? void 0 : r.getClip();
+    const t = this.getLegacyInteractionSnapshot(), i = (r = this.resolveDraggedClipForInteraction(e)) == null ? void 0 : r.getClip();
     if (!(i != null && i.id) || !i.isDragging)
       return e;
     const n = t.activePointerOperation || (i.isResizingLeft ? "resize-left" : i.isResizingRight ? "resize-right" : "move"), s = {
@@ -9790,12 +9799,12 @@ const Se = class Se {
     };
   }
   syncLegacyInteractionMirror(e = this.interactionState) {
-    const t = this.getLegacyInteractionSnapshot(), i = Je(e);
+    const t = this.getLegacyInteractionSnapshot(), i = Fe(e);
     t.hasDragMoved = Pt(e), t.activePointerOperation = _t(e), t.originalClipsState = (i == null ? void 0 : i.originalClipsState) ?? [], t.nonDraggedClips = (i == null ? void 0 : i.nonDraggedClips) ?? [], t.snapCandidateClips = (i == null ? void 0 : i.snapCandidateClips) ?? [], t.dragStartY = (i == null ? void 0 : i.pointerStartY) ?? 0, t.dragTargetTrackY = (i == null ? void 0 : i.dragTargetTrackY) ?? 0, t.crossTrackDragOffsetY = (i == null ? void 0 : i.crossTrackDragOffsetY) ?? 0, t.crossTrackDragStartX = (i == null ? void 0 : i.pointerStartX) ?? 0, t.dragStartScrollLeft = (i == null ? void 0 : i.dragStartScrollLeft) ?? 0, t.dragGestureStartClientX = (i == null ? void 0 : i.pointerStartClientX) ?? null, t.dragGestureStartClientY = (i == null ? void 0 : i.pointerStartClientY) ?? null, t.lastDragClientX = (i == null ? void 0 : i.lastPointerClientX) ?? null, t.lastDragClientY = (i == null ? void 0 : i.lastPointerClientY) ?? null;
   }
   handleClipMoveEnd(e, t) {
     var S, C, T;
-    const i = this.resolveInteractionState(t), n = this.getLegacyInteractionSnapshot(), s = Je(i) || {
+    const i = this.resolveInteractionState(t), n = this.getLegacyInteractionSnapshot(), s = Fe(i) || {
       clipId: e.id,
       originalClipsState: n.originalClipsState.length > 0 ? n.originalClipsState : [e],
       nonDraggedClips: n.nonDraggedClips,
@@ -9814,63 +9823,63 @@ const Se = class Se {
         crossTrackOffsetY: s.crossTrackDragOffsetY,
         isFinal: !0
       })) {
-        for (const D of this.selectedClipIds) {
-          const z = (C = this.clipGroups) == null ? void 0 : C.get(D);
+        for (const O of this.selectedClipIds) {
+          const z = (C = this.clipGroups) == null ? void 0 : C.get(O);
           z == null || z.y(2);
         }
         this.multiDragOriginalPositions.clear();
         return;
       }
-      const k = [], _ = [];
-      for (const [M, D] of this.multiDragOriginalPositions) {
-        const z = this.clips.find((R) => R.getClip().id === M);
+      const A = [], P = [];
+      for (const [E, O] of this.multiDragOriginalPositions) {
+        const z = this.clips.find((R) => R.getClip().id === E);
         if (!z) continue;
-        const B = Math.max(0, D.startTime + w), Y = {
+        const B = Math.max(0, O.startTime + w), W = {
           ...z.getClip(),
           startTime: B,
-          endTime: B + D.duration,
+          endTime: B + O.duration,
           isDragging: !1,
           isResizing: !1,
           isResizingLeft: !1,
           isResizingRight: !1,
           zIndex: 1,
           opacity: 1,
-          isSelected: this.selectedClipIds.has(M)
+          isSelected: this.selectedClipIds.has(E)
         };
-        k.push(Y);
-        const F = s.originalClipsState.find((R) => R.id === M);
-        F && _.push(F);
-        const H = (T = this.clipGroups) == null ? void 0 : T.get(M);
-        H && H.y(2);
+        A.push(W);
+        const F = s.originalClipsState.find((R) => R.id === E);
+        F && P.push(F);
+        const G = (T = this.clipGroups) == null ? void 0 : T.get(E);
+        G && G.y(2);
       }
-      const O = [];
-      for (const M of this.clips) {
-        const D = M.getClip(), z = k.find((B) => B.id === D.id);
-        z ? O.push(z) : O.push({
-          ...D,
+      const D = [];
+      for (const E of this.clips) {
+        const O = E.getClip(), z = A.find((B) => B.id === O.id);
+        z ? D.push(z) : D.push({
+          ...O,
           isDragging: !1,
           isResizing: !1,
           isResizingLeft: !1,
           isResizingRight: !1
         });
       }
-      O.sort((M, D) => M.startTime - D.startTime), this.isVisualUpdate = !0;
-      for (const M of O)
-        this.clips.find((z) => z.getClip().id === M.id) && this.handleClipUpdate(M);
+      D.sort((E, O) => E.startTime - O.startTime), this.isVisualUpdate = !0;
+      for (const E of D)
+        this.clips.find((z) => z.getClip().id === E.id) && this.handleClipUpdate(E);
       this.isVisualUpdate = !1;
-      const A = _.map((M) => {
-        const D = k.find((z) => z.id === M.id);
-        return D && (M.startTime !== D.startTime || M.duration !== D.duration) ? {
-          clipId: M.id,
-          previousState: M,
-          newState: D
+      const k = P.map((E) => {
+        const O = A.find((z) => z.id === E.id);
+        return O && (E.startTime !== O.startTime || E.duration !== O.duration) ? {
+          clipId: E.id,
+          previousState: E,
+          newState: O
         } : null;
-      }).filter((M) => M !== null);
-      A.length > 0 && this.onClipUpdate(e, _.find((M) => M.id === e.id), A), this.multiDragOriginalPositions.clear();
+      }).filter((E) => E !== null);
+      k.length > 0 && this.onClipUpdate(e, P.find((E) => E.id === e.id), k), this.multiDragOriginalPositions.clear();
       return;
     }
     if (o && this.onClipCrossTrack && this.config.id) {
-      const b = s.originalClipsState.find((k) => k.id === e.id) ?? null;
+      const b = s.originalClipsState.find((A) => A.id === e.id) ?? null;
       if (this.onClipCrossTrack(e, b, s.dragTargetTrackY, this.config.id)) {
         this.multiDragOriginalPositions.clear();
         return;
@@ -10075,7 +10084,7 @@ const Se = class Se {
       const r = s.getClip();
       this.updateClipGroup(r), this.updateClipVisibility(r);
     });
-    const t = this.resolveInteractionState(), i = Je(t), n = Vt(t, { type: "SCROLL_LEFT_CHANGED" });
+    const t = this.resolveInteractionState(), i = Fe(t), n = Vt(t, { type: "SCROLL_LEFT_CHANGED" });
     this.interactionState = n.state, this.syncLegacyInteractionMirror(n.state), n.effects.updatePreview && i && this.updateDraggedClipFromPointer(i.lastPointerClientX, i.lastPointerClientY, !1), this.layer.batchDraw();
   }
   updateClipVisibility(e) {
@@ -10267,7 +10276,7 @@ const Se = class Se {
   }
   setClipSnapEnabled(e) {
     this.enableClipSnap = e, e || this.updateSnapGuideLine(null);
-    const t = this.resolveInteractionState(), i = Je(t);
+    const t = this.resolveInteractionState(), i = Fe(t);
     if (Pt(t) && i) {
       this.updateDraggedClipFromPointer(i.lastPointerClientX, i.lastPointerClientY, !1);
       return;
@@ -10278,74 +10287,74 @@ const Se = class Se {
     this.resolveSnapTargetClips = e;
   }
   updateDraggedClipFromPointer(e, t, i) {
-    var S, C, T, b, w;
-    const n = this.resolveInteractionState(), s = Je(n), r = _t(n), o = this.layer.getStage();
-    if (!o || !this.selectedClip || !s || !r) return;
-    const l = o.container();
-    if (!l) return;
-    const h = l.getBoundingClientRect(), c = e - h.left, d = t - h.top, u = r === "move", f = u && this.multiDragOriginalPositions.size > 0;
-    u && L.debugLazy("Track", () => "Cross-track drag detected", () => ({
-      targetTrackY: d,
+    var C, T, b, w, A;
+    const n = this.resolveInteractionState(), s = Fe(n), r = _t(n), o = this.layer.getStage(), l = this.resolveDraggedClipForInteraction(n);
+    if (!o || !l || !s || !r) return;
+    const h = o.container();
+    if (!h) return;
+    const c = h.getBoundingClientRect(), d = e - c.left, u = t - c.top, f = r === "move", p = f && this.multiDragOriginalPositions.size > 0;
+    f && L.debugLazy("Track", () => "Cross-track drag detected", () => ({
+      targetTrackY: u,
       currentTrackId: this.config.id,
       offsetY: s.crossTrackDragOffsetY
     }));
-    const p = this.selectedClip.getClip(), y = (S = this.clipGroups) == null ? void 0 : S.get(p.id);
-    if (y) {
-      const k = u && s.crossTrackDragOffsetY !== 0;
-      this.setClipDragOverlayActive(p.id, k);
-      const _ = s.originalClipsState.find((F) => F.id === p.id);
-      if (!_)
+    const y = l.getClip(), S = (C = this.clipGroups) == null ? void 0 : C.get(y.id);
+    if (S) {
+      const P = f && s.crossTrackDragOffsetY !== 0;
+      this.setClipDragOverlayActive(y.id, P);
+      const D = s.originalClipsState.find((G) => G.id === y.id);
+      if (!D)
         return;
-      const O = this.buildPreviewClip(p, _, c, s, r);
-      if (!O) {
-        this.hideDropPreview(), (C = this.onClearDropPreview) == null || C.call(this), this.updateSnapGuideLine(null);
+      const k = this.buildPreviewClip(y, D, d, s, r);
+      if (!k) {
+        this.hideDropPreview(), (T = this.onClearDropPreview) == null || T.call(this), this.updateSnapGuideLine(null);
         return;
       }
-      const A = O.clip, M = A.startTime - _.startTime, D = this.applyPreviewClipState(A), z = ce(A.startTime, this.zoom, this.scrollLeft), B = ve(A.duration, this.zoom);
-      y.x(z), y.y(this.resolveClipRenderY(p.id, s.crossTrackDragOffsetY)), y.visible(z + B > 0 && z < this.layer.width()), D && (this.updateClipGroup(A), y.y(this.resolveClipRenderY(p.id, s.crossTrackDragOffsetY)));
-      let Y = !1;
-      if (f) {
-        this.onMultiDragMove && this.config.id && (Y = this.onMultiDragMove({
-          draggedClipId: p.id,
-          deltaTime: M,
+      const E = k.clip, O = E.startTime - D.startTime, z = this.applyPreviewClipState(l, E), B = ce(E.startTime, this.zoom, this.scrollLeft), W = ve(E.duration, this.zoom);
+      S.x(B), S.y(this.resolveClipRenderY(y.id, s.crossTrackDragOffsetY)), S.visible(B + W > 0 && B < this.layer.width()), z && (this.updateClipGroup(E), S.y(this.resolveClipRenderY(y.id, s.crossTrackDragOffsetY)));
+      let F = !1;
+      if (p) {
+        this.onMultiDragMove && this.config.id && (F = this.onMultiDragMove({
+          draggedClipId: y.id,
+          deltaTime: O,
           targetTrackY: s.dragTargetTrackY,
           currentTrackId: this.config.id,
           crossTrackOffsetY: s.crossTrackDragOffsetY,
           isFinal: !1
         }) === !0);
-        for (const [F, H] of this.multiDragOriginalPositions) {
-          if (F === p.id) continue;
-          const R = this.clips.find((U) => U.getClip().id === F);
-          if (!R) continue;
-          const K = Math.max(0, H.startTime + M), G = (T = this.clipGroups) == null ? void 0 : T.get(F);
-          if (G) {
-            const U = ce(K, this.zoom, this.scrollLeft);
-            G.x(U), G.y(this.resolveClipRenderY(F, s.crossTrackDragOffsetY)), G.visible(
-              U + ve(H.duration, this.zoom) > 0 && U < this.layer.width()
+        for (const [G, R] of this.multiDragOriginalPositions) {
+          if (G === y.id) continue;
+          const K = this.clips.find((te) => te.getClip().id === G);
+          if (!K) continue;
+          const H = Math.max(0, R.startTime + O), $ = (b = this.clipGroups) == null ? void 0 : b.get(G);
+          if ($) {
+            const te = ce(H, this.zoom, this.scrollLeft);
+            $.x(te), $.y(this.resolveClipRenderY(G, s.crossTrackDragOffsetY)), $.visible(
+              te + ve(R.duration, this.zoom) > 0 && te < this.layer.width()
             );
-            const Z = R.getClip();
+            const Y = K.getClip();
             ie.updateClipGroup(
-              G,
-              ve(Z.duration, this.zoom),
+              $,
+              ve(Y.duration, this.zoom),
               this.trackHeight - 4,
-              Z.name,
-              Z.duration,
+              Y.name,
+              Y.duration,
               this.theme,
               !0,
               // 选中状态
-              Z.thumbnails,
-              Z.src,
-              Z.type,
-              !!Z.separatedAudioClipId,
+              Y.thumbnails,
+              Y.src,
+              Y.type,
+              !!Y.separatedAudioClipId,
               !0
             );
           }
         }
       }
-      u && this.onClipCrossTrackPreview && this.config.id && !Y ? this.onClipCrossTrackPreview(A, s.dragTargetTrackY, this.config.id) !== "self" && this.hideDropPreview() : Y ? this.hideDropPreview() : this.showDropPreview(A), this.updateSnapGuideLine(O.guideTime);
+      f && this.onClipCrossTrackPreview && this.config.id && !F ? this.onClipCrossTrackPreview(E, s.dragTargetTrackY, this.config.id) !== "self" && this.hideDropPreview() : F ? this.hideDropPreview() : this.showDropPreview(E), this.updateSnapGuideLine(k.guideTime);
     } else
-      this.hideDropPreview(), (b = this.onClearDropPreview) == null || b.call(this), this.updateSnapGuideLine(null);
-    i && this.updateEdgeAutoScrollState(c, h.width), this.layer.batchDraw(), (w = this.dragOverlayLayer) == null || w.batchDraw();
+      this.hideDropPreview(), (w = this.onClearDropPreview) == null || w.call(this), this.updateSnapGuideLine(null);
+    i && this.updateEdgeAutoScrollState(d, c.width), this.layer.batchDraw(), (A = this.dragOverlayLayer) == null || A.batchDraw();
   }
   buildPreviewClip(e, t, i, n, s) {
     const r = i - n.pointerStartX + (this.scrollLeft - n.dragStartScrollLeft), o = N.pixelsToTime(r, this.zoom);
@@ -10504,8 +10513,8 @@ const Se = class Se {
       guideTime: l.guideTime
     };
   }
-  applyPreviewClipState(e) {
-    return this.selectedClip && typeof this.selectedClip.applyPreviewState == "function" ? (this.selectedClip.applyPreviewState(e), !0) : (this.isVisualUpdate = !0, this.handleClipUpdate(e), this.isVisualUpdate = !1, !1);
+  applyPreviewClipState(e, t) {
+    return e && typeof e.applyPreviewState == "function" ? (e.applyPreviewState(t), !0) : (this.isVisualUpdate = !0, this.handleClipUpdate(t), this.isVisualUpdate = !1, !1);
   }
   setClipDragOverlayActive(e, t) {
     var o, l;
@@ -10579,7 +10588,7 @@ const Se = class Se {
 };
 g(Se, "DEFAULT_DRAG_ACTIVATION_THRESHOLD", 4), g(Se, "DEFAULT_CLIP_SNAP_THRESHOLD", 8), g(Se, "AUTO_SCROLL_EDGE_THRESHOLD", 48), g(Se, "AUTO_SCROLL_MAX_SPEED", 18);
 let Mi = Se;
-class dh {
+class uh {
   constructor(e, t, i, n, s, r) {
     g(this, "layer");
     g(this, "playheadGroup");
@@ -10595,7 +10604,7 @@ class dh {
       [0, 0, 0, n],
       this.theme.playhead,
       1
-    ), this.playheadGroup.add(this.playheadLine), this.playheadTriangle = new X.RegularPolygon({
+    ), this.playheadGroup.add(this.playheadLine), this.playheadTriangle = new U.RegularPolygon({
       x: 0,
       y: 5,
       sides: 3,
@@ -12143,14 +12152,20 @@ function ae(a) {
 function wl(a) {
   return `${a.clip.id}:${Math.floor(a.mediaTime / yl)}`;
 }
-function Fe(a) {
+function kl(a, e) {
+  const t = a.indexOf("#"), i = t >= 0 ? a.slice(t) : "", n = t >= 0 ? a.slice(0, t) : a, s = n.indexOf("?"), r = s >= 0 ? n.slice(0, s) : n, o = s >= 0 ? n.slice(s + 1) : "", l = new URLSearchParams(o);
+  l.set("trackid", e);
+  const h = l.toString();
+  return `${r}${h ? `?${h}` : ""}${i}`;
+}
+function Ve(a) {
   return typeof (a == null ? void 0 : a.then) == "function";
 }
-function kl(a, e) {
+function Pl(a, e) {
   var t;
   return ((t = a.entry) == null ? void 0 : t.clip.id) === e;
 }
-function Pl(a, e) {
+function _l(a, e) {
   const t = new Map(a.activeClips.map((s) => [s.trackId, s])), i = new Map(a.nextClips.map((s) => [s.trackId, s])), n = /* @__PURE__ */ new Map();
   return e.forEach((s) => {
     n.set(s.trackId, { kind: s.kind, order: s.order });
@@ -12185,7 +12200,7 @@ function Pl(a, e) {
     };
   }).sort((s, r) => s.order - r.order);
 }
-class _l {
+class xl {
   constructor(e = {}, t = {}) {
     g(this, "container", null);
     g(this, "rootElement", null);
@@ -12314,7 +12329,7 @@ class _l {
         kind: o.current.kind,
         order: ((h = o.current.entry) == null ? void 0 : h.trackOrder) ?? ((c = o.preload.entry) == null ? void 0 : c.trackOrder) ?? 1e4 + l
       };
-    }), s = Pl(e, t).map((r) => this.applyTrackPlan(r)).filter((r) => Fe(r));
+    }), s = _l(e, t).map((r) => this.applyTrackPlan(r)).filter((r) => Ve(r));
     if (this.isSyncProjecting = s.length > 0, this.refreshVisualLayout(), this.refreshRuntimeState(), s.length === 0) {
       this.refreshVisualLayout(), this.refreshRuntimeState();
       return;
@@ -12332,7 +12347,7 @@ class _l {
     });
   }
   applyAspectRatio(e) {
-    this.requestedAspectRatio = Ve(e), this.updateFrameLayout();
+    this.requestedAspectRatio = Ye(e), this.updateFrameLayout();
   }
   getAspectRatio() {
     return vl(this.requestedAspectRatio, this.resolvedAutoAspectRatio);
@@ -12389,11 +12404,11 @@ class _l {
         ...ae(r.element)
       }), r.isLoading = !0, r.phase !== "recovering" && (r.phase = "binding"), this.refreshRuntimeState();
     }, h = (w) => {
-      var k;
+      var A;
       this.logLoadTrace("info", `media.${w.type}`, this.buildSlotTraceData(r, ae(r.element))), L.debug("TimelinePreviewSession", "media event: ready", {
         trackId: r.trackId,
         role: r.role,
-        clipId: ((k = r.entry) == null ? void 0 : k.clip.id) ?? null,
+        clipId: ((A = r.entry) == null ? void 0 : A.clip.id) ?? null,
         eventType: w.type,
         phase: r.phase,
         ...ae(r.element)
@@ -12451,7 +12466,7 @@ class _l {
         ...ae(r.element)
       }), r.isSeeking = !1, r.isBuffering = !1, r.entry && r.phase !== "failed" && (r.phase = r.isActive ? "active" : "primed"), this.refreshRuntimeState();
     }, p = (w) => {
-      var k;
+      var A;
       this.logLoadTrace(w === "error" ? "error" : "warn", `media.${w}`, this.buildSlotTraceData(r, {
         error: r.element.error ? {
           code: r.element.error.code,
@@ -12461,7 +12476,7 @@ class _l {
       })), L.warn("TimelinePreviewSession", `media event: ${w}`, {
         trackId: r.trackId,
         role: r.role,
-        clipId: ((k = r.entry) == null ? void 0 : k.clip.id) ?? null,
+        clipId: ((A = r.entry) == null ? void 0 : A.clip.id) ?? null,
         phase: r.phase,
         error: r.element.error ? {
           code: r.element.error.code,
@@ -12508,9 +12523,9 @@ class _l {
   }
   applyTrackPlan(e) {
     let t = this.getTrackSlots(e.trackId, e.kind);
-    e.current.entry && kl(t.preload, e.current.entry.clip.id) && (this.swapTrackSlots(e.trackId), t = this.getTrackSlots(e.trackId, e.kind));
+    e.current.entry && Pl(t.preload, e.current.entry.clip.id) && (this.swapTrackSlots(e.trackId), t = this.getTrackSlots(e.trackId, e.kind));
     const i = this.applySlotTarget(t.current, e.current), n = this.applySlotTarget(t.preload, e.preload);
-    if (Fe(i) || Fe(n))
+    if (Ve(i) || Ve(n))
       return Promise.all([
         Promise.resolve(i),
         Promise.resolve(n)
@@ -12527,7 +12542,7 @@ class _l {
       return;
     }
     const r = this.resolveDesiredSource(e, t.entry, i);
-    if (Fe(r))
+    if (Ve(r))
       return r.then((o) => {
         if (!(!o || !this.isCurrentRequest(e, i, t.entry))) {
           if (e.desiredSource = o, this.configureAudioRouting(e, t.entry), this.slotNeedsRecovery(e, o))
@@ -12545,10 +12560,10 @@ class _l {
   resolveDesiredSource(e, t, i) {
     const n = this.dependencies.previewSourceResolver;
     if (!n)
-      return t.clip.src;
+      return this.decorateSlotSourceUrl(e, t.clip.src);
     try {
       const s = n(t.clip);
-      if (Fe(s)) {
+      if (Ve(s)) {
         e.resolveToken += 1;
         const r = e.resolveToken;
         return e.phase = "binding", e.isLoading = !0, this.logLoadTrace("info", "source.resolve.pending", this.buildSlotTraceData(e, {
@@ -12562,7 +12577,7 @@ class _l {
           resolvedUrl: o.url,
           mimeType: o.mimeType,
           mediaKind: o.kind
-        })), o.url) : (this.logLoadTrace("warn", "source.resolve.missing", this.buildSlotTraceData(e, {
+        })), this.decorateSlotSourceUrl(e, o.url)) : (this.logLoadTrace("warn", "source.resolve.missing", this.buildSlotTraceData(e, {
           clipId: t.clip.id,
           source: t.clip.src
         })), this.failSlot(e, t, "未找到可用预览源"), null)).catch((o) => (this.logLoadTrace("error", "source.resolve.failed", this.buildSlotTraceData(e, {
@@ -12580,7 +12595,7 @@ class _l {
         resolvedUrl: s.url,
         mimeType: s.mimeType,
         mediaKind: s.kind
-      })), s.url) : (this.logLoadTrace("warn", "source.resolve.missing", this.buildSlotTraceData(e, {
+      })), this.decorateSlotSourceUrl(e, s.url)) : (this.logLoadTrace("warn", "source.resolve.missing", this.buildSlotTraceData(e, {
         clipId: t.clip.id,
         source: t.clip.src
       })), this.failSlot(e, t, "未找到可用预览源"), null);
@@ -12595,6 +12610,9 @@ class _l {
       }), this.failSlot(e, t, "预览源解析失败"), null;
     }
   }
+  decorateSlotSourceUrl(e, t) {
+    return e.kind !== "video" || !t ? t : kl(t, e.trackId);
+  }
   slotNeedsRecovery(e, t) {
     const i = it(e.element);
     return !!(e.forceRecover || !i || i !== t || (typeof e.element.networkState == "number" ? e.element.networkState : null) === fl);
@@ -12612,7 +12630,7 @@ class _l {
     if (!e.entry || !s || n !== void 0 && !this.isCurrentRequest(e, n, e.entry))
       return;
     const r = e.desiredSource ?? this.resolveDesiredSource(e, e.entry, e.applyToken);
-    if (Fe(r))
+    if (Ve(r))
       return r.then((o) => {
         o && this.finishSlotRecovery(e, t, s, o, n);
       });
@@ -12782,7 +12800,7 @@ class _l {
     if (!i)
       return e.clip.src;
     const n = i(e.clip);
-    if (!Fe(n))
+    if (!Ve(n))
       return (n == null ? void 0 : n.url) ?? null;
     this.isAspectRatioProbeLoading = !0, this.refreshRuntimeState();
     const s = await n;
@@ -12817,48 +12835,49 @@ class _l {
     e <= 0 || t <= 0 || (this.resolvedAutoAspectRatio = { width: e, height: t }, this.updateFrameLayout(), vt(this.requestedAspectRatio.mode) && ((n = (i = this.callbacks).onAspectRatioChange) == null || n.call(i, this.getAspectRatio())));
   }
   refreshRuntimeState() {
-    var u, f, p, y, S, C, T;
+    var y, S, C, T, b, w, A;
     const e = [];
-    let t = this.isAspectRatioProbeLoading ? 1 : 0, i = !1, n = null, s = !1, r = !1, o = !1;
-    for (const { current: b, preload: w } of this.trackSlots.values())
-      for (const k of [b, w]) {
-        const _ = it(k.element) || null;
+    let t = this.isAspectRatioProbeLoading ? 1 : 0, i = !1, n = null, s = !1, r = !1, o = !1, l = !1, h = !1, c = !1;
+    for (const { current: P, preload: D } of this.trackSlots.values())
+      for (const k of [P, D]) {
+        const E = it(k.element) || null;
         e.push({
           trackId: k.trackId,
           role: k.role,
           kind: k.kind,
-          clipId: ((u = k.entry) == null ? void 0 : u.clip.id) ?? null,
+          clipId: ((y = k.entry) == null ? void 0 : y.clip.id) ?? null,
           desiredSource: k.desiredSource,
-          actualSource: _,
+          actualSource: E,
           phase: k.phase,
           retryCount: k.retryCount,
           errorMessage: k.errorMessage
-        }), k.phase !== "idle" && (s = !0), (k.isLoading || k.phase === "binding" || k.phase === "recovering") && (t += 1), k.isBuffering && (i = !0), k.phase === "failed" && !n && (n = k.errorMessage || "资源加载异常，请刷新重试", r = !0), k.isActive && k.entry && (k.isSeeking || k.phase !== "active" && k.phase !== "failed") && (o = !0);
+        }), k.phase !== "idle" && (s = !0), k.entry && k.phase !== "idle" && k.phase !== "failed" && (o = !0), (k.isLoading || k.phase === "binding" || k.phase === "recovering") && (t += 1), k.isBuffering && (h = !0), k.phase === "failed" && (r = !0), k.phase === "failed" && !n && (n = k.errorMessage || "资源加载异常，请刷新重试"), k.isActive && k.entry && (k.isSeeking || k.phase !== "active" && k.phase !== "failed") && (l = !0), k.role === "current" && k.isActive && k.entry && k.phase === "active" && !k.isLoading && !k.isSeeking && !k.isBuffering && (c = !0);
       }
-    let l = "idle";
-    this.activeSyncRequestId !== void 0 && this.isSyncProjecting ? l = "awaiting-sync" : r ? l = "failed" : t > 0 || i || o ? l = "awaiting-media" : s && (l = "ready"), this.loadingCount !== t && (this.loadingCount = t, (p = (f = this.callbacks).onSourceLoadingChange) == null || p.call(f, t)), this.syncVisibleBufferingState(i);
-    const h = {
+    i = h && !c;
+    let d = "idle";
+    this.activeSyncRequestId !== void 0 && this.isSyncProjecting ? d = "awaiting-sync" : r && !o ? d = "failed" : t > 0 || i || l ? d = "awaiting-media" : s && (d = "ready"), d !== "failed" && (n = null), this.loadingCount !== t && (this.loadingCount = t, (C = (S = this.callbacks).onSourceLoadingChange) == null || C.call(S, t)), this.syncVisibleBufferingState(i);
+    const u = {
       ...this.activeSyncRequestId !== void 0 ? { syncRequestId: this.activeSyncRequestId } : {},
-      phase: l,
+      phase: d,
       loadingCount: t,
       isBuffering: i,
       errorMessage: n,
       slots: e
-    }, c = this.lastRuntimeState, d = JSON.stringify(h);
-    d !== this.lastRuntimeSignature && (this.lastRuntimeSignature = d, this.lastRuntimeState = h, (c.phase !== h.phase || c.loadingCount !== h.loadingCount || c.isBuffering !== h.isBuffering || c.errorMessage !== h.errorMessage) && this.logLoadTrace(h.phase === "failed" ? "error" : "info", "runtime.state", {
-      previousPhase: c.phase,
-      phase: h.phase,
-      loadingCount: h.loadingCount,
-      isBuffering: h.isBuffering,
-      errorMessage: h.errorMessage,
-      slots: h.slots.map((b) => ({
-        trackId: b.trackId,
-        role: b.role,
-        clipId: b.clipId,
-        phase: b.phase,
-        retryCount: b.retryCount
+    }, f = this.lastRuntimeState, p = JSON.stringify(u);
+    p !== this.lastRuntimeSignature && (this.lastRuntimeSignature = p, this.lastRuntimeState = u, (f.phase !== u.phase || f.loadingCount !== u.loadingCount || f.isBuffering !== u.isBuffering || f.errorMessage !== u.errorMessage) && this.logLoadTrace(u.phase === "failed" ? "error" : "info", "runtime.state", {
+      previousPhase: f.phase,
+      phase: u.phase,
+      loadingCount: u.loadingCount,
+      isBuffering: u.isBuffering,
+      errorMessage: u.errorMessage,
+      slots: u.slots.map((P) => ({
+        trackId: P.trackId,
+        role: P.role,
+        clipId: P.clipId,
+        phase: P.phase,
+        retryCount: P.retryCount
       }))
-    }), (S = (y = this.callbacks).onRuntimeStateChange) == null || S.call(y, h)), (l === "ready" || l === "failed") && h.syncRequestId !== void 0 && this.lastSettledSyncRequestId !== h.syncRequestId && (this.lastSettledSyncRequestId = h.syncRequestId, (T = (C = this.callbacks).onSyncProcessed) == null || T.call(C, h.syncRequestId)), this.refreshPendingOverlay();
+    }), (b = (T = this.callbacks).onRuntimeStateChange) == null || b.call(T, u)), (d === "ready" || d === "failed") && u.syncRequestId !== void 0 && this.lastSettledSyncRequestId !== u.syncRequestId && (this.lastSettledSyncRequestId = u.syncRequestId, (A = (w = this.callbacks).onSyncProcessed) == null || A.call(w, u.syncRequestId)), this.refreshPendingOverlay();
   }
   syncVisibleBufferingState(e) {
     var t, i;
@@ -12965,7 +12984,7 @@ class _l {
     return ((t = this.transientVisualTransform) == null ? void 0 : t.clipId) === e.clip.id ? this.transientVisualTransform.transform : fe(e.clip.visualTransform);
   }
 }
-class xl extends _l {
+class Il extends xl {
   constructor(e = {}) {
     super(e.callbacks, {
       previewSourceResolver: e.previewSourceResolver,
@@ -12978,11 +12997,11 @@ class xl extends _l {
     this.detach();
   }
 }
-function Il(a) {
+function Al(a) {
   return "dom";
 }
-const Al = 36e5, El = 3e5;
-function Ml(a) {
+const El = 36e5, Ml = 3e5;
+function Ll(a) {
   return a.length === 0 ? 0 : a.reduce((e, t) => Math.max(e, t.startTime + t.duration), 0);
 }
 function Ln(a) {
@@ -12992,7 +13011,7 @@ function Ln(a) {
   return Math.max(0, t - e);
 }
 function Rn(a) {
-  return Math.max(a + El, Al);
+  return Math.max(a + Ml, El);
 }
 class Dn {
   constructor(e = {}) {
@@ -13020,10 +13039,10 @@ class Dn {
     this.listeners.clear();
   }
 }
-function Ll(a) {
+function Rl(a) {
   return [...a].sort((e, t) => e.order - t.order);
 }
-function Rl(a) {
+function Dl(a) {
   return [...a].sort((e, t) => e.startTime - t.startTime);
 }
 function fi(a, e, t) {
@@ -13039,15 +13058,15 @@ function fi(a, e, t) {
     hasAudio: !0
   };
 }
-class Dl {
+class Ol {
   resolveActiveClipsAtTime(e, t) {
     return this.resolvePlaybackPlan(e, t).activeClips;
   }
   resolvePlaybackPlan(e, t) {
-    const i = Ll(e), n = [], s = [];
+    const i = Rl(e), n = [], s = [];
     let r = null;
     for (const o of i) {
-      const l = Rl(o.clips), h = l.find((d) => t >= d.startTime && t < d.endTime);
+      const l = Dl(o.clips), h = l.find((d) => t >= d.startTime && t < d.endTime);
       if (h) {
         const d = h.startTimeAtSource + (t - h.startTime);
         n.push(fi(o, h, d));
@@ -13065,7 +13084,7 @@ class Dl {
     };
   }
 }
-class Ol {
+class Bl {
   constructor(e) {
     g(this, "options");
     g(this, "_previewSession");
@@ -13151,8 +13170,8 @@ class Ol {
     };
   }
 }
-const Bl = 8e3;
-class Gl {
+const Gl = 8e3;
+class Hl {
   constructor(e) {
     g(this, "callbacks");
     g(this, "pendingTimeoutMs");
@@ -13161,7 +13180,7 @@ class Gl {
     g(this, "_previewAwaitingMedia", !1);
     g(this, "_pendingPreviewState", null);
     g(this, "_nextPendingPreviewSyncRequestId", 0);
-    this.callbacks = e.callbacks, this.pendingTimeoutMs = e.pendingTimeoutMs ?? Bl;
+    this.callbacks = e.callbacks, this.pendingTimeoutMs = e.pendingTimeoutMs ?? Gl;
   }
   get previewSourceLoadingCount() {
     return this._previewSourceLoadingCount;
@@ -13195,7 +13214,7 @@ class Gl {
   }
   handleRuntimeStateChange(e) {
     const t = Math.max(0, e.loadingCount), i = this._previewBuffering !== e.isBuffering, n = this._previewSourceLoadingCount !== t;
-    this._previewAwaitingMedia = e.phase === "awaiting-media", this._previewBuffering = e.isBuffering, this._previewSourceLoadingCount = t, this._pendingPreviewState && e.syncRequestId === this._pendingPreviewState.syncRequestId && ((e.phase === "awaiting-media" || e.phase === "ready" || e.phase === "failed") && (this._pendingPreviewState.awaitingSync = !1), e.phase === "failed" ? this._pendingPreviewState.errorMessage = e.errorMessage || "资源加载异常，请刷新重试" : this._pendingPreviewState.errorMessage || (this._pendingPreviewState.errorMessage = null)), i && this.callbacks.emitBufferingStateChange(e.isBuffering), n && this.callbacks.emitSourceLoadingStateChange(), this.updatePendingPreviewState();
+    this._previewAwaitingMedia = e.phase === "awaiting-media", this._previewBuffering = e.isBuffering, this._previewSourceLoadingCount = t, this._pendingPreviewState && e.syncRequestId === this._pendingPreviewState.syncRequestId && ((e.phase === "awaiting-media" || e.phase === "ready" || e.phase === "failed") && (this._pendingPreviewState.awaitingSync = !1), e.phase === "failed" ? this._pendingPreviewState.errorMessage = e.errorMessage || "资源加载异常，请刷新重试" : this._pendingPreviewState.errorMessage = null), i && this.callbacks.emitBufferingStateChange(e.isBuffering), n && this.callbacks.emitSourceLoadingStateChange(), this.updatePendingPreviewState();
   }
   markSyncProcessed(e) {
     this._pendingPreviewState && e === this._pendingPreviewState.syncRequestId && (this._pendingPreviewState.awaitingSync = !1), this.updatePendingPreviewState();
@@ -13264,7 +13283,7 @@ class Gl {
     (e = this._pendingPreviewState) != null && e.timeoutId && (clearTimeout(this._pendingPreviewState.timeoutId), this._pendingPreviewState.timeoutId = null);
   }
 }
-function Hl(a) {
+function Nl(a) {
   var t;
   const e = a.getPrimarySelectedClip() || ((t = a.findFallbackSelectedClip) == null ? void 0 : t.call(a)) || null;
   return {
@@ -13272,7 +13291,7 @@ function Hl(a) {
     hasSelectedClip: !!e
   };
 }
-function Nl(a) {
+function zl(a) {
   var i;
   const e = a.resolveSelectedClip(), t = ((i = e.clip) == null ? void 0 : i.id) || null;
   return t === a.lastSelectedClipId ? a.lastSelectedClipId : (a.emitSelectedClipChange(e), t);
@@ -13281,7 +13300,7 @@ function Rs(a, e) {
   var t, i, n, s;
   return ((i = (t = a.findById(e)) == null ? void 0 : t.getId) == null ? void 0 : i.call(t)) || ((s = (n = a.getLastTrack()) == null ? void 0 : n.getId) == null ? void 0 : s.call(n)) || e;
 }
-function zl(a) {
+function Fl(a) {
   if (a.placement.status === "use_existing_track")
     return a.trackCollection.addClipToTrack(a.placement.trackId, a.clip);
   const e = a.createTrack(a.placement.trackType, a.placement.suggestedTrackName), t = Rs(a.trackCollection, e);
@@ -13290,14 +13309,14 @@ function zl(a) {
 function On(a, e, t) {
   return e.trackId ? a.removeClipFromTrack(e.trackId, t) : !1;
 }
-function Fl(a) {
+function Vl(a) {
   return a.trackCollection.moveClipToTrack(
     a.command.clip,
     a.command.sourceTrackId,
     a.command.targetTrackId
   );
 }
-function Vl(a) {
+function Yl(a) {
   const e = a.createTrack(a.trackType, a.trackName), t = Rs(a.trackCollection, e);
   return t ? a.trackCollection.moveClipToTrack(a.clip, a.currentTrackId, t) : !1;
 }
@@ -13305,11 +13324,11 @@ function Ee(a) {
   var e, t, i, n, s;
   (e = a.checkTrackDurationChange) == null || e.call(a), (t = a.updateCanPlayState) == null || t.call(a), (i = a.updateTrackInfoPanel) == null || i.call(a), (n = a.handleClipChange) == null || n.call(a), (s = a.cleanupEmptyTracks) == null || s.call(a);
 }
-function Yl(a) {
+function Wl(a) {
   var e, t;
   a.notifySelectionChange(), (e = a.cleanupEmptyTracks) == null || e.call(a), a.updateTrackInfoPanel(), (t = a.batchDraw) == null || t.call(a), a.syncPreviewSession();
 }
-class Wl {
+class Xl {
   constructor() {
     g(this, "panel", null);
   }
@@ -13409,7 +13428,7 @@ class Gn {
     );
   }
 }
-class Xl {
+class Ul {
   constructor(e) {
     this.tracks = e;
   }
@@ -13546,7 +13565,7 @@ class Xl {
     return typeof e.getId == "function" ? e.getId() : typeof e.id == "string" ? e.id : null;
   }
 }
-class Ul {
+class $l {
   constructor(e = []) {
     g(this, "tracks", []);
     g(this, "trackCounter", 0);
@@ -13638,24 +13657,24 @@ class Ul {
     return this.tracks.filter((t) => t.type === e).length;
   }
 }
-function We(a) {
+function Xe(a) {
   return a === "video" ? De.VIDEO : De.AUDIO;
 }
 function ut(a, e, t) {
   let i = t;
   for (const n of a) {
     if (n.id === e) break;
-    i += We(n.type);
+    i += Xe(n.type);
   }
   return i;
 }
 function Hn(a, e) {
-  return a.reduce((t, i) => t + We(i.type), e);
+  return a.reduce((t, i) => t + Xe(i.type), e);
 }
-function $l(a, e) {
+function ql(a, e) {
   let t = e;
   return a.map((i) => {
-    const n = We(i.type), s = {
+    const n = Xe(i.type), s = {
       trackId: i.id,
       y: t,
       height: n
@@ -13664,7 +13683,7 @@ function $l(a, e) {
   });
 }
 const Ds = 200, Os = 8, Nn = "timeline-manager-managed-layout-styles";
-function ql() {
+function Kl() {
   if (typeof document > "u" || document.getElementById(Nn))
     return;
   const a = document.createElement("style");
@@ -13696,8 +13715,8 @@ function ql() {
     }
   `, document.head.appendChild(a);
 }
-function Kl(a, e) {
-  ql();
+function jl(a, e) {
+  Kl();
   const t = e.leftPanelWidth ?? Ds, i = e.scrollbarSize ?? Os;
   a.innerHTML = "", a.classList.add("timeline-manager-root"), a.style.gridTemplateColumns = `${t}px minmax(0, 1fr)`, a.style.gridTemplateRows = `${e.timeScaleHeight}px minmax(0, 1fr)`, a.style.background = e.theme.background;
   const n = we("div");
@@ -13735,7 +13754,7 @@ function we(a) {
 function Xt(a, e) {
   a.style.position = "relative", a.style.minWidth = "0", a.style.minHeight = "0", a.style.maxWidth = "100%", a.style.boxSizing = "border-box", a.style.background = e.background, a.style.color = e.clipName;
 }
-class jl {
+class Zl {
   constructor(e) {
     g(this, "currentTime");
     g(this, "playState");
@@ -13805,7 +13824,7 @@ class Bs {
     return this.selectedClipIds.size;
   }
 }
-class Zl {
+class Jl {
   constructor(e) {
     g(this, "zoom");
     g(this, "duration");
@@ -13864,11 +13883,11 @@ class zn {
     g(this, "selectionStore");
     g(this, "playbackStore");
     g(this, "viewportStore");
-    this.selectionStore = new Bs(), this.playbackStore = new jl({
+    this.selectionStore = new Bs(), this.playbackStore = new Zl({
       currentTime: e.currentTime,
       playState: e.playState,
       speed: e.speed
-    }), this.viewportStore = new Zl({
+    }), this.viewportStore = new Jl({
       zoom: e.zoom,
       duration: e.duration,
       scrollLeft: e.scrollLeft,
@@ -13963,7 +13982,7 @@ class zn {
     this.viewportStore.setContentHeight(e);
   }
 }
-class Jl {
+class Ql {
   constructor(e, t, i, n, s) {
     g(this, "stage");
     g(this, "layer");
@@ -14314,11 +14333,11 @@ class Fn {
     g(this, "handleStageMouseLeave", () => {
       this.isDragging || (this.container.style.cursor = "default");
     });
-    this.container = e.container, this.orientation = e.orientation, this.theme = e.theme, this.onScrollChange = e.onScrollChange, this.leadingInset = Math.max(0, e.leadingInset || 0), this.trailingInset = Math.max(0, e.trailingInset || 0), this.container.innerHTML = "", this.container.style.userSelect = "none", this.container.style.background = "transparent", this.stage = new X.Stage({
+    this.container = e.container, this.orientation = e.orientation, this.theme = e.theme, this.onScrollChange = e.onScrollChange, this.leadingInset = Math.max(0, e.leadingInset || 0), this.trailingInset = Math.max(0, e.trailingInset || 0), this.container.innerHTML = "", this.container.style.userSelect = "none", this.container.style.background = "transparent", this.stage = new U.Stage({
       container: this.container,
       width: this.container.clientWidth,
       height: this.container.clientHeight
-    }), this.layer = new X.Layer(), this.layer.name("scrollbar-layer"), this.stage.add(this.layer), this.hitAreaRect = ie.createRect(0, 0, 0, 0, "rgba(0, 0, 0, 0.001)", "transparent", 0), this.hitAreaRect.name("scrollbar-hit-area"), this.thumbRect = ie.createRect(0, 0, 0, 0, this.theme.scrollbarThumb || "#444444", this.theme.scrollbarThumbBorder || this.theme.scrollbarBorder || "#555555", 1), this.thumbRect.name("scrollbar-thumb"), this.thumbRect.cornerRadius(999), this.layer.add(this.hitAreaRect), this.layer.add(this.thumbRect), this.stage.on("mousedown", this.handleStageMouseDown), this.stage.on("mouseup", this.handleStageMouseUp), this.stage.on("mouseenter", this.handleStageMouseEnter), this.stage.on("mousemove", this.handleStageMouseMove), this.stage.on("mouseleave", this.handleStageMouseLeave), this.render();
+    }), this.layer = new U.Layer(), this.layer.name("scrollbar-layer"), this.stage.add(this.layer), this.hitAreaRect = ie.createRect(0, 0, 0, 0, "rgba(0, 0, 0, 0.001)", "transparent", 0), this.hitAreaRect.name("scrollbar-hit-area"), this.thumbRect = ie.createRect(0, 0, 0, 0, this.theme.scrollbarThumb || "#444444", this.theme.scrollbarThumbBorder || this.theme.scrollbarBorder || "#555555", 1), this.thumbRect.name("scrollbar-thumb"), this.thumbRect.cornerRadius(999), this.layer.add(this.hitAreaRect), this.layer.add(this.thumbRect), this.stage.on("mousedown", this.handleStageMouseDown), this.stage.on("mouseup", this.handleStageMouseUp), this.stage.on("mouseenter", this.handleStageMouseEnter), this.stage.on("mousemove", this.handleStageMouseMove), this.stage.on("mouseleave", this.handleStageMouseLeave), this.render();
   }
   setViewportMetrics(e, t) {
     this.viewportSize = Math.max(0, e), this.contentSize = Math.max(0, t), this.scrollOffset = this.clampScrollOffset(this.scrollOffset), this.render();
@@ -14405,7 +14424,7 @@ class Fn {
     return this.scrollOffset / i * n;
   }
 }
-class Ql {
+class eh {
   constructor() {
     g(this, "entries", /* @__PURE__ */ new Map());
   }
@@ -14421,7 +14440,7 @@ class Ql {
     this.entries.clear();
   }
 }
-class eh {
+class th {
   constructor() {
     g(this, "panel", null);
     g(this, "config", null);
@@ -14468,10 +14487,10 @@ class eh {
     };
   }
 }
-const th = "2.0.5", ih = {
-  version: th
-}, nh = 1, sh = 2, rh = 120;
-class uh {
+const ih = "2.0.6", nh = {
+  version: ih
+}, sh = 1, rh = 2, ah = 120;
+class gh {
   constructor(e = {}) {
     g(this, "timeline", null);
     g(this, "tracks", []);
@@ -14535,7 +14554,7 @@ class uh {
     g(this, "rootWheelListener", (e) => {
       this.handleUnifiedWheel(e);
     });
-    g(this, "mountManager", new Ql());
+    g(this, "mountManager", new eh());
     g(this, "pendingDraftData", null);
     g(this, "selectionStore", new Bs());
     g(this, "multiDragSession", null);
@@ -14556,7 +14575,7 @@ class uh {
       thumbnailProvider: e.thumbnailProvider,
       previewBackend: e.previewBackend ?? "dom",
       previewSourceResolver: e.previewSourceResolver
-    }, L.setConfig(this.config.logConfig), L.debug("TimelineManager", "日志系统初始化完成", { logConfig: this.config.logConfig }), this.thumbnailProvider = e.thumbnailProvider || null, this.trackInfoPanelController = new Wl(), this.eventDispatcher = new Dn({
+    }, L.setConfig(this.config.logConfig), L.debug("TimelineManager", "日志系统初始化完成", { logConfig: this.config.logConfig }), this.thumbnailProvider = e.thumbnailProvider || null, this.trackInfoPanelController = new Xl(), this.eventDispatcher = new Dn({
       can_play_change: () => ({ canPlay: this.canPlay }),
       selected_clip_change: () => this.resolveSelectedClipSnapshot(),
       source_loading_change: () => this.getSourceLoadingState(),
@@ -14581,7 +14600,7 @@ class uh {
       findTrackByClipId: this.findTrackByClipId.bind(this),
       getDefaultTrack: () => this.getDefaultTrackForHistory(),
       loadClipThumbnails: this.loadClipThumbnails.bind(this)
-    }), this.trackManager = new Ul(), this.timelineStore = new zn({
+    }), this.trackManager = new $l(), this.timelineStore = new zn({
       currentTime: this.config.currentTime,
       playState: this.config.playState,
       speed: this.config.speed || 1,
@@ -14626,7 +14645,7 @@ class uh {
     return this.timelineCommands || (this.timelineCommands = new wn(this.getTimelineStore())), this.timelineCommands;
   }
   getTrackCollection() {
-    return new Xl(this.tracks);
+    return new Ul(this.tracks);
   }
   getTimelinePresentationAdapter() {
     return this.timelinePresentationAdapter || (this.timelinePresentationAdapter = new Bn()), this.timelinePresentationAdapter;
@@ -14653,7 +14672,7 @@ class uh {
     })), this.timelineTrackBridge;
   }
   getTimelinePlaybackResolver() {
-    return this.timelinePlaybackResolver || (this.timelinePlaybackResolver = new Dl()), this.timelinePlaybackResolver;
+    return this.timelinePlaybackResolver || (this.timelinePlaybackResolver = new Ol()), this.timelinePlaybackResolver;
   }
   get previewSession() {
     return this.getPreviewRuntimeController().previewSession;
@@ -14710,7 +14729,7 @@ class uh {
     this.getPreviewStateController().nextPendingPreviewSyncRequestId = e;
   }
   getPreviewStateController() {
-    return this.previewStateController || (this.previewStateController = new Gl({
+    return this.previewStateController || (this.previewStateController = new Hl({
       callbacks: {
         applyPendingState: (e) => {
           var t, i;
@@ -14732,13 +14751,13 @@ class uh {
     })), this.previewStateController;
   }
   getPreviewRuntimeController() {
-    return this.previewRuntimeController || (this.previewRuntimeController = new Ol({
+    return this.previewRuntimeController || (this.previewRuntimeController = new Bl({
       createBackendCallbacks: (e) => this.createPreviewBackendCallbacks(e),
-      createBackend: (e, t) => new xl({
+      createBackend: (e, t) => new Il({
         callbacks: t,
         previewSourceResolver: this.config.previewSourceResolver
       }),
-      resolveConfiguredBackend: (e) => e || Il(this.config.previewBackend)
+      resolveConfiguredBackend: (e) => e || Al(this.config.previewBackend)
     })), this.previewRuntimeController;
   }
   resolveConfiguredPreviewBackend() {
@@ -14759,7 +14778,7 @@ class uh {
         this.isActivePreviewCallbackToken(e) && this.getPreviewStateController().markSyncProcessed(t);
       },
       onAspectRatioChange: (t) => {
-        this.isActivePreviewCallbackToken(e) && (this.previewAspectRatio = Ve(t), this.emitEvent("preview_aspect_ratio_change", { aspectRatio: this.getPreviewAspectRatio() }));
+        this.isActivePreviewCallbackToken(e) && (this.previewAspectRatio = Ye(t), this.emitEvent("preview_aspect_ratio_change", { aspectRatio: this.getPreviewAspectRatio() }));
       },
       onVisualTransformCommit: (t, i) => {
         this.isActivePreviewCallbackToken(e) && this.commitPreviewVisualTransform(t, i);
@@ -15004,7 +15023,7 @@ class uh {
     var n, s, r;
     if (!((n = this.previewSession) != null && n.hasPreview()))
       return;
-    const e = this.buildPlaybackPlan(), t = this.getAutoAspectRatioClip(), i = Ve(this.previewAspectRatio);
+    const e = this.buildPlaybackPlan(), t = this.getAutoAspectRatioClip(), i = Ye(this.previewAspectRatio);
     this.previewAspectRatio = i, this.previewSession.applyAspectRatio(i), this.previewSession.sync({
       ...e,
       autoAspectRatioClip: t,
@@ -15042,7 +15061,7 @@ class uh {
   }
   handlePreviewBackendRuntimeError() {
     this.clearPendingPreviewState(), this.resetPreviewRuntimeState();
-    const e = this.getPreviewRuntimeController().fallbackToDom(Ve(this.previewAspectRatio));
+    const e = this.getPreviewRuntimeController().fallbackToDom(Ye(this.previewAspectRatio));
     e.handled && (this.previewAspectRatio = e.aspectRatio, this.syncPreviewSession(), this.emitEvent("preview_aspect_ratio_change", { aspectRatio: this.getPreviewAspectRatio() }));
   }
   init(e) {
@@ -15051,22 +15070,22 @@ class uh {
       L.warn("TimelineManager", "TimelineManager has already been initialized");
       return;
     }
-    this.rootContainer = e, this.layout = Kl(e, {
+    this.rootContainer = e, this.layout = jl(e, {
       theme: this.config.theme,
       timeScaleHeight: this.getTimeScaleHeight(),
       leftPanelWidth: Ds,
       scrollbarSize: Os
-    }), this.layout.bodyViewport.addEventListener("scroll", this.bodyViewportScrollListener), (n = (i = this.layout.bodyCanvasHost).addEventListener) == null || n.call(i, "click", this.bodyCanvasHostClickListener), (r = (s = this.rootContainer) == null ? void 0 : s.addEventListener) == null || r.call(s, "wheel", this.rootWheelListener, { passive: !1 }), this.headerStage = new X.Stage({
+    }), this.layout.bodyViewport.addEventListener("scroll", this.bodyViewportScrollListener), (n = (i = this.layout.bodyCanvasHost).addEventListener) == null || n.call(i, "click", this.bodyCanvasHostClickListener), (r = (s = this.rootContainer) == null ? void 0 : s.addEventListener) == null || r.call(s, "wheel", this.rootWheelListener, { passive: !1 }), this.headerStage = new U.Stage({
       container: this.layout.headerCanvasHost,
       width: this.layout.headerViewport.clientWidth,
       height: this.getTimeScaleHeight()
-    }), this.headerLayer = new X.Layer({ name: "timelineHeaderLayer" }), this.headerStage.add(this.headerLayer), this.stage = new X.Stage({
+    }), this.headerLayer = new U.Layer({ name: "timelineHeaderLayer" }), this.headerStage.add(this.headerLayer), this.stage = new U.Stage({
       container: this.layout.bodyCanvasHost,
       width: this.layout.bodyViewport.clientWidth,
       height: 0
-    }), this.backgroundLayer = new X.Layer({ name: "trackBackgroundLayer" }), this.trackLayer = new X.Layer({ name: "trackLayer" }), this.dragOverlayLayer = new X.Layer({ name: "trackDragOverlayLayer", listening: !1 }), this.snapGuideLayer = new X.Layer({ name: "trackSnapGuideLayer", listening: !1 }), this.selectionBoxLayer = new X.Layer({ name: "selectionBoxLayer", listening: !1 }), this.stage.add(this.backgroundLayer), this.stage.add(this.trackLayer), this.stage.add(this.dragOverlayLayer), this.stage.add(this.snapGuideLayer), this.stage.add(this.selectionBoxLayer);
+    }), this.backgroundLayer = new U.Layer({ name: "trackBackgroundLayer" }), this.trackLayer = new U.Layer({ name: "trackLayer" }), this.dragOverlayLayer = new U.Layer({ name: "trackDragOverlayLayer", listening: !1 }), this.snapGuideLayer = new U.Layer({ name: "trackSnapGuideLayer", listening: !1 }), this.selectionBoxLayer = new U.Layer({ name: "selectionBoxLayer", listening: !1 }), this.stage.add(this.backgroundLayer), this.stage.add(this.trackLayer), this.stage.add(this.dragOverlayLayer), this.stage.add(this.snapGuideLayer), this.stage.add(this.selectionBoxLayer);
     const t = (l = (o = this.stage) == null ? void 0 : o.container) == null ? void 0 : l.call(o);
-    if (t && t.addEventListener("mousedown", this.handleStageMouseDown.bind(this)), this.timeline = new Jl(
+    if (t && t.addEventListener("mousedown", this.handleStageMouseDown.bind(this)), this.timeline = new Ql(
       this.headerStage,
       this.headerLayer,
       this.config,
@@ -15116,7 +15135,7 @@ class uh {
     var c, d, u;
     if (!this.trackLayer)
       return L.error("TimelineManager", "Track layer not initialized"), "";
-    const s = this.trackManager.createTrack(e, t, i, n), r = s.id, o = We(e), l = this.calculateTrackY(r), h = this.getTimelineTrackBridge().createTrack({
+    const s = this.trackManager.createTrack(e, t, i, n), r = s.id, o = Xe(e), l = this.calculateTrackY(r), h = this.getTimelineTrackBridge().createTrack({
       layer: this.trackLayer,
       config: { id: r, clips: [], role: s.role },
       trackType: e,
@@ -15173,7 +15192,7 @@ class uh {
   }
   updateAllTrackPositions() {
     var t, i;
-    const e = $l(this.trackManager.getTracks(), this.getTrackContentTopOffset());
+    const e = ql(this.trackManager.getTracks(), this.getTrackContentTopOffset());
     for (const n of e) {
       const s = this.getTrackCollection().findById(n.trackId);
       s && ((t = s.setTrackY) == null || t.call(s, n.y), (i = s.setTrackHeight) == null || i.call(s, n.height));
@@ -15253,17 +15272,17 @@ class uh {
       const h = n.find((c) => c.id === i);
       if (h) {
         const c = ut(n, h.id, this.getTrackContentTopOffset());
-        return t === "before_track" ? c : c + We(h.type);
+        return t === "before_track" ? c : c + Xe(h.type);
       }
     }
     if (t === "top_of_type_region" && r)
       return ut(n, r.id, this.getTrackContentTopOffset());
     if (t === "bottom_of_type_region" && o)
-      return ut(n, o.id, this.getTrackContentTopOffset()) + We(o.type);
+      return ut(n, o.id, this.getTrackContentTopOffset()) + Xe(o.type);
     if (!s)
       return e === "video" ? this.getTrackContentTopOffset() : Hn(n, this.getTrackContentTopOffset());
     const l = ut(n, s.id, this.getTrackContentTopOffset());
-    return e === "video" ? l : l + We(s.type);
+    return e === "video" ? l : l + Xe(s.type);
   }
   updateViewportLayout() {
     var o;
@@ -15279,7 +15298,7 @@ class uh {
       this.bodyBackgroundRect.width(e), this.bodyBackgroundRect.height(t), this.bodyBackgroundRect.fill(this.config.theme.background), this.bodyBackgroundRect.stroke(this.config.theme.border), i && this.backgroundLayer.batchDraw();
       return;
     }
-    const n = new X.Rect({
+    const n = new U.Rect({
       x: 0,
       y: 0,
       width: e,
@@ -15366,9 +15385,9 @@ class uh {
   normalizeWheelDelta(e, t, i) {
     if (!Number.isFinite(e) || e === 0)
       return 0;
-    if (t === nh)
+    if (t === sh)
       return e * 16;
-    if (t === sh) {
+    if (t === rh) {
       const n = i === "x" ? this.getViewportWidth() : this.getViewportHeight();
       return e * (n || 1);
     }
@@ -15435,7 +15454,7 @@ class uh {
         return;
       this.previewBufferingSuspendTimeoutId = setTimeout(() => {
         this.previewBufferingSuspendTimeoutId = null, !(this.getPlayStateState() !== "playing" || !this.previewBuffering || this.previewPlaybackSuspendedByBuffering) && (this.previewPlaybackSuspendedByBuffering = !0, this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null));
-      }, rh);
+      }, ah);
       return;
     }
     if (this.clearPreviewBufferingSuspendTimeout(), !this.previewPlaybackSuspendedByBuffering)
@@ -15698,7 +15717,7 @@ class uh {
         return c.id;
       }
     }
-    const d = this.getTimelineCommands().planTrackPlacement(c, this.tracks), u = this.getTrackCollection(), f = zl({
+    const d = this.getTimelineCommands().planTrackPlacement(c, this.tracks), u = this.getTrackCollection(), f = Fl({
       clip: c,
       placement: d,
       trackCollection: u,
@@ -15911,7 +15930,7 @@ class uh {
   * 获取插件版本号
   */
   getVersion() {
-    return ih.version;
+    return nh.version;
   }
   undo() {
     return this.history.undo();
@@ -16041,7 +16060,7 @@ class uh {
     this.getEventDispatcher().emit(e, t);
   }
   emitSelectedClipChangeIfNeeded() {
-    this.lastSelectedClipId = Nl({
+    this.lastSelectedClipId = zl({
       lastSelectedClipId: this.lastSelectedClipId,
       resolveSelectedClip: () => this.resolveSelectedClipSnapshot(),
       emitSelectedClipChange: (e) => this.emitEvent("selected_clip_change", e)
@@ -16064,7 +16083,7 @@ class uh {
     const i = this.getTrackCollection();
     if (!i.findById(t)) return;
     const n = e.type, s = this.trackManager.getTracksByType(n).length + 1, r = n === "video" ? `视频轨道 ${s}` : `音频轨道 ${s}`;
-    Vl({
+    Yl({
       clip: e,
       currentTrackId: t,
       trackType: n,
@@ -16277,7 +16296,7 @@ class uh {
   }
   attachPreview(e) {
     const t = e instanceof HTMLElement ? { container: e } : e;
-    t.aspectRatio && (this.previewAspectRatio = Ve({
+    t.aspectRatio && (this.previewAspectRatio = Ye({
       mode: t.aspectRatio.mode ?? (t.aspectRatio.width && t.aspectRatio.height ? "manual" : this.previewAspectRatio.mode),
       width: t.aspectRatio.width ?? this.previewAspectRatio.width,
       height: t.aspectRatio.height ?? this.previewAspectRatio.height
@@ -16287,7 +16306,7 @@ class uh {
     this.getPreviewRuntimeController().detachPreviewSession() && (this.clearPendingPreviewState(), this.resetPreviewRuntimeState(), L.debugLazy("TimelineManager", () => "TimelineManager detached from preview container"));
   }
   attachClipConfig(e) {
-    const t = new eh();
+    const t = new th();
     t.init({
       container: e,
       theme: this.config.theme,
@@ -16312,11 +16331,11 @@ class uh {
     return this.getPreviewRuntimeController().hasAttachedPreview();
   }
   getPreviewAspectRatio() {
-    return Ve(this.previewAspectRatio);
+    return Ye(this.previewAspectRatio);
   }
   setPreviewAspectRatio(e) {
     var t;
-    this.previewAspectRatio = Ve({
+    this.previewAspectRatio = Ye({
       mode: "manual",
       width: Math.max(1, e.width),
       height: Math.max(1, e.height)
@@ -16498,7 +16517,7 @@ class uh {
       }), !1;
     if (s.status !== "ready")
       return !1;
-    const { sourceTrackId: r, targetTrackId: o } = s, l = i ? { ...i } : { ...s.clip }, h = n ? { ...n } : { ...s.clip }, c = this.cloneTrackSnapshot(r), d = this.cloneTrackSnapshot(o), u = Fl({
+    const { sourceTrackId: r, targetTrackId: o } = s, l = i ? { ...i } : { ...s.clip }, h = n ? { ...n } : { ...s.clip }, c = this.cloneTrackSnapshot(r), d = this.cloneTrackSnapshot(o), u = Vl({
       command: {
         ...s,
         clip: h
@@ -16516,7 +16535,7 @@ class uh {
       targetTrackSnapshot: d,
       isExecutingHistoryAction: this.isExecutingHistoryAction,
       recordMoveClipBetweenTracks: this.getTimelineHistoryRecorder().recordMoveClipBetweenTracks.bind(this.getTimelineHistoryRecorder()),
-      applyEffects: () => Yl({
+      applyEffects: () => Wl({
         notifySelectionChange: this.notifySelectionChange.bind(this),
         cleanupEmptyTracks: this.cleanupEmptyTracks.bind(this),
         updateTrackInfoPanel: this.updateTrackInfoPanel.bind(this),
@@ -16934,7 +16953,7 @@ class uh {
     var t;
     if (this.selectionBoxRect)
       return this.selectionBoxRect;
-    const e = new X.Rect({
+    const e = new U.Rect({
       fill: "rgba(80, 130, 230, 0.15)",
       stroke: "#5082e6",
       strokeWidth: 1,
@@ -17090,7 +17109,7 @@ class uh {
    */
   checkTrackDurationChange() {
     var r;
-    const e = this.getClips(), t = this.lastTrackDuration, i = this.lastEffectiveTrackDuration, n = Ml(e), s = Ln(e);
+    const e = this.getClips(), t = this.lastTrackDuration, i = this.lastEffectiveTrackDuration, n = Ll(e), s = Ln(e);
     if (n !== t) {
       this.lastTrackDuration = n;
       const o = Rn(n);
@@ -17102,7 +17121,7 @@ class uh {
     );
   }
   resolveSelectedClipSnapshot() {
-    return Hl({
+    return Nl({
       getPrimarySelectedClip: () => {
         var e;
         return ((e = this.getPrimarySelectedClip) == null ? void 0 : e.call(this)) || null;
@@ -17138,31 +17157,31 @@ class uh {
   }
 }
 export {
-  lh as CLIP_LAYER,
+  hh as CLIP_LAYER,
   di as Clip,
   Jo as ClipConfigPanel,
   Ns as DEFAULT_CLIP_VIEW_STATE,
   Pe as DEFAULT_PREVIEW_ASPECT_RATIO,
   kn as HistoryManager,
   jt as MIN_CLIP_LINE_WIDTH,
-  oh as PREVIEW_ASPECT_RATIO_PRESETS,
-  dh as Playhead,
+  lh as PREVIEW_ASPECT_RATIO_PRESETS,
+  uh as Playhead,
   le as TIMELINE_LEFT_PADDING,
-  hh as TIME_SCALE,
+  ch as TIME_SCALE,
   De as TRACK_HEIGHT,
   N as TimeUtils,
-  ch as Timeline,
-  uh as TimelineManager,
+  dh as Timeline,
+  gh as TimelineManager,
   Mi as Track,
   Ko as TrackInfoPanel,
-  Ul as TrackManager,
+  $l as TrackManager,
   zs as ZOOM_ANIMATION,
   ge as ZOOM_PRESETS,
   Fs as createClipViewState,
   Yn as createClipWithViewState,
   mi as defaultDarkTheme,
   vt as isAutoPreviewAspectRatioMode,
-  Ve as normalizePreviewAspectRatio,
+  Ye as normalizePreviewAspectRatio,
   Vn as normalizePreviewAspectRatioMode,
   Kt as resolveTheme
 };