@linker-design-plus/timeline-track 2.1.3 → 2.1.4

package/dist/index.es.js

@@ -74,7 +74,7 @@ const _ = {
   scrollbarBackground: _.borderStrong,
   scrollbarBorder: _.borderSubtle,
   scrollbarThumb: _.borderMedium
-}, me = {
+}, ye = {
   backgroundColor: "#0f0f0f",
   borderColor: _.borderStrong,
   textColor: _.textSecondary,
@@ -87,7 +87,7 @@ const _ = {
   buttonActiveBackground: _.accentFocus,
   buttonActiveBorder: _.accentFocus,
   buttonActiveText: _.white
-}, be = {
+}, ke = {
   background: _.panelSurface,
   border: _.borderStrong,
   text: _.textPrimary,
@@ -102,7 +102,7 @@ const _ = {
   fill: _.white,
   stroke: _.black,
   text: _.black
-}, Pe = {
+}, xe = {
   tabBarBackground: _.buttonSurface,
   actionBarBackground: _.buttonSurface,
   activeTabBackground: _.activeTabBackground,
@@ -198,7 +198,7 @@ const qs = 720, He = {
   mode: "auto-first-added-video",
   width: 16,
   height: 9
-}, Vp = [
+}, Xp = [
   {
     key: "default",
     label: "默认",
@@ -248,7 +248,7 @@ function Ks(s, e = qs) {
     height: Math.round(i * a)
   };
 }
-const Up = {
+const qp = {
   DEFAULT: 1,
   // 默认层级
   ACTIVE: 2
@@ -264,20 +264,20 @@ const Up = {
   CONVERGENCE_THRESHOLD: 1e-4
 }, ho = 3e3, uo = 450, po = {
   ANCHOR_INDEX_WEIGHT: 1e-3
-}, $i = {
+}, zi = {
   MIN: 5,
   MAX: 300
-}, Wp = {
+}, jp = {
   DURATION: 300,
   // 动画持续时间（毫秒）
   EASING: "easeOutCubic"
   // 缓动函数
-}, Yp = {
+}, Kp = {
   DEFAULT_HEIGHT: 40,
   // 默认时间刻度高度
   MIN_HEIGHT: 20,
   MAX_HEIGHT: 80
-}, _e = 15, zi = 6, or = {
+}, fe = 15, $i = 6, or = {
   TEXT: 25,
   // 文本轨道高度
   VIDEO: 64,
@@ -303,7 +303,7 @@ function Zs(s, e = {}) {
 function Dr(s) {
   s.disablePictureInPicture = !0, s.setAttribute("disablepictureinpicture", "");
 }
-class Y {
+class U {
   /**
    * 将毫秒转换为秒
    */
@@ -428,7 +428,7 @@ class Y {
 /**
  * 刻度类型
  */
-g(Y, "TICK_TYPE_MAJOR", "major"), g(Y, "TICK_TYPE_MINOR", "minor");
+g(U, "TICK_TYPE_MAJOR", "major"), g(U, "TICK_TYPE_MINOR", "minor");
 const fo = Math.PI / 180;
 function mo() {
   return typeof window < "u" && ({}.toString.call(window) === "[object Window]" || {}.toString.call(window) === "[object global]");
@@ -500,7 +500,7 @@ js: import "konva/skia-backend";
   if (typeof document > "u")
     throw new Error(yo);
 };
-class ve {
+class Ce {
   constructor(e = [1, 0, 0, 1, 0, 0]) {
     this.dirty = !1, this.m = e && e.slice() || [1, 0, 0, 1, 0, 0];
   }
@@ -508,7 +508,7 @@ class ve {
     this.m[0] = 1, this.m[1] = 0, this.m[2] = 0, this.m[3] = 1, this.m[4] = 0, this.m[5] = 0;
   }
   copy() {
-    return new ve(this.m);
+    return new Ce(this.m);
   }
   copyInto(e) {
     e.m[0] = this.m[0], e.m[1] = this.m[1], e.m[2] = this.m[2], e.m[3] = this.m[3], e.m[4] = this.m[4], e.m[5] = this.m[5];
@@ -1083,14 +1083,14 @@ const Io = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
       const a = e[(n - 1 + t) % t], o = e[n], l = e[(n + 1) % t], c = { x: o.x - a.x, y: o.y - a.y }, h = { x: l.x - o.x, y: l.y - o.y }, d = Math.hypot(c.x, c.y), u = Math.hypot(h.x, h.y);
       let p;
       typeof r == "number" ? p = r : p = n < r.length ? r[n] : 0, p = i * Math.cos(Math.PI / t) * Math.min(1, p / i * 2);
-      const m = { x: c.x / d, y: c.y / d }, v = { x: h.x / u, y: h.y / u }, T = {
+      const m = { x: c.x / d, y: c.y / d }, S = { x: h.x / u, y: h.y / u }, T = {
         x: o.x - m.x * p,
         y: o.y - m.y * p
-      }, S = {
-        x: o.x + v.x * p,
-        y: o.y + v.y * p
+      }, v = {
+        x: o.x + S.x * p,
+        y: o.y + S.y * p
       };
-      n === 0 ? s.moveTo(T.x, T.y) : s.lineTo(T.x, T.y), s.arcTo(o.x, o.y, S.x, S.y, p);
+      n === 0 ? s.moveTo(T.x, T.y) : s.lineTo(T.x, T.y), s.arcTo(o.x, o.y, v.x, v.y, p);
     }
   }
 };
@@ -1454,7 +1454,7 @@ class Ho extends er {
     this.setAttr("shadowColor", n), this.setAttr("shadowBlur", a * Math.min(Math.abs(h), Math.abs(d))), this.setAttr("shadowOffsetX", o.x * h), this.setAttr("shadowOffsetY", o.y * d);
   }
 }
-class $o extends er {
+class zo extends er {
   constructor(e) {
     super(e), this._context = e._canvas.getContext("2d", {
       willReadFrequently: !0
@@ -1481,7 +1481,7 @@ class $o extends er {
   }
 }
 let Ti;
-function zo() {
+function $o() {
   if (Ti)
     return Ti;
   const s = b.createCanvasElement(), e = s.getContext("2d");
@@ -1493,7 +1493,7 @@ function zo() {
 class an {
   constructor(e) {
     this.pixelRatio = 1, this.width = 0, this.height = 0, this.isCache = !1;
-    const i = (e || {}).pixelRatio || M.pixelRatio || zo();
+    const i = (e || {}).pixelRatio || M.pixelRatio || $o();
     this.pixelRatio = i, this._canvas = b.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() {
@@ -1546,7 +1546,7 @@ class je extends an {
 }
 class on extends an {
   constructor(e = { width: 0, height: 0 }) {
-    super(e), this.hitCanvas = !0, this.context = new $o(this), this.setSize(e.width, e.height);
+    super(e), this.hitCanvas = !0, this.context = new zo(this), this.setSize(e.width, e.height);
   }
 }
 const J = {
@@ -1867,19 +1867,19 @@ class E {
       width: 0,
       height: 0,
       willReadFrequently: !0
-    }), v = new on({
+    }), S = new on({
       pixelRatio: d,
       width: r,
       height: n
-    }), T = f.getContext(), S = v.getContext(), C = new je({
+    }), T = f.getContext(), v = S.getContext(), C = new je({
       width: f.width / f.pixelRatio + Math.abs(o),
       height: f.height / f.pixelRatio + Math.abs(l),
       pixelRatio: f.pixelRatio
     }), k = C.getContext();
-    return v.isCache = !0, f.isCache = !0, this._cache.delete(rt), this._filterUpToDate = !1, t.imageSmoothingEnabled === !1 && (f.getContext()._context.imageSmoothingEnabled = !1, m.getContext()._context.imageSmoothingEnabled = !1), T.save(), S.save(), k.save(), T.translate(-o, -l), S.translate(-o, -l), k.translate(-o, -l), C.x = o, C.y = l, this._isUnderCache = !0, this._clearSelfAndDescendantCache(Oi), this._clearSelfAndDescendantCache(An), this.drawScene(f, this, C), this.drawHit(v, this), this._isUnderCache = !1, T.restore(), S.restore(), h && (T.save(), T.beginPath(), T.rect(0, 0, r, n), T.closePath(), T.setAttr("strokeStyle", "red"), T.setAttr("lineWidth", 5), T.stroke(), T.restore()), b.releaseCanvas(C._canvas), this._cache.set(rt, {
+    return S.isCache = !0, f.isCache = !0, this._cache.delete(rt), this._filterUpToDate = !1, t.imageSmoothingEnabled === !1 && (f.getContext()._context.imageSmoothingEnabled = !1, m.getContext()._context.imageSmoothingEnabled = !1), T.save(), v.save(), k.save(), T.translate(-o, -l), v.translate(-o, -l), k.translate(-o, -l), C.x = o, C.y = l, this._isUnderCache = !0, this._clearSelfAndDescendantCache(Oi), this._clearSelfAndDescendantCache(An), this.drawScene(f, this, C), this.drawHit(S, this), this._isUnderCache = !1, T.restore(), v.restore(), h && (T.save(), T.beginPath(), T.rect(0, 0, r, n), T.closePath(), T.setAttr("strokeStyle", "red"), T.setAttr("lineWidth", 5), T.stroke(), T.restore()), b.releaseCanvas(C._canvas), this._cache.set(rt, {
       scene: f,
       filter: m,
-      hit: v,
+      hit: S,
       x: o,
       y: l
     }), this._requestDraw(), this;
@@ -2116,7 +2116,7 @@ class E {
       i = i.parent;
     }
     t && !e && (e = !0);
-    const r = this.getAbsoluteTransform(e).getMatrix(), n = new ve(), a = this.offset();
+    const r = this.getAbsoluteTransform(e).getMatrix(), n = new Ce(), a = this.offset();
     return n.m = r.slice(), n.translate(a.x, a.y), n.getTranslation();
   }
   setAbsolutePosition(e) {
@@ -2275,12 +2275,12 @@ class E {
   _getAbsoluteTransform(e) {
     let t;
     if (e)
-      return t = new ve(), this._eachAncestorReverse(function(i) {
+      return t = new Ce(), this._eachAncestorReverse(function(i) {
         const r = i.transformsEnabled();
         r === "all" ? t.multiply(i.getTransform()) : r === "position" && t.translate(i.x() - i.offsetX(), i.y() - i.offsetY());
       }, e), t;
     {
-      t = this._cache.get(Oe) || new ve(), this.parent ? this.parent.getAbsoluteTransform().copyInto(t) : t.reset();
+      t = this._cache.get(Oe) || new Ce(), this.parent ? this.parent.getAbsoluteTransform().copyInto(t) : t.reset();
       const i = this.transformsEnabled();
       if (i === "all")
         t.multiply(this.getTransform());
@@ -2309,7 +2309,7 @@ class E {
   }
   _getTransform() {
     var e, t;
-    const i = this._cache.get(Xe) || new ve();
+    const i = this._cache.get(Xe) || new Ce();
     i.reset();
     const r = this.x(), n = this.y(), a = 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, c = this.attrs.skewX || 0, h = this.attrs.skewY || 0, d = this.attrs.offsetX || 0, u = this.attrs.offsetY || 0;
     return (r !== 0 || n !== 0) && i.translate(r, n), a !== 0 && i.rotate(a), (c !== 0 || h !== 0) && i.skew(c, h), (o !== 1 || l !== 1) && i.scale(o, l), (d !== 0 || u !== 0) && i.translate(-1 * d, -1 * u), i.dirty = !1, i;
@@ -2641,7 +2641,7 @@ y.backCompat(E, {
   setRotationDeg: "setRotation",
   getRotationDeg: "getRotation"
 });
-class Ce extends E {
+class Te extends E {
   constructor() {
     super(...arguments), this.children = [];
   }
@@ -2778,8 +2778,8 @@ class Ce extends E {
       if (c)
         m = c.call(this, a, this);
       else {
-        const v = this.clipX(), T = this.clipY();
-        a.rect(v || 0, T || 0, o, l);
+        const S = this.clipX(), T = this.clipY();
+        a.rect(S || 0, T || 0, o, l);
       }
       a.clip.apply(a, m), f = p.copy().invert().getMatrix(), a.transform(f[0], f[1], f[2], f[3], f[4], f[5]);
     }
@@ -2828,17 +2828,17 @@ class Ce extends E {
     }, i ? c : this._transformedRect(c, r);
   }
 }
-y.addComponentsGetterSetter(Ce, "clip", [
+y.addComponentsGetterSetter(Te, "clip", [
   "x",
   "y",
   "width",
   "height"
 ]);
-y.addGetterSetter(Ce, "clipX", void 0, R());
-y.addGetterSetter(Ce, "clipY", void 0, R());
-y.addGetterSetter(Ce, "clipWidth", void 0, R());
-y.addGetterSetter(Ce, "clipHeight", void 0, R());
-y.addGetterSetter(Ce, "clipFunc");
+y.addGetterSetter(Te, "clipX", void 0, R());
+y.addGetterSetter(Te, "clipY", void 0, R());
+y.addGetterSetter(Te, "clipWidth", void 0, R());
+y.addGetterSetter(Te, "clipHeight", void 0, R());
+y.addGetterSetter(Te, "clipFunc");
 const oi = /* @__PURE__ */ new Map(), ea = M._global.PointerEvent !== void 0;
 function cr(s) {
   return oi.get(s);
@@ -2931,7 +2931,7 @@ function Dn(s = {}) {
   return (s.clipFunc || s.clipWidth || s.clipHeight) && b.warn("Stage does not support clipping. Please use clip for Layers or Groups."), s;
 }
 const hl = "Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);", Qt = [];
-class ir extends Ce {
+class ir extends Te {
   constructor(e) {
     super(Dn(e)), this._pointerPositions = [], this._changedPointerPositions = [], this._buildDOM(), this._bindContentEvents(), Qt.push(this), this.on("widthChange.konva heightChange.konva", this._resizeDOM), this.on("visibleChange.konva", this._checkVisibility), this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva", () => {
       Dn(this.attrs);
@@ -2970,7 +2970,7 @@ class ir extends Ce {
     return this;
   }
   clone(e) {
-    return e || (e = {}), e.container = typeof document < "u" && document.createElement("div"), Ce.prototype.clone.call(this, e);
+    return e || (e = {}), e.container = typeof document < "u" && document.createElement("div"), Te.prototype.clone.call(this, e);
   }
   destroy() {
     super.destroy();
@@ -3375,7 +3375,7 @@ class I extends E {
     if (this.fillPatternImage()) {
       const t = dr().createPattern(this.fillPatternImage(), this.fillPatternRepeat() || "repeat");
       if (t && t.setTransform) {
-        const i = new ve();
+        const i = new Ce();
         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 r = i.getMatrix(), n = typeof DOMMatrix > "u" ? {
           a: r[0],
@@ -3489,11 +3489,11 @@ class I extends E {
       }
       i = i.getParent();
     }
-    const r = e.skipTransform, n = e.relativeTo || t && this.getStage() || void 0, a = this.getSelfRect(), l = !e.skipStroke && this.hasStroke() && this.strokeWidth() || 0, c = a.width + l, h = a.height + l, d = !e.skipShadow && this.hasShadow(), u = d ? this.shadowOffsetX() : 0, p = d ? this.shadowOffsetY() : 0, f = c + Math.abs(u), m = h + Math.abs(p), v = d && this.shadowBlur() || 0, T = f + v * 2, S = m + v * 2, C = {
+    const r = e.skipTransform, n = e.relativeTo || t && this.getStage() || void 0, a = this.getSelfRect(), l = !e.skipStroke && this.hasStroke() && this.strokeWidth() || 0, c = a.width + l, h = a.height + l, d = !e.skipShadow && this.hasShadow(), u = d ? this.shadowOffsetX() : 0, p = d ? this.shadowOffsetY() : 0, f = c + Math.abs(u), m = h + Math.abs(p), S = d && this.shadowBlur() || 0, T = f + S * 2, v = m + S * 2, C = {
       width: T,
-      height: S,
-      x: -(l / 2 + v) + Math.min(u, 0) + a.x,
-      y: -(l / 2 + v) + Math.min(p, 0) + a.y
+      height: v,
+      x: -(l / 2 + S) + Math.min(u, 0) + a.x,
+      y: -(l / 2 + S) + Math.min(p, 0) + a.y
     };
     return r ? C : this._transformedRect(C, n);
   }
@@ -3678,7 +3678,7 @@ const Cl = "beforeDraw", Tl = "draw", Sa = [
   { x: 1, y: 1 },
   { x: -1, y: 1 }
 ], bl = Sa.length;
-class gt extends Ce {
+class gt extends Te {
   constructor(e) {
     super(e), this.canvas = new je(), this.hitCanvas = new on({
       pixelRatio: 1
@@ -3825,13 +3825,13 @@ class gt extends Ce {
     const r = this.getLayer(), n = e || r && r.getCanvas();
     return this._fire(Cl, {
       node: this
-    }), this.clearBeforeDraw() && n.getContext().clear(), Ce.prototype.drawScene.call(this, n, t, i), this._fire(Tl, {
+    }), this.clearBeforeDraw() && n.getContext().clear(), Te.prototype.drawScene.call(this, n, t, i), this._fire(Tl, {
       node: this
     }), this;
   }
   drawHit(e, t) {
     const i = this.getLayer(), r = e || i && i.hitCanvas;
-    return i && i.clearBeforeDraw() && i.getHitCanvas().getContext().clear(), Ce.prototype.drawHit.call(this, r, t), this;
+    return i && i.clearBeforeDraw() && i.getHitCanvas().getContext().clear(), Te.prototype.drawHit.call(this, r, t), this;
   }
   enableHitGraph() {
     return this.hitGraphEnabled(!0), this;
@@ -3867,7 +3867,7 @@ class hn extends gt {
 }
 hn.prototype.nodeType = "FastLayer";
 oe(hn);
-class At extends Ce {
+class At extends Te {
   _validateAdd(e) {
     const t = e.getType();
     t !== "Group" && t !== "Shape" && b.throw("You may only add groups and shapes to groups.");
@@ -3882,9 +3882,9 @@ const ur = function() {
     return (/* @__PURE__ */ new Date()).getTime();
   };
 }();
-class ke {
+class we {
   constructor(e, t) {
-    this.id = ke.animIdCounter++, this.frame = {
+    this.id = we.animIdCounter++, this.frame = {
       time: 0,
       timeDiff: 0,
       lastTime: ur(),
@@ -3906,17 +3906,17 @@ class ke {
     return this.layers.push(e), !0;
   }
   isRunning() {
-    const t = ke.animations, i = t.length;
+    const t = we.animations, i = t.length;
     for (let r = 0; r < i; r++)
       if (t[r].id === this.id)
         return !0;
     return !1;
   }
   start() {
-    return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = ur(), ke._addAnimation(this), this;
+    return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = ur(), we._addAnimation(this), this;
   }
   stop() {
-    return ke._removeAnimation(this), this;
+    return we._removeAnimation(this), this;
   }
   _updateFrameObject(e) {
     this.frame.timeDiff = e - this.frame.lastTime, this.frame.lastTime = e, this.frame.time += this.frame.timeDiff, this.frame.frameRate = 1e3 / this.frame.timeDiff;
@@ -3949,16 +3949,16 @@ class ke {
       e.hasOwnProperty(i) && e[i].batchDraw();
   }
   static _animationLoop() {
-    const e = ke;
+    const e = we;
     e.animations.length ? (e._runFrames(), b.requestAnimFrame(e._animationLoop)) : e.animRunning = !1;
   }
   static _handleAnimation() {
     this.animRunning || (this.animRunning = !0, b.requestAnimFrame(this._animationLoop));
   }
 }
-ke.animations = [];
-ke.animIdCounter = 0;
-ke.animRunning = !1;
+we.animations = [];
+we.animIdCounter = 0;
+we.animRunning = !1;
 const kl = {
   node: 1,
   duration: 1,
@@ -4022,7 +4022,7 @@ class re {
     let o, l;
     typeof e.duration > "u" ? o = 0.3 : e.duration === 0 ? o = 1e-3 : o = e.duration, this.node = i, this._id = Pl++;
     const c = i.getLayer() || (i instanceof M.Stage ? i.getLayers() : null);
-    c || b.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new ke(function() {
+    c || b.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new we(function() {
       t.tween.onEnterFrame();
     }, c), this.tween = new xl(l, function(h) {
       t._tweenFunc(h);
@@ -4189,9 +4189,9 @@ const ti = {
   }
 }, Fn = b._assign(M, {
   Util: b,
-  Transform: ve,
+  Transform: Ce,
   Node: E,
-  Container: Ce,
+  Container: Te,
   Stage: ir,
   stages: Qt,
   Layer: gt,
@@ -4200,13 +4200,13 @@ const ti = {
   DD: J,
   Shape: I,
   shapes: ei,
-  Animation: ke,
+  Animation: we,
   Tween: re,
   Easings: ti,
   Context: er,
   Canvas: an
 });
-class $e extends I {
+class ze extends I {
   _sceneFunc(e) {
     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);
@@ -4233,19 +4233,19 @@ class $e extends I {
     };
   }
 }
-$e.prototype._centroid = !0;
-$e.prototype.className = "Arc";
-$e.prototype._attrsAffectingSize = [
+ze.prototype._centroid = !0;
+ze.prototype.className = "Arc";
+ze.prototype._attrsAffectingSize = [
   "innerRadius",
   "outerRadius",
   "angle",
   "clockwise"
 ];
-oe($e);
-y.addGetterSetter($e, "innerRadius", 0, R());
-y.addGetterSetter($e, "outerRadius", 0, R());
-y.addGetterSetter($e, "angle", 0, R());
-y.addGetterSetter($e, "clockwise", !1, Ie());
+oe(ze);
+y.addGetterSetter(ze, "innerRadius", 0, R());
+y.addGetterSetter(ze, "outerRadius", 0, R());
+y.addGetterSetter(ze, "angle", 0, R());
+y.addGetterSetter(ze, "clockwise", !1, Ie());
 function Nr(s, e, t, i, r, n, a) {
   const o = Math.sqrt(Math.pow(t - s, 2) + Math.pow(i - e, 2)), l = Math.sqrt(Math.pow(r - t, 2) + Math.pow(n - i, 2)), c = a * o / (o + l), h = a * l / (o + l), d = t - c * (r - s), u = i - c * (n - e), p = t + h * (r - s), f = i + h * (n - e);
   return [d, u, p, f];
@@ -4278,7 +4278,7 @@ function _l(s) {
     return n * n * n * r[0] + 3 * n * n * i * r[1] + 3 * n * i * i * r[2] + i * i * i * r[3];
   }));
 }
-class ze extends I {
+class $e extends I {
   constructor(e) {
     super(e), this.on("pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva", function() {
       this._clearCache("tensionPoints");
@@ -4362,13 +4362,13 @@ class ze extends I {
     };
   }
 }
-ze.prototype.className = "Line";
-ze.prototype._attrsAffectingSize = ["points", "bezier", "tension"];
-oe(ze);
-y.addGetterSetter(ze, "closed", !1);
-y.addGetterSetter(ze, "bezier", !1);
-y.addGetterSetter(ze, "tension", 0, R());
-y.addGetterSetter(ze, "points", [], Vo());
+$e.prototype.className = "Line";
+$e.prototype._attrsAffectingSize = ["points", "bezier", "tension"];
+oe($e);
+y.addGetterSetter($e, "closed", !1);
+y.addGetterSetter($e, "bezier", !1);
+y.addGetterSetter($e, "tension", 0, R());
+y.addGetterSetter($e, "points", [], Vo());
 const Al = [
   [],
   [],
@@ -5074,8 +5074,8 @@ const Al = [
   const i = s[0] - 2 * s[1] + s[2], r = e[0] - 2 * e[1] + e[2], n = 2 * s[1] - 2 * s[0], a = 2 * e[1] - 2 * e[0], o = 4 * (i * i + r * r), l = 4 * (i * n + r * a), c = n * n + a * a;
   if (o === 0)
     return t * Math.sqrt(Math.pow(s[2] - s[0], 2) + Math.pow(e[2] - e[0], 2));
-  const h = l / (2 * o), d = c / o, u = t + h, p = d - h * h, f = u * u + p > 0 ? Math.sqrt(u * u + p) : 0, m = h * h + p > 0 ? Math.sqrt(h * h + p) : 0, v = h + Math.sqrt(h * h + p) !== 0 ? p * Math.log(Math.abs((u + f) / (h + m))) : 0;
-  return Math.sqrt(o) / 2 * (u * f - h * m + v);
+  const h = l / (2 * o), d = c / o, u = t + h, p = d - h * h, f = u * u + p > 0 ? Math.sqrt(u * u + p) : 0, m = h * h + p > 0 ? Math.sqrt(h * h + p) : 0, S = h + Math.sqrt(h * h + p) !== 0 ? p * Math.log(Math.abs((u + f) / (h + m))) : 0;
+  return Math.sqrt(o) / 2 * (u * f - h * m + S);
 };
 function Rl(s, e, t) {
   const i = Gr(1, t, s), r = Gr(1, t, e), n = i * i + r * r;
@@ -5097,7 +5097,7 @@ const Gr = (s, e, t) => {
       r[a] = i * (t[a + 1] - t[a]);
     return Gr(s - 1, e, r);
   }
-}, $n = (s, e, t) => {
+}, zn = (s, e, t) => {
   let i = 1, r = s / e, n = (s - t(r)) / e, a = 0;
   for (; i > 1e-3; ) {
     const o = t(r + n), l = Math.abs(s - o) / e;
@@ -5141,8 +5141,8 @@ class ne extends I {
           e.quadraticCurveTo(a[0], a[1], a[2], a[3]);
           break;
         case "A":
-          const o = a[0], l = a[1], c = a[2], h = a[3], d = a[4], u = a[5], p = a[6], f = a[7], m = c > h ? c : h, v = c > h ? 1 : c / h, T = c > h ? h / c : 1;
-          e.translate(o, l), e.rotate(p), e.scale(v, T), e.arc(0, 0, m, d, d + u, 1 - f), e.scale(1 / v, 1 / T), e.rotate(-p), e.translate(-o, -l);
+          const o = a[0], l = a[1], c = a[2], h = a[3], d = a[4], u = a[5], p = a[6], f = a[7], m = c > h ? c : h, S = c > h ? 1 : c / h, T = c > h ? h / c : 1;
+          e.translate(o, l), e.rotate(p), e.scale(S, T), e.arc(0, 0, m, d, d + u, 1 - f), e.scale(1 / S, 1 / T), e.rotate(-p), e.translate(-o, -l);
           break;
         case "z":
           i = !0, e.closePath();
@@ -5224,9 +5224,9 @@ class ne extends I {
       case "L":
         return ne.getPointOnLine(e, a.start.x, a.start.y, o[0], o[1]);
       case "C":
-        return ne.getPointOnCubicBezier($n(e, ne.getPathLength(t), (m) => Gn([a.start.x, o[0], o[2], o[4]], [a.start.y, o[1], o[3], o[5]], m)), a.start.x, a.start.y, o[0], o[1], o[2], o[3], o[4], o[5]);
+        return ne.getPointOnCubicBezier(zn(e, ne.getPathLength(t), (m) => Gn([a.start.x, o[0], o[2], o[4]], [a.start.y, o[1], o[3], o[5]], m)), a.start.x, a.start.y, o[0], o[1], o[2], o[3], o[4], o[5]);
       case "Q":
-        return ne.getPointOnQuadraticBezier($n(e, ne.getPathLength(t), (m) => Hn([a.start.x, o[0], o[2]], [a.start.y, o[1], o[3]], m)), a.start.x, a.start.y, o[0], o[1], o[2], o[3]);
+        return ne.getPointOnQuadraticBezier(zn(e, ne.getPathLength(t), (m) => Hn([a.start.x, o[0], o[2]], [a.start.y, o[1], o[3]], m)), a.start.x, a.start.y, o[0], o[1], o[2], o[3]);
       case "A":
         const l = o[0], c = o[1], h = o[2], d = o[3], u = o[5], p = o[6];
         let f = o[4];
@@ -5244,21 +5244,21 @@ class ne extends I {
     const c = (n - i) / (r - t), h = Math.sqrt(e * e / (1 + c * c)) * (r < t ? -1 : 1), d = c * h;
     if (Math.abs(o - i - c * (a - t)) < 1e-10)
       return { x: a + h, y: o + d };
-    const u = ((a - t) * (r - t) + (o - i) * (n - i)) / (l * l), p = t + u * (r - t), f = i + u * (n - i), m = this.getLineLength(a, o, p, f), v = Math.sqrt(e * e - m * m), T = Math.sqrt(v * v / (1 + c * c)) * (r < t ? -1 : 1), S = c * T;
-    return { x: p + T, y: f + S };
+    const u = ((a - t) * (r - t) + (o - i) * (n - i)) / (l * l), p = t + u * (r - t), f = i + u * (n - i), m = this.getLineLength(a, o, p, f), S = Math.sqrt(e * e - m * m), T = Math.sqrt(S * S / (1 + c * c)) * (r < t ? -1 : 1), v = c * T;
+    return { x: p + T, y: f + v };
   }
   static getPointOnCubicBezier(e, t, i, r, n, a, o, l, c) {
-    function h(v) {
-      return v * v * v;
+    function h(S) {
+      return S * S * S;
     }
-    function d(v) {
-      return 3 * v * v * (1 - v);
+    function d(S) {
+      return 3 * S * S * (1 - S);
     }
-    function u(v) {
-      return 3 * v * (1 - v) * (1 - v);
+    function u(S) {
+      return 3 * S * (1 - S) * (1 - S);
     }
-    function p(v) {
-      return (1 - v) * (1 - v) * (1 - v);
+    function p(S) {
+      return (1 - S) * (1 - S) * (1 - S);
     }
     const f = l * h(e) + a * d(e) + r * u(e) + t * p(e), m = c * h(e) + o * d(e) + n * u(e) + i * p(e);
     return { x: f, y: m };
@@ -5324,119 +5324,119 @@ class ne extends I {
       for (u = u.slice(1), a.length = 0; h = c.exec(u); )
         a.push(h[0]);
       let f = [], m = p === "A" || p === "a" ? 0 : -1;
-      for (let v = 0, T = a.length; v < T; v++) {
-        const S = a[v];
-        if (S === "00") {
+      for (let S = 0, T = a.length; S < T; S++) {
+        const v = a[S];
+        if (v === "00") {
           f.push(0, 0), m >= 0 && (m += 2, m >= 7 && (m -= 7));
           continue;
         }
         if (m >= 0) {
           if (m === 3) {
-            if (/^[01]{2}\d+(?:\.\d+)?$/.test(S)) {
-              f.push(parseInt(S[0], 10)), f.push(parseInt(S[1], 10)), f.push(parseFloat(S.slice(2))), m += 3, m >= 7 && (m -= 7);
+            if (/^[01]{2}\d+(?:\.\d+)?$/.test(v)) {
+              f.push(parseInt(v[0], 10)), f.push(parseInt(v[1], 10)), f.push(parseFloat(v.slice(2))), m += 3, m >= 7 && (m -= 7);
               continue;
             }
-            if (S === "11" || S === "10" || S === "01") {
-              f.push(parseInt(S[0], 10)), f.push(parseInt(S[1], 10)), m += 2, m >= 7 && (m -= 7);
+            if (v === "11" || v === "10" || v === "01") {
+              f.push(parseInt(v[0], 10)), f.push(parseInt(v[1], 10)), m += 2, m >= 7 && (m -= 7);
               continue;
             }
-            if (S === "0" || S === "1") {
-              f.push(parseInt(S, 10)), m += 1, m >= 7 && (m -= 7);
+            if (v === "0" || v === "1") {
+              f.push(parseInt(v, 10)), m += 1, m >= 7 && (m -= 7);
               continue;
             }
           } else if (m === 4) {
-            if (/^[01]\d+(?:\.\d+)?$/.test(S)) {
-              f.push(parseInt(S[0], 10)), f.push(parseFloat(S.slice(1))), m += 2, m >= 7 && (m -= 7);
+            if (/^[01]\d+(?:\.\d+)?$/.test(v)) {
+              f.push(parseInt(v[0], 10)), f.push(parseFloat(v.slice(1))), m += 2, m >= 7 && (m -= 7);
               continue;
             }
-            if (S === "0" || S === "1") {
-              f.push(parseInt(S, 10)), m += 1, m >= 7 && (m -= 7);
+            if (v === "0" || v === "1") {
+              f.push(parseInt(v, 10)), m += 1, m >= 7 && (m -= 7);
               continue;
             }
           }
-          const C = parseFloat(S);
+          const C = parseFloat(v);
           isNaN(C) ? f.push(0) : f.push(C), m += 1, m >= 7 && (m -= 7);
         } else {
-          const C = parseFloat(S);
+          const C = parseFloat(v);
           isNaN(C) ? f.push(0) : f.push(C);
         }
       }
       for (; f.length > 0 && !isNaN(f[0]); ) {
-        let v = "", T = [];
-        const S = o, C = l;
-        let k, x, P, D, w, A, B, $, F, V;
+        let S = "", T = [];
+        const v = o, C = l;
+        let k, P, x, D, w, A, B, z, F, $;
         switch (p) {
           case "l":
-            o += f.shift(), l += f.shift(), v = "L", T.push(o, l);
+            o += f.shift(), l += f.shift(), S = "L", T.push(o, l);
             break;
           case "L":
             o = f.shift(), l = f.shift(), T.push(o, l);
             break;
           case "m":
-            const z = f.shift(), H = f.shift();
-            if (o += z, l += H, v = "M", n.length > 2 && n[n.length - 1].command === "z") {
+            const V = f.shift(), H = f.shift();
+            if (o += V, l += H, S = "M", n.length > 2 && n[n.length - 1].command === "z") {
               for (let L = n.length - 2; L >= 0; L--)
                 if (n[L].command === "M") {
-                  o = n[L].points[0] + z, l = n[L].points[1] + H;
+                  o = n[L].points[0] + V, l = n[L].points[1] + H;
                   break;
                 }
             }
             T.push(o, l), p = "l";
             break;
           case "M":
-            o = f.shift(), l = f.shift(), v = "M", T.push(o, l), p = "L";
+            o = f.shift(), l = f.shift(), S = "M", T.push(o, l), p = "L";
             break;
           case "h":
-            o += f.shift(), v = "L", T.push(o, l);
+            o += f.shift(), S = "L", T.push(o, l);
             break;
           case "H":
-            o = f.shift(), v = "L", T.push(o, l);
+            o = f.shift(), S = "L", T.push(o, l);
             break;
           case "v":
-            l += f.shift(), v = "L", T.push(o, l);
+            l += f.shift(), S = "L", T.push(o, l);
             break;
           case "V":
-            l = f.shift(), v = "L", T.push(o, l);
+            l = f.shift(), S = "L", T.push(o, l);
             break;
           case "C":
             T.push(f.shift(), f.shift(), f.shift(), f.shift()), o = f.shift(), l = f.shift(), T.push(o, l);
             break;
           case "c":
-            T.push(o + f.shift(), l + f.shift(), o + f.shift(), l + f.shift()), o += f.shift(), l += f.shift(), v = "C", T.push(o, l);
+            T.push(o + f.shift(), l + f.shift(), o + f.shift(), l + f.shift()), o += f.shift(), l += f.shift(), S = "C", T.push(o, l);
             break;
           case "S":
-            x = o, P = l, k = n[n.length - 1], k.command === "C" && (x = o + (o - k.points[2]), P = l + (l - k.points[3])), T.push(x, P, f.shift(), f.shift()), o = f.shift(), l = f.shift(), v = "C", T.push(o, l);
+            P = o, x = l, k = n[n.length - 1], k.command === "C" && (P = o + (o - k.points[2]), x = l + (l - k.points[3])), T.push(P, x, f.shift(), f.shift()), o = f.shift(), l = f.shift(), S = "C", T.push(o, l);
             break;
           case "s":
-            x = o, P = l, k = n[n.length - 1], k.command === "C" && (x = o + (o - k.points[2]), P = l + (l - k.points[3])), T.push(x, P, o + f.shift(), l + f.shift()), o += f.shift(), l += f.shift(), v = "C", T.push(o, l);
+            P = o, x = l, k = n[n.length - 1], k.command === "C" && (P = o + (o - k.points[2]), x = l + (l - k.points[3])), T.push(P, x, o + f.shift(), l + f.shift()), o += f.shift(), l += f.shift(), S = "C", T.push(o, l);
             break;
           case "Q":
             T.push(f.shift(), f.shift()), o = f.shift(), l = f.shift(), T.push(o, l);
             break;
           case "q":
-            T.push(o + f.shift(), l + f.shift()), o += f.shift(), l += f.shift(), v = "Q", T.push(o, l);
+            T.push(o + f.shift(), l + f.shift()), o += f.shift(), l += f.shift(), S = "Q", T.push(o, l);
             break;
           case "T":
-            x = o, P = l, k = n[n.length - 1], k.command === "Q" && (x = o + (o - k.points[0]), P = l + (l - k.points[1])), o = f.shift(), l = f.shift(), v = "Q", T.push(x, P, o, l);
+            P = o, x = l, k = n[n.length - 1], k.command === "Q" && (P = o + (o - k.points[0]), x = l + (l - k.points[1])), o = f.shift(), l = f.shift(), S = "Q", T.push(P, x, o, l);
             break;
           case "t":
-            x = o, P = l, k = n[n.length - 1], k.command === "Q" && (x = o + (o - k.points[0]), P = l + (l - k.points[1])), o += f.shift(), l += f.shift(), v = "Q", T.push(x, P, o, l);
+            P = o, x = l, k = n[n.length - 1], k.command === "Q" && (P = o + (o - k.points[0]), x = l + (l - k.points[1])), o += f.shift(), l += f.shift(), S = "Q", T.push(P, x, o, l);
             break;
           case "A":
-            D = f.shift(), w = f.shift(), A = f.shift(), B = f.shift(), $ = f.shift(), F = o, V = l, o = f.shift(), l = f.shift(), v = "A", T = this.convertEndpointToCenterParameterization(F, V, o, l, B, $, D, w, A);
+            D = f.shift(), w = f.shift(), A = f.shift(), B = f.shift(), z = f.shift(), F = o, $ = l, o = f.shift(), l = f.shift(), S = "A", T = this.convertEndpointToCenterParameterization(F, $, o, l, B, z, D, w, A);
             break;
           case "a":
-            D = f.shift(), w = f.shift(), A = f.shift(), B = f.shift(), $ = f.shift(), F = o, V = l, o += f.shift(), l += f.shift(), v = "A", T = this.convertEndpointToCenterParameterization(F, V, o, l, B, $, D, w, A);
+            D = f.shift(), w = f.shift(), A = f.shift(), B = f.shift(), z = f.shift(), F = o, $ = l, o += f.shift(), l += f.shift(), S = "A", T = this.convertEndpointToCenterParameterization(F, $, o, l, B, z, D, w, A);
             break;
         }
         n.push({
-          command: v || p,
+          command: S || p,
           points: T,
           start: {
-            x: S,
+            x: v,
             y: C
           },
-          pathLength: this.calcLength(S, C, v || p, T)
+          pathLength: this.calcLength(v, C, S || p, T)
         });
       }
       (p === "z" || p === "Z") && n.push({
@@ -5477,22 +5477,22 @@ class ne extends I {
     p > 1 && (o *= Math.sqrt(p), l *= Math.sqrt(p));
     let f = Math.sqrt((o * o * (l * l) - o * o * (u * u) - l * l * (d * d)) / (o * o * (u * u) + l * l * (d * d)));
     n === a && (f *= -1), isNaN(f) && (f = 0);
-    const m = f * o * u / l, v = f * -l * d / o, T = (e + i) / 2 + Math.cos(h) * m - Math.sin(h) * v, S = (t + r) / 2 + Math.sin(h) * m + Math.cos(h) * v, C = function(B) {
+    const m = f * o * u / l, S = f * -l * d / o, T = (e + i) / 2 + Math.cos(h) * m - Math.sin(h) * S, v = (t + r) / 2 + Math.sin(h) * m + Math.cos(h) * S, C = function(B) {
       return Math.sqrt(B[0] * B[0] + B[1] * B[1]);
-    }, k = function(B, $) {
-      return (B[0] * $[0] + B[1] * $[1]) / (C(B) * C($));
-    }, x = function(B, $) {
-      return (B[0] * $[1] < B[1] * $[0] ? -1 : 1) * Math.acos(k(B, $));
-    }, P = x([1, 0], [(d - m) / o, (u - v) / l]), D = [(d - m) / o, (u - v) / l], w = [(-1 * d - m) / o, (-1 * u - v) / l];
-    let A = x(D, w);
-    return k(D, w) <= -1 && (A = Math.PI), k(D, w) >= 1 && (A = 0), a === 0 && A > 0 && (A = A - 2 * Math.PI), a === 1 && A < 0 && (A = A + 2 * Math.PI), [T, S, o, l, P, A, h, a];
+    }, k = function(B, z) {
+      return (B[0] * z[0] + B[1] * z[1]) / (C(B) * C(z));
+    }, P = function(B, z) {
+      return (B[0] * z[1] < B[1] * z[0] ? -1 : 1) * Math.acos(k(B, z));
+    }, x = P([1, 0], [(d - m) / o, (u - S) / l]), D = [(d - m) / o, (u - S) / l], w = [(-1 * d - m) / o, (-1 * u - S) / l];
+    let A = P(D, w);
+    return k(D, w) <= -1 && (A = Math.PI), k(D, w) >= 1 && (A = 0), a === 0 && A > 0 && (A = A - 2 * Math.PI), a === 1 && A < 0 && (A = A + 2 * Math.PI), [T, v, o, l, x, A, h, a];
   }
 }
 ne.prototype.className = "Path";
 ne.prototype._attrsAffectingSize = ["data"];
 oe(ne);
 y.addGetterSetter(ne, "data");
-class ft extends ze {
+class ft extends $e {
   _sceneFunc(e) {
     super._sceneFunc(e);
     const t = Math.PI * 2, i = this.points();
@@ -5668,7 +5668,7 @@ const Ca = [
   "pointerDirection",
   "pointerWidth",
   "pointerHeight"
-], Ml = "Change.konva", Dl = "none", Hr = "up", $r = "right", zr = "down", Vr = "left", Ll = Ca.length;
+], Ml = "Change.konva", Dl = "none", Hr = "up", zr = "right", $r = "down", Vr = "left", Ll = Ca.length;
 class dn extends At {
   constructor(e) {
     super(e), this.on("add.konva", function(t) {
@@ -5702,10 +5702,10 @@ class dn extends At {
         case Hr:
           o = i / 2, l = -1 * c;
           break;
-        case $r:
+        case zr:
           o = i + a, l = r / 2;
           break;
-        case zr:
+        case $r:
           o = i / 2, l = r + c;
           break;
         case Vr:
@@ -5730,11 +5730,11 @@ class mt extends I {
   _sceneFunc(e) {
     const t = this.width(), i = this.height(), r = this.pointerDirection(), n = this.pointerWidth(), a = this.pointerHeight(), o = this.cornerRadius();
     let l = 0, c = 0, h = 0, d = 0;
-    typeof o == "number" ? l = c = h = d = Math.min(o, t / 2, i / 2) : (l = Math.min(o[0] || 0, t / 2, i / 2), c = Math.min(o[1] || 0, t / 2, i / 2), d = Math.min(o[2] || 0, t / 2, i / 2), h = Math.min(o[3] || 0, t / 2, i / 2)), e.beginPath(), e.moveTo(l, 0), r === Hr && (e.lineTo((t - n) / 2, 0), e.lineTo(t / 2, -1 * a), e.lineTo((t + n) / 2, 0)), e.lineTo(t - c, 0), e.arc(t - c, c, c, Math.PI * 3 / 2, 0, !1), r === $r && (e.lineTo(t, (i - a) / 2), e.lineTo(t + n, i / 2), e.lineTo(t, (i + a) / 2)), e.lineTo(t, i - d), e.arc(t - d, i - d, d, 0, Math.PI / 2, !1), r === zr && (e.lineTo((t + n) / 2, i), e.lineTo(t / 2, i + a), e.lineTo((t - n) / 2, i)), e.lineTo(h, i), e.arc(h, i - h, h, Math.PI / 2, Math.PI, !1), r === Vr && (e.lineTo(0, (i + a) / 2), e.lineTo(-1 * n, i / 2), e.lineTo(0, (i - a) / 2)), e.lineTo(0, l), e.arc(l, l, l, Math.PI, Math.PI * 3 / 2, !1), e.closePath(), e.fillStrokeShape(this);
+    typeof o == "number" ? l = c = h = d = Math.min(o, t / 2, i / 2) : (l = Math.min(o[0] || 0, t / 2, i / 2), c = Math.min(o[1] || 0, t / 2, i / 2), d = Math.min(o[2] || 0, t / 2, i / 2), h = Math.min(o[3] || 0, t / 2, i / 2)), e.beginPath(), e.moveTo(l, 0), r === Hr && (e.lineTo((t - n) / 2, 0), e.lineTo(t / 2, -1 * a), e.lineTo((t + n) / 2, 0)), e.lineTo(t - c, 0), e.arc(t - c, c, c, Math.PI * 3 / 2, 0, !1), r === zr && (e.lineTo(t, (i - a) / 2), e.lineTo(t + n, i / 2), e.lineTo(t, (i + a) / 2)), e.lineTo(t, i - d), e.arc(t - d, i - d, d, 0, Math.PI / 2, !1), r === $r && (e.lineTo((t + n) / 2, i), e.lineTo(t / 2, i + a), e.lineTo((t - n) / 2, i)), e.lineTo(h, i), e.arc(h, i - h, h, Math.PI / 2, Math.PI, !1), r === Vr && (e.lineTo(0, (i + a) / 2), e.lineTo(-1 * n, i / 2), e.lineTo(0, (i - a) / 2)), e.lineTo(0, l), e.arc(l, l, l, Math.PI, Math.PI * 3 / 2, !1), e.closePath(), e.fillStrokeShape(this);
   }
   getSelfRect() {
     let e = 0, t = 0, i = this.pointerWidth(), r = this.pointerHeight(), n = this.pointerDirection(), a = this.width(), o = this.height();
-    return n === Hr ? (t -= r, o += r) : n === zr ? o += r : n === Vr ? (e -= i * 1.5, a += i) : n === $r && (a += i * 1.5), {
+    return n === Hr ? (t -= r, o += r) : n === $r ? o += r : n === Vr ? (e -= i * 1.5, a += i) : n === zr && (a += i * 1.5), {
       x: e,
       y: t,
       width: a,
@@ -5810,10 +5810,10 @@ oe(tt);
 y.addGetterSetter(tt, "radius", 0, R());
 y.addGetterSetter(tt, "sides", 0, R());
 y.addGetterSetter(tt, "cornerRadius", 0, tr(4));
-const zn = Math.PI * 2;
+const $n = Math.PI * 2;
 class yt extends I {
   _sceneFunc(e) {
-    e.beginPath(), e.arc(0, 0, this.innerRadius(), 0, zn, !1), e.moveTo(this.outerRadius(), 0), e.arc(0, 0, this.outerRadius(), zn, 0, !0), e.closePath(), e.fillStrokeShape(this);
+    e.beginPath(), e.arc(0, 0, this.innerRadius(), 0, $n, !1), e.moveTo(this.outerRadius(), 0), e.arc(0, 0, this.outerRadius(), $n, 0, !0), e.closePath(), e.fillStrokeShape(this);
   }
   getWidth() {
     return this.outerRadius() * 2;
@@ -5836,7 +5836,7 @@ y.addGetterSetter(yt, "innerRadius", 0, R());
 y.addGetterSetter(yt, "outerRadius", 0, R());
 class Me extends I {
   constructor(e) {
-    super(e), this._updated = !0, this.anim = new ke(() => {
+    super(e), this._updated = !0, this.anim = new we(() => {
       const t = this._updated;
       return this._updated = !1, t;
     }), this.on("animationChange.konva", function() {
@@ -5943,7 +5943,7 @@ function qe(s) {
     return e;
   }, []);
 }
-const vt = "auto", Bl = "center", Ta = "inherit", Nt = "justify", Ol = "Change.konva", Fl = "2d", Vn = "-", ba = "left", Nl = "text", Gl = "Text", Hl = "top", $l = "bottom", Un = "middle", ka = "normal", zl = "px ", xi = " ", Vl = "right", Wn = "rtl", Ul = "word", Wl = "char", Yn = "none", pr = "…", wa = [
+const vt = "auto", Bl = "center", Ta = "inherit", Nt = "justify", Ol = "Change.konva", Fl = "2d", Vn = "-", ba = "left", Nl = "text", Gl = "Text", Hl = "top", zl = "bottom", Un = "middle", ka = "normal", $l = "px ", xi = " ", Vl = "right", Wn = "rtl", Ul = "word", Wl = "char", Yn = "none", pr = "…", wa = [
   "direction",
   "fontFamily",
   "fontSize",
@@ -5992,43 +5992,43 @@ class se extends I {
     const r = this.textArr, n = r.length;
     if (!this.text())
       return;
-    let a = this.padding(), o = this.fontSize(), l = this.lineHeight() * o, c = this.verticalAlign(), h = this.direction(), d = 0, u = this.align(), p = this.getWidth(), f = this.letterSpacing(), m = this.charRenderFunc(), v = this.fill(), T = this.textDecoration(), S = this.underlineOffset(), C = T.indexOf("underline") !== -1, k = T.indexOf("line-through") !== -1, x;
+    let a = this.padding(), o = this.fontSize(), l = this.lineHeight() * o, c = this.verticalAlign(), h = this.direction(), d = 0, u = this.align(), p = this.getWidth(), f = this.letterSpacing(), m = this.charRenderFunc(), S = this.fill(), T = this.textDecoration(), v = this.underlineOffset(), C = T.indexOf("underline") !== -1, k = T.indexOf("line-through") !== -1, P;
     h = h === Ta ? e.direction : h;
-    let P = l / 2, D = Un;
+    let x = l / 2, D = Un;
     if (!M.legacyTextRendering) {
       const w = this.measureSize("M");
       D = "alphabetic";
       const A = (t = w.fontBoundingBoxAscent) !== null && t !== void 0 ? t : w.actualBoundingBoxAscent, B = (i = w.fontBoundingBoxDescent) !== null && i !== void 0 ? i : w.actualBoundingBoxDescent;
-      P = (A - B) / 2 + l / 2;
+      x = (A - B) / 2 + l / 2;
     }
-    for (h === Wn && e.setAttr("direction", h), e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", D), e.setAttr("textAlign", ba), c === Un ? d = (this.getHeight() - n * l - a * 2) / 2 : c === $l && (d = this.getHeight() - n * l - a * 2), e.translate(a, d + a), x = 0; x < n; x++) {
+    for (h === Wn && e.setAttr("direction", h), e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", D), e.setAttr("textAlign", ba), c === Un ? d = (this.getHeight() - n * l - a * 2) / 2 : c === zl && (d = this.getHeight() - n * l - a * 2), e.translate(a, d + a), P = 0; P < n; P++) {
       let w = 0, A = 0;
-      const B = r[x], $ = B.text, F = B.width, V = B.lastInParagraph;
+      const B = r[P], z = B.text, F = B.width, $ = B.lastInParagraph;
       if (e.save(), u === Vl ? w += p - F - a * 2 : u === Bl && (w += (p - F - a * 2) / 2), C) {
         e.save(), e.beginPath();
-        const H = S ?? (M.legacyTextRendering ? Math.round(o / 2) : Math.round(o / 4)), L = w, X = P + A + H;
+        const H = v ?? (M.legacyTextRendering ? Math.round(o / 2) : Math.round(o / 4)), L = w, X = x + A + H;
         e.moveTo(L, X);
-        const N = u === Nt && !V ? p - a * 2 : F;
+        const N = u === Nt && !$ ? p - a * 2 : F;
         e.lineTo(L + Math.round(N), X), e.lineWidth = o / 15;
         const Q = this._getLinearGradient();
-        e.strokeStyle = Q || v, e.stroke(), e.restore();
+        e.strokeStyle = Q || S, e.stroke(), e.restore();
       }
-      const z = w;
+      const V = w;
       if (h !== Wn && (f !== 0 || u === Nt || m)) {
-        const H = $.split(" ").length - 1, L = qe($);
+        const H = z.split(" ").length - 1, L = qe(z);
         for (let X = 0; X < L.length; X++) {
           const N = L[X];
-          if (N === " " && !V && u === Nt && (w += (p - a * 2 - F) / H), this._partialTextX = w, this._partialTextY = P + A, this._partialText = N, m) {
+          if (N === " " && !$ && u === Nt && (w += (p - a * 2 - F) / H), this._partialTextX = w, this._partialTextY = x + A, this._partialText = N, m) {
             e.save();
-            const ae = r.slice(0, x).reduce((K, fe) => K + qe(fe.text).length, 0), W = X + ae;
+            const ae = r.slice(0, P).reduce((K, me) => K + qe(me.text).length, 0), Y = X + ae;
             m({
               char: N,
-              index: W,
+              index: Y,
               x: w,
-              y: P + A,
-              lineIndex: x,
+              y: x + A,
+              lineIndex: P,
               column: X,
-              isLastInLine: V,
+              isLastInLine: $,
               width: this.measureSize(N).width,
               context: e
             });
@@ -6036,17 +6036,17 @@ class se extends I {
           e.fillStrokeShape(this), m && e.restore(), w += this.measureSize(N).width + f;
         }
       } else
-        f !== 0 && e.setAttr("letterSpacing", `${f}px`), this._partialTextX = w, this._partialTextY = P + A, this._partialText = $, e.fillStrokeShape(this);
+        f !== 0 && e.setAttr("letterSpacing", `${f}px`), this._partialTextX = w, this._partialTextY = x + A, this._partialText = z, e.fillStrokeShape(this);
       if (k) {
         e.save(), e.beginPath();
-        const H = M.legacyTextRendering ? 0 : -Math.round(o / 4), L = z;
-        e.moveTo(L, P + A + H);
-        const X = u === Nt && !V ? p - a * 2 : F;
-        e.lineTo(L + Math.round(X), P + A + H), e.lineWidth = o / 15;
+        const H = M.legacyTextRendering ? 0 : -Math.round(o / 4), L = V;
+        e.moveTo(L, x + A + H);
+        const X = u === Nt && !$ ? p - a * 2 : F;
+        e.lineTo(L + Math.round(X), x + A + H), e.lineWidth = o / 15;
         const N = this._getLinearGradient();
-        e.strokeStyle = N || v, e.stroke(), e.restore();
+        e.strokeStyle = N || S, e.stroke(), e.restore();
       }
-      e.restore(), n > 1 && (P += l);
+      e.restore(), n > 1 && (x += l);
     }
   }
   _hitFunc(e) {
@@ -6073,25 +6073,25 @@ class se extends I {
     var t, i, r, n, a, o, l, c, h, d, u;
     let p = gr(), f = this.fontSize(), m;
     p.save(), p.font = this._getContextFont(), m = p.measureText(e), p.restore();
-    const v = f / 100;
+    const S = f / 100;
     return {
-      actualBoundingBoxAscent: (t = m.actualBoundingBoxAscent) !== null && t !== void 0 ? t : 71.58203125 * v,
+      actualBoundingBoxAscent: (t = m.actualBoundingBoxAscent) !== null && t !== void 0 ? t : 71.58203125 * S,
       actualBoundingBoxDescent: (i = m.actualBoundingBoxDescent) !== null && i !== void 0 ? i : 0,
-      actualBoundingBoxLeft: (r = m.actualBoundingBoxLeft) !== null && r !== void 0 ? r : -7.421875 * v,
-      actualBoundingBoxRight: (n = m.actualBoundingBoxRight) !== null && n !== void 0 ? n : 75.732421875 * v,
+      actualBoundingBoxLeft: (r = m.actualBoundingBoxLeft) !== null && r !== void 0 ? r : -7.421875 * S,
+      actualBoundingBoxRight: (n = m.actualBoundingBoxRight) !== null && n !== void 0 ? n : 75.732421875 * S,
       alphabeticBaseline: (a = m.alphabeticBaseline) !== null && a !== void 0 ? a : 0,
-      emHeightAscent: (o = m.emHeightAscent) !== null && o !== void 0 ? o : 100 * v,
-      emHeightDescent: (l = m.emHeightDescent) !== null && l !== void 0 ? l : -20 * v,
-      fontBoundingBoxAscent: (c = m.fontBoundingBoxAscent) !== null && c !== void 0 ? c : 91 * v,
-      fontBoundingBoxDescent: (h = m.fontBoundingBoxDescent) !== null && h !== void 0 ? h : 21 * v,
-      hangingBaseline: (d = m.hangingBaseline) !== null && d !== void 0 ? d : 72.80000305175781 * v,
-      ideographicBaseline: (u = m.ideographicBaseline) !== null && u !== void 0 ? u : -21 * v,
+      emHeightAscent: (o = m.emHeightAscent) !== null && o !== void 0 ? o : 100 * S,
+      emHeightDescent: (l = m.emHeightDescent) !== null && l !== void 0 ? l : -20 * S,
+      fontBoundingBoxAscent: (c = m.fontBoundingBoxAscent) !== null && c !== void 0 ? c : 91 * S,
+      fontBoundingBoxDescent: (h = m.fontBoundingBoxDescent) !== null && h !== void 0 ? h : 21 * S,
+      hangingBaseline: (d = m.hangingBaseline) !== null && d !== void 0 ? d : 72.80000305175781 * S,
+      ideographicBaseline: (u = m.ideographicBaseline) !== null && u !== void 0 ? u : -21 * S,
       width: m.width,
       height: f
     };
   }
   _getContextFont() {
-    return this.fontStyle() + xi + this.fontVariant() + xi + (this.fontSize() + zl) + Xl(this.fontFamily());
+    return this.fontStyle() + xi + this.fontVariant() + xi + (this.fontSize() + $l) + Xl(this.fontFamily());
   }
   _addTextLine(e) {
     this.align() === Nt && (e = e.trim());
@@ -6108,43 +6108,43 @@ class se extends I {
   }
   _setTextData() {
     let e = this.text().split(`
-`), t = +this.fontSize(), i = 0, r = this.lineHeight() * t, n = this.attrs.width, a = this.attrs.height, o = n !== vt && n !== void 0, l = a !== vt && a !== void 0, c = this.padding(), h = n - c * 2, d = a - c * 2, u = 0, p = this.wrap(), f = p !== Yn, m = p !== Wl && f, v = this.ellipsis();
+`), t = +this.fontSize(), i = 0, r = this.lineHeight() * t, n = this.attrs.width, a = this.attrs.height, o = n !== vt && n !== void 0, l = a !== vt && a !== void 0, c = this.padding(), h = n - c * 2, d = a - c * 2, u = 0, p = this.wrap(), f = p !== Yn, m = p !== Wl && f, S = this.ellipsis();
     this.textArr = [], gr().font = this._getContextFont();
-    const T = v ? this._getTextWidth(pr) : 0;
-    for (let S = 0, C = e.length; S < C; ++S) {
-      let k = e[S], x = this._getTextWidth(k);
-      if (o && x > h)
+    const T = S ? this._getTextWidth(pr) : 0;
+    for (let v = 0, C = e.length; v < C; ++v) {
+      let k = e[v], P = this._getTextWidth(k);
+      if (o && P > h)
         for (; k.length > 0; ) {
-          let P = 0, D = qe(k).length, w = "", A = 0;
-          for (; P < D; ) {
-            const B = P + D >>> 1, $ = qe(k), F = $.slice(0, B + 1).join(""), V = this._getTextWidth(F);
-            (v && l && u + r > d ? V + T : V) <= h ? (P = B + 1, w = F, A = V) : D = B;
+          let x = 0, D = qe(k).length, w = "", A = 0;
+          for (; x < D; ) {
+            const B = x + D >>> 1, z = qe(k), F = z.slice(0, B + 1).join(""), $ = this._getTextWidth(F);
+            (S && l && u + r > d ? $ + T : $) <= h ? (x = B + 1, w = F, A = $) : D = B;
           }
           if (w) {
             if (m) {
-              const F = qe(k), V = qe(w), z = F[V.length], H = z === xi || z === Vn;
+              const F = qe(k), $ = qe(w), V = F[$.length], H = V === xi || V === Vn;
               let L;
               if (H && A <= h)
-                L = V.length;
+                L = $.length;
               else {
-                const X = V.lastIndexOf(xi), N = V.lastIndexOf(Vn);
+                const X = $.lastIndexOf(xi), N = $.lastIndexOf(Vn);
                 L = Math.max(X, N) + 1;
               }
-              L > 0 && (P = L, w = F.slice(0, P).join(""), A = this._getTextWidth(w));
+              L > 0 && (x = L, w = F.slice(0, x).join(""), A = this._getTextWidth(w));
             }
             if (w = w.trimRight(), this._addTextLine(w), i = Math.max(i, A), u += r, this._shouldHandleEllipsis(u)) {
               this._tryToAddEllipsisToLastLine();
               break;
             }
-            if (k = qe(k).slice(P).join("").trimLeft(), k.length > 0 && (x = this._getTextWidth(k), x <= h)) {
-              this._addTextLine(k), u += r, i = Math.max(i, x);
+            if (k = qe(k).slice(x).join("").trimLeft(), k.length > 0 && (P = this._getTextWidth(k), P <= h)) {
+              this._addTextLine(k), u += r, i = Math.max(i, P);
               break;
             }
           } else
             break;
         }
       else
-        this._addTextLine(k), u += r, i = Math.max(i, x), this._shouldHandleEllipsis(u) && S < C - 1 && this._tryToAddEllipsisToLastLine();
+        this._addTextLine(k), u += r, i = Math.max(i, P), this._shouldHandleEllipsis(u) && v < C - 1 && this._tryToAddEllipsisToLastLine();
       if (this.textArr[this.textArr.length - 1] && (this.textArr[this.textArr.length - 1].lastInParagraph = !0), l && u + r > d)
         break;
     }
@@ -6303,7 +6303,7 @@ class he extends I {
       const m = this._getPointAtLength(h + f);
       if (!m)
         return;
-      const v = ne.getLineLength(u.x, u.y, m.x, m.y);
+      const S = ne.getLineLength(u.x, u.y, m.x, m.y);
       let T = 0;
       if (o)
         try {
@@ -6312,15 +6312,15 @@ class he extends I {
           T = 0;
         }
       u.x += T, m.x += T, this.textWidth += T;
-      const S = ne.getPointOnLine(T + v / 2, u.x, u.y, m.x, m.y), C = Math.atan2(m.y - u.y, m.x - u.x);
+      const v = ne.getPointOnLine(T + S / 2, u.x, u.y, m.x, m.y), C = Math.atan2(m.y - u.y, m.x - u.x);
       this.glyphInfo.push({
-        transposeX: S.x,
-        transposeY: S.y,
+        transposeX: v.x,
+        transposeY: v.y,
         text: e[d],
         rotation: C,
         p0: u,
         p1: m,
-        width: v
+        width: S
       }), h += f;
     }
   }
@@ -6454,7 +6454,7 @@ function sc(s, e, t) {
   return i;
 }
 let Ur = 0;
-class U extends At {
+class W extends At {
   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(Jl, this.update), this.getNode() && this.update();
   }
@@ -6563,7 +6563,7 @@ class U extends At {
         t.push(f);
       });
     });
-    const i = new ve();
+    const i = new Ce();
     i.rotate(-M.getAngle(this.rotation()));
     let r = 1 / 0, n = 1 / 0, a = -1 / 0, o = -1 / 0;
     t.forEach(function(c) {
@@ -6630,8 +6630,8 @@ class U extends At {
           const l = r.rotateAnchorAngle(), c = r.rotateAnchorOffset(), h = b.degToRad(l), d = Math.sin(h), u = -Math.cos(h), p = a / 2, f = o / 2;
           let m = 1 / 0;
           u < 0 ? m = Math.min(m, -f / u) : u > 0 && (m = Math.min(m, (o - f) / u)), d < 0 ? m = Math.min(m, -p / d) : d > 0 && (m = Math.min(m, (a - p) / d));
-          const v = p + d * m, T = f + u * m, S = b._sign(o), C = v + d * c * S, k = T + u * c * S;
-          t.moveTo(v, T), t.lineTo(C, k);
+          const S = p + d * m, T = f + u * m, v = b._sign(o), C = S + d * c * v, k = T + u * c * v;
+          t.moveTo(S, T), t.lineTo(C, k);
         }
         t.fillStrokeShape(i);
       },
@@ -6681,12 +6681,12 @@ class U extends At {
     if (c.x === h.x && c.y === h.y)
       return;
     if (this._movingAnchorName === "rotater") {
-      const S = this._getNodeRect();
-      t = n.x() - S.width / 2, i = -n.y() + S.height / 2;
+      const v = this._getNodeRect();
+      t = n.x() - v.width / 2, i = -n.y() + v.height / 2;
       const C = M.getAngle(this.rotateAnchorAngle());
       let k = Math.atan2(-i, t) + Math.PI / 2 - C;
-      S.height < 0 && (k -= Math.PI);
-      const P = M.getAngle(this.rotation()) + k, D = M.getAngle(this.rotationSnapTolerance()), A = sc(this.rotationSnaps(), P, D) - S.rotation, B = nc(S, A);
+      v.height < 0 && (k -= Math.PI);
+      const x = M.getAngle(this.rotation()) + k, D = M.getAngle(this.rotationSnapTolerance()), A = sc(this.rotationSnaps(), x, D) - v.rotation, B = nc(v, A);
       this._fitNodesInto(B, e);
       return;
     }
@@ -6696,31 +6696,31 @@ class U extends At {
     let p = this.centeredScaling() || e.altKey;
     if (this._movingAnchorName === "top-left") {
       if (u) {
-        const S = p ? {
+        const v = p ? {
           x: this.width() / 2,
           y: this.height() / 2
         } : {
           x: this.findOne(".bottom-right").x(),
           y: this.findOne(".bottom-right").y()
         };
-        r = Math.sqrt(Math.pow(S.x - n.x(), 2) + Math.pow(S.y - n.y(), 2));
-        const C = this.findOne(".top-left").x() > S.x ? -1 : 1, k = this.findOne(".top-left").y() > S.y ? -1 : 1;
-        t = r * this.cos * C, i = r * this.sin * k, this.findOne(".top-left").x(S.x - t), this.findOne(".top-left").y(S.y - i);
+        r = Math.sqrt(Math.pow(v.x - n.x(), 2) + Math.pow(v.y - n.y(), 2));
+        const C = this.findOne(".top-left").x() > v.x ? -1 : 1, k = this.findOne(".top-left").y() > v.y ? -1 : 1;
+        t = r * this.cos * C, i = r * this.sin * k, this.findOne(".top-left").x(v.x - t), this.findOne(".top-left").y(v.y - i);
       }
     } else if (this._movingAnchorName === "top-center")
       this.findOne(".top-left").y(n.y());
     else if (this._movingAnchorName === "top-right") {
       if (u) {
-        const S = p ? {
+        const v = p ? {
           x: this.width() / 2,
           y: this.height() / 2
         } : {
           x: this.findOne(".bottom-left").x(),
           y: this.findOne(".bottom-left").y()
         };
-        r = Math.sqrt(Math.pow(n.x() - S.x, 2) + Math.pow(S.y - n.y(), 2));
-        const C = this.findOne(".top-right").x() < S.x ? -1 : 1, k = this.findOne(".top-right").y() > S.y ? -1 : 1;
-        t = r * this.cos * C, i = r * this.sin * k, this.findOne(".top-right").x(S.x + t), this.findOne(".top-right").y(S.y - i);
+        r = Math.sqrt(Math.pow(n.x() - v.x, 2) + Math.pow(v.y - n.y(), 2));
+        const C = this.findOne(".top-right").x() < v.x ? -1 : 1, k = this.findOne(".top-right").y() > v.y ? -1 : 1;
+        t = r * this.cos * C, i = r * this.sin * k, this.findOne(".top-right").x(v.x + t), this.findOne(".top-right").y(v.y - i);
       }
       var f = n.position();
       this.findOne(".top-left").y(f.y), this.findOne(".bottom-right").x(f.x);
@@ -6730,52 +6730,52 @@ class U extends At {
       this.findOne(".bottom-right").x(n.x());
     else if (this._movingAnchorName === "bottom-left") {
       if (u) {
-        const S = p ? {
+        const v = p ? {
           x: this.width() / 2,
           y: this.height() / 2
         } : {
           x: this.findOne(".top-right").x(),
           y: this.findOne(".top-right").y()
         };
-        r = Math.sqrt(Math.pow(S.x - n.x(), 2) + Math.pow(n.y() - S.y, 2));
-        const C = S.x < n.x() ? -1 : 1, k = n.y() < S.y ? -1 : 1;
-        t = r * this.cos * C, i = r * this.sin * k, n.x(S.x - t), n.y(S.y + i);
+        r = Math.sqrt(Math.pow(v.x - n.x(), 2) + Math.pow(n.y() - v.y, 2));
+        const C = v.x < n.x() ? -1 : 1, k = n.y() < v.y ? -1 : 1;
+        t = r * this.cos * C, i = r * this.sin * k, n.x(v.x - t), n.y(v.y + i);
       }
       f = n.position(), this.findOne(".top-left").x(f.x), this.findOne(".bottom-right").y(f.y);
     } else if (this._movingAnchorName === "bottom-center")
       this.findOne(".bottom-right").y(n.y());
     else if (this._movingAnchorName === "bottom-right") {
       if (u) {
-        const S = p ? {
+        const v = p ? {
           x: this.width() / 2,
           y: this.height() / 2
         } : {
           x: this.findOne(".top-left").x(),
           y: this.findOne(".top-left").y()
         };
-        r = Math.sqrt(Math.pow(n.x() - S.x, 2) + Math.pow(n.y() - S.y, 2));
-        const C = this.findOne(".bottom-right").x() < S.x ? -1 : 1, k = this.findOne(".bottom-right").y() < S.y ? -1 : 1;
-        t = r * this.cos * C, i = r * this.sin * k, this.findOne(".bottom-right").x(S.x + t), this.findOne(".bottom-right").y(S.y + i);
+        r = Math.sqrt(Math.pow(n.x() - v.x, 2) + Math.pow(n.y() - v.y, 2));
+        const C = this.findOne(".bottom-right").x() < v.x ? -1 : 1, k = this.findOne(".bottom-right").y() < v.y ? -1 : 1;
+        t = r * this.cos * C, i = r * this.sin * k, this.findOne(".bottom-right").x(v.x + t), this.findOne(".bottom-right").y(v.y + i);
       }
     } else
       console.error(new Error("Wrong position argument of selection resizer: " + this._movingAnchorName));
     if (p = this.centeredScaling() || e.altKey, p) {
-      const S = this.findOne(".top-left"), C = this.findOne(".bottom-right"), k = S.x(), x = S.y(), P = this.getWidth() - C.x(), D = this.getHeight() - C.y();
+      const v = this.findOne(".top-left"), C = this.findOne(".bottom-right"), k = v.x(), P = v.y(), x = this.getWidth() - C.x(), D = this.getHeight() - C.y();
       C.move({
         x: -k,
-        y: -x
-      }), S.move({
-        x: P,
+        y: -P
+      }), v.move({
+        x,
         y: D
       });
     }
     const m = this.findOne(".top-left").getAbsolutePosition();
     t = m.x, i = m.y;
-    const v = this.findOne(".bottom-right").x() - this.findOne(".top-left").x(), T = this.findOne(".bottom-right").y() - this.findOne(".top-left").y();
+    const S = this.findOne(".bottom-right").x() - this.findOne(".top-left").x(), T = this.findOne(".bottom-right").y() - this.findOne(".top-left").y();
     this._fitNodesInto({
       x: t,
       y: i,
-      width: v,
+      width: S,
       height: T,
       rotation: M.getAngle(this.rotation())
     }, e);
@@ -6807,7 +6807,7 @@ class U extends At {
       this.update();
       return;
     }
-    const n = new ve();
+    const n = new Ce();
     if (n.rotate(M.getAngle(this.rotation())), this._movingAnchorName && e.width < 0 && this._movingAnchorName.indexOf("left") >= 0) {
       const u = n.point({
         x: -this.padding() * 2,
@@ -6838,9 +6838,9 @@ class U extends At {
       const u = this.boundBoxFunc()(i, e);
       u ? e = u : b.warn("boundBoxFunc returned falsy. You should return new bound rect from it!");
     }
-    const a = 1e7, o = new ve();
+    const a = 1e7, o = new Ce();
     o.translate(i.x, i.y), o.rotate(i.rotation), o.scale(i.width / a, i.height / a);
-    const l = new ve(), c = e.width / a, h = e.height / a;
+    const l = new Ce(), c = e.width / a, h = e.height / a;
     this.flipEnabled() === !1 ? (l.translate(e.x, e.y), l.rotate(e.rotation), l.translate(e.width < 0 ? e.width : 0, e.height < 0 ? e.height : 0), l.scale(Math.abs(c), Math.abs(h))) : (l.translate(e.x, e.y), l.rotate(e.rotation), l.scale(c, h));
     const d = l.multiply(o.invert());
     this._nodes.forEach((u) => {
@@ -6849,9 +6849,9 @@ class U extends At {
         return;
       const f = u.getParent().getAbsoluteTransform(), m = u.getTransform().copy();
       m.translate(u.offsetX(), u.offsetY());
-      const v = new ve();
-      v.multiply(f.copy().invert()).multiply(d).multiply(f).multiply(m);
-      const T = v.decompose();
+      const S = new Ce();
+      S.multiply(f.copy().invert()).multiply(d).multiply(f).multiply(m);
+      const T = S.decompose();
       u.setAttrs(T), (p = u.getLayer()) === null || p === void 0 || p.batchDraw();
     }), this.rotation(b._getRotation(e.rotation)), this._nodes.forEach((u) => {
       this._fire("transform", { evt: t, target: u }), u._fire("transform", { evt: t, target: u });
@@ -6868,8 +6868,8 @@ class U extends At {
     const t = this._getNodeRect();
     this.rotation(b._getRotation(t.rotation));
     const i = t.width, r = t.height, n = this.enabledAnchors(), a = this.resizeEnabled(), o = this.padding(), l = this.anchorSize(), c = this.find("._anchor");
-    c.forEach((P) => {
-      P.setAttrs({
+    c.forEach((x) => {
+      x.setAttrs({
         width: l,
         height: l,
         offsetX: l / 2,
@@ -6924,12 +6924,12 @@ class U extends At {
       offsetY: l / 2 - o,
       visible: a && n.indexOf("bottom-right") >= 0
     });
-    const h = this.rotateAnchorAngle(), d = this.rotateAnchorOffset(), u = b.degToRad(h), p = Math.sin(u), f = -Math.cos(u), m = i / 2, v = r / 2;
+    const h = this.rotateAnchorAngle(), d = this.rotateAnchorOffset(), u = b.degToRad(h), p = Math.sin(u), f = -Math.cos(u), m = i / 2, S = r / 2;
     let T = 1 / 0;
-    f < 0 ? T = Math.min(T, -v / f) : f > 0 && (T = Math.min(T, (r - v) / f)), p < 0 ? T = Math.min(T, -m / p) : p > 0 && (T = Math.min(T, (i - m) / p));
-    const S = m + p * T, C = v + f * T, k = b._sign(r);
+    f < 0 ? T = Math.min(T, -S / f) : f > 0 && (T = Math.min(T, (r - S) / f)), p < 0 ? T = Math.min(T, -m / p) : p > 0 && (T = Math.min(T, (i - m) / p));
+    const v = m + p * T, C = S + f * T, k = b._sign(r);
     this._batchChangeChild(".rotater", {
-      x: S + p * d * k,
+      x: v + p * d * k,
       y: C + f * d * k - o * f,
       visible: this.rotateEnabled()
     }), this._batchChangeChild(".back", {
@@ -6939,13 +6939,13 @@ class U extends At {
       stroke: this.borderStroke(),
       strokeWidth: this.borderStrokeWidth(),
       dash: this.borderDash(),
-      draggable: this.nodes().some((P) => P.draggable()),
+      draggable: this.nodes().some((x) => x.draggable()),
       x: 0,
       y: 0
     });
-    const x = this.anchorStyleFunc();
-    x && c.forEach((P) => {
-      x(P);
+    const P = this.anchorStyleFunc();
+    P && c.forEach((x) => {
+      P(x);
     }), (e = this.getLayer()) === null || e === void 0 || e.batchDraw();
   }
   isTransforming() {
@@ -6971,46 +6971,46 @@ class U extends At {
     return this.nodes().length > 0 ? super.getClientRect() : { x: 0, y: 0, width: 0, height: 0 };
   }
 }
-U.isTransforming = () => Ur > 0;
+W.isTransforming = () => Ur > 0;
 function ac(s) {
   return s instanceof Array || b.warn("enabledAnchors value should be an array"), s instanceof Array && s.forEach(function(e) {
     Vi.indexOf(e) === -1 && b.warn("Unknown anchor name: " + e + ". Available names are: " + Vi.join(", "));
   }), s || [];
 }
-U.prototype.className = "Transformer";
-oe(U);
-y.addGetterSetter(U, "enabledAnchors", Vi, ac);
-y.addGetterSetter(U, "flipEnabled", !0, Ie());
-y.addGetterSetter(U, "resizeEnabled", !0);
-y.addGetterSetter(U, "anchorSize", 10, R());
-y.addGetterSetter(U, "rotateEnabled", !0);
-y.addGetterSetter(U, "rotateLineVisible", !0);
-y.addGetterSetter(U, "rotationSnaps", []);
-y.addGetterSetter(U, "rotateAnchorOffset", 50, R());
-y.addGetterSetter(U, "rotateAnchorAngle", 0, R());
-y.addGetterSetter(U, "rotateAnchorCursor", "crosshair");
-y.addGetterSetter(U, "rotationSnapTolerance", 5, R());
-y.addGetterSetter(U, "borderEnabled", !0);
-y.addGetterSetter(U, "anchorStroke", "rgb(0, 161, 255)");
-y.addGetterSetter(U, "anchorStrokeWidth", 1, R());
-y.addGetterSetter(U, "anchorFill", "white");
-y.addGetterSetter(U, "anchorCornerRadius", 0, R());
-y.addGetterSetter(U, "borderStroke", "rgb(0, 161, 255)");
-y.addGetterSetter(U, "borderStrokeWidth", 1, R());
-y.addGetterSetter(U, "borderDash");
-y.addGetterSetter(U, "keepRatio", !0);
-y.addGetterSetter(U, "shiftBehavior", "default");
-y.addGetterSetter(U, "centeredScaling", !1);
-y.addGetterSetter(U, "ignoreStroke", !1);
-y.addGetterSetter(U, "padding", 0, R());
-y.addGetterSetter(U, "nodes");
-y.addGetterSetter(U, "node");
-y.addGetterSetter(U, "boundBoxFunc");
-y.addGetterSetter(U, "anchorDragBoundFunc");
-y.addGetterSetter(U, "anchorStyleFunc");
-y.addGetterSetter(U, "shouldOverdrawWholeArea", !1);
-y.addGetterSetter(U, "useSingleNodeRotation", !0);
-y.backCompat(U, {
+W.prototype.className = "Transformer";
+oe(W);
+y.addGetterSetter(W, "enabledAnchors", Vi, ac);
+y.addGetterSetter(W, "flipEnabled", !0, Ie());
+y.addGetterSetter(W, "resizeEnabled", !0);
+y.addGetterSetter(W, "anchorSize", 10, R());
+y.addGetterSetter(W, "rotateEnabled", !0);
+y.addGetterSetter(W, "rotateLineVisible", !0);
+y.addGetterSetter(W, "rotationSnaps", []);
+y.addGetterSetter(W, "rotateAnchorOffset", 50, R());
+y.addGetterSetter(W, "rotateAnchorAngle", 0, R());
+y.addGetterSetter(W, "rotateAnchorCursor", "crosshair");
+y.addGetterSetter(W, "rotationSnapTolerance", 5, R());
+y.addGetterSetter(W, "borderEnabled", !0);
+y.addGetterSetter(W, "anchorStroke", "rgb(0, 161, 255)");
+y.addGetterSetter(W, "anchorStrokeWidth", 1, R());
+y.addGetterSetter(W, "anchorFill", "white");
+y.addGetterSetter(W, "anchorCornerRadius", 0, R());
+y.addGetterSetter(W, "borderStroke", "rgb(0, 161, 255)");
+y.addGetterSetter(W, "borderStrokeWidth", 1, R());
+y.addGetterSetter(W, "borderDash");
+y.addGetterSetter(W, "keepRatio", !0);
+y.addGetterSetter(W, "shiftBehavior", "default");
+y.addGetterSetter(W, "centeredScaling", !1);
+y.addGetterSetter(W, "ignoreStroke", !1);
+y.addGetterSetter(W, "padding", 0, R());
+y.addGetterSetter(W, "nodes");
+y.addGetterSetter(W, "node");
+y.addGetterSetter(W, "boundBoxFunc");
+y.addGetterSetter(W, "anchorDragBoundFunc");
+y.addGetterSetter(W, "anchorStyleFunc");
+y.addGetterSetter(W, "shouldOverdrawWholeArea", !1);
+y.addGetterSetter(W, "useSingleNodeRotation", !0);
+y.backCompat(W, {
   lineEnabled: "borderEnabled",
   rotateHandlerOffset: "rotateAnchorOffset",
   enabledHandlers: "enabledAnchors"
@@ -7562,33 +7562,33 @@ const oc = [
 ];
 function cc(s, e) {
   const t = s.data, i = s.width, r = s.height;
-  let n, a, o, l, c, h, d, u, p, f, m, v, T, S, C, k, x, P, D, w;
-  const A = e + e + 1, B = i - 1, $ = r - 1, F = e + 1, V = F * (F + 1) / 2, z = new qn(), H = oc[e], L = lc[e];
-  let X = null, N = z, Q = null, ae = null;
-  for (let W = 1; W < A; W++)
-    N = N.next = new qn(), W === F && (X = N);
-  N.next = z, o = a = 0;
-  for (let W = 0; W < r; W++) {
-    v = T = S = C = l = c = h = d = 0, u = F * (k = t[a]), p = F * (x = t[a + 1]), f = F * (P = t[a + 2]), m = F * (D = t[a + 3]), l += V * k, c += V * x, h += V * P, d += V * D, N = z;
+  let n, a, o, l, c, h, d, u, p, f, m, S, T, v, C, k, P, x, D, w;
+  const A = e + e + 1, B = i - 1, z = r - 1, F = e + 1, $ = F * (F + 1) / 2, V = new qn(), H = oc[e], L = lc[e];
+  let X = null, N = V, Q = null, ae = null;
+  for (let Y = 1; Y < A; Y++)
+    N = N.next = new qn(), Y === F && (X = N);
+  N.next = V, o = a = 0;
+  for (let Y = 0; Y < r; Y++) {
+    S = T = v = C = l = c = h = d = 0, u = F * (k = t[a]), p = F * (P = t[a + 1]), f = F * (x = t[a + 2]), m = F * (D = t[a + 3]), l += $ * k, c += $ * P, h += $ * x, d += $ * D, N = V;
     for (let K = 0; K < F; K++)
-      N.r = k, N.g = x, N.b = P, N.a = D, N = N.next;
+      N.r = k, N.g = P, N.b = x, N.a = D, N = N.next;
     for (let K = 1; K < F; K++)
-      n = a + ((B < K ? B : K) << 2), l += (N.r = k = t[n]) * (w = F - K), c += (N.g = x = t[n + 1]) * w, h += (N.b = P = t[n + 2]) * w, d += (N.a = D = t[n + 3]) * w, v += k, T += x, S += P, C += D, N = N.next;
-    Q = z, ae = X;
+      n = a + ((B < K ? B : K) << 2), l += (N.r = k = t[n]) * (w = F - K), c += (N.g = P = t[n + 1]) * w, h += (N.b = x = t[n + 2]) * w, d += (N.a = D = t[n + 3]) * w, S += k, T += P, v += x, C += D, N = N.next;
+    Q = V, ae = X;
     for (let K = 0; K < i; K++)
-      t[a + 3] = D = d * H >> L, D !== 0 ? (D = 255 / D, t[a] = (l * H >> L) * D, t[a + 1] = (c * H >> L) * D, t[a + 2] = (h * H >> L) * D) : t[a] = t[a + 1] = t[a + 2] = 0, l -= u, c -= p, h -= f, d -= m, u -= Q.r, p -= Q.g, f -= Q.b, m -= Q.a, n = o + ((n = K + e + 1) < B ? n : B) << 2, v += Q.r = t[n], T += Q.g = t[n + 1], S += Q.b = t[n + 2], C += Q.a = t[n + 3], l += v, c += T, h += S, d += C, Q = Q.next, u += k = ae.r, p += x = ae.g, f += P = ae.b, m += D = ae.a, v -= k, T -= x, S -= P, C -= D, ae = ae.next, a += 4;
+      t[a + 3] = D = d * H >> L, D !== 0 ? (D = 255 / D, t[a] = (l * H >> L) * D, t[a + 1] = (c * H >> L) * D, t[a + 2] = (h * H >> L) * D) : t[a] = t[a + 1] = t[a + 2] = 0, l -= u, c -= p, h -= f, d -= m, u -= Q.r, p -= Q.g, f -= Q.b, m -= Q.a, n = o + ((n = K + e + 1) < B ? n : B) << 2, S += Q.r = t[n], T += Q.g = t[n + 1], v += Q.b = t[n + 2], C += Q.a = t[n + 3], l += S, c += T, h += v, d += C, Q = Q.next, u += k = ae.r, p += P = ae.g, f += x = ae.b, m += D = ae.a, S -= k, T -= P, v -= x, C -= D, ae = ae.next, a += 4;
     o += i;
   }
-  for (let W = 0; W < i; W++) {
-    T = S = C = v = c = h = d = l = 0, a = W << 2, u = F * (k = t[a]), p = F * (x = t[a + 1]), f = F * (P = t[a + 2]), m = F * (D = t[a + 3]), l += V * k, c += V * x, h += V * P, d += V * D, N = z;
-    for (let fe = 0; fe < F; fe++)
-      N.r = k, N.g = x, N.b = P, N.a = D, N = N.next;
+  for (let Y = 0; Y < i; Y++) {
+    T = v = C = S = c = h = d = l = 0, a = Y << 2, u = F * (k = t[a]), p = F * (P = t[a + 1]), f = F * (x = t[a + 2]), m = F * (D = t[a + 3]), l += $ * k, c += $ * P, h += $ * x, d += $ * D, N = V;
+    for (let me = 0; me < F; me++)
+      N.r = k, N.g = P, N.b = x, N.a = D, N = N.next;
     let K = i;
-    for (let fe = 1; fe <= e; fe++)
-      a = K + W << 2, l += (N.r = k = t[a]) * (w = F - fe), c += (N.g = x = t[a + 1]) * w, h += (N.b = P = t[a + 2]) * w, d += (N.a = D = t[a + 3]) * w, v += k, T += x, S += P, C += D, N = N.next, fe < $ && (K += i);
-    a = W, Q = z, ae = X;
-    for (let fe = 0; fe < r; fe++)
-      n = a << 2, t[n + 3] = D = d * H >> L, D > 0 ? (D = 255 / D, t[n] = (l * H >> L) * D, t[n + 1] = (c * H >> L) * D, t[n + 2] = (h * H >> L) * D) : t[n] = t[n + 1] = t[n + 2] = 0, l -= u, c -= p, h -= f, d -= m, u -= Q.r, p -= Q.g, f -= Q.b, m -= Q.a, n = W + ((n = fe + F) < $ ? n : $) * i << 2, l += v += Q.r = t[n], c += T += Q.g = t[n + 1], h += S += Q.b = t[n + 2], d += C += Q.a = t[n + 3], Q = Q.next, u += k = ae.r, p += x = ae.g, f += P = ae.b, m += D = ae.a, v -= k, T -= x, S -= P, C -= D, ae = ae.next, a += i;
+    for (let me = 1; me <= e; me++)
+      a = K + Y << 2, l += (N.r = k = t[a]) * (w = F - me), c += (N.g = P = t[a + 1]) * w, h += (N.b = x = t[a + 2]) * w, d += (N.a = D = t[a + 3]) * w, S += k, T += P, v += x, C += D, N = N.next, me < z && (K += i);
+    a = Y, Q = V, ae = X;
+    for (let me = 0; me < r; me++)
+      n = a << 2, t[n + 3] = D = d * H >> L, D > 0 ? (D = 255 / D, t[n] = (l * H >> L) * D, t[n + 1] = (c * H >> L) * D, t[n + 2] = (h * H >> L) * D) : t[n] = t[n + 1] = t[n + 2] = 0, l -= u, c -= p, h -= f, d -= m, u -= Q.r, p -= Q.g, f -= Q.b, m -= Q.a, n = Y + ((n = me + F) < z ? n : z) * i << 2, l += S += Q.r = t[n], c += T += Q.g = t[n + 1], h += v += Q.b = t[n + 2], d += C += Q.a = t[n + 3], Q = Q.next, u += k = ae.r, p += P = ae.g, f += x = ae.b, m += D = ae.a, S -= k, T -= P, v -= x, C -= D, ae = ae.next, a += i;
   }
 }
 const hc = function(e) {
@@ -7615,7 +7615,7 @@ const uc = function(s) {
 y.addGetterSetter(E, "contrast", 0, R(), y.afterSetFilter);
 const gc = function(s) {
   var e, t, i, r, n, a, o, l, c;
-  const h = s.data, d = s.width, u = s.height, p = Math.min(1, Math.max(0, (t = (e = this.embossStrength) === null || e === void 0 ? void 0 : e.call(this)) !== null && t !== void 0 ? t : 0.5)), f = Math.min(1, Math.max(0, (r = (i = this.embossWhiteLevel) === null || i === void 0 ? void 0 : i.call(this)) !== null && r !== void 0 ? r : 0.5)), v = (o = {
+  const h = s.data, d = s.width, u = s.height, p = Math.min(1, Math.max(0, (t = (e = this.embossStrength) === null || e === void 0 ? void 0 : e.call(this)) !== null && t !== void 0 ? t : 0.5)), f = Math.min(1, Math.max(0, (r = (i = this.embossWhiteLevel) === null || i === void 0 ? void 0 : i.call(this)) !== null && r !== void 0 ? r : 0.5)), S = (o = {
     "top-left": 315,
     top: 270,
     "top-right": 225,
@@ -7624,28 +7624,28 @@ const gc = function(s) {
     bottom: 90,
     "bottom-left": 45,
     left: 0
-  }[(a = (n = this.embossDirection) === null || n === void 0 ? void 0 : n.call(this)) !== null && a !== void 0 ? a : "top-left"]) !== null && o !== void 0 ? o : 315, T = !!((c = (l = this.embossBlend) === null || l === void 0 ? void 0 : l.call(this)) !== null && c !== void 0 && c), S = p * 10, C = f * 255, k = v * Math.PI / 180, x = Math.cos(k), P = Math.sin(k), D = 128 / 1020 * S, w = new Uint8ClampedArray(h), A = new Float32Array(d * u);
-  for (let z = 0, H = 0; H < h.length; H += 4, z++)
-    A[z] = 0.2126 * w[H] + 0.7152 * w[H + 1] + 0.0722 * w[H + 2];
-  const B = [-1, 0, 1, -2, 0, 2, -1, 0, 1], $ = [-1, -2, -1, 0, 0, 0, 1, 2, 1], F = [-d - 1, -d, -d + 1, -1, 0, 1, d - 1, d, d + 1], V = (z) => z < 0 ? 0 : z > 255 ? 255 : z;
-  for (let z = 1; z < u - 1; z++)
+  }[(a = (n = this.embossDirection) === null || n === void 0 ? void 0 : n.call(this)) !== null && a !== void 0 ? a : "top-left"]) !== null && o !== void 0 ? o : 315, T = !!((c = (l = this.embossBlend) === null || l === void 0 ? void 0 : l.call(this)) !== null && c !== void 0 && c), v = p * 10, C = f * 255, k = S * Math.PI / 180, P = Math.cos(k), x = Math.sin(k), D = 128 / 1020 * v, w = new Uint8ClampedArray(h), A = new Float32Array(d * u);
+  for (let V = 0, H = 0; H < h.length; H += 4, V++)
+    A[V] = 0.2126 * w[H] + 0.7152 * w[H + 1] + 0.0722 * w[H + 2];
+  const B = [-1, 0, 1, -2, 0, 2, -1, 0, 1], z = [-1, -2, -1, 0, 0, 0, 1, 2, 1], F = [-d - 1, -d, -d + 1, -1, 0, 1, d - 1, d, d + 1], $ = (V) => V < 0 ? 0 : V > 255 ? 255 : V;
+  for (let V = 1; V < u - 1; V++)
     for (let H = 1; H < d - 1; H++) {
-      const L = z * d + H;
+      const L = V * d + H;
       let X = 0, N = 0;
-      X += A[L + F[0]] * B[0], N += A[L + F[0]] * $[0], X += A[L + F[1]] * B[1], N += A[L + F[1]] * $[1], X += A[L + F[2]] * B[2], N += A[L + F[2]] * $[2], X += A[L + F[3]] * B[3], N += A[L + F[3]] * $[3], X += A[L + F[5]] * B[5], N += A[L + F[5]] * $[5], X += A[L + F[6]] * B[6], N += A[L + F[6]] * $[6], X += A[L + F[7]] * B[7], N += A[L + F[7]] * $[7], X += A[L + F[8]] * B[8], N += A[L + F[8]] * $[8];
-      const Q = x * X + P * N, ae = V(C + Q * D), W = L * 4;
+      X += A[L + F[0]] * B[0], N += A[L + F[0]] * z[0], X += A[L + F[1]] * B[1], N += A[L + F[1]] * z[1], X += A[L + F[2]] * B[2], N += A[L + F[2]] * z[2], X += A[L + F[3]] * B[3], N += A[L + F[3]] * z[3], X += A[L + F[5]] * B[5], N += A[L + F[5]] * z[5], X += A[L + F[6]] * B[6], N += A[L + F[6]] * z[6], X += A[L + F[7]] * B[7], N += A[L + F[7]] * z[7], X += A[L + F[8]] * B[8], N += A[L + F[8]] * z[8];
+      const Q = P * X + x * N, ae = $(C + Q * D), Y = L * 4;
       if (T) {
         const K = ae - C;
-        h[W] = V(w[W] + K), h[W + 1] = V(w[W + 1] + K), h[W + 2] = V(w[W + 2] + K), h[W + 3] = w[W + 3];
+        h[Y] = $(w[Y] + K), h[Y + 1] = $(w[Y + 1] + K), h[Y + 2] = $(w[Y + 2] + K), h[Y + 3] = w[Y + 3];
       } else
-        h[W] = h[W + 1] = h[W + 2] = ae, h[W + 3] = w[W + 3];
+        h[Y] = h[Y + 1] = h[Y + 2] = ae, h[Y + 3] = w[Y + 3];
     }
-  for (let z = 0; z < d; z++) {
-    let H = z * 4, L = ((u - 1) * d + z) * 4;
+  for (let V = 0; V < d; V++) {
+    let H = V * 4, L = ((u - 1) * d + V) * 4;
     h[H] = w[H], h[H + 1] = w[H + 1], h[H + 2] = w[H + 2], h[H + 3] = w[H + 3], h[L] = w[L], h[L + 1] = w[L + 1], h[L + 2] = w[L + 2], h[L + 3] = w[L + 3];
   }
-  for (let z = 1; z < u - 1; z++) {
-    let H = z * d * 4, L = (z * d + (d - 1)) * 4;
+  for (let V = 1; V < u - 1; V++) {
+    let H = V * d * 4, L = (V * d + (d - 1)) * 4;
     h[H] = w[H], h[H + 1] = w[H + 1], h[H + 2] = w[H + 2], h[H + 3] = w[H + 3], h[L] = w[L], h[L + 1] = w[L + 1], h[L + 2] = w[L + 2], h[L + 3] = w[L + 3];
   }
   return s;
@@ -7672,19 +7672,19 @@ const fc = function(s) {
   for (let C = 0; C < t; C += 4)
     n = e[C + 0], n < i ? i = n : n > r && (r = n), l = e[C + 1], l < a ? a = l : l > o && (o = l), d = e[C + 2], d < c ? c = d : d > h && (h = d);
   r === i && (r = 255, i = 0), o === a && (o = 255, a = 0), h === c && (h = 255, c = 0);
-  let p, f, m, v, T, S;
+  let p, f, m, S, T, v;
   if (u > 0)
-    p = r + u * (255 - r), f = i - u * (i - 0), m = o + u * (255 - o), v = a - u * (a - 0), T = h + u * (255 - h), S = c - u * (c - 0);
+    p = r + u * (255 - r), f = i - u * (i - 0), m = o + u * (255 - o), S = a - u * (a - 0), T = h + u * (255 - h), v = c - u * (c - 0);
   else {
     const C = (r + i) * 0.5;
     p = r + u * (r - C), f = i + u * (i - C);
     const k = (o + a) * 0.5;
-    m = o + u * (o - k), v = a + u * (a - k);
-    const x = (h + c) * 0.5;
-    T = h + u * (h - x), S = c + u * (c - x);
+    m = o + u * (o - k), S = a + u * (a - k);
+    const P = (h + c) * 0.5;
+    T = h + u * (h - P), v = c + u * (c - P);
   }
   for (let C = 0; C < t; C += 4)
-    e[C + 0] = fr(e[C + 0], i, r, f, p), e[C + 1] = fr(e[C + 1], a, o, v, m), e[C + 2] = fr(e[C + 2], c, h, S, T);
+    e[C + 0] = fr(e[C + 0], i, r, f, p), e[C + 1] = fr(e[C + 1], a, o, S, m), e[C + 2] = fr(e[C + 2], c, h, v, T);
 };
 y.addGetterSetter(E, "enhance", 0, R(), y.afterSetFilter);
 const mc = function(s) {
@@ -7698,15 +7698,15 @@ y.addGetterSetter(E, "hue", 0, R(), y.afterSetFilter);
 y.addGetterSetter(E, "saturation", 0, R(), y.afterSetFilter);
 y.addGetterSetter(E, "luminance", 0, R(), y.afterSetFilter);
 const yc = function(s) {
-  const e = s.data, t = e.length, i = 1, r = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, a = this.luminance() * 127, o = i * r * Math.cos(n * Math.PI / 180), l = i * r * Math.sin(n * Math.PI / 180), c = 0.299 * i + 0.701 * o + 0.167 * l, h = 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, p = 0.587 * i + 0.413 * o + 0.035 * l, f = 0.114 * i - 0.114 * o + 0.293 * l, m = 0.299 * i - 0.3 * o + 1.25 * l, v = 0.587 * i - 0.586 * o - 1.05 * l, T = 0.114 * i + 0.886 * o - 0.2 * l;
-  let S, C, k, x;
-  for (let P = 0; P < t; P += 4)
-    S = e[P + 0], C = e[P + 1], k = e[P + 2], x = e[P + 3], e[P + 0] = c * S + h * C + d * k + a, e[P + 1] = u * S + p * C + f * k + a, e[P + 2] = m * S + v * C + T * k + a, e[P + 3] = x;
+  const e = s.data, t = e.length, i = 1, r = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, a = this.luminance() * 127, o = i * r * Math.cos(n * Math.PI / 180), l = i * r * Math.sin(n * Math.PI / 180), c = 0.299 * i + 0.701 * o + 0.167 * l, h = 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, p = 0.587 * i + 0.413 * o + 0.035 * l, f = 0.114 * i - 0.114 * o + 0.293 * l, m = 0.299 * i - 0.3 * o + 1.25 * l, S = 0.587 * i - 0.586 * o - 1.05 * l, T = 0.114 * i + 0.886 * o - 0.2 * l;
+  let v, C, k, P;
+  for (let x = 0; x < t; x += 4)
+    v = e[x + 0], C = e[x + 1], k = e[x + 2], P = e[x + 3], e[x + 0] = c * v + h * C + d * k + a, e[x + 1] = u * v + p * C + f * k + a, e[x + 2] = m * v + S * C + T * k + a, e[x + 3] = P;
 }, Sc = function(s) {
-  const e = s.data, t = e.length, i = Math.pow(2, this.value()), r = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, a = i * r * Math.cos(n * Math.PI / 180), o = i * r * Math.sin(n * Math.PI / 180), l = 0.299 * i + 0.701 * a + 0.167 * o, c = 0.587 * i - 0.587 * a + 0.33 * o, h = 0.114 * i - 0.114 * a - 0.497 * o, d = 0.299 * i - 0.299 * a - 0.328 * o, u = 0.587 * i + 0.413 * a + 0.035 * o, p = 0.114 * i - 0.114 * a + 0.293 * o, f = 0.299 * i - 0.3 * a + 1.25 * o, m = 0.587 * i - 0.586 * a - 1.05 * o, v = 0.114 * i + 0.886 * a - 0.2 * o;
+  const e = s.data, t = e.length, i = Math.pow(2, this.value()), r = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, a = i * r * Math.cos(n * Math.PI / 180), o = i * r * Math.sin(n * Math.PI / 180), l = 0.299 * i + 0.701 * a + 0.167 * o, c = 0.587 * i - 0.587 * a + 0.33 * o, h = 0.114 * i - 0.114 * a - 0.497 * o, d = 0.299 * i - 0.299 * a - 0.328 * o, u = 0.587 * i + 0.413 * a + 0.035 * o, p = 0.114 * i - 0.114 * a + 0.293 * o, f = 0.299 * i - 0.3 * a + 1.25 * o, m = 0.587 * i - 0.586 * a - 1.05 * o, S = 0.114 * i + 0.886 * a - 0.2 * o;
   for (let T = 0; T < t; T += 4) {
-    const S = e[T + 0], C = e[T + 1], k = e[T + 2], x = e[T + 3];
-    e[T + 0] = l * S + c * C + h * k, e[T + 1] = d * S + u * C + p * k, e[T + 2] = f * S + m * C + v * k, e[T + 3] = x;
+    const v = e[T + 0], C = e[T + 1], k = e[T + 2], P = e[T + 3];
+    e[T + 0] = l * v + c * C + h * k, e[T + 1] = d * v + u * C + p * k, e[T + 2] = f * v + m * C + S * k, e[T + 3] = P;
   }
 };
 y.addGetterSetter(E, "hue", 0, R(), y.afterSetFilter);
@@ -7722,13 +7722,13 @@ const vc = function(s) {
   const u = Math.sqrt(h * h + d * d);
   c = u > c ? u : c;
   const p = a, f = n, m = 360 / f * Math.PI / 180;
-  for (let v = 0; v < f; v += 1) {
-    const T = Math.sin(v * m), S = Math.cos(v * m);
+  for (let S = 0; S < f; S += 1) {
+    const T = Math.sin(S * m), v = Math.cos(S * m);
     for (let C = 0; C < p; C += 1) {
-      h = Math.floor(o + c * C / p * S), d = Math.floor(l + c * C / p * T);
+      h = Math.floor(o + c * C / p * v), d = Math.floor(l + c * C / p * T);
       let k = (d * n + h) * 4;
-      const x = i[k + 0], P = i[k + 1], D = i[k + 2], w = i[k + 3];
-      k = (v + C * n) * 4, r[k + 0] = x, r[k + 1] = P, r[k + 2] = D, r[k + 3] = w;
+      const P = i[k + 0], x = i[k + 1], D = i[k + 2], w = i[k + 3];
+      k = (S + C * n) * 4, r[k + 0] = P, r[k + 1] = x, r[k + 2] = D, r[k + 3] = w;
     }
   }
 }, Tc = function(s, e, t) {
@@ -7737,15 +7737,15 @@ const vc = function(s) {
   const u = Math.sqrt(h * h + d * d);
   c = u > c ? u : c;
   const p = a, f = n, m = 0;
-  let v, T;
+  let S, T;
   for (h = 0; h < n; h += 1)
     for (d = 0; d < a; d += 1) {
-      const S = h - o, C = d - l, k = Math.sqrt(S * S + C * C) * p / c;
-      let x = (Math.atan2(C, S) * 180 / Math.PI + 360 + m) % 360;
-      x = x * f / 360, v = Math.floor(x), T = Math.floor(k);
-      let P = (T * n + v) * 4;
-      const D = i[P + 0], w = i[P + 1], A = i[P + 2], B = i[P + 3];
-      P = (d * n + h) * 4, r[P + 0] = D, r[P + 1] = w, r[P + 2] = A, r[P + 3] = B;
+      const v = h - o, C = d - l, k = Math.sqrt(v * v + C * C) * p / c;
+      let P = (Math.atan2(C, v) * 180 / Math.PI + 360 + m) % 360;
+      P = P * f / 360, S = Math.floor(P), T = Math.floor(k);
+      let x = (T * n + S) * 4;
+      const D = i[x + 0], w = i[x + 1], A = i[x + 2], B = i[x + 3];
+      x = (d * n + h) * 4, r[x + 0] = D, r[x + 1] = w, r[x + 2] = A, r[x + 3] = B;
     }
 }, bc = function(s) {
   const e = s.width, t = s.height;
@@ -7753,23 +7753,23 @@ const vc = function(s) {
   const f = Math.round(this.kaleidoscopeAngle()), m = Math.floor(e * (f % 360) / 360);
   if (p < 1)
     return;
-  const v = b.createCanvasElement();
-  v.width = e, v.height = t;
-  const T = v.getContext("2d").getImageData(0, 0, e, t);
-  b.releaseCanvas(v), Cc(s, T, {
+  const S = b.createCanvasElement();
+  S.width = e, S.height = t;
+  const T = S.getContext("2d").getImageData(0, 0, e, t);
+  b.releaseCanvas(S), Cc(s, T, {
     polarCenterX: e / 2,
     polarCenterY: t / 2
   });
-  let S = e / Math.pow(2, p);
-  for (; S <= 8; )
-    S = S * 2, p -= 1;
-  S = Math.ceil(S);
-  let C = S, k = 0, x = C, P = 1;
-  for (m + S > e && (k = C, x = 0, P = -1), r = 0; r < t; r += 1)
-    for (i = k; i !== x; i += P)
+  let v = e / Math.pow(2, p);
+  for (; v <= 8; )
+    v = v * 2, p -= 1;
+  v = Math.ceil(v);
+  let C = v, k = 0, P = C, x = 1;
+  for (m + v > e && (k = C, P = 0, x = -1), r = 0; r < t; r += 1)
+    for (i = k; i !== P; i += x)
       n = Math.round(i + m) % e, d = (e * r + n) * 4, o = T.data[d + 0], l = T.data[d + 1], c = T.data[d + 2], h = T.data[d + 3], u = (e * r + i) * 4, T.data[u + 0] = o, T.data[u + 1] = l, T.data[u + 2] = c, T.data[u + 3] = h;
   for (r = 0; r < t; r += 1)
-    for (C = Math.floor(S), a = 0; a < p; a += 1) {
+    for (C = Math.floor(v), a = 0; a < p; a += 1) {
       for (i = 0; i < C + 1; i += 1)
         d = (e * r + i) * 4, o = T.data[d + 0], l = T.data[d + 1], c = T.data[d + 2], h = T.data[d + 3], u = (e * r + C * 2 - i - 1) * 4, T.data[u + 0] = o, T.data[u + 1] = l, T.data[u + 2] = c, T.data[u + 3] = h;
       C *= 2;
@@ -7821,8 +7821,8 @@ function xc(s, e, t) {
         for (let u = 0; u < r; u++) {
           const p = o + d - n, f = l + u - n;
           if (p >= 0 && p < t && f >= 0 && f < e) {
-            const m = p * e + f, v = i[d * r + u];
-            h += s[m] * v;
+            const m = p * e + f, S = i[d * r + u];
+            h += s[m] * S;
           }
         }
       a[c] = h === 255 * 8 ? 255 : 0;
@@ -7839,8 +7839,8 @@ function _c(s, e, t) {
         for (let u = 0; u < r; u++) {
           const p = o + d - n, f = l + u - n;
           if (p >= 0 && p < t && f >= 0 && f < e) {
-            const m = p * e + f, v = i[d * r + u];
-            h += s[m] * v;
+            const m = p * e + f, S = i[d * r + u];
+            h += s[m] * S;
           }
         }
       a[c] = h >= 255 * 4 ? 255 : 0;
@@ -7867,8 +7867,8 @@ function Ac(s, e, t) {
         for (let u = 0; u < r; u++) {
           const p = o + d - n, f = l + u - n;
           if (p >= 0 && p < t && f >= 0 && f < e) {
-            const m = p * e + f, v = i[d * r + u];
-            h += s[m] * v;
+            const m = p * e + f, S = i[d * r + u];
+            h += s[m] * S;
           }
         }
       a[c] = h;
@@ -7896,23 +7896,23 @@ const Rc = function(s) {
   for (let o = 0; o < r; o += 1)
     for (let l = 0; l < n; l += 1) {
       let c = 0, h = 0, d = 0, u = 0;
-      const p = o * e, f = p + e, m = l * e, v = m + e;
+      const p = o * e, f = p + e, m = l * e, S = m + e;
       let T = 0;
-      for (let S = p; S < f; S += 1)
-        if (!(S >= t))
-          for (let C = m; C < v; C += 1) {
+      for (let v = p; v < f; v += 1)
+        if (!(v >= t))
+          for (let C = m; C < S; C += 1) {
             if (C >= i)
               continue;
-            const k = (t * C + S) * 4;
+            const k = (t * C + v) * 4;
             c += a[k + 0], h += a[k + 1], d += a[k + 2], u += a[k + 3], T += 1;
           }
       c = c / T, h = h / T, d = d / T, u = u / T;
-      for (let S = p; S < f; S += 1)
-        if (!(S >= t))
-          for (let C = m; C < v; C += 1) {
+      for (let v = p; v < f; v += 1)
+        if (!(v >= t))
+          for (let C = m; C < S; C += 1) {
             if (C >= i)
               continue;
-            const k = (t * C + S) * 4;
+            const k = (t * C + v) * 4;
             a[k + 0] = c, a[k + 1] = h, a[k + 2] = d, a[k + 3] = u;
           }
     }
@@ -7975,14 +7975,14 @@ const Bc = function(s) {
 };
 y.addGetterSetter(E, "threshold", 0.5, R(), y.afterSetFilter);
 const Z = Fn.Util._assign(Fn, {
-  Arc: $e,
+  Arc: ze,
   Arrow: ft,
   Circle: Mt,
   Ellipse: et,
   Image: Ee,
   Label: dn,
   Tag: mt,
-  Line: ze,
+  Line: $e,
   Path: ne,
   Rect: mi,
   RegularPolygon: tt,
@@ -7991,7 +7991,7 @@ const Z = Fn.Util._assign(Fn, {
   Star: it,
   Text: se,
   TextPath: he,
-  Transformer: U,
+  Transformer: W,
   Wedge: Ve,
   Filters: {
     Blur: hc,
@@ -8015,12 +8015,12 @@ const Z = Fn.Util._assign(Fn, {
     Solarize: Oc,
     Threshold: Fc
   }
-}), Ea = "media-editor-track.diagnostics.v1", Wr = "media-editor-track.diagnostics.failure-window.v1", Ra = "media-editor-track-diagnostics", Ze = "snapshots", Ma = "state", Da = "latest-failure-window", li = 1, un = 1, jn = 40, Nc = 48, Gc = 250, Kn = 20, Hc = 100, $c = 500, Yr = /* @__PURE__ */ new Set([
+}), Ea = "media-editor-track.diagnostics.v1", Wr = "media-editor-track.diagnostics.failure-window.v1", Ra = "media-editor-track-diagnostics", Ze = "snapshots", Ma = "state", Da = "latest-failure-window", li = 1, un = 1, jn = 40, Nc = 48, Gc = 250, Kn = 20, Hc = 100, zc = 500, Yr = /* @__PURE__ */ new Set([
   "pending-preview.begin",
   "preview.sync.requested",
   "media.seeking",
   "media.seeked"
-]), zc = /* @__PURE__ */ new Set([
+]), $c = /* @__PURE__ */ new Set([
   ...Yr,
   "media.current-slot.seek",
   "media.preload-slot.seek",
@@ -8041,7 +8041,7 @@ const Z = Fn.Util._assign(Fn, {
   maxHotEvents: 500,
   includeFullSourceUrl: !0,
   consoleSeverityThreshold: "error",
-  highFrequencyEventThrottleMs: $c
+  highFrequencyEventThrottleMs: zc
 };
 function Jn(s) {
   return `${s}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
@@ -8286,7 +8286,7 @@ function Oa(s) {
     summary: Ba(e)
   };
 }
-function $t(s, e, t = {}) {
+function zt(s, e, t = {}) {
   const i = s.slice(-e.maxSessions).map((n) => {
     const a = n.events.slice(-e.maxHotEvents);
     return Oa({
@@ -8376,7 +8376,7 @@ class nh {
     const t = Zc();
     this.latestFailureWindow = Jc(), this.state = {
       version: li,
-      sessions: $t((t == null ? void 0 : t.sessions) ?? [], this.config, {
+      sessions: zt((t == null ? void 0 : t.sessions) ?? [], this.config, {
         enforceStorageQuota: this.config.persist
       })
     }, this.restoreIndexedDbState();
@@ -8393,7 +8393,7 @@ class nh {
       events: [],
       summary: ii()
     };
-    return this.currentSessionId = i.sessionId, this.state.sessions = $t([...this.state.sessions, i], this.config), this.emit({
+    return this.currentSessionId = i.sessionId, this.state.sessions = zt([...this.state.sessions, i], this.config), this.emit({
       severity: "info",
       category: "session",
       eventName: "session.started",
@@ -8420,7 +8420,7 @@ class nh {
       return r === "skip-update" || (this.updateCoalescedEvent(n, e, i), this.schedulePersist(), this.scheduleNotify()), n;
     t.sequence += 1;
     const a = this.createEvent(t, e, i, t.sequence);
-    return t.events.push(a), jc(t.summary, a), this.trimSessionEvents(t), this.captureFailureWindow(t, a), this.state.sessions = $t(this.state.sessions, this.config), this.emitToConsole(a), this.schedulePersist(), this.scheduleNotify(), a;
+    return t.events.push(a), jc(t.summary, a), this.trimSessionEvents(t), this.captureFailureWindow(t, a), this.state.sessions = zt(this.state.sessions, this.config), this.emitToConsole(a), this.schedulePersist(), this.scheduleNotify(), a;
   }
   subscribe(e) {
     return this.listeners.add(e), e(this.getSnapshot()), () => {
@@ -8546,7 +8546,7 @@ class nh {
     return null;
   }
   resolveHighFrequencyDecision(e, t) {
-    if (e.severity === "warn" || e.severity === "error" || !zc.has(e.eventName))
+    if (e.severity === "warn" || e.severity === "error" || !$c.has(e.eventName))
       return "record";
     const i = this.config.highFrequencyEventThrottleMs;
     if (i <= 0)
@@ -8651,7 +8651,7 @@ class nh {
       return;
     const e = {
       version: li,
-      sessions: $t(this.state.sessions, this.config, {
+      sessions: zt(this.state.sessions, this.config, {
         enforceStorageQuota: !0
       })
     };
@@ -8689,7 +8689,7 @@ class nh {
       [...this.state.sessions, ...e.sessions].forEach((a) => {
         const o = Oa(a), l = n.get(o.sessionId);
         (!l || l.updatedAt < o.updatedAt) && n.set(o.sessionId, o);
-      }), this.state.sessions = $t(
+      }), this.state.sessions = zt(
         Array.from(n.values()).sort((a, o) => a.startedAt - o.startedAt),
         this.config,
         {
@@ -9003,14 +9003,14 @@ const ah = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.o
   ["clip-audio", fh],
   ["clip-without-audio", mh]
 ]), is = /* @__PURE__ */ new Map();
-function Te(s) {
+function be(s) {
   return yh.get(s) ?? "";
 }
 function Sh(s) {
   const e = is.get(s);
   if (e)
     return e;
-  const t = Te(s);
+  const t = be(s);
   if (!t)
     return null;
   const i = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}`, r = typeof Image > "u" ? {
@@ -9049,7 +9049,7 @@ function wh(s, e, t, i) {
   const r = s.findOne(".clip-resize-left"), n = s.findOne(".clip-resize-right");
   return !r || !n ? !1 : (r.x(0), r.y(0), r.width(ue), r.height(t), n.x(e - ue), n.y(0), n.width(ue), n.height(t), !0);
 }
-function $a(s, e, t) {
+function za(s, e, t) {
   const i = e ? s.clipSelectedBorder : _.transparent, r = e ? Ga : 0;
   return t === "audio" ? {
     background: _.audioClipBackground,
@@ -9080,7 +9080,7 @@ function $a(s, e, t) {
     borderWidth: r
   };
 }
-function za(s, e, t, i, r) {
+function $a(s, e, t, i, r) {
   const n = It(
     i,
     0,
@@ -9126,7 +9126,7 @@ function _h(s, e, t) {
   );
   h.cornerRadius(2), h.name("clip-cover-background"), c.add(h);
   const d = Et(0, 0);
-  d.name("clip-covers-group"), d.setAttr("coverFallbackFill", i ? t.failedBackground : t.coverBackground), d.setAttr("coverUnavailableFill", i ? t.failedBackground : _.mediaClipFailedBackground), c.add(d), i ? (pe.renderClipCovers(d, [], l, o, e.videoSrc, e.deferCoverRender), za(c, l, o, r, t.failedLabel)) : pe.renderClipCovers(
+  d.name("clip-covers-group"), d.setAttr("coverFallbackFill", i ? t.failedBackground : t.coverBackground), d.setAttr("coverUnavailableFill", i ? t.failedBackground : _.mediaClipFailedBackground), c.add(d), i ? (pe.renderClipCovers(d, [], l, o, e.videoSrc, e.deferCoverRender), $a(c, l, o, r, t.failedLabel)) : pe.renderClipCovers(
     d,
     e.thumbnails ?? [],
     l,
@@ -9135,7 +9135,7 @@ function _h(s, e, t) {
     e.deferCoverRender
   );
   const u = l >= 120 ? Wi + Ha : 0, p = It(
-    `${e.clipName}  ${Y.formatDuration(e.duration)}`,
+    `${e.clipName}  ${U.formatDuration(e.duration)}`,
     ue,
     e.height - a,
     Xr,
@@ -9154,7 +9154,7 @@ function Ah(s, e, t) {
   if (i.width(e.width), i.height(e.height), i.fill(t.background), i.stroke(t.border), i.strokeWidth(t.borderWidth), i.cornerRadius(4), !wh(s, e.width, e.height))
     return !1;
   const d = 15, u = e.height - d - 4, p = e.width - ue * 2;
-  r.x(ue), r.y(2), r.clip({ x: 0, y: 0, width: p, height: u }), n.width(p), n.height(u), n.fill(c ? t.failedBackground : t.coverBackground), n.cornerRadius(2), a.setAttr("coverFallbackFill", c ? t.failedBackground : t.coverBackground), a.setAttr("coverUnavailableFill", c ? t.failedBackground : _.mediaClipFailedBackground), c ? (pe.renderClipCovers(a, [], p, u, e.videoSrc, e.deferCoverRender), l ? (l.text(h), l.x(0), l.y(Math.max(0, Math.floor((u - ri) / 2) - 2)), l.width(p), l.height(ri + 6), l.fill(t.failedLabel)) : za(r, p, u, h, t.failedLabel)) : (l == null || l.destroy(), pe.renderClipCovers(
+  r.x(ue), r.y(2), r.clip({ x: 0, y: 0, width: p, height: u }), n.width(p), n.height(u), n.fill(c ? t.failedBackground : t.coverBackground), n.cornerRadius(2), a.setAttr("coverFallbackFill", c ? t.failedBackground : t.coverBackground), a.setAttr("coverUnavailableFill", c ? t.failedBackground : _.mediaClipFailedBackground), c ? (pe.renderClipCovers(a, [], p, u, e.videoSrc, e.deferCoverRender), l ? (l.text(h), l.x(0), l.y(Math.max(0, Math.floor((u - ri) / 2) - 2)), l.width(p), l.height(ri + 6), l.fill(t.failedLabel)) : $a(r, p, u, h, t.failedLabel)) : (l == null || l.destroy(), pe.renderClipCovers(
     a,
     e.thumbnails ?? [],
     p,
@@ -9163,7 +9163,7 @@ function Ah(s, e, t) {
     e.deferCoverRender
   ));
   const f = p >= 120 ? Wi + Ha : 0;
-  o.text(`${e.clipName}  ${Y.formatDuration(e.duration)}`), o.x(ue), o.y(e.height - d), o.fill(t.label), o.height(d), hi(o);
+  o.text(`${e.clipName}  ${U.formatDuration(e.duration)}`), o.x(ue), o.y(e.height - d), o.fill(t.label), o.height(d), hi(o);
   const m = s.findOne(".video-audio-status");
   return m == null || m.destroy(), f > 0 && Ua(s, e.width, e.height, e.hasSeparatedAudio), !0;
 }
@@ -9254,7 +9254,7 @@ function Rh(s, e, t) {
   r.height(e.height), r.lineHeight(1), hi(r), r.name("clip-label"), s.add(r);
 }
 function Wa(s, e) {
-  const t = e.width <= zi, i = $a(e.theme, e.isSelected, e.clipType);
+  const t = e.width <= $i, i = za(e.theme, e.isSelected, e.clipType);
   if (s.destroyChildren(), t) {
     xh(s, e.width, e.height, i);
     return;
@@ -9270,14 +9270,14 @@ function Wa(s, e) {
   _h(s, e, i);
 }
 function Mh(s, e) {
-  if (e.width <= zi || e.clipType !== "video")
+  if (e.width <= $i || e.clipType !== "video")
     return !1;
-  const i = $a(e.theme, e.isSelected, e.clipType);
+  const i = za(e.theme, e.isSelected, e.clipType);
   return Ah(s, e, i);
 }
 function Dh(s, e, t, i, r, n, a, o = !1, l, c, h = "video", d = !1, u = !1, p, f, m) {
-  const v = Et(s, e);
-  return v.clip({ x: 0, y: 0, width: t, height: i }), Wa(v, {
+  const S = Et(s, e);
+  return S.clip({ x: 0, y: 0, width: t, height: i }), Wa(S, {
     width: t,
     height: i,
     clipName: r,
@@ -9292,7 +9292,7 @@ function Dh(s, e, t, i, r, n, a, o = !1, l, c, h = "video", d = !1, u = !1, p, f
     deferCoverRender: u,
     mediaStatus: f,
     mediaStatusMessage: m
-  }), v;
+  }), S;
 }
 function Lh(s, e, t, i, r, n, a = !1, o, l, c = "video", h = !1, d = !1, u, p, f) {
   s.clip({ x: 0, y: 0, width: e, height: t });
@@ -9357,7 +9357,7 @@ function Nh(s, e, t, i, r, n, a, o) {
   );
   if (h.name("time-tick-line"), s.add(h), a === "major") {
     const d = t + c + 5, u = Oh(
-      Y.formatTime(r),
+      U.formatTime(r),
       e,
       d,
       10,
@@ -9465,7 +9465,7 @@ class de {
   /**
    * 创建片段组
    */
-  static createClipGroup(e, t, i, r, n, a, o, l = !1, c, h, d = "video", u = !1, p = !1, f, m, v) {
+  static createClipGroup(e, t, i, r, n, a, o, l = !1, c, h, d = "video", u = !1, p = !1, f, m, S) {
     return Dh(
       e,
       t,
@@ -9482,7 +9482,7 @@ class de {
       p,
       f,
       m,
-      v
+      S
     );
   }
   /**
@@ -9530,19 +9530,19 @@ class de {
 g(de, "RESIZE_AREA_WIDTH", 3);
 const Kt = 8;
 function ge(s, e, t) {
-  return de.timeToPixels(s, e) - t + _e;
+  return de.timeToPixels(s, e) - t + fe;
 }
-function Se(s, e) {
+function ve(s, e) {
   const t = Math.max(s, 0), i = de.timeToPixels(t, e);
-  return i <= zi ? zi : i;
+  return i <= $i ? $i : i;
 }
 function Hh(s, e) {
-  const t = ge(s.startTime, s.zoom, s.scrollLeft), i = Se(s.duration, s.zoom);
+  const t = ge(s.startTime, s.zoom, s.scrollLeft), i = ve(s.duration, s.zoom);
   return t + i > 0 && t < e;
 }
-function $h(s) {
+function zh(s) {
   for (const e of s.clips) {
-    const t = ge(e.startTime, s.zoom, s.scrollLeft), i = Se(e.duration, s.zoom), r = s.y >= s.trackY && s.y <= s.trackY + s.trackHeight;
+    const t = ge(e.startTime, s.zoom, s.scrollLeft), i = ve(e.duration, s.zoom), r = s.y >= s.trackY && s.y <= s.trackY + s.trackHeight;
     if (s.x >= t && s.x <= t + Kt && r || s.x >= t + i - Kt && s.x <= t + i && r)
       return "ew-resize";
     if (s.x > t + Kt && s.x < t + i - Kt && r)
@@ -9558,7 +9558,7 @@ class mr {
     this.clip = Zs(
       {
         ...e,
-        endTime: Y.calculateEndTime(e.startTime, e.duration)
+        endTime: U.calculateEndTime(e.startTime, e.duration)
       },
       {
         isDragging: e.isDragging,
@@ -9578,7 +9578,7 @@ class mr {
     this.clip = {
       ...this.clip,
       ...e,
-      endTime: Y.calculateEndTime(e.startTime, e.duration)
+      endTime: U.calculateEndTime(e.startTime, e.duration)
     };
   }
   setSelected(e) {
@@ -9588,7 +9588,7 @@ class mr {
     }, this.onUpdate(this.clip);
   }
   isPointInResizeHandle(e, t, i, r, n, a) {
-    const o = ge(this.clip.startTime, i, a), l = Se(this.clip.duration, i), c = Kt;
+    const o = ge(this.clip.startTime, i, a), l = ve(this.clip.duration, i), c = Kt;
     return t < r || t > r + n ? (this.setResizeHandleState(!1, !1), !1) : e >= o && e <= o + c ? (this.setResizeHandleState(!0, !1), !0) : e >= o + l - c && e <= o + l ? (this.setResizeHandleState(!1, !0), !0) : (this.setResizeHandleState(!1, !1), !1);
   }
   startDrag(e) {
@@ -9649,7 +9649,7 @@ function Ct(s) {
 function ji(s) {
   return !s || s.kind === "idle" || s.kind === "boxSelecting" ? null : s.kind === "pressed" ? s.operation : s.kind === "draggingResizeLeft" ? "resize-left" : s.kind === "draggingResizeRight" ? "resize-right" : "move";
 }
-function zh(s) {
+function $h(s) {
   const e = ji(s);
   return e ? e === "move" ? "grabbing" : "ew-resize" : null;
 }
@@ -9791,7 +9791,7 @@ function Wh(s, e, t, i) {
   return Math.hypot(r, n) >= Math.max(0, e);
 }
 const ce = class ce {
-  constructor(e, t, i, r, n, a, o, l, c, h, d, u, p, f, m, v, T, S, C, k, x, P, D, w, A, B = ce.DEFAULT_DRAG_ACTIVATION_THRESHOLD, $ = !1, F = ce.DEFAULT_CLIP_SNAP_THRESHOLD) {
+  constructor(e, t, i, r, n, a, o, l, c, h, d, u, p, f, m, S, T, v, C, k, P, x, D, w, A, B, z = ce.DEFAULT_DRAG_ACTIVATION_THRESHOLD, F = !1, $ = ce.DEFAULT_CLIP_SNAP_THRESHOLD) {
     g(this, "layer");
     g(this, "trackGroup");
     g(this, "dragOverlayLayer", null);
@@ -9820,6 +9820,7 @@ const ce = class ce {
     g(this, "onClipSelect");
     g(this, "onTimeJump");
     g(this, "onClipOverlap");
+    g(this, "onPrimaryTrackMagnetMove");
     g(this, "hasBoundGlobalPointerListenersForDrag", !1);
     g(this, "hasLockedGlobalCursor", !1);
     g(this, "edgeAutoScrollAnimationFrameId", null);
@@ -9872,7 +9873,7 @@ const ce = class ce {
       }
       this.startEdgeAutoScroll();
     });
-    this.layer = e, this.config = t, this.theme = o, this.trackType = i, this.zoom = r, this.trackY = n, this.trackHeight = a, this.onClipUpdate = l, this.onClipAdd = c, this.onClipRemove = h, this.onClipSplit = d, this.onClipSelect = u, this.onTimeJump = p, this.onHorizontalDragAutoScroll = f, this.onClipOverlap = m, this.onClipCrossTrackPreview = v, this.onClipCrossTrack = T, this.onClearDropPreview = S, this.onClearSelection = C, this.onSnapGuideChange = k, this.onClipToggleSelection = x, this.onSetSingleSelection = P, this.getMultiDragClipIds = D, this.onMultiDragMove = w, this.onMultiDragInteractionEnd = A, this.dragActivationThreshold = Math.max(0, B), this.enableClipSnap = $, this.clipSnapThreshold = Math.max(0, F), this.trackGroup = de.createGroup(0, n), 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 = r, this.trackY = n, this.trackHeight = a, this.onClipUpdate = l, this.onClipAdd = c, this.onClipRemove = h, this.onClipSplit = d, this.onClipSelect = u, this.onTimeJump = p, this.onHorizontalDragAutoScroll = f, this.onClipOverlap = m, this.onPrimaryTrackMagnetMove = S, this.onClipCrossTrackPreview = T, this.onClipCrossTrack = v, this.onClearDropPreview = C, this.onClearSelection = k, this.onSnapGuideChange = P, this.onClipToggleSelection = x, this.onSetSingleSelection = D, this.getMultiDragClipIds = w, this.onMultiDragMove = A, this.onMultiDragInteractionEnd = B, this.dragActivationThreshold = Math.max(0, z), this.enableClipSnap = F, this.clipSnapThreshold = Math.max(0, $), this.trackGroup = de.createGroup(0, n), this.layer.add(this.trackGroup), this.initClips(), this.initEventListeners(), this.render();
   }
   initClips() {
     this.clips = this.config.clips.map((e) => {
@@ -9891,7 +9892,7 @@ const ce = class ce {
     return e.name("clip-drop-preview"), e.visible(!1), e.listening(!1), this.trackGroup.add(e), this.dropPreviewGroup = e, e;
   }
   createDropPreviewRect(e) {
-    const t = this.trackType === "text" ? "rgba(96, 76, 51, 0.28)" : this.trackType === "video" ? Si.videoFill : Si.audioFill, i = this.trackType === "text" ? "#C9CBD4" : this.trackType === "video" ? Si.videoStroke : Si.audioStroke, r = ge(e.startTime, this.zoom, this.scrollLeft), n = Se(e.duration, this.zoom), a = de.createRect(r, 2, Math.max(n, 1), Math.max(this.trackHeight - 4, 1), t, i, 1);
+    const t = this.trackType === "text" ? "rgba(96, 76, 51, 0.28)" : this.trackType === "video" ? Si.videoFill : Si.audioFill, i = this.trackType === "text" ? "#C9CBD4" : this.trackType === "video" ? Si.videoStroke : Si.audioStroke, r = ge(e.startTime, this.zoom, this.scrollLeft), n = ve(e.duration, this.zoom), a = de.createRect(r, 2, Math.max(n, 1), Math.max(this.trackHeight - 4, 1), t, i, 1);
     return a.dash([6, 4]), a.cornerRadius(4), a.listening(!1), a.visible(r + n > 0 && r < this.layer.width()), a;
   }
   showDropPreview(e) {
@@ -9935,7 +9936,7 @@ const ce = class ce {
     if (!t) return;
     const i = t.container();
     if (!i) return;
-    const r = i.getBoundingClientRect(), n = e.clientX - r.left, a = Math.max(0, Y.pixelsToTime(n - _e + this.scrollLeft, this.zoom));
+    const r = i.getBoundingClientRect(), n = e.clientX - r.left, a = Math.max(0, U.pixelsToTime(n - fe + this.scrollLeft, this.zoom));
     this.onTimeJump(a), this.onClearSelection && this.onClearSelection();
   }
   handleTrackBackgroundMouseDown(e) {
@@ -9955,7 +9956,7 @@ const ce = class ce {
     i && (this.isVisualUpdate = !0, i.setSelected(t), this.isVisualUpdate = !1, t ? this.selectedClipIds.add(e) : this.selectedClipIds.delete(e), this.syncSelectionState(e), this.updateClipGroup(i.getClip()), this.render(!1), this.layer.batchDraw());
   }
   createClipGroup(e) {
-    const t = ge(e.startTime, this.zoom, this.scrollLeft), i = Se(e.duration, this.zoom), r = 2, n = this.trackHeight - 4, a = de.createClipGroup(
+    const t = ge(e.startTime, this.zoom, this.scrollLeft), i = ve(e.duration, this.zoom), r = 2, n = this.trackHeight - 4, a = de.createClipGroup(
       t,
       r,
       i,
@@ -10020,9 +10021,9 @@ const ce = class ce {
       if (r) {
         this.multiDragOriginalPositions.clear();
         for (const T of this.selectedClipIds) {
-          const S = this.clips.find((C) => C.getClip().id === T);
-          if (S) {
-            const C = S.getClip();
+          const v = this.clips.find((C) => C.getClip().id === T);
+          if (v) {
+            const C = v.getClip();
             this.multiDragOriginalPositions.set(T, {
               startTime: C.startTime,
               duration: C.duration
@@ -10030,10 +10031,10 @@ const ce = class ce {
           }
         }
       }
-      let v;
-      c.isPointInResizeHandle(f, m, this.zoom, this.trackY, this.trackHeight, this.scrollLeft) ? (v = c.getClip().isResizingLeft ? "resize-left" : "resize-right", c.startResize({ x: f, y: m })) : (v = "move", c.startDrag({ x: f, y: m }), this.trackGroup.moveToTop()), this.applyInteractionTransition(Ei(this.interactionState, {
+      let S;
+      c.isPointInResizeHandle(f, m, this.zoom, this.trackY, this.trackHeight, this.scrollLeft) ? (S = c.getClip().isResizingLeft ? "resize-left" : "resize-right", c.startResize({ x: f, y: m })) : (S = "move", c.startDrag({ x: f, y: m }), this.trackGroup.moveToTop()), this.applyInteractionTransition(Ei(this.interactionState, {
         type: "POINTER_DOWN",
-        operation: v,
+        operation: S,
         clipId: e,
         originalClipsState: n,
         nonDraggedClips: a,
@@ -10094,11 +10095,11 @@ const ce = class ce {
   applyInteractionTransition(e) {
     var i, r;
     this.interactionState = e.state, e.effects.bindGlobalListeners && this.bindGlobalPointerListenersForDrag();
-    const t = zh(e.state);
+    const t = $h(e.state);
     t && this.lockPointerCursor(t), e.effects.cleanup && (this.releasePointerCursor(), this.hideDropPreview(), (i = this.onClearDropPreview) == null || i.call(this), this.updateSnapGuideLine(null), this.stopEdgeAutoScroll(), this.clearClipDragOverlay(), this.multiDragOriginalPositions.size > 0 && ((r = this.onMultiDragInteractionEnd) == null || r.call(this), this.multiDragOriginalPositions.clear())), e.effects.unbindGlobalListeners && this.unbindGlobalPointerListenersForDrag();
   }
   handleClipMoveEnd(e, t) {
-    var m, v, T;
+    var m, S, T;
     const i = t ?? this.interactionState, r = Ct(i) || {
       clipId: e.id,
       originalClipsState: [e],
@@ -10108,7 +10109,7 @@ const ce = class ce {
       crossTrackDragOffsetY: 0
     }, n = ji(i) || (e.isResizingLeft ? "resize-left" : e.isResizingRight ? "resize-right" : "move"), a = n === "move", o = a && this.multiDragOriginalPositions.size > 0, l = (m = this.clipGroups) == null ? void 0 : m.get(e.id);
     if (l && l.y(2), o) {
-      const S = this.multiDragOriginalPositions.get(e.id), C = S ? e.startTime - S.startTime : 0;
+      const v = this.multiDragOriginalPositions.get(e.id), C = v ? e.startTime - v.startTime : 0;
       if (this.onMultiDragMove && this.config.id && this.onMultiDragMove({
         draggedClipId: e.id,
         deltaTime: C,
@@ -10118,20 +10119,20 @@ const ce = class ce {
         isFinal: !0
       })) {
         for (const A of this.selectedClipIds) {
-          const B = (v = this.clipGroups) == null ? void 0 : v.get(A);
+          const B = (S = this.clipGroups) == null ? void 0 : S.get(A);
           B == null || B.y(2);
         }
         this.multiDragOriginalPositions.clear();
         return;
       }
-      const k = [], x = [];
+      const k = [], P = [];
       for (const [w, A] of this.multiDragOriginalPositions) {
         const B = this.clips.find((H) => H.getClip().id === w);
         if (!B) continue;
-        const $ = Math.max(0, A.startTime + C), F = {
+        const z = Math.max(0, A.startTime + C), F = {
           ...B.getClip(),
-          startTime: $,
-          endTime: $ + A.duration,
+          startTime: z,
+          endTime: z + A.duration,
           isDragging: !1,
           isResizing: !1,
           isResizingLeft: !1,
@@ -10141,15 +10142,15 @@ const ce = class ce {
           isSelected: this.selectedClipIds.has(w)
         };
         k.push(F);
-        const V = r.originalClipsState.find((H) => H.id === w);
-        V && x.push(V);
-        const z = (T = this.clipGroups) == null ? void 0 : T.get(w);
-        z && z.y(2);
+        const $ = r.originalClipsState.find((H) => H.id === w);
+        $ && P.push($);
+        const V = (T = this.clipGroups) == null ? void 0 : T.get(w);
+        V && V.y(2);
       }
-      const P = [];
+      const x = [];
       for (const w of this.clips) {
-        const A = w.getClip(), B = k.find(($) => $.id === A.id);
-        B ? P.push(B) : P.push({
+        const A = w.getClip(), B = k.find((z) => z.id === A.id);
+        B ? x.push(B) : x.push({
           ...A,
           isDragging: !1,
           isResizing: !1,
@@ -10157,11 +10158,11 @@ const ce = class ce {
           isResizingRight: !1
         });
       }
-      P.sort((w, A) => w.startTime - A.startTime), this.isVisualUpdate = !0;
-      for (const w of P)
+      x.sort((w, A) => w.startTime - A.startTime), this.isVisualUpdate = !0;
+      for (const w of x)
         this.clips.find((B) => B.getClip().id === w.id) && this.handleClipUpdate(w);
       this.isVisualUpdate = !1;
-      const D = x.map((w) => {
+      const D = P.map((w) => {
         const A = k.find((B) => B.id === w.id);
         return A && (w.startTime !== A.startTime || w.duration !== A.duration) ? {
           clipId: w.id,
@@ -10169,45 +10170,55 @@ const ce = class ce {
           newState: A
         } : null;
       }).filter((w) => w !== null);
-      D.length > 0 && this.onClipUpdate(e, x.find((w) => w.id === e.id), D), this.multiDragOriginalPositions.clear();
+      D.length > 0 && this.onClipUpdate(e, P.find((w) => w.id === e.id), D), this.multiDragOriginalPositions.clear();
       return;
     }
     if (a && this.onClipCrossTrack && this.config.id) {
-      const S = r.originalClipsState.find((k) => k.id === e.id) ?? null;
-      if (this.onClipCrossTrack(e, S, r.dragTargetTrackY, this.config.id)) {
+      const v = r.originalClipsState.find((k) => k.id === e.id) ?? null;
+      if (this.onClipCrossTrack(e, v, r.dragTargetTrackY, this.config.id)) {
         this.multiDragOriginalPositions.clear();
         return;
       }
     }
+    if (a && this.config.role === "primary" && this.onPrimaryTrackMagnetMove && this.config.id) {
+      const v = r.originalClipsState.find((k) => k.id === e.id) ?? null;
+      if (this.onPrimaryTrackMagnetMove(
+        e,
+        v,
+        [...r.nonDraggedClips],
+        this.config.id
+      ))
+        return;
+    }
     const c = a ? [...r.nonDraggedClips] : [];
     let h = !1;
     const d = e.startTime + e.duration;
-    for (const S of c) {
-      const C = S.startTime + S.duration;
-      if (e.startTime < C && d > S.startTime) {
+    for (const v of c) {
+      const C = v.startTime + v.duration;
+      if (e.startTime < C && d > v.startTime) {
         h = !0;
         break;
       }
     }
     if (a && h && this.onClipOverlap && this.config.id) {
-      const S = r.originalClipsState.find((C) => C.id === e.id) ?? null;
-      this.onClipOverlap(e, this.config.id, S);
+      const v = r.originalClipsState.find((C) => C.id === e.id) ?? null;
+      this.onClipOverlap(e, this.config.id, v);
       return;
     }
-    const u = r.nonDraggedClips.map((S) => ({ ...S }));
+    const u = r.nonDraggedClips.map((v) => ({ ...v }));
     if (n === "resize-right") {
-      const S = r.originalClipsState.find((C) => C.id === e.id);
-      if (S) {
-        const C = this.computeResizeRightPushFollowers(S, e, r.nonDraggedClips);
+      const v = r.originalClipsState.find((C) => C.id === e.id);
+      if (v) {
+        const C = this.computeResizeRightPushFollowers(v, e, r.nonDraggedClips);
         for (const k of C) {
-          const x = u.findIndex((P) => P.id === k.id);
-          x >= 0 && (u[x] = { ...k, isSelected: !1 });
+          const P = u.findIndex((x) => x.id === k.id);
+          P >= 0 && (u[P] = { ...k, isSelected: !1 });
         }
       }
     }
-    let p = u.findIndex((S) => S.startTime >= e.startTime);
-    p === -1 && (p = u.length), r.nonDraggedClips.forEach((S) => {
-      S.isSelected = !1;
+    let p = u.findIndex((v) => v.startTime >= e.startTime);
+    p === -1 && (p = u.length), r.nonDraggedClips.forEach((v) => {
+      v.isSelected = !1;
     });
     const f = {
       ...e,
@@ -10219,7 +10230,18 @@ const ce = class ce {
       opacity: 1,
       isSelected: !0
     };
-    u.splice(p, 0, f), this.updateAllClips(u), this.buildAndSendUpdates(f, u, r.originalClipsState);
+    u.splice(p, 0, f), this.config.role === "primary" && (n === "resize-left" || n === "resize-right") && this.compactPrimaryTrackClips(u), this.updateAllClips(u), this.buildAndSendUpdates(f, u, r.originalClipsState);
+  }
+  compactPrimaryTrackClips(e) {
+    if (e.length <= 1)
+      return;
+    const t = e.map((r, n) => ({ clip: r, index: n })).sort((r, n) => r.clip.startTime === n.clip.startTime ? r.index - n.index : r.clip.startTime - n.clip.startTime);
+    let i = t[0].clip.startTime + t[0].clip.duration;
+    t[0].clip.endTime = i;
+    for (let r = 1; r < t.length; r += 1) {
+      const n = t[r].clip;
+      n.startTime = i, n.endTime = n.startTime + n.duration, i = n.endTime;
+    }
   }
   updateAllClips(e) {
     const t = this.clips ?? [];
@@ -10246,7 +10268,7 @@ const ce = class ce {
     if (!r || this.isDragSessionActive())
       return;
     const n = r.getBoundingClientRect(), a = e - n.left, o = t - n.top;
-    r.style.cursor = $h({
+    r.style.cursor = zh({
       clips: this.clips.map((l) => l.getClip()),
       zoom: this.zoom,
       scrollLeft: this.scrollLeft,
@@ -10289,7 +10311,7 @@ const ce = class ce {
   updateClipGroup(e, t = !1) {
     const i = this.clipGroups.get(e.id);
     if (i) {
-      const r = Se(e.duration, this.zoom);
+      const r = ve(e.duration, this.zoom);
       this.updateClipViewportState(e);
       const n = e.isSelected;
       (e.isDragging || n) && i.moveToTop(), i.opacity(e.opacity), de.updateClipGroup(
@@ -10338,7 +10360,7 @@ const ce = class ce {
       id: `${e.id}_split_${Date.now()}`,
       startTime: t,
       duration: r,
-      endTime: Y.calculateEndTime(t, r),
+      endTime: U.calculateEndTime(t, r),
       startTimeAtSource: n,
       endTimeAtSource: e.endTimeAtSource
     };
@@ -10531,7 +10553,7 @@ const ce = class ce {
       const c = ge(t, this.zoom, this.scrollLeft);
       o.x(c), o.y(this.resolveClipRenderY(e, r)), o.moveToTop(), de.updateClipGroup(
         o,
-        Se(a.duration, this.zoom),
+        ve(a.duration, this.zoom),
         this.trackHeight - 4,
         this.getClipDisplayLabel(a),
         a.duration,
@@ -10596,7 +10618,7 @@ const ce = class ce {
     this.resolveSnapTargetClips = e;
   }
   updateDraggedClipFromPointer(e, t, i) {
-    var T, S, C, k, x, P;
+    var T, v, C, k, P, x;
     const r = this.interactionState, n = Ct(r), a = ji(r), o = this.layer.getStage(), l = this.resolveDraggedClipForInteraction(r);
     if (!o || !l || !n || !a) return;
     const c = o.container();
@@ -10607,8 +10629,8 @@ const ce = class ce {
       currentTrackId: this.config.id,
       offsetY: n.crossTrackDragOffsetY
     }));
-    const m = l.getClip(), v = (T = this.clipGroups) == null ? void 0 : T.get(m.id);
-    if (v) {
+    const m = l.getClip(), S = (T = this.clipGroups) == null ? void 0 : T.get(m.id);
+    if (S) {
       const D = p && n.crossTrackDragOffsetY !== 0;
       this.setClipDragOverlayActive(m.id, D);
       const w = n.originalClipsState.find((L) => L.id === m.id);
@@ -10616,16 +10638,16 @@ const ce = class ce {
         return;
       const A = this.buildPreviewClip(m, w, d, n, a);
       if (!A) {
-        this.hideDropPreview(), (S = this.onClearDropPreview) == null || S.call(this), this.updateSnapGuideLine(null);
+        this.hideDropPreview(), (v = this.onClearDropPreview) == null || v.call(this), this.updateSnapGuideLine(null);
         return;
       }
-      const B = A.clip, $ = B.startTime - w.startTime, F = this.applyPreviewClipState(l, B), V = ge(B.startTime, this.zoom, this.scrollLeft), z = Se(B.duration, this.zoom);
-      v.x(V), v.y(this.resolveClipRenderY(m.id, n.crossTrackDragOffsetY)), v.visible(V + z > 0 && V < this.layer.width()), F && (this.updateClipGroup(B), v.y(this.resolveClipRenderY(m.id, n.crossTrackDragOffsetY)));
+      const B = A.clip, z = B.startTime - w.startTime, F = this.applyPreviewClipState(l, B), $ = ge(B.startTime, this.zoom, this.scrollLeft), V = ve(B.duration, this.zoom);
+      S.x($), S.y(this.resolveClipRenderY(m.id, n.crossTrackDragOffsetY)), S.visible($ + V > 0 && $ < this.layer.width()), F && (this.updateClipGroup(B), S.y(this.resolveClipRenderY(m.id, n.crossTrackDragOffsetY)));
       let H = !1;
       if (f) {
         this.onMultiDragMove && this.config.id && (H = this.onMultiDragMove({
           draggedClipId: m.id,
-          deltaTime: $,
+          deltaTime: z,
           targetTrackY: n.dragTargetTrackY,
           currentTrackId: this.config.id,
           crossTrackOffsetY: n.crossTrackDragOffsetY,
@@ -10633,18 +10655,18 @@ const ce = class ce {
         }) === !0);
         for (const [L, X] of this.multiDragOriginalPositions) {
           if (L === m.id) continue;
-          const N = this.clips.find((W) => W.getClip().id === L);
+          const N = this.clips.find((Y) => Y.getClip().id === L);
           if (!N) continue;
-          const Q = Math.max(0, X.startTime + $), ae = (C = this.clipGroups) == null ? void 0 : C.get(L);
+          const Q = Math.max(0, X.startTime + z), ae = (C = this.clipGroups) == null ? void 0 : C.get(L);
           if (ae) {
-            const W = ge(Q, this.zoom, this.scrollLeft);
-            ae.x(W), ae.y(this.resolveClipRenderY(L, n.crossTrackDragOffsetY)), ae.visible(
-              W + Se(X.duration, this.zoom) > 0 && W < this.layer.width()
+            const Y = ge(Q, this.zoom, this.scrollLeft);
+            ae.x(Y), ae.y(this.resolveClipRenderY(L, n.crossTrackDragOffsetY)), ae.visible(
+              Y + ve(X.duration, this.zoom) > 0 && Y < this.layer.width()
             );
             const K = N.getClip();
             de.updateClipGroup(
               ae,
-              Se(K.duration, this.zoom),
+              ve(K.duration, this.zoom),
               this.trackHeight - 4,
               this.getClipDisplayLabel(K),
               K.duration,
@@ -10669,15 +10691,15 @@ const ce = class ce {
           if (!X)
             continue;
           const N = ge(L.startTime, this.zoom, this.scrollLeft);
-          X.x(N), X.y(this.resolveClipRenderY(L.id, n.crossTrackDragOffsetY)), X.visible(N + Se(L.duration, this.zoom) > 0 && N < this.layer.width());
+          X.x(N), X.y(this.resolveClipRenderY(L.id, n.crossTrackDragOffsetY)), X.visible(N + ve(L.duration, this.zoom) > 0 && N < this.layer.width());
         }
       p && this.onClipCrossTrackPreview && this.config.id && !H ? this.onClipCrossTrackPreview(B, n.dragTargetTrackY, this.config.id) !== "self" && this.hideDropPreview() : H ? this.hideDropPreview() : this.showDropPreview(B), this.updateSnapGuideLine(A.guideTime);
     } else
-      this.hideDropPreview(), (x = this.onClearDropPreview) == null || x.call(this), this.updateSnapGuideLine(null);
-    i && this.updateEdgeAutoScrollState(d, h.width), this.layer.batchDraw(), (P = this.dragOverlayLayer) == null || P.batchDraw();
+      this.hideDropPreview(), (P = this.onClearDropPreview) == null || P.call(this), this.updateSnapGuideLine(null);
+    i && this.updateEdgeAutoScrollState(d, h.width), this.layer.batchDraw(), (x = this.dragOverlayLayer) == null || x.batchDraw();
   }
   buildPreviewClip(e, t, i, r, n) {
-    const a = i - r.pointerStartX + (this.scrollLeft - r.dragStartScrollLeft), o = Y.pixelsToTime(a, this.zoom);
+    const a = i - r.pointerStartX + (this.scrollLeft - r.dragStartScrollLeft), o = U.pixelsToTime(a, this.zoom);
     let l;
     n === "resize-left" || e.isResizingLeft ? l = this.buildResizeLeftPreviewClip(e, t, o) : n === "resize-right" || e.isResizingRight ? l = this.buildResizeRightPreviewClip(e, t, o) : l = {
       ...e,
@@ -10733,7 +10755,7 @@ const ce = class ce {
   computeResizeRightPushFollowers(e, t, i) {
     if (!t.isResizingRight)
       return [];
-    const r = t.startTime + t.duration, n = Y.calculateEndTime(e.startTime, e.duration), a = [...i].filter((h) => h.startTime >= n).sort((h, d) => h.startTime - d.startTime);
+    const r = t.startTime + t.duration, n = U.calculateEndTime(e.startTime, e.duration), a = [...i].filter((h) => h.startTime >= n).sort((h, d) => h.startTime - d.startTime);
     if (a.length === 0)
       return [];
     const o = a[0], l = r - o.startTime;
@@ -10748,7 +10770,7 @@ const ce = class ce {
   }
   buildResizeLeftPreviewClip(e, t, i) {
     if (!this.isSourceBoundClip(t)) {
-      const p = Y.calculateEndTime(t.startTime, t.duration);
+      const p = U.calculateEndTime(t.startTime, t.duration);
       let f = Math.max(0, t.startTime + i), m = p - f;
       return m < ce.MIN_CLIP_DURATION_MS && (m = ce.MIN_CLIP_DURATION_MS, f = p - m), {
         ...e,
@@ -10760,7 +10782,7 @@ const ce = class ce {
         sourceDuration: m
       };
     }
-    const n = Math.max(0, t.startTime + i) - t.startTime, o = Math.max(0, t.startTimeAtSource + i) - t.startTimeAtSource, l = Math.abs(n) < Math.abs(o) ? n : o, c = Y.calculateEndTime(t.startTime, t.duration);
+    const n = Math.max(0, t.startTime + i) - t.startTime, o = Math.max(0, t.startTimeAtSource + i) - t.startTimeAtSource, l = Math.abs(n) < Math.abs(o) ? n : o, c = U.calculateEndTime(t.startTime, t.duration);
     let h = t.startTime + l, d = t.duration - l, u;
     return d < ce.MIN_CLIP_DURATION_MS ? (d = ce.MIN_CLIP_DURATION_MS, h = c - d, u = t.endTimeAtSource - d) : u = t.startTimeAtSource + l, {
       ...e,
@@ -10801,7 +10823,7 @@ const ce = class ce {
     const r = i.flatMap((c) => [c.startTime, c.startTime + c.duration]);
     if (r.length === 0)
       return { clip: e, guideTime: null };
-    const n = Y.pixelsToTime(this.clipSnapThreshold, this.zoom), a = e.startTime + e.duration, o = [];
+    const n = U.pixelsToTime(this.clipSnapThreshold, this.zoom), a = e.startTime + e.duration, o = [];
     if (e.isResizingLeft)
       for (const c of r) {
         const h = a - c, d = t.endTimeAtSource - h, u = Math.abs(c - e.startTime);
@@ -11231,7 +11253,7 @@ bt.elementStyles = [], bt.shadowRootOptions = { mode: "open" }, bt[ni("elementPr
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const si = globalThis, ds = (s) => s, Ki = si.trustedTypes, us = Ki ? Ki.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, qa = "$lit$", Ke = `lit$${Math.random().toFixed(9).slice(2)}$`, ja = "?" + Ke, id = `<${ja}>`, dt = document, di = () => dt.createComment(""), ui = (s) => s === null || typeof s != "object" && typeof s != "function", fn = Array.isArray, rd = (s) => fn(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", Sr = `[ 	
-\f\r]`, zt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ps = /-->/g, gs = />/g, nt = RegExp(`>|${Sr}(?:([^\\s"'>=/]+)(${Sr}*=${Sr}*(?:[^ 	
+\f\r]`, $t = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ps = /-->/g, gs = />/g, nt = RegExp(`>|${Sr}(?:([^\\s"'>=/]+)(${Sr}*=${Sr}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), fs = /'/g, ms = /"/g, Ka = /^(?:script|style|textarea|title)$/i, nd = (s) => (e, ...t) => ({ _$litType$: s, strings: e, values: t }), j = nd(1), ut = Symbol.for("lit-noChange"), le = Symbol.for("lit-nothing"), ys = /* @__PURE__ */ new WeakMap(), ct = dt.createTreeWalker(dt, 129);
 function Za(s, e) {
   if (!fn(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -11239,13 +11261,13 @@ function Za(s, e) {
 }
 const sd = (s, e) => {
   const t = s.length - 1, i = [];
-  let r, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", a = zt;
+  let r, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", a = $t;
   for (let o = 0; o < t; o++) {
     const l = s[o];
     let c, h, d = -1, u = 0;
-    for (; u < l.length && (a.lastIndex = u, h = a.exec(l), h !== null); ) u = a.lastIndex, a === zt ? h[1] === "!--" ? a = ps : h[1] !== void 0 ? a = gs : h[2] !== void 0 ? (Ka.test(h[2]) && (r = RegExp("</" + h[2], "g")), a = nt) : h[3] !== void 0 && (a = nt) : a === nt ? h[0] === ">" ? (a = r ?? zt, d = -1) : h[1] === void 0 ? d = -2 : (d = a.lastIndex - h[2].length, c = h[1], a = h[3] === void 0 ? nt : h[3] === '"' ? ms : fs) : a === ms || a === fs ? a = nt : a === ps || a === gs ? a = zt : (a = nt, r = void 0);
+    for (; u < l.length && (a.lastIndex = u, h = a.exec(l), h !== null); ) u = a.lastIndex, a === $t ? h[1] === "!--" ? a = ps : h[1] !== void 0 ? a = gs : h[2] !== void 0 ? (Ka.test(h[2]) && (r = RegExp("</" + h[2], "g")), a = nt) : h[3] !== void 0 && (a = nt) : a === nt ? h[0] === ">" ? (a = r ?? $t, d = -1) : h[1] === void 0 ? d = -2 : (d = a.lastIndex - h[2].length, c = h[1], a = h[3] === void 0 ? nt : h[3] === '"' ? ms : fs) : a === ms || a === fs ? a = nt : a === ps || a === gs ? a = $t : (a = nt, r = void 0);
     const p = a === nt && s[o + 1].startsWith("/>") ? " " : "";
-    n += a === zt ? l + id : d >= 0 ? (i.push(c), l.slice(0, d) + qa + l.slice(d) + Ke + p) : l + Ke + (d === -2 ? o : p);
+    n += a === $t ? l + id : d >= 0 ? (i.push(c), l.slice(0, d) + qa + l.slice(d) + Ke + p) : l + Ke + (d === -2 ? o : p);
   }
   return [Za(s, n + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
@@ -11840,13 +11862,13 @@ class vd {
     g(this, "onMuteTrack");
     var n, a, o, l, c, h;
     this.container = e.container, this.width = e.width ?? fi, this.timeScaleHeight = e.timeScaleHeight || 40, this.includeTimeScaleSpacer = e.includeTimeScaleSpacer ?? !0, this.theme = {
-      background: ((n = e.theme) == null ? void 0 : n.background) || be.background,
-      border: ((a = e.theme) == null ? void 0 : a.border) || be.border,
-      text: ((o = e.theme) == null ? void 0 : o.text) || be.text,
-      buttonBackground: ((l = e.theme) == null ? void 0 : l.buttonBackground) || be.buttonBackground,
-      buttonHover: ((c = e.theme) == null ? void 0 : c.buttonHover) || be.buttonHover,
-      buttonDanger: ((h = e.theme) == null ? void 0 : h.buttonDanger) || be.buttonDanger
-    }, this.onMuteTrack = r, this.iconCache.set("OmAi-camera", Te("OmAi-camera")), this.iconCache.set("OmAi-display", Te("OmAi-display")), this.iconCache.set("OmAi-hide", Te("OmAi-hide")), this.iconCache.set("OmAi-music", Te("OmAi-music")), this.iconCache.set("OmAi-text", Te("OmAi-text")), this.iconCache.set("OmAi-volume", Te("OmAi-volume")), this.iconCache.set("OmAi-volume-mute", Te("OmAi-volume-mute")), this.init();
+      background: ((n = e.theme) == null ? void 0 : n.background) || ke.background,
+      border: ((a = e.theme) == null ? void 0 : a.border) || ke.border,
+      text: ((o = e.theme) == null ? void 0 : o.text) || ke.text,
+      buttonBackground: ((l = e.theme) == null ? void 0 : l.buttonBackground) || ke.buttonBackground,
+      buttonHover: ((c = e.theme) == null ? void 0 : c.buttonHover) || ke.buttonHover,
+      buttonDanger: ((h = e.theme) == null ? void 0 : h.buttonDanger) || ke.buttonDanger
+    }, this.onMuteTrack = r, this.iconCache.set("OmAi-camera", be("OmAi-camera")), this.iconCache.set("OmAi-display", be("OmAi-display")), this.iconCache.set("OmAi-hide", be("OmAi-hide")), this.iconCache.set("OmAi-music", be("OmAi-music")), this.iconCache.set("OmAi-text", be("OmAi-text")), this.iconCache.set("OmAi-volume", be("OmAi-volume")), this.iconCache.set("OmAi-volume-mute", be("OmAi-volume-mute")), this.init();
   }
   init() {
     this.container.className = "track-info-panel", this.container.style.position = "relative", this.container.style.overflow = "hidden", this.container.style.width = `${this.width}px`, this.container.style.background = this.theme.background, this.container.style.borderRight = `1px solid ${this.theme.border}`, this.container.style.color = this.theme.text, this.renderer.mount(this.container), this.render();
@@ -11998,7 +12020,7 @@ const Cd = {
           background: radial-gradient(circle at 32% 30%, ${_.sliderThumbGlowStart} 0%, ${_.sliderThumbGlowEnd} 74%);
           box-shadow:
             var(--clip-slider-thumb-shadow),
-            ${Pe.sliderThumbInnerShadow};
+            ${xe.sliderThumbInnerShadow};
         }
 
         .clip-config-panel .clip-config-slider::-moz-range-track {
@@ -12021,7 +12043,7 @@ const Cd = {
           background: radial-gradient(circle at 32% 30%, ${_.sliderThumbGlowStart} 0%, ${_.sliderThumbGlowEnd} 74%);
           box-shadow:
             var(--clip-slider-thumb-shadow),
-            ${Pe.sliderThumbInnerShadow};
+            ${xe.sliderThumbInnerShadow};
         }
             .clip-config-voice-card{
             border: 1px solid transparent;
@@ -12264,7 +12286,7 @@ const Cd = {
     return j`
       <div
         class=${G.tabBar}
-        style=${`display:flex;gap:12px;padding:4px;background-color:${Pe.tabBarBackground};border-radius:4px 4px 0 0;height:32px;`}
+        style=${`display:flex;gap:12px;padding:4px;background-color:${xe.tabBarBackground};border-radius:4px 4px 0 0;height:32px;`}
       >
         ${t.map((i) => {
       const r = e.activeTab === i;
@@ -12279,8 +12301,8 @@ const Cd = {
         "font-size:13px",
         "font-family:inherit",
         "transition:background-color 0.15s, color 0.15s",
-        `background-color:${r ? Pe.activeTabBackground : _.transparent}`,
-        `color:${r ? Pe.activeTabText : Pe.inactiveTabText}`,
+        `background-color:${r ? xe.activeTabBackground : _.transparent}`,
+        `color:${r ? xe.activeTabText : xe.inactiveTabText}`,
         "border-radius:4px"
       ].join(";")}
               @click=${() => e.callbacks.onTabChange(i)}
@@ -12301,7 +12323,7 @@ const Cd = {
       `border-top:1px solid ${e.theme.borderColor}`,
       "border-radius:0 0 4px 4px",
       "min-height:32px",
-      `background-color:${Pe.actionBarBackground}`,
+      `background-color:${xe.actionBarBackground}`,
       "padding:8px 10px"
     ].join(";")}
       >
@@ -12327,7 +12349,7 @@ const Cd = {
         <button
           class=${G.primaryButton}
           style=${[
-      `--clip-config-primary-bg:${i ? e.theme.buttonBackground : Pe.activeTabBackground}`,
+      `--clip-config-primary-bg:${i ? e.theme.buttonBackground : xe.activeTabBackground}`,
       `--clip-config-primary-bg-hover:${i ? e.theme.buttonBackground : "#74767C"}`,
       `--clip-config-primary-bg-active:${i ? e.theme.buttonBackground : "#4B4D53"}`,
       `--clip-config-primary-bg-disabled:${e.theme.buttonBackground}`,
@@ -12580,7 +12602,7 @@ const Cd = {
       "border-radius:999px",
       "cursor:pointer",
       "font-size:12px",
-      `background:${r ? Pe.activeTabBackground : e.theme.buttonBackground}`,
+      `background:${r ? xe.activeTabBackground : e.theme.buttonBackground}`,
       `color:${r ? e.theme.buttonActiveText : e.theme.textColor}`
     ].join(";")}
         data-key=${t}
@@ -12609,7 +12631,7 @@ const Cd = {
       "text-align:left",
       "cursor:pointer",
       `border:${r ? `1px solid ${e.theme.buttonActiveBorder}` : ""}`,
-      `background:${r ? Pe.activeTabBackground : e.theme.buttonBackground}`,
+      `background:${r ? xe.activeTabBackground : e.theme.buttonBackground}`,
       `color:${e.theme.textColor}`
     ].join(";")}
         @click=${() => e.callbacks.onVoiceSelect(t.id)}
@@ -12856,7 +12878,7 @@ const Cd = {
       `--clip-slider-fill-end:${_.sliderFillEnd}`,
       `--clip-slider-road:${_.sliderRoad}`,
       `--clip-slider-thumb-border:${_.sliderThumbBorder}`,
-      `--clip-slider-thumb-shadow:${Pe.sliderThumbShadow}`
+      `--clip-slider-thumb-shadow:${xe.sliderThumbShadow}`
     ].join(";");
   }
   getSliderStyle(e, t, i) {
@@ -12892,7 +12914,7 @@ const Cd = {
 g(xt, "colorRafId", 0);
 let en = xt;
 const Td = {
-  ...me
+  ...ye
 };
 function Cs(s) {
   return s ? {
@@ -12948,7 +12970,7 @@ class kd {
     g(this, "handleVoicePreviewEnded", () => {
       this.stopVoicePreview();
     });
-    this.container = e.container, this.theme = e.theme ?? Td, this.voiceCatalog = e.voiceCatalog ?? [], this.onClipUpdate = e.onClipUpdate, this.onGenerateVoice = e.onGenerateVoice, this.iconCache.set("OmAi-camera", Te("OmAi-camera")), this.iconCache.set("OmAi-accept", Te("OmAi-accept")), this.iconCache.set("OmAi-loading", Te("OmAi-loading")), this.iconCache.set("OmAi-text", Te("OmAi-text")), this.renderer.mount(this.container), this.render();
+    this.container = e.container, this.theme = e.theme ?? Td, this.voiceCatalog = e.voiceCatalog ?? [], this.onClipUpdate = e.onClipUpdate, this.onGenerateVoice = e.onGenerateVoice, this.iconCache.set("OmAi-camera", be("OmAi-camera")), this.iconCache.set("OmAi-accept", be("OmAi-accept")), this.iconCache.set("OmAi-loading", be("OmAi-loading")), this.iconCache.set("OmAi-text", be("OmAi-text")), this.renderer.mount(this.container), this.render();
   }
   setClip(e) {
     this.setSelectionState(Cs(e));
@@ -13201,8 +13223,8 @@ class kd {
       if (!Number.isFinite(n))
         return;
       r.fontSize = Math.max(
-        $i.MIN,
-        Math.min($i.MAX, n)
+        zi.MIN,
+        Math.min(zi.MAX, n)
       );
     } else if (e === "rotation") {
       const n = typeof t == "number" ? t : Number.parseFloat(String(t));
@@ -13382,22 +13404,22 @@ class Ts {
       };
     const u = n.filter((m) => m.type === e.type).map((m) => m.id), p = u.indexOf(l);
     for (let m = 1; m <= u.length; m += 1) {
-      const v = p - m;
-      if (v >= 0) {
-        const S = u[v], C = a.find((k) => this.resolveTrackId(k) === S);
+      const S = p - m;
+      if (S >= 0) {
+        const v = u[S], C = a.find((k) => this.resolveTrackId(k) === v);
         if (C && !this.hasOverlapOnTrack(e, C))
           return {
             status: "move_to_track",
-            targetTrackId: S
+            targetTrackId: v
           };
       }
       const T = p + m;
       if (T < u.length) {
-        const S = u[T], C = a.find((k) => this.resolveTrackId(k) === S);
+        const v = u[T], C = a.find((k) => this.resolveTrackId(k) === v);
         if (C && !this.hasOverlapOnTrack(e, C))
           return {
             status: "move_to_track",
-            targetTrackId: S
+            targetTrackId: v
           };
       }
     }
@@ -13742,6 +13764,16 @@ class bs {
       timestamp: Date.now()
     };
   }
+  createSetPrimaryTrackMagnetAction(e, t) {
+    return {
+      type: "set_primary_track_magnet",
+      data: {
+        previousEnabled: e,
+        nextEnabled: t
+      },
+      timestamp: Date.now()
+    };
+  }
   createCompoundAction(e, t) {
     return {
       type: "compound",
@@ -13764,25 +13796,25 @@ class ks {
     this.executeRedoInternal(e, /* @__PURE__ */ new Map());
   }
   executeUndoInternal(e, t) {
-    var i, r;
+    var i, r, n, a;
     switch (e.type) {
       case "add_clip":
         this.target.removeClip(this.normalizeAddClipActionData(e.data).clip.id);
         break;
       case "remove_clip": {
-        const n = this.normalizeRemoveClipActionData(e.data);
-        let a = !1;
-        const o = this.resolveTrackIdForHistorySnapshot(
-          n.sourceTrackSnapshot,
-          n.sourceTrackId,
+        const o = this.normalizeRemoveClipActionData(e.data);
+        let l = !1;
+        const c = this.resolveTrackIdForHistorySnapshot(
+          o.sourceTrackSnapshot,
+          o.sourceTrackId,
           t,
-          n.sourceTrackRestoreAnchor
+          o.sourceTrackRestoreAnchor
         );
-        if (o && (a = this.target.addClipToTrack(o, n.clip)), !a) {
-          const l = this.target.findTrackByClipId(n.clip.id) || this.target.getDefaultTrack();
-          l == null || l.addClip(n.clip);
+        if (c && (l = this.target.addClipToTrack(c, o.clip)), !l) {
+          const h = this.target.findTrackByClipId(o.clip.id) || this.target.getDefaultTrack();
+          h == null || h.addClip(o.clip);
         }
-        (r = (i = this.target).loadClipThumbnails) == null || r.call(i, n.clip);
+        (r = (i = this.target).loadClipThumbnails) == null || r.call(i, o.clip);
         break;
       }
       case "update_clip":
@@ -13790,17 +13822,17 @@ class ks {
         break;
       case "split_clip": {
         this.withClipRemovalBatch(() => {
-          const n = this.normalizeSplitClipActionData(e.data), a = this.target.findTrackByClipId(e.data.clip1.id) || this.target.getDefaultTrack(), o = this.resolveTrackIdForHistorySnapshot(
-            n.sourceTrackSnapshot,
-            n.sourceTrackId,
+          const o = this.normalizeSplitClipActionData(e.data), l = this.target.findTrackByClipId(e.data.clip1.id) || this.target.getDefaultTrack(), c = this.resolveTrackIdForHistorySnapshot(
+            o.sourceTrackSnapshot,
+            o.sourceTrackId,
             t,
-            n.sourceTrackRestoreAnchor
+            o.sourceTrackRestoreAnchor
           );
-          if (this.target.removeClip(e.data.clip1.id), this.target.removeClip(e.data.clip2.id), o) {
-            this.target.addClipToTrack(o, e.data.originalClip);
+          if (this.target.removeClip(e.data.clip1.id), this.target.removeClip(e.data.clip2.id), c) {
+            this.target.addClipToTrack(c, e.data.originalClip);
             return;
           }
-          a == null || a.addClip(e.data.originalClip);
+          l == null || l.addClip(e.data.originalClip);
         });
         break;
       }
@@ -13814,24 +13846,24 @@ class ks {
         });
         break;
       case "remove_gaps":
-        this.target.getClips().forEach((n) => this.target.removeClip(n.id)), e.data.clipsBefore.forEach((n) => {
-          const a = this.target.findTrackByClipId(n.id) || this.target.getDefaultTrack();
-          a == null || a.addClip(n);
+        this.target.getClips().forEach((o) => this.target.removeClip(o.id)), e.data.clipsBefore.forEach((o) => {
+          const l = this.target.findTrackByClipId(o.id) || this.target.getDefaultTrack();
+          l == null || l.addClip(o);
         });
         break;
       case "multi_clip_update":
-        e.data.clipUpdates.forEach((n) => {
-          this.target.updateClip(n.clipId, n.previousState);
+        e.data.clipUpdates.forEach((o) => {
+          this.target.updateClip(o.clipId, o.previousState);
         });
         break;
       case "move_clip_between_tracks": {
-        const n = this.normalizeMoveClipBetweenTracksActionData(e.data);
+        const o = this.normalizeMoveClipBetweenTracksActionData(e.data);
         this.restoreMovedClip(
-          n.clipId,
-          n.sourceTrackId,
-          n.sourceTrackSnapshot,
-          n.sourceTrackRestoreAnchor,
-          n.clipBefore,
+          o.clipId,
+          o.sourceTrackId,
+          o.sourceTrackSnapshot,
+          o.sourceTrackRestoreAnchor,
+          o.clipBefore,
           t
         );
         break;
@@ -13842,9 +13874,12 @@ class ks {
       case "restore_clip_audio":
         this.target.updateClip(e.data.videoClipBefore.id, e.data.videoClipBefore);
         break;
+      case "set_primary_track_magnet":
+        (a = (n = this.target).setPrimaryTrackMagnetEnabled) == null || a.call(n, e.data.previousEnabled);
+        break;
       case "compound":
-        [...e.data.actions].reverse().forEach((n) => {
-          this.executeUndoInternal(n, t);
+        [...e.data.actions].reverse().forEach((o) => {
+          this.executeUndoInternal(o, t);
         });
         break;
       default:
@@ -13852,22 +13887,22 @@ class ks {
     }
   }
   executeRedoInternal(e, t) {
-    var i, r;
+    var i, r, n, a;
     switch (e.type) {
       case "add_clip": {
-        const n = this.normalizeAddClipActionData(e.data);
-        let a = !1;
-        const o = this.resolveTrackIdForHistorySnapshot(
-          n.targetTrackSnapshot,
-          n.targetTrackId,
+        const o = this.normalizeAddClipActionData(e.data);
+        let l = !1;
+        const c = this.resolveTrackIdForHistorySnapshot(
+          o.targetTrackSnapshot,
+          o.targetTrackId,
           t,
-          n.targetTrackRestoreAnchor
+          o.targetTrackRestoreAnchor
         );
-        if (o && (a = this.target.addClipToTrack(o, n.clip)), !a) {
-          const l = this.target.findTrackByClipId(n.clip.id) || this.target.getDefaultTrack();
-          l == null || l.addClip(n.clip);
+        if (c && (l = this.target.addClipToTrack(c, o.clip)), !l) {
+          const h = this.target.findTrackByClipId(o.clip.id) || this.target.getDefaultTrack();
+          h == null || h.addClip(o.clip);
         }
-        (r = (i = this.target).loadClipThumbnails) == null || r.call(i, n.clip);
+        (r = (i = this.target).loadClipThumbnails) == null || r.call(i, o.clip);
         break;
       }
       case "remove_clip":
@@ -13878,17 +13913,17 @@ class ks {
         break;
       case "split_clip": {
         this.withClipRemovalBatch(() => {
-          const n = this.normalizeSplitClipActionData(e.data), a = this.target.findTrackByClipId(e.data.originalClip.id) || this.target.getDefaultTrack(), o = this.resolveTrackIdForHistorySnapshot(
-            n.sourceTrackSnapshot,
-            n.sourceTrackId,
+          const o = this.normalizeSplitClipActionData(e.data), l = this.target.findTrackByClipId(e.data.originalClip.id) || this.target.getDefaultTrack(), c = this.resolveTrackIdForHistorySnapshot(
+            o.sourceTrackSnapshot,
+            o.sourceTrackId,
             t,
-            n.sourceTrackRestoreAnchor
+            o.sourceTrackRestoreAnchor
           );
-          if (this.target.removeClip(e.data.originalClip.id), o) {
-            this.target.addClipToTrack(o, e.data.clip1), this.target.addClipToTrack(o, e.data.clip2);
+          if (this.target.removeClip(e.data.originalClip.id), c) {
+            this.target.addClipToTrack(c, e.data.clip1), this.target.addClipToTrack(c, e.data.clip2);
             return;
           }
-          a == null || a.addClip(e.data.clip1), a == null || a.addClip(e.data.clip2);
+          l == null || l.addClip(e.data.clip1), l == null || l.addClip(e.data.clip2);
         });
         break;
       }
@@ -13905,18 +13940,18 @@ class ks {
         this.target.removeClipGaps();
         break;
       case "multi_clip_update":
-        e.data.clipUpdates.forEach((n) => {
-          this.target.updateClip(n.clipId, n.newState);
+        e.data.clipUpdates.forEach((o) => {
+          this.target.updateClip(o.clipId, o.newState);
         });
         break;
       case "move_clip_between_tracks": {
-        const n = this.normalizeMoveClipBetweenTracksActionData(e.data);
+        const o = this.normalizeMoveClipBetweenTracksActionData(e.data);
         this.restoreMovedClip(
-          n.clipId,
-          n.targetTrackId,
-          n.targetTrackSnapshot,
-          n.targetTrackRestoreAnchor,
-          n.clipAfter,
+          o.clipId,
+          o.targetTrackId,
+          o.targetTrackSnapshot,
+          o.targetTrackRestoreAnchor,
+          o.clipAfter,
           t
         );
         break;
@@ -13927,9 +13962,12 @@ class ks {
       case "restore_clip_audio":
         this.target.updateClip(e.data.videoClipAfter.id, e.data.videoClipAfter);
         break;
+      case "set_primary_track_magnet":
+        (a = (n = this.target).setPrimaryTrackMagnetEnabled) == null || a.call(n, e.data.nextEnabled);
+        break;
       case "compound":
-        e.data.actions.forEach((n) => {
-          this.executeRedoInternal(n, t);
+        e.data.actions.forEach((o) => {
+          this.executeRedoInternal(o, t);
         });
         break;
       default:
@@ -14099,6 +14137,10 @@ class ws {
   createRestoreClipAudioAction(e, t, i, r) {
     return this.history.createRestoreClipAudioAction(e, t, i, r);
   }
+  recordSetPrimaryTrackMagnet(e, t) {
+    const i = this.history.createSetPrimaryTrackMagnetAction(e, t);
+    return this.recordAction(i), i;
+  }
   recordCompoundAction(e, t) {
     if (e.length === 0)
       return null;
@@ -14319,18 +14361,18 @@ const Tr = {
 function br(s, e) {
   return typeof s == "number" && Number.isFinite(s) ? s : e;
 }
-function $d(s) {
+function zd(s) {
   return Math.min(Hd, Math.max(Gd, s));
 }
-function we(s) {
+function Pe(s) {
   return {
     x: br(s == null ? void 0 : s.x, Tr.x),
     y: br(s == null ? void 0 : s.y, Tr.y),
-    scale: $d(br(s == null ? void 0 : s.scale, Tr.scale))
+    scale: zd(br(s == null ? void 0 : s.scale, Tr.scale))
   };
 }
 function mn(s, e, t = 1e-4) {
-  const i = we(s), r = we(e);
+  const i = Pe(s), r = Pe(e);
   return Math.abs(i.x - r.x) <= t && Math.abs(i.y - r.y) <= t && Math.abs(i.scale - r.scale) <= t;
 }
 function Qa(s, e) {
@@ -14357,7 +14399,7 @@ function Qa(s, e) {
   };
 }
 function Ps(s, e, t) {
-  const i = Qa(s, e), r = we(t), n = i.width * r.scale, a = i.height * r.scale, o = s.width * r.x, l = s.height * r.y;
+  const i = Qa(s, e), r = Pe(t), n = i.width * r.scale, a = i.height * r.scale, o = s.width * r.x, l = s.height * r.y;
   return {
     left: o - n / 2,
     top: l - a / 2,
@@ -14368,16 +14410,16 @@ function Ps(s, e, t) {
   };
 }
 function eo(s, e, t, i) {
-  const r = we(s), n = i.width > 0 ? i.width : 1, a = i.height > 0 ? i.height : 1;
-  return we({
+  const r = Pe(s), n = i.width > 0 ? i.width : 1, a = i.height > 0 ? i.height : 1;
+  return Pe({
     x: r.x + e / n,
     y: r.y + t / a,
     scale: r.scale
   });
 }
-function zd(s, e, t, i, r, n) {
-  const a = we(n), o = Math.max(r.width / 2, 1), l = Math.max(r.height / 2, 1), c = Math.abs(t - s) / o, h = Math.abs(i - e) / l;
-  return we({
+function $d(s, e, t, i, r, n) {
+  const a = Pe(n), o = Math.max(r.width / 2, 1), l = Math.max(r.height / 2, 1), c = Math.abs(t - s) / o, h = Math.abs(i - e) / l;
+  return Pe({
     x: a.x,
     y: a.y,
     scale: Math.max(c, h)
@@ -14559,13 +14601,13 @@ class Vd {
     (n = t.preventDefault) == null || n.call(t);
     const i = this.toLocalPoint(t);
     if (this.interaction.mode === "rotate" && this.interaction.startRotation !== void 0) {
-      const u = i.x - this.interaction.centerX, p = i.y - this.interaction.centerY, m = Math.atan2(p, u) * (180 / Math.PI) - this.interaction.startAngle, v = Math.round(this.interaction.startRotation + m);
-      this.interaction.nextRotation = v, this.interaction.changed = v !== this.interaction.startRotation, (o = (a = this.callbacks).onRotationChange) == null || o.call(a, this.interaction.clipId, v);
+      const u = i.x - this.interaction.centerX, p = i.y - this.interaction.centerY, m = Math.atan2(p, u) * (180 / Math.PI) - this.interaction.startAngle, S = Math.round(this.interaction.startRotation + m);
+      this.interaction.nextRotation = S, this.interaction.changed = S !== this.interaction.startRotation, (o = (a = this.callbacks).onRotationChange) == null || o.call(a, this.interaction.clipId, S);
       return;
     }
     if (this.interaction.clipType === "text" && this.interaction.startFontSize !== void 0) {
-      const u = i.x - this.interaction.centerX, p = i.y - this.interaction.centerY, f = Math.sqrt(u * u + p * p), m = (this.interaction.startCenterDistance ?? 0) > 0 ? f / this.interaction.startCenterDistance : 1, v = Math.max(5, Math.min(300, Math.round(this.interaction.startFontSize * m)));
-      this.interaction.nextFontSize = v, this.interaction.changed = v !== this.interaction.startFontSize, (c = (l = this.callbacks).onFontSizeChange) == null || c.call(l, this.interaction.clipId, v);
+      const u = i.x - this.interaction.centerX, p = i.y - this.interaction.centerY, f = Math.sqrt(u * u + p * p), m = (this.interaction.startCenterDistance ?? 0) > 0 ? f / this.interaction.startCenterDistance : 1, S = Math.max(5, Math.min(300, Math.round(this.interaction.startFontSize * m)));
+      this.interaction.nextFontSize = S, this.interaction.changed = S !== this.interaction.startFontSize, (c = (l = this.callbacks).onFontSizeChange) == null || c.call(l, this.interaction.clipId, S);
       return;
     }
     let r = this.interaction.startTransform;
@@ -14578,7 +14620,7 @@ class Vd {
       );
     else {
       const u = this.interaction.startTransform.x * this.interaction.frameSize.width, p = this.interaction.startTransform.y * this.interaction.frameSize.height;
-      r = zd(
+      r = $d(
         u,
         p,
         i.x,
@@ -14667,7 +14709,7 @@ function Ud(s, e) {
   }), i.forEach((p) => {
     o.set(p.trackId, { kind: p.trackType, order: p.trackOrder });
   }), Array.from(o.entries()).map(([p, f]) => {
-    const m = n.get(p) || null, v = d(p, f.kind) && a.get(p) || null;
+    const m = n.get(p) || null, S = d(p, f.kind) && a.get(p) || null;
     return {
       trackId: p,
       kind: f.kind,
@@ -14683,7 +14725,7 @@ function Ud(s, e) {
       },
       preload: {
         role: "preload",
-        entry: v,
+        entry: S,
         playState: "paused",
         speed: 1,
         visible: !1,
@@ -14876,14 +14918,14 @@ function wu(s, e) {
     height: e.height
   };
 }
-function xe(s) {
+function _e(s) {
   return s.getAttribute("src") || s.currentSrc || s.src || "";
 }
 function Ji(s) {
   return s.getAttribute("src") || "";
 }
 function De(s, e) {
-  const t = Ji(s), i = s.currentSrc || "", r = s.src || "", n = xe(s);
+  const t = Ji(s), i = s.currentSrc || "", r = s.src || "", n = _e(s);
   return {
     desiredSource: e || null,
     srcAttribute: t || null,
@@ -14954,7 +14996,7 @@ function ee(s) {
     tsMs: rn(),
     currentTime: Number.isFinite(s.currentTime) ? Number(s.currentTime.toFixed(3)) : null,
     duration: Number.isFinite(s.duration) ? Number(s.duration.toFixed(3)) : null,
-    currentSrc: xe(s) || null,
+    currentSrc: _e(s) || null,
     srcAttribute: Ji(s) || null,
     elementSrc: s.src || null,
     rawCurrentSrc: s.currentSrc || null,
@@ -15122,7 +15164,7 @@ class xu {
       clipId: ((i = e.entry) == null ? void 0 : i.clip.id) ?? null,
       slotKey: `${e.trackId}:${e.role}`,
       desiredSourceUrl: e.desiredSource,
-      actualSourceUrl: xe(e.element) || null,
+      actualSourceUrl: _e(e.element) || null,
       extra: {
         role: e.role,
         kind: e.kind,
@@ -15245,11 +15287,11 @@ class xu {
     return r.preload = t === "preload" ? "auto" : "metadata", r.crossOrigin = "anonymous", r.loop = !1, r.controls = !1, Qi(r) ? (Dr(r), r.playsInline = !0, r.style.position = "absolute", r.style.inset = "0", r.style.width = "100%", r.style.height = "100%", r.style.objectFit = "fill", r.style.background = _.black, r.style.pointerEvents = "none") : r.style.display = "none", r;
   }
   createSlot(e, t, i) {
-    var P, D;
+    var x, D;
     const r = this.createMediaElement(t, i), n = t === "video" ? document.createElement("div") : null, a = t === "video" ? document.createElement("div") : null, o = t === "video" ? document.createElement("div") : null;
     if (n) {
       const w = this.dependencies.slotClassNamePrefix ?? "timeline-preview-slot";
-      n.className = `${w} timeline-preview-slot--${e} timeline-preview-slot--${i}`, n.style.position = "absolute", n.style.overflow = "hidden", n.style.background = _.black, n.style.pointerEvents = "none", n.style.display = "none", n.appendChild(r), a && o && (a.className = "timeline-preview-slot__failure", a.style.position = "absolute", a.style.inset = "0", a.style.display = "none", a.style.alignItems = "center", a.style.justifyContent = "center", a.style.padding = "12px", a.style.boxSizing = "border-box", a.style.background = _.mediaClipFailedBackground, a.style.color = _.white, a.style.pointerEvents = "none", o.className = "timeline-preview-slot__failure-label", o.style.fontSize = "18px", o.style.fontWeight = "600", o.style.lineHeight = "1.2", o.style.textAlign = "center", o.textContent = Is, a.appendChild(o), n.appendChild(a)), (P = this.frameElement) == null || P.appendChild(n);
+      n.className = `${w} timeline-preview-slot--${e} timeline-preview-slot--${i}`, n.style.position = "absolute", n.style.overflow = "hidden", n.style.background = _.black, n.style.pointerEvents = "none", n.style.display = "none", n.appendChild(r), a && o && (a.className = "timeline-preview-slot__failure", a.style.position = "absolute", a.style.inset = "0", a.style.display = "none", a.style.alignItems = "center", a.style.justifyContent = "center", a.style.padding = "12px", a.style.boxSizing = "border-box", a.style.background = _.mediaClipFailedBackground, a.style.color = _.white, a.style.pointerEvents = "none", o.className = "timeline-preview-slot__failure-label", o.style.fontSize = "18px", o.style.fontWeight = "600", o.style.lineHeight = "1.2", o.style.textAlign = "center", o.textContent = Is, a.appendChild(o), n.appendChild(a)), (x = this.frameElement) == null || x.appendChild(n);
     }
     const l = {
       role: i,
@@ -15352,14 +15394,14 @@ class xu {
         message: "Media event: playing",
         mediaState: ee(l.element)
       })), this.refreshRuntimeState();
-    }, v = () => {
+    }, S = () => {
       this.refreshRuntimeState();
     }, T = () => {
       this.emitDiagnostic("debug", "playback", "media.pause", this.buildSlotTraceData(l, {
         message: "Media event: pause",
         mediaState: ee(l.element)
       })), this.refreshRuntimeState();
-    }, S = () => {
+    }, v = () => {
       l.isBuffering = l.role === "current" && l.isActive && l.requestedPlayState === "playing", l.hasBufferingSignalSinceSourceChange = l.isBuffering, l.lastPlaybackResumeAttemptAtMs = -1, this.emitDiagnostic("warn", "playback", "media.stalled", this.buildSlotTraceData(l, {
         message: "Media event: stalled",
         mediaState: ee(l.element)
@@ -15371,19 +15413,19 @@ class xu {
       })), this.refreshRuntimeState();
     }, k = () => {
       l.isSeeking = !0, this.refreshRuntimeState();
-    }, x = () => {
+    }, P = () => {
       l.isSeeking = !1, l.hasReadyEventSinceSourceChange = !0, l.hasBufferingSignalSinceSourceChange = !1, this.resetSlotPlaybackProgressProbe(l), this.maybeResumeRequestedPlayback(l, "seeked"), this.refreshRuntimeState();
     };
-    return r.addEventListener("loadstart", p), r.addEventListener("canplay", f), r.addEventListener("playing", m), r.addEventListener("progress", v), r.addEventListener("pause", T), r.addEventListener("stalled", S), r.addEventListener("waiting", C), r.addEventListener("seeking", k), r.addEventListener("seeked", x), r.addEventListener("abort", h), r.addEventListener("emptied", d), r.addEventListener("error", u), l.cleanup.push(
+    return r.addEventListener("loadstart", p), r.addEventListener("canplay", f), r.addEventListener("playing", m), r.addEventListener("progress", S), r.addEventListener("pause", T), r.addEventListener("stalled", v), r.addEventListener("waiting", C), r.addEventListener("seeking", k), r.addEventListener("seeked", P), r.addEventListener("abort", h), r.addEventListener("emptied", d), r.addEventListener("error", u), l.cleanup.push(
       () => r.removeEventListener("loadstart", p),
       () => r.removeEventListener("canplay", f),
       () => r.removeEventListener("playing", m),
-      () => r.removeEventListener("progress", v),
+      () => r.removeEventListener("progress", S),
       () => r.removeEventListener("pause", T),
-      () => r.removeEventListener("stalled", S),
+      () => r.removeEventListener("stalled", v),
       () => r.removeEventListener("waiting", C),
       () => r.removeEventListener("seeking", k),
-      () => r.removeEventListener("seeked", x),
+      () => r.removeEventListener("seeked", P),
       () => r.removeEventListener("abort", h),
       () => r.removeEventListener("emptied", d),
       () => r.removeEventListener("error", u)
@@ -15437,7 +15479,7 @@ class xu {
       });
   }
   applySlotTarget(e, t) {
-    const i = ++e.applyToken, r = e.entry, n = xe(e.element) || null, a = r ? this.buildPreviewSourceCacheKey(r.clip) : null, o = t.entry ? this.buildPreviewSourceCacheKey(t.entry.clip) : null;
+    const i = ++e.applyToken, r = e.entry, n = _e(e.element) || null, a = r ? this.buildPreviewSourceCacheKey(r.clip) : null, o = t.entry ? this.buildPreviewSourceCacheKey(t.entry.clip) : null;
     if (e.entry = t.entry, e.requestedPlayState = t.playState, e.isActive = t.role === "current" && !!t.entry, e.errorMessage = t.entry ? e.errorMessage : null, e.isBuffering = t.entry ? e.isBuffering : !1, e.isSeeking = t.entry ? e.isSeeking : !1, e.consecutiveStalledCount = t.entry ? e.consecutiveStalledCount : 0, !t.entry) {
       this.deferredPreloadSlotKeys.delete(this.getSlotKey(e)), (r || n) && this.emitDiagnostic("info", "playback", "slot.cleared", this.buildSlotTraceData(e, {
         message: "Preview slot cleared",
@@ -15626,7 +15668,7 @@ class xu {
     this.emitDiagnostic("debug", "resource", r, this.buildSlotTraceData(e, {
       message: n,
       desiredSourceUrl: o,
-      actualSourceUrl: xe(e.element) || null,
+      actualSourceUrl: _e(e.element) || null,
       mediaState: ee(e.element),
       extra: {
         stableSourceUrl: t,
@@ -15668,7 +15710,7 @@ class xu {
     const i = Qd({
       desiredSource: t,
       configuredSource: Ji(e.element) || null,
-      assignedSource: xe(e.element) || null,
+      assignedSource: _e(e.element) || null,
       forceRecover: e.forceRecover,
       isActive: e.isActive,
       isLoading: e.isLoading,
@@ -15769,7 +15811,7 @@ class xu {
       desiredSource: o,
       mediaState: ee(e.element)
     });
-    const c = xe(e.element), h = De(e.element, o), d = tu(c || null, t, e.retryCount);
+    const c = _e(e.element), h = De(e.element, o), d = tu(c || null, t, e.retryCount);
     Le(e.element), e.expectedEmptiedEvents = d ? 2 : 1, e.stableSourceUrl = a.stableSourceUrl, e.hasReadyEventSinceSourceChange = !1, this.resetSlotPlaybackProgressProbe(e), this.rememberSlotObjectUrl(e, a.objectUrl), d && (e.element.removeAttribute("src"), Ye(e.element)), e.element.setAttribute("src", o), Ye(e.element), this.emitDiagnostic("info", "resource", "source.assigned", this.buildSlotTraceData(e, {
       message: "Preview source assigned",
       desiredSourceUrl: o,
@@ -15814,7 +15856,7 @@ class xu {
   }
   deferPreloadTarget(e, t, i, r) {
     const n = i.url;
-    e.desiredSource = n, this.rememberSlotObjectUrl(e, i.objectUrl), e.element.getAttribute("src") && e.element.getAttribute("src") !== n && (Le(e.element), e.element.removeAttribute("src"), Ye(e.element)), xe(e.element) || (e.hasReadyEventSinceSourceChange = !1), lu(e, !!xe(e.element)), this.deferredPreloadSlotKeys.add(this.getSlotKey(e)), this.emitDiagnostic("info", "recovery", "preload.recovery.deferred", this.buildSlotTraceData(e, {
+    e.desiredSource = n, this.rememberSlotObjectUrl(e, i.objectUrl), e.element.getAttribute("src") && e.element.getAttribute("src") !== n && (Le(e.element), e.element.removeAttribute("src"), Ye(e.element)), _e(e.element) || (e.hasReadyEventSinceSourceChange = !1), lu(e, !!_e(e.element)), this.deferredPreloadSlotKeys.add(this.getSlotKey(e)), this.emitDiagnostic("info", "recovery", "preload.recovery.deferred", this.buildSlotTraceData(e, {
       message: "Deferred preload recovery until active current media settles",
       desiredSourceUrl: n,
       extra: {
@@ -16178,12 +16220,12 @@ class xu {
     e <= 0 || t <= 0 || (this.resolvedAutoAspectRatio = { width: e, height: t }, this.updateFrameLayout(), Zt(this.requestedAspectRatio.mode) && ((r = (i = this.callbacks).onAspectRatioChange) == null || r.call(i, this.getAspectRatio())));
   }
   refreshRuntimeState() {
-    var m, v, T, S, C, k, x, P;
+    var m, S, T, v, C, k, P, x;
     const e = [];
     let t = null, i = !1, r = 0, n = 0, a = !1, o = !1, l = !1, c = !1;
     for (const { current: D, preload: w } of this.trackSlots.values())
       for (const A of [D, w]) {
-        const B = this.isTrackedActiveCurrentVideoSlot(A), $ = B ? this.evaluateTrackedCurrentVideoSlot(A) : null, F = xe(A.element) || null;
+        const B = this.isTrackedActiveCurrentVideoSlot(A), z = B ? this.evaluateTrackedCurrentVideoSlot(A) : null, F = _e(A.element) || null;
         e.push({
           trackId: A.trackId,
           role: A.role,
@@ -16194,7 +16236,7 @@ class xu {
           phase: A.phase,
           retryCount: A.retryCount,
           errorMessage: A.errorMessage
-        }), A.phase !== "idle" && (i = !0), B && (r += 1, $ != null && $.failed && (n += 1, a = !0, t || (t = A.errorMessage || "资源加载异常，请刷新重试")), $ != null && $.resolving && (o = !0), $ != null && $.seeking && (l = !0), $ != null && $.mediaUnready && (c = !0));
+        }), A.phase !== "idle" && (i = !0), B && (r += 1, z != null && z.failed && (n += 1, a = !0, t || (t = A.errorMessage || "资源加载异常，请刷新重试")), z != null && z.resolving && (o = !0), z != null && z.seeking && (l = !0), z != null && z.mediaUnready && (c = !0));
       }
     const h = this.buildPreviewLoadingState({
       trackedActiveCurrentVideoSlotCount: r,
@@ -16223,9 +16265,9 @@ class xu {
         loadingStatus: u.loading.status,
         loadingReason: u.loading.reason,
         isLoading: u.loading.isLoading,
-        clockStatus: ((v = u.clock) == null ? void 0 : v.status) ?? "unavailable",
+        clockStatus: ((S = u.clock) == null ? void 0 : S.status) ?? "unavailable",
         clockReason: ((T = u.clock) == null ? void 0 : T.reason) ?? null,
-        clockTimelineTime: ((S = u.clock) == null ? void 0 : S.timelineTime) ?? null
+        clockTimelineTime: ((v = u.clock) == null ? void 0 : v.timelineTime) ?? null
       },
       extra: {
         previousPhase: p.phase,
@@ -16242,7 +16284,7 @@ class xu {
           actualSource: D.actualSource
         }))
       }
-    }), (k = (C = this.callbacks).onRuntimeStateChange) == null || k.call(C, u)), (h.status === "ready" || h.status === "failed" || h.status === "idle") && u.syncRequestId !== void 0 && this.lastSettledSyncRequestId !== u.syncRequestId && (this.lastSettledSyncRequestId = u.syncRequestId, (P = (x = this.callbacks).onSyncProcessed) == null || P.call(x, u.syncRequestId)), h.status !== "loading" && this.deferredPreloadSlotKeys.size > 0 && this.scheduleDeferredPreloadFlush(), this.syncLoadingProbe(h), this.syncClockProbe(u.clock), this.refreshPendingOverlay();
+    }), (k = (C = this.callbacks).onRuntimeStateChange) == null || k.call(C, u)), (h.status === "ready" || h.status === "failed" || h.status === "idle") && u.syncRequestId !== void 0 && this.lastSettledSyncRequestId !== u.syncRequestId && (this.lastSettledSyncRequestId = u.syncRequestId, (x = (P = this.callbacks).onSyncProcessed) == null || x.call(P, u.syncRequestId)), h.status !== "loading" && this.deferredPreloadSlotKeys.size > 0 && this.scheduleDeferredPreloadFlush(), this.syncLoadingProbe(h), this.syncClockProbe(u.clock), this.refreshPendingOverlay();
   }
   buildPreviewClockState(e) {
     const t = this.getPreviewClockSourceSlot();
@@ -16416,7 +16458,7 @@ class xu {
   doesSlotSourceMatchDesired(e, t) {
     return Jd(
       Ji(e.element) || null,
-      xe(e.element) || null,
+      _e(e.element) || null,
       t
     );
   }
@@ -16740,7 +16782,7 @@ class xu {
   }
   getEffectiveVisualTransform(e) {
     var t;
-    return ((t = this.transientVisualTransform) == null ? void 0 : t.clipId) === e.clip.id ? this.transientVisualTransform.transform : we(e.clip.visualTransform);
+    return ((t = this.transientVisualTransform) == null ? void 0 : t.clipId) === e.clip.id ? this.transientVisualTransform.transform : Pe(e.clip.visualTransform);
   }
 }
 class _u extends xu {
@@ -17096,7 +17138,7 @@ function Hu(s) {
   const t = e.toLowerCase();
   return t === "space" || t === "spacebar" ? "Space" : t === "delete" ? "Delete" : t === "backspace" ? "Backspace" : /^[a-z]$/i.test(e) ? `Key${e.toUpperCase()}` : /^key[a-z]$/i.test(e) ? `Key${e.slice(-1).toUpperCase()}` : /^[0-9]$/.test(e) ? `Digit${e}` : /^digit[0-9]$/i.test(e) ? `Digit${e.slice(-1)}` : null;
 }
-function $u(s, e, t) {
+function zu(s, e, t) {
   const i = e.split("+").map((c) => c.trim()).filter((c) => c.length > 0);
   if (i.length === 0)
     return null;
@@ -17138,7 +17180,7 @@ function $u(s, e, t) {
     shiftKey: l
   } : null;
 }
-function zu(s) {
+function $u(s) {
   if (!(s instanceof HTMLElement))
     return !1;
   if (s.isContentEditable)
@@ -17153,7 +17195,7 @@ function Uu(s, e) {
   return s === !1 || (s == null ? void 0 : s.enabled) === !1 ? [] : Fu.flatMap((t) => {
     var n;
     const i = (n = s == null ? void 0 : s.bindings) == null ? void 0 : n[t];
-    return (i === void 0 ? Nu[t] : Array.isArray(i) ? i : [i]).map((a) => $u(t, a, e)).filter((a) => a !== null);
+    return (i === void 0 ? Nu[t] : Array.isArray(i) ? i : [i]).map((a) => zu(t, a, e)).filter((a) => a !== null);
   });
 }
 class Wu {
@@ -17177,7 +17219,7 @@ class Wu {
     (t = (e = globalThis.window) == null ? void 0 : e.removeEventListener) == null || t.call(e, "keydown", this.keydownListener);
   }
   handleKeydown(e) {
-    if (zu(e.target))
+    if ($u(e.target))
       return;
     const t = this.bindings.find((i) => Vu(e, i));
     t && (e.preventDefault(), e.stopPropagation(), this.dispatchAction(t.action));
@@ -17324,6 +17366,9 @@ class qu {
         this.updateClip(e, t);
       },
       moveClipToTrack: (e, t) => this.moveClipToTrack(e, t),
+      setPrimaryTrackMagnetEnabled: (e) => {
+        this.options.setPrimaryTrackMagnetEnabled(e);
+      },
       ensureTrackFromHistorySnapshot: (e, t) => this.ensureTrackFromHistorySnapshot(e, t),
       removeClipGaps: () => {
         this.removeClipGaps();
@@ -17455,18 +17500,18 @@ class Ju {
   }
   convertTheme(e) {
     return {
-      backgroundColor: me.backgroundColor,
-      borderColor: e.border || me.borderColor,
-      textColor: e.clipName || me.textColor,
-      labelColor: e.timeText || me.labelColor,
-      inputBackground: e.trackBackground || me.inputBackground,
-      inputBorder: e.trackBorder || me.inputBorder,
-      inputFocusBorder: me.inputFocusBorder,
-      buttonBackground: e.clipBackground || me.buttonBackground,
-      buttonBorder: e.clipBorder || me.buttonBorder,
-      buttonActiveBackground: me.buttonActiveBackground,
-      buttonActiveBorder: e.clipSelectedBorder || me.buttonActiveBorder,
-      buttonActiveText: me.buttonActiveText
+      backgroundColor: ye.backgroundColor,
+      borderColor: e.border || ye.borderColor,
+      textColor: e.clipName || ye.textColor,
+      labelColor: e.timeText || ye.labelColor,
+      inputBackground: e.trackBackground || ye.inputBackground,
+      inputBorder: e.trackBorder || ye.inputBorder,
+      inputFocusBorder: ye.inputFocusBorder,
+      buttonBackground: e.clipBackground || ye.buttonBackground,
+      buttonBorder: e.clipBorder || ye.buttonBorder,
+      buttonActiveBackground: ye.buttonActiveBackground,
+      buttonActiveBorder: e.clipSelectedBorder || ye.buttonActiveBorder,
+      buttonActiveText: ye.buttonActiveText
     };
   }
 }
@@ -17476,17 +17521,17 @@ class Qu {
   }
   init(e) {
     var i, r, n, a;
-    const t = ((i = e.theme) == null ? void 0 : i.background) || be.background;
+    const t = ((i = e.theme) == null ? void 0 : i.background) || ke.background;
     this.panel = new vd(
       {
         container: e.container,
         theme: {
           background: t,
-          border: ((r = e.theme) == null ? void 0 : r.border) || be.border,
-          text: ((n = e.theme) == null ? void 0 : n.clipName) || be.text,
-          buttonBackground: ((a = e.theme) == null ? void 0 : a.clipBackground) || be.buttonBackground,
-          buttonHover: be.buttonHover,
-          buttonDanger: be.buttonDanger
+          border: ((r = e.theme) == null ? void 0 : r.border) || ke.border,
+          text: ((n = e.theme) == null ? void 0 : n.clipName) || ke.text,
+          buttonBackground: ((a = e.theme) == null ? void 0 : a.clipBackground) || ke.buttonBackground,
+          buttonHover: ke.buttonHover,
+          buttonDanger: ke.buttonDanger
         },
         width: fi,
         timeScaleHeight: e.timeScaleHeight || 40,
@@ -17550,12 +17595,12 @@ const ep = 100 * 1024 * 1024, tp = 10 * 1024 * 1024 * 1024, ip = 30 * 24 * 60 *
   preferStorage: "opfs",
   resolveMode: "prefer-fast-start",
   allowedMimeTypes: rp
-}, np = "timeline-preview-resource-cache", sp = 1, ye = "metadata";
+}, np = "timeline-preview-resource-cache", sp = 1, Se = "metadata";
 function ap() {
   return new Promise((s, e) => {
     const t = indexedDB.open(np, sp);
     t.onupgradeneeded = () => {
-      const i = t.result, r = i.objectStoreNames.contains(ye) ? t.transaction.objectStore(ye) : i.createObjectStore(ye, { keyPath: "cacheKey" });
+      const i = t.result, r = i.objectStoreNames.contains(Se) ? t.transaction.objectStore(Se) : i.createObjectStore(Se, { keyPath: "cacheKey" });
       r.indexNames.contains("sourceUrl") || r.createIndex("sourceUrl", "sourceUrl"), r.indexNames.contains("expiresAt") || r.createIndex("expiresAt", "expiresAt"), r.indexNames.contains("lastAccessedAt") || r.createIndex("lastAccessedAt", "lastAccessedAt"), r.indexNames.contains("storageKind") || r.createIndex("storageKind", "storageKind");
     }, t.onerror = () => e(t.error), t.onsuccess = () => s(t.result);
   });
@@ -17577,26 +17622,26 @@ class op {
   async get(e) {
     const t = await this.getDb();
     return new Promise((i, r) => {
-      const n = t.transaction(ye, "readonly").objectStore(ye).get(e);
+      const n = t.transaction(Se, "readonly").objectStore(Se).get(e);
       n.onerror = () => r(n.error), n.onsuccess = () => i(n.result ?? null);
     });
   }
   async put(e) {
-    const i = (await this.getDb()).transaction(ye, "readwrite");
-    i.objectStore(ye).put(e), await _r(i);
+    const i = (await this.getDb()).transaction(Se, "readwrite");
+    i.objectStore(Se).put(e), await _r(i);
   }
   async delete(e) {
-    const i = (await this.getDb()).transaction(ye, "readwrite");
-    i.objectStore(ye).delete(e), await _r(i);
+    const i = (await this.getDb()).transaction(Se, "readwrite");
+    i.objectStore(Se).delete(e), await _r(i);
   }
   async clear() {
-    const t = (await this.getDb()).transaction(ye, "readwrite");
-    t.objectStore(ye).clear(), await _r(t);
+    const t = (await this.getDb()).transaction(Se, "readwrite");
+    t.objectStore(Se).clear(), await _r(t);
   }
   async list() {
     const e = await this.getDb();
     return new Promise((t, i) => {
-      const r = e.transaction(ye, "readonly").objectStore(ye).getAll();
+      const r = e.transaction(Se, "readonly").objectStore(Se).getAll();
       r.onerror = () => i(r.error), r.onsuccess = () => t(r.result);
     });
   }
@@ -17782,7 +17827,7 @@ function Tp(s) {
   const t = Number(e[1]);
   return Number.isSafeInteger(t) && t >= 0 ? t : null;
 }
-function $s(s, e, t) {
+function zs(s, e, t) {
   return {
     url: e,
     ok: s.ok,
@@ -17800,7 +17845,7 @@ class bp {
     try {
       const n = await fetch(e, { method: "HEAD" }), a = Hs(n.headers.get("content-length"));
       if (n.ok && a !== null)
-        return $s(n, e, a);
+        return zs(n, e, a);
     } catch {
     }
     const t = await fetch(e, {
@@ -17813,7 +17858,7 @@ class bp {
       await ((r = t.body) == null ? void 0 : r.cancel());
     } catch {
     }
-    return $s(t, e, i);
+    return zs(t, e, i);
   }
   async download(e) {
     const t = await fetch(e);
@@ -18111,7 +18156,7 @@ class Er {
     });
   }
 }
-class zs {
+class $s {
   constructor(e, t = Kr) {
     this.handlers = e, this.TrackCtor = t;
   }
@@ -18132,6 +18177,7 @@ class zs {
       this.handlers.onTimeJump,
       this.handlers.onHorizontalDragAutoScroll,
       this.handlers.onClipOverlap,
+      this.handlers.onPrimaryTrackMagnetMove,
       this.handlers.onClipCrossTrackPreview,
       this.handlers.onClipCrossTrack,
       this.handlers.onClearDropPreview,
@@ -18674,11 +18720,11 @@ class Mp {
     return this.scrollLeft;
   }
   scrollToTime(e) {
-    const t = Y.timeToPixels(e, this.config.zoom), i = this.stage.width();
+    const t = U.timeToPixels(e, this.config.zoom), i = this.stage.width();
     this.setScrollLeft(Math.max(0, t - i / 2));
   }
   scrollToClip(e) {
-    const t = Y.timeToPixels(e.startTime, this.config.zoom), r = Y.timeToPixels(e.startTime + e.duration, this.config.zoom) - t, n = this.stage.width(), a = r <= n ? Math.max(0, t - (n - r) / 2) : Math.max(0, t);
+    const t = U.timeToPixels(e.startTime, this.config.zoom), r = U.timeToPixels(e.startTime + e.duration, this.config.zoom) - t, n = this.stage.width(), a = r <= n ? Math.max(0, t - (n - r) / 2) : Math.max(0, t);
     this.setScrollLeft(a);
   }
   resize(e) {
@@ -18730,10 +18776,10 @@ class Mp {
     this.dragStartX = e.clientX, this.scrollLeft = i, this.render(), r !== this.scrollLeft && this.onScrollChange(this.scrollLeft);
   }
   pixelToTime(e) {
-    return Y.pixelsToTime(e - _e + this.scrollLeft, this.config.zoom);
+    return U.pixelsToTime(e - fe + this.scrollLeft, this.config.zoom);
   }
   timeToPixel(e) {
-    return Y.timeToPixels(e, this.config.zoom) - this.scrollLeft + _e;
+    return U.timeToPixels(e, this.config.zoom) - this.scrollLeft + fe;
   }
   render() {
     const e = this.stage.width(), t = this.stage.height(), i = this.layer.findOne(".timeline-header-background");
@@ -18746,7 +18792,7 @@ class Mp {
     this.layer.find(".time-tick-line").forEach((r) => r.remove()), this.layer.find(".time-tick-text").forEach((r) => r.remove()), this.renderTimeTicks(), this.layer.batchDraw();
   }
   renderTimeTicks() {
-    const e = this.stage.width(), t = this.scrollLeft, i = this.scrollLeft + e, r = Y.pixelsToTime(t, this.config.zoom), n = Y.pixelsToTime(i, this.config.zoom), a = Y.msToSeconds(r), o = Y.msToSeconds(n), { majorStep: l, minorStep: c } = Y.getTickConfig(this.config.zoom), h = Y.generateVisibleTicks(a - 10, o + 10, l, c);
+    const e = this.stage.width(), t = this.scrollLeft, i = this.scrollLeft + e, r = U.pixelsToTime(t, this.config.zoom), n = U.pixelsToTime(i, this.config.zoom), a = U.msToSeconds(r), o = U.msToSeconds(n), { majorStep: l, minorStep: c } = U.getTickConfig(this.config.zoom), h = U.generateVisibleTicks(a - 10, o + 10, l, c);
     for (const d of h) {
       const u = this.timeToPixel(d.time);
       u >= -20 && u <= e + 20 && de.drawTimeTick(
@@ -18765,7 +18811,7 @@ class Mp {
     }
   }
   clampScrollLeft(e) {
-    const t = Math.max(0, Y.timeToPixels(this.config.duration, this.config.zoom) - this.stage.width());
+    const t = Math.max(0, U.timeToPixels(this.config.duration, this.config.zoom) - this.stage.width());
     return Math.max(0, Math.min(t, e));
   }
 }
@@ -18850,7 +18896,7 @@ const q = class q {
     }), this.hasBoundGlobalPointerListeners = !1);
   }
   updateTimeFromClientX(e) {
-    const t = this.container.getBoundingClientRect(), i = e - t.left, r = Y.pixelsToTime(i - _e + this.scrollLeft, this.zoom);
+    const t = this.container.getBoundingClientRect(), i = e - t.left, r = U.pixelsToTime(i - fe + this.scrollLeft, this.zoom);
     this.onTimeChange(Math.max(0, r), "scrub");
   }
   updateEdgeAutoScrollState(e) {
@@ -18888,7 +18934,7 @@ const q = class q {
     this.edgeAutoScrollAnimationFrameId !== null && (typeof cancelAnimationFrame == "function" && cancelAnimationFrame(this.edgeAutoScrollAnimationFrameId), this.edgeAutoScrollAnimationFrameId = null);
   }
   render() {
-    const e = Y.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + _e, t = e >= 0 && e <= this.container.clientWidth, i = Math.max(q.HANDLE_HEIGHT + q.END_CAP_HEIGHT, this.height);
+    const e = U.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + fe, t = e >= 0 && e <= this.container.clientWidth, i = Math.max(q.HANDLE_HEIGHT + q.END_CAP_HEIGHT, this.height);
     this.visualElement.style.display = t ? "block" : "none", this.lineHitAreaElement.style.display = t ? "block" : "none", this.visualElement.style.left = `${e}px`, this.visualElement.style.height = `${i}px`, this.visualElement.setAttribute("height", `${i}`), this.visualElement.setAttribute("viewBox", `0 0 ${q.VISUAL_WIDTH} ${i}`), this.lineHitAreaElement.style.left = `${e}px`, this.lineHitAreaElement.style.height = `${i}px`, this.renderVisual(i);
   }
   renderVisual(e) {
@@ -19071,6 +19117,31 @@ class Us {
     return this.scrollOffset / i * r;
   }
 }
+const Dp = 48;
+function Lp(s, e, t) {
+  return U.timeToPixels(s, e) - t + fe;
+}
+function Bp(s, e, t) {
+  const i = Math.max(0, t - e);
+  return Math.max(0, Math.min(i, s));
+}
+function Op(s) {
+  const {
+    time: e,
+    zoom: t,
+    scrollLeft: i,
+    viewportWidth: r,
+    contentWidth: n,
+    margin: a = Dp
+  } = s;
+  if (r <= 0 || Math.max(0, n - r) <= 0)
+    return null;
+  const l = Lp(e, t, i), c = r - a;
+  if (l >= a && l <= c)
+    return null;
+  const h = U.timeToPixels(e, t), d = l < a ? h + fe - a : h + fe - c, u = Bp(d, r, n);
+  return Math.abs(u - i) <= 0.5 ? null : u;
+}
 class Ws {
   constructor() {
     g(this, "entries", /* @__PURE__ */ new Map());
@@ -19088,20 +19159,20 @@ class Ws {
     this.entries.clear();
   }
 }
-const Dp = "@linker-design-plus/timeline-track", Lp = "2.1.2", Ut = {
-  name: Dp,
-  version: Lp
-}, Bp = 1, Op = 2, Fp = 250, Np = 750, Gp = 1500;
+const Fp = "@linker-design-plus/timeline-track", Np = "2.1.3", Ut = {
+  name: Fp,
+  version: Np
+}, Gp = 1, Hp = 2, zp = 250, $p = 750, Vp = 1500;
 function Ys(s) {
   return s == null ? s : JSON.parse(JSON.stringify(s));
 }
-function Hp(s, e) {
+function Up(s, e) {
   return s.length !== e.length ? !1 : s.every((t, i) => t === e[i]);
 }
-function $p(s) {
+function Wp(s) {
   return s === "text" ? "文本" : s === "video" ? "视频" : "音频";
 }
-class Kp {
+class eg {
   constructor(e = {}) {
     g(this, "timeline", null);
     g(this, "tracks", []);
@@ -19210,6 +19281,8 @@ class Kp {
     g(this, "activeStructureSession", null);
     g(this, "structureSessionDepth", 0);
     g(this, "preserveEmptyTracksDepth", 0);
+    g(this, "playbackViewportFollowSuspended", !1);
+    g(this, "isProgrammaticScrollChange", !1);
     this.config = {
       duration: e.duration || Bi,
       zoom: e.zoom || Fe.MEDIUM,
@@ -19222,13 +19295,15 @@ class Kp {
       speed: e.speed || 1,
       dragActivationThreshold: e.dragActivationThreshold ?? 4,
       enableClipSnap: e.enableClipSnap ?? !1,
+      enablePrimaryTrackMagnet: e.enablePrimaryTrackMagnet ?? !0,
       clipSnapThreshold: e.clipSnapThreshold ?? 8,
       thumbnailProvider: e.thumbnailProvider,
       previewBackend: e.previewBackend ?? "dom",
       previewSourceResolver: e.previewSourceResolver,
       resourceCache: e.resourceCache,
       textPreviewFont: e.textPreviewFont ?? null,
-      keyboardShortcuts: e.keyboardShortcuts
+      keyboardShortcuts: e.keyboardShortcuts,
+      playbackViewportFollow: e.playbackViewportFollow ?? !0
     }, this.diagnostics = new nh(this.config.diagnostics), this.resourceCacheManager = this.config.resourceCache ? new Pp({
       options: this.config.resourceCache,
       onEvent: (t, i) => {
@@ -19268,7 +19343,7 @@ class Kp {
       speed: this.config.speed || 1,
       zoom: this.config.zoom,
       duration: this.config.duration
-    }), this.timelineCommands = new Ts(this.timelineStore), this.timelinePresentationAdapter = new Fs(), this.timelineTrackBridge = new zs({
+    }), this.timelineCommands = new Ts(this.timelineStore), this.timelinePresentationAdapter = new Fs(), this.timelineTrackBridge = new $s({
       onClipUpdate: (t, i, r) => this.handleClipUpdate(t, i, r),
       onClipAdd: this.handleClipAdd.bind(this),
       onClipRemove: this.handleClipRemove.bind(this),
@@ -19277,6 +19352,7 @@ class Kp {
       onTimeJump: this.handleTimeChange.bind(this),
       onHorizontalDragAutoScroll: this.handleHorizontalDragAutoScroll.bind(this),
       onClipOverlap: this.handleClipOverlap.bind(this),
+      onPrimaryTrackMagnetMove: this.handlePrimaryTrackMagnetMove.bind(this),
       onClipCrossTrackPreview: this.handleClipCrossTrackPreview.bind(this),
       onClipCrossTrack: this.handleClipCrossTrack.bind(this),
       onClearDropPreview: this.clearAllTrackDropPreviews.bind(this),
@@ -19347,7 +19423,7 @@ class Kp {
     return this.timelinePresentationAdapter || (this.timelinePresentationAdapter = new Fs()), this.timelinePresentationAdapter;
   }
   getTimelineTrackBridge() {
-    return this.timelineTrackBridge || (this.timelineTrackBridge = new zs({
+    return this.timelineTrackBridge || (this.timelineTrackBridge = new $s({
       onClipUpdate: (e, t, i) => this.handleClipUpdate(e, t, i),
       onClipAdd: this.handleClipAdd.bind(this),
       onClipRemove: this.handleClipRemove.bind(this),
@@ -19356,6 +19432,7 @@ class Kp {
       onTimeJump: this.handleTimeChange.bind(this),
       onHorizontalDragAutoScroll: this.handleHorizontalDragAutoScroll.bind(this),
       onClipOverlap: this.handleClipOverlap.bind(this),
+      onPrimaryTrackMagnetMove: this.handlePrimaryTrackMagnetMove.bind(this),
       onClipCrossTrackPreview: this.handleClipCrossTrackPreview.bind(this),
       onClipCrossTrack: this.handleClipCrossTrack.bind(this),
       onClearDropPreview: this.clearAllTrackDropPreviews.bind(this),
@@ -19514,6 +19591,7 @@ class Kp {
       trackCollection: this.getTrackCollection(),
       ensureTrackFromHistorySnapshot: this.ensureTrackFromHistorySnapshot.bind(this),
       removeClipGaps: this.removeClipGaps.bind(this),
+      setPrimaryTrackMagnetEnabled: this.setPrimaryTrackMagnetEnabledFromHistory.bind(this),
       loadClipThumbnails: this.loadClipThumbnails.bind(this),
       addClipToTrack: (n, a) => this.getTrackCollection().addClipToTrack(n, a),
       removeClip: (n) => {
@@ -19653,11 +19731,46 @@ class Kp {
       speed: 1,
       dragActivationThreshold: 4,
       enableClipSnap: !1,
+      enablePrimaryTrackMagnet: !0,
       clipSnapThreshold: 8,
       previewBackend: "dom",
-      textPreviewFont: null
+      textPreviewFont: null,
+      playbackViewportFollow: !0
     }), this.config;
   }
+  isPlaybackViewportFollowEnabled() {
+    return this.ensureConfigState().playbackViewportFollow !== !1;
+  }
+  suspendPlaybackViewportFollowIfUserScrolling() {
+    this.getPlayStateState() === "playing" && !this.isProgrammaticScrollChange && (this.playbackViewportFollowSuspended = !0);
+  }
+  runProgrammaticScrollChange(e) {
+    this.isProgrammaticScrollChange = !0;
+    try {
+      e();
+    } finally {
+      this.isProgrammaticScrollChange = !1;
+    }
+  }
+  followPlaybackViewportIfNeeded(e) {
+    if (!this.isPlaybackViewportFollowEnabled() || this.getPlayStateState() !== "playing" || this.playbackViewportFollowSuspended)
+      return;
+    const t = this.getViewportWidth(), i = this.getZoomState(), r = this.getScrollLeftState(), n = this.getHorizontalContentWidth(), a = Op({
+      time: e,
+      zoom: i,
+      scrollLeft: r,
+      viewportWidth: t,
+      contentWidth: n
+    });
+    if (a !== null) {
+      this.isProgrammaticScrollChange = !0;
+      try {
+        this.syncScrollLeft(a);
+      } finally {
+        this.isProgrammaticScrollChange = !1;
+      }
+    }
+  }
   getCurrentTimeState() {
     return this.getTimelineStore().getCurrentTime();
   }
@@ -19738,7 +19851,7 @@ class Kp {
     return ((e = this.layout) == null ? void 0 : e.bodyViewport.clientHeight) || 0;
   }
   getHorizontalContentWidth() {
-    return Y.timeToPixels(this.getDurationState(), this.getZoomState());
+    return U.timeToPixels(this.getDurationState(), this.getZoomState());
   }
   getVerticalContentHeight() {
     return Math.max(this.calculateTotalHeight(), this.getViewportHeight());
@@ -19881,7 +19994,7 @@ class Kp {
     });
   }
   shouldSkipSteadyPlaybackPreviewSync(e, t, i) {
-    return t !== "playing" || i !== "steady" || this.pendingPreviewState || this.getPreviewLoadingState().isLoading || this.lastPreviewSyncedPlayState !== "playing" || this.lastPreviewSyncSignature !== e ? !1 : Date.now() - this.lastSteadyPlaybackPreviewSyncAt < Fp;
+    return t !== "playing" || i !== "steady" || this.pendingPreviewState || this.getPreviewLoadingState().isLoading || this.lastPreviewSyncedPlayState !== "playing" || this.lastPreviewSyncSignature !== e ? !1 : Date.now() - this.lastSteadyPlaybackPreviewSyncAt < zp;
   }
   syncPreviewSession(e) {
     var d, u, p, f;
@@ -19957,7 +20070,7 @@ class Kp {
     return e.status !== "unavailable" || e.timelineTime === null ? !1 : this.isPreviewClockForCurrentActiveClip(e);
   }
   shouldIgnorePreviewClockUntilSeekTargetAligned(e) {
-    return this.previewClockSeekAlignmentTargetTime == null || e.timelineTime === null ? !1 : Date.now() > this.previewClockSeekAlignmentDeadlineMs ? (this.previewClockSeekAlignmentTargetTime = null, this.previewClockSeekAlignmentDeadlineMs = 0, !1) : Math.abs(e.timelineTime - this.previewClockSeekAlignmentTargetTime) <= Np ? (this.previewClockSeekAlignmentTargetTime = null, this.previewClockSeekAlignmentDeadlineMs = 0, !1) : !0;
+    return this.previewClockSeekAlignmentTargetTime == null || e.timelineTime === null ? !1 : Date.now() > this.previewClockSeekAlignmentDeadlineMs ? (this.previewClockSeekAlignmentTargetTime = null, this.previewClockSeekAlignmentDeadlineMs = 0, !1) : Math.abs(e.timelineTime - this.previewClockSeekAlignmentTargetTime) <= $p ? (this.previewClockSeekAlignmentTargetTime = null, this.previewClockSeekAlignmentDeadlineMs = 0, !1) : !0;
   }
   commitPlaybackTimeFromPreviewClock(e) {
     if (e.timelineTime === null)
@@ -19968,13 +20081,13 @@ class Kp {
       return;
     }
     const r = i.nextValue;
-    this.ensureConfigState().currentTime = r, this.syncCurrentTimeToScene(r), this.emitEvent("time_change", { time: r }), this.emitSelectionChangeEvent(), this.updateCanPlayState(), this.syncPreviewAfterPreviewClockCommitIfNeeded(r, e);
+    this.ensureConfigState().currentTime = r, this.syncCurrentTimeToScene(r), this.followPlaybackViewportIfNeeded(r), this.emitEvent("time_change", { time: r }), this.emitSelectionChangeEvent(), this.updateCanPlayState(), this.syncPreviewAfterPreviewClockCommitIfNeeded(r, e);
   }
   syncPreviewAfterPreviewClockCommitIfNeeded(e, t) {
     if (this.getPlayStateState() !== "playing" || this.pendingPreviewState)
       return;
     const i = this.buildPlaybackPlan(e), r = i.activeClips.map((n) => n.clip.id);
-    if (!Hp(r, this.previewActiveClipIds)) {
+    if (!Up(r, this.previewActiveClipIds)) {
       this.syncPreviewSession(), this.resumeWallClockPlaybackIfPreviewClockUnavailable(e, i);
       return;
     }
@@ -20102,7 +20215,7 @@ class Kp {
       container: this.layout.horizontalScrollbarCanvasHost,
       orientation: "horizontal",
       theme: this.config.theme,
-      leadingInset: _e,
+      leadingInset: fe,
       onScrollChange: this.handleScrollChange.bind(this)
     }), this.verticalScrollbar = new Us({
       container: this.layout.verticalScrollbarCanvasHost,
@@ -20320,7 +20433,7 @@ class Kp {
     }), this.bodyBackgroundRect = r, this.backgroundLayer.add(r), i && this.backgroundLayer.batchDraw();
   }
   handleBodyBackgroundClick(e) {
-    const t = Y.pixelsToTime(e - _e + this.getScrollLeftState(), this.getZoomState());
+    const t = U.pixelsToTime(e - fe + this.getScrollLeftState(), this.getZoomState());
     this.handleTimeChange(Math.max(0, t));
   }
   handleBodyCanvasHostClick(e) {
@@ -20394,9 +20507,9 @@ class Kp {
   normalizeWheelDelta(e, t, i) {
     if (!Number.isFinite(e) || e === 0)
       return 0;
-    if (t === Bp)
+    if (t === Gp)
       return e * 16;
-    if (t === Op) {
+    if (t === Hp) {
       const r = i === "x" ? this.getViewportWidth() : this.getViewportHeight();
       return e * (r || 1);
     }
@@ -20449,7 +20562,7 @@ class Kp {
         return;
       }
     }
-    this.refreshPlaybackAttempt("play"), this.setPlayStateState("playing"), this.lastUpdateTime = Date.now();
+    this.refreshPlaybackAttempt("play"), this.playbackViewportFollowSuspended = !1, this.setPlayStateState("playing"), this.followPlaybackViewportIfNeeded(this.getCurrentTimeState()), this.lastUpdateTime = Date.now();
     const e = this.shouldUsePreviewClockPlayback();
     e ? (this.previewPlaybackSuspendedByBuffering = !1, this.previewPlaybackAutoResume = !1, this.cancelPlaybackAnimationFrame()) : this.getPreviewLoadingState().isLoading ? (this.previewPlaybackSuspendedByBuffering = !0, this.previewPlaybackAutoResume = !0) : this.animate(), this.emitPlayStateChangeEvent(), this.emitDiagnostic({
       severity: "info",
@@ -20559,7 +20672,7 @@ class Kp {
       return;
     }
     const r = i.nextValue;
-    this.ensureConfigState().currentTime = r, this.syncCurrentTimeToScene(r), this.emitEvent("time_change", { time: r }), this.emitSelectionChangeEvent(), this.updateCanPlayState(), this.syncPreviewSession();
+    this.ensureConfigState().currentTime = r, this.syncCurrentTimeToScene(r), this.followPlaybackViewportIfNeeded(r), this.emitEvent("time_change", { time: r }), this.emitSelectionChangeEvent(), this.updateCanPlayState(), this.syncPreviewSession();
   }
   getCurrentTime() {
     return this.getCurrentTimeState();
@@ -20572,6 +20685,95 @@ class Kp {
   getEnableClipSnap() {
     return !!this.ensureConfigState().enableClipSnap;
   }
+  setEnablePrimaryTrackMagnet(e) {
+    const t = this.getEnablePrimaryTrackMagnet();
+    t !== e && this.withHistoryTransaction("set_primary_track_magnet", () => {
+      this.setPrimaryTrackMagnetEnabledState(e), this.shouldSkipHistoryRecording() || this.getTimelineHistoryRecorder().recordSetPrimaryTrackMagnet(t, e), e && this.withStructureSession((i) => {
+        this.normalizePrimaryTrackInSession(i);
+      });
+    });
+  }
+  getEnablePrimaryTrackMagnet() {
+    return this.ensureConfigState().enablePrimaryTrackMagnet !== !1;
+  }
+  setPrimaryTrackMagnetEnabledFromHistory(e) {
+    this.setPrimaryTrackMagnetEnabledState(e);
+  }
+  setPrimaryTrackMagnetEnabledState(e) {
+    this.ensureConfigState().enablePrimaryTrackMagnet = e;
+  }
+  getPrimaryTrackId() {
+    var i, r;
+    const e = this.getTrackCollection();
+    if (typeof e.getPrimaryTrack == "function") {
+      const n = e.getPrimaryTrack();
+      return ((i = n == null ? void 0 : n.getId) == null ? void 0 : i.call(n)) ?? null;
+    }
+    const t = Array.isArray(this.tracks) ? this.tracks.find((n) => {
+      var a;
+      return ((a = n.getRole) == null ? void 0 : a.call(n)) === "primary";
+    }) : null;
+    return ((r = t == null ? void 0 : t.getId) == null ? void 0 : r.call(t)) ?? null;
+  }
+  isPrimaryTrackId(e) {
+    var r, n, a, o;
+    if (!e)
+      return !1;
+    const t = this.getTrackCollection(), i = typeof t.findById == "function" ? t.findById(e) : null;
+    return ((r = i == null ? void 0 : i.getRole) == null ? void 0 : r.call(i)) === "primary" ? !0 : ((o = (a = (n = this.trackManager) == null ? void 0 : n.getTrack) == null ? void 0 : a.call(n, e)) == null ? void 0 : o.role) === "primary";
+  }
+  shouldNormalizePrimaryTrackForTrackIds(e) {
+    return this.getEnablePrimaryTrackMagnet() && e.some((t) => this.isPrimaryTrackId(t));
+  }
+  getStableStartOrderedClips(e) {
+    return e.map((t, i) => ({ clip: t, index: i })).sort((t, i) => t.clip.startTime === i.clip.startTime ? t.index - i.index : t.clip.startTime - i.clip.startTime).map((t) => t.clip);
+  }
+  buildPrimaryTrackContinuousClips(e) {
+    if (e.length === 0)
+      return [];
+    let t = e[0].startTime;
+    return e.map((i) => {
+      const r = {
+        ...i,
+        startTime: t,
+        endTime: t + i.duration
+      };
+      return t += i.duration, r;
+    });
+  }
+  buildPrimaryTrackMultiDragOrderedClips(e, t) {
+    return e.map((i, r) => ({
+      clip: t.get(i.id) ?? i,
+      index: r,
+      isMoved: t.has(i.id)
+    })).sort((i, r) => i.clip.startTime !== r.clip.startTime ? i.clip.startTime - r.clip.startTime : i.isMoved !== r.isMoved ? i.isMoved ? -1 : 1 : i.index - r.index).map((i) => i.clip);
+  }
+  normalizePrimaryTrackInSession(e, t = {}) {
+    var c;
+    if (!this.getEnablePrimaryTrackMagnet())
+      return [];
+    const i = this.getPrimaryTrackId();
+    if (!this.isPrimaryTrackId(i))
+      return [];
+    const r = i ? this.getTrackCollection().findById(i) : null, n = t.orderedClips ? [...t.orderedClips] : this.getStableStartOrderedClips(((c = r == null ? void 0 : r.getClips) == null ? void 0 : c.call(r)) ?? []);
+    if (n.length === 0)
+      return [];
+    const a = this.buildPrimaryTrackContinuousClips(n), o = new Set(t.forceClipIds ?? []), l = [];
+    return a.forEach((h, d) => {
+      const u = n[d];
+      if (!u)
+        return;
+      const p = u.startTime !== h.startTime || u.endTime !== h.endTime;
+      p && l.push({
+        clipId: u.id,
+        previousState: u,
+        newState: h
+      }), (p || o.has(u.id)) && e.updateClip(u.id, {
+        startTime: h.startTime,
+        endTime: h.endTime
+      });
+    }), l.length > 0 && !this.shouldSkipHistoryRecording() && this.getTimelineHistoryRecorder().recordClipUpdate(l[0].newState, void 0, l), l;
+  }
   setZoom(e) {
     const t = this.getTimelineCommands().setZoom(e);
     if (!t.changed) return;
@@ -20587,8 +20789,10 @@ class Kp {
     if (!r.changed) return;
     const n = r.nextValue;
     if (this.ensureConfigState().zoom = n, this.syncZoomToScene(n), this.refreshScrollbarMetrics(), this.timeline) {
-      const a = this.timeline.getScrollLeft(), o = Y.timeToPixels(i, t), c = Y.timeToPixels(i, n) - o + a;
-      this.timeline.setScrollLeft(c), this.handleScrollChange(this.timeline.getScrollLeft());
+      const a = this.timeline.getScrollLeft(), o = U.timeToPixels(i, t), c = U.timeToPixels(i, n) - o + a;
+      this.timeline.setScrollLeft(c), this.runProgrammaticScrollChange(() => {
+        this.handleScrollChange(this.timeline.getScrollLeft());
+      });
     }
     this.emitEvent("zoom_change", { zoom: n });
   }
@@ -20618,12 +20822,14 @@ class Kp {
       this.setZoom(e);
       return;
     }
-    const i = this.getZoomState(), r = this.timeline.getScrollLeft(), n = Y.pixelsToTime(t - _e + r, i), a = this.getTimelineCommands().setZoom(e);
+    const i = this.getZoomState(), r = this.timeline.getScrollLeft(), n = U.pixelsToTime(t - fe + r, i), a = this.getTimelineCommands().setZoom(e);
     if (!a.changed) return;
     const o = a.nextValue;
     this.ensureConfigState().zoom = o, this.syncZoomToScene(o), this.refreshScrollbarMetrics();
-    const c = Y.timeToPixels(n, o) - (t - _e);
-    this.timeline.setScrollLeft(c), this.handleScrollChange(this.timeline.getScrollLeft()), this.emitEvent("zoom_change", { zoom: o });
+    const c = U.timeToPixels(n, o) - (t - fe);
+    this.timeline.setScrollLeft(c), this.runProgrammaticScrollChange(() => {
+      this.handleScrollChange(this.timeline.getScrollLeft());
+    }), this.emitEvent("zoom_change", { zoom: o });
   }
   getZoom() {
     return this.getZoomState();
@@ -20811,7 +21017,6 @@ class Kp {
   }
   async addClipInternal(e) {
     return this.withStructureSession(async () => {
-      var T;
       let t = e.startTime;
       t === void 0 && (t = this.getCurrentTime());
       const i = e.type || "video", r = i === "text", n = e.src ?? "", a = e.duration ?? (r ? ho : 0), o = e.name ?? (r ? "文本" : `${i}_${Date.now()}`);
@@ -20821,7 +21026,7 @@ class Kp {
       let h = r ? a : e.sourceDuration;
       if (!h)
         try {
-          h = await Y.getVideoDuration(n, {
+          h = await U.getVideoDuration(n, {
             registry: this.sourceMediaRegistry,
             cacheKey: this.buildSourceMediaKey(e)
           }), h <= 0 && (h = c);
@@ -20845,7 +21050,7 @@ class Kp {
         endTime: t + a,
         thumbnails: d,
         style: e.style,
-        visualTransform: r || i === "video" ? we(e.visualTransform) : e.visualTransform,
+        visualTransform: r || i === "video" ? Pe(e.visualTransform) : e.visualTransform,
         separatedAudioClipId: e.separatedAudioClipId,
         separatedFromVideoClipId: e.separatedFromVideoClipId,
         volume: e.volume ?? 1,
@@ -20856,51 +21061,70 @@ class Kp {
         ttsVoiceName: e.ttsVoiceName,
         ttsFollowTextUpdates: e.ttsFollowTextUpdates
       });
-      if (O.debugLazy("TimelineManager", () => "添加的片段", () => ({ clipId: p.id, type: p.type, startTime: p.startTime, duration: p.duration })), e.trackId) {
-        const S = this.getTrackCollection().findById(e.trackId);
-        if (S)
-          return this.registerPreviewAutoAspectRatioClip(p), (T = S.addClip) == null || T.call(S, p), Hi({
-            applied: !0,
-            isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
-            recordHistory: () => {
-              const C = e.trackId;
-              this.getTimelineHistoryRecorder().recordAddClip(
-                p,
-                C,
-                this.cloneTrackSnapshot(C),
-                this.getTrackRestoreAnchor(C)
-              );
-            },
-            applyEffects: () => {
+      O.debugLazy("TimelineManager", () => "添加的片段", () => ({ clipId: p.id, type: p.type, startTime: p.startTime, duration: p.duration }));
+      const f = () => {
+        var k;
+        if (e.trackId) {
+          const P = this.getTrackCollection().findById(e.trackId);
+          if (P) {
+            if (this.registerPreviewAutoAspectRatioClip(p), (k = P.addClip) == null || k.call(P, p), Hi({
+              applied: !0,
+              isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
+              recordHistory: () => {
+                const x = e.trackId;
+                this.getTimelineHistoryRecorder().recordAddClip(
+                  p,
+                  x,
+                  this.cloneTrackSnapshot(x),
+                  this.getTrackRestoreAnchor(x)
+                );
+              },
+              applyEffects: () => {
+              }
+            }), this.shouldNormalizePrimaryTrackForTrackIds([e.trackId])) {
+              const x = this.getActiveStructureSession();
+              x && this.normalizePrimaryTrackInSession(x);
             }
-          }), this.primeOrLoadClipThumbnails(p), p.id;
-      }
-      const f = this.getTimelineCommands().planTrackPlacement(p, this.getTracksSortedByOrder()), m = this.getTrackCollection(), v = Ku({
-        clip: p,
-        placement: f,
-        trackCollection: m,
-        createTrack: this.createTrack.bind(this)
-      });
-      return Hi({
-        applied: v,
-        isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
-        recordHistory: () => {
-          const S = this.resolveTrackIdByClipId(p.id);
-          this.getTimelineHistoryRecorder().recordAddClip(
-            p,
-            S,
-            S ? this.cloneTrackSnapshot(S) : null,
-            S ? this.getTrackRestoreAnchor(S) : null
-          );
-        },
-        applyEffects: () => {
+            return this.primeOrLoadClipThumbnails(p), p.id;
+          }
         }
-      }), this.primeOrLoadClipThumbnails(p), p.id;
+        const S = this.getTimelineCommands().planTrackPlacement(p, this.getTracksSortedByOrder()), T = this.getTrackCollection(), v = Ku({
+          clip: p,
+          placement: S,
+          trackCollection: T,
+          createTrack: this.createTrack.bind(this)
+        });
+        Hi({
+          applied: v,
+          isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
+          recordHistory: () => {
+            const P = this.resolveTrackIdByClipId(p.id);
+            this.getTimelineHistoryRecorder().recordAddClip(
+              p,
+              P,
+              P ? this.cloneTrackSnapshot(P) : null,
+              P ? this.getTrackRestoreAnchor(P) : null
+            );
+          },
+          applyEffects: () => {
+          }
+        });
+        const C = this.resolveTrackIdByClipId(p.id);
+        if (this.shouldNormalizePrimaryTrackForTrackIds([C])) {
+          const P = this.getActiveStructureSession();
+          P && this.normalizePrimaryTrackInSession(P);
+        }
+        return this.primeOrLoadClipThumbnails(p), p.id;
+      }, m = e.trackId ? [e.trackId] : [this.getPrimaryTrackId()];
+      return this.shouldNormalizePrimaryTrackForTrackIds(m) ? this.withHistoryTransaction("add_primary_track_clip", f) : f();
     });
   }
   removeClip(e) {
     const t = this.getTimelineCommands().prepareRemoveClip(e, this.tracks);
-    t.exists && (t.shouldClearSelection && this.clearSelection(), this.withStructureSession(() => {
+    if (!t.exists)
+      return;
+    t.shouldClearSelection && this.clearSelection();
+    const i = () => this.withStructureSession((r) => {
       Hi({
         applied: Os(this.getTrackCollection(), t, e),
         isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
@@ -20914,8 +21138,13 @@ class Kp {
         },
         applyEffects: () => {
         }
-      });
-    }));
+      }), this.shouldNormalizePrimaryTrackForTrackIds([t.trackId]) && this.normalizePrimaryTrackInSession(r);
+    });
+    if (this.shouldNormalizePrimaryTrackForTrackIds([t.trackId])) {
+      this.withHistoryTransaction("remove_primary_track_clip", i);
+      return;
+    }
+    i();
   }
   removeClipsByExternalId(e) {
     if (!e)
@@ -20962,24 +21191,34 @@ class Kp {
     if ((i == null ? void 0 : i.clip.type) === "text")
       return;
     const r = i == null ? void 0 : i.track.splitSelectedClip;
-    r && (this.withSplitOperation(() => {
-      r.call(i.track, t);
-    }), Di({
-      checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
-      updateCanPlayState: this.updateCanPlayState.bind(this)
-    }));
+    if (r) {
+      const n = () => {
+        this.withSplitOperation(() => {
+          r.call(i.track, t);
+        });
+      };
+      this.shouldNormalizePrimaryTrackForTrackIds([i.trackId]) ? this.withHistoryTransaction("split_primary_track_clip", n) : n(), Di({
+        checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
+        updateCanPlayState: this.updateCanPlayState.bind(this)
+      });
+    }
   }
   splitCurrentClip() {
     const e = this.getCurrentTime(), t = this.resolveSelectedClipAtTime(e);
     if ((t == null ? void 0 : t.clip.type) === "text")
       return;
     const i = t == null ? void 0 : t.track.splitSelectedClip;
-    i && (this.withSplitOperation(() => {
-      i.call(t.track, e);
-    }), Di({
-      checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
-      updateCanPlayState: this.updateCanPlayState.bind(this)
-    }));
+    if (i) {
+      const r = () => {
+        this.withSplitOperation(() => {
+          i.call(t.track, e);
+        });
+      };
+      this.shouldNormalizePrimaryTrackForTrackIds([t.trackId]) ? this.withHistoryTransaction("split_primary_track_clip", r) : r(), Di({
+        checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
+        updateCanPlayState: this.updateCanPlayState.bind(this)
+      });
+    }
   }
   getClips() {
     return this.getTrackCollection().getAllClips();
@@ -21083,7 +21322,7 @@ class Kp {
         endTimeAtSource: Math.round(n.endTimeAtSource),
         sourceDuration: Math.round(n.sourceDuration),
         thumbnails: n.thumbnails,
-        visualTransform: n.type === "video" || n.type === "text" ? we(n.visualTransform) : void 0,
+        visualTransform: n.type === "video" || n.type === "text" ? Pe(n.visualTransform) : void 0,
         separatedAudioClipId: n.separatedAudioClipId,
         separatedFromVideoClipId: n.separatedFromVideoClipId,
         volume: n.volume ?? 1,
@@ -21228,7 +21467,7 @@ class Kp {
     var l;
     const e = this.getClips();
     if (e.length === 0) return;
-    const t = Math.min(...e.map((c) => c.startTime)), r = (Math.max(...e.map((c) => c.endTime)) - t) / 1e3, n = ((l = this.stage) == null ? void 0 : l.width()) || 0, a = n - _e * 2;
+    const t = Math.min(...e.map((c) => c.startTime)), r = (Math.max(...e.map((c) => c.endTime)) - t) / 1e3, n = ((l = this.stage) == null ? void 0 : l.width()) || 0, a = n - fe * 2;
     O.debugLazy("TimelineManager", () => "适合缩放", () => ({ duration: r, containerWidth: n, availableWidth: a }));
     const o = Math.min(a / r, Fe.MAX);
     if (this.setZoom(o), this.timeline) {
@@ -21243,7 +21482,7 @@ class Kp {
   }
   handleTimeChange(e, t = "seek") {
     var i;
-    this.previewSyncInteractionMode = t, this.previewClockSeekAlignmentTargetTime = t === "seek" ? this.clampPlaybackSeekTime(e) : null, this.previewClockSeekAlignmentDeadlineMs = t === "seek" ? Date.now() + Gp : 0, this.beginPendingPreview(e, t), this.setCurrentTime(e), this.getPlayStateState() === "playing" && this.resumeWallClockPlaybackIfPreviewClockUnavailable(this.getCurrentTimeState()), t !== "scrub" && this.emitDiagnostic({
+    this.previewSyncInteractionMode = t, this.previewClockSeekAlignmentTargetTime = t === "seek" ? this.clampPlaybackSeekTime(e) : null, this.previewClockSeekAlignmentDeadlineMs = t === "seek" ? Date.now() + Vp : 0, this.beginPendingPreview(e, t), this.setCurrentTime(e), this.getPlayStateState() === "playing" && this.resumeWallClockPlaybackIfPreviewClockUnavailable(this.getCurrentTimeState()), t !== "scrub" && this.emitDiagnostic({
       severity: "info",
       category: "ui-trigger",
       eventName: "timeline.seek",
@@ -21257,7 +21496,7 @@ class Kp {
     });
   }
   handleScrollChange(e) {
-    this.syncScrollLeft(e);
+    this.suspendPlaybackViewportFollowIfUserScrolling(), this.syncScrollLeft(e);
   }
   handleClipUpdate(e, t, i) {
     this.shouldSkipHistoryRecording() || this.getTimelineHistoryRecorder().recordClipUpdate(e, t, i);
@@ -21556,8 +21795,8 @@ class Kp {
       const C = this.createTrack(e[0].type);
       C && n.set(e[0].key, C);
       for (let k = 1; k < e.length; k += 1) {
-        const x = this.createTrack(e[k].type, void 0, e[0].type === "audio" ? "bottom_of_type_region" : "top_of_type_region");
-        x && n.set(e[k].key, x);
+        const P = this.createTrack(e[k].type, void 0, e[0].type === "audio" ? "bottom_of_type_region" : "top_of_type_region");
+        P && n.set(e[k].key, P);
       }
       return n;
     }
@@ -21565,14 +21804,14 @@ class Kp {
       const k = this.buildClipboardPasteGroupPlacementClips(C, t, i, r);
       if (k.length === 0)
         return null;
-      const x = this.resolvePreferredTrackIndexForPasteGroup(
+      const P = this.resolvePreferredTrackIndexForPasteGroup(
         C,
         a,
         Math.min(C.sourceOrder, Math.max(a.length - 1, 0))
       );
       return {
         ...C,
-        preferredTrackIndex: x,
+        preferredTrackIndex: P,
         clips: k
       };
     }).filter((C) => C !== null);
@@ -21580,14 +21819,14 @@ class Kp {
       return n;
     const c = l.map((C) => C.preferredTrackIndex), h = Math.min(...c), d = a.length, u = -l.length, p = [];
     for (let C = u; C <= d; C += 1) {
-      let k = !0, x = 0, P = 0;
+      let k = !0, P = 0, x = 0;
       for (let D = 0; D < l.length; D += 1) {
         const w = l[D];
         if (!w)
           continue;
         const A = C + D;
-        if (x += Math.abs(A - w.preferredTrackIndex), A < 0 || A >= a.length) {
-          P += 1;
+        if (P += Math.abs(A - w.preferredTrackIndex), A < 0 || A >= a.length) {
+          x += 1;
           continue;
         }
         if (this.doesClipGroupOverlapOnTrack(a[A].id, w.clips, o)) {
@@ -21595,10 +21834,10 @@ class Kp {
           break;
         }
       }
-      k && (x += P * 0.1, x += Math.abs(C - h) * po.ANCHOR_INDEX_WEIGHT, p.push({
+      k && (P += x * 0.1, P += Math.abs(C - h) * po.ANCHOR_INDEX_WEIGHT, p.push({
         startIndex: C,
-        score: x,
-        newTrackCount: P
+        score: P,
+        newTrackCount: x
       }));
     }
     const f = this.selectBestClipboardPasteStartIndex(
@@ -21607,15 +21846,15 @@ class Kp {
     );
     if (f === null)
       return n;
-    const m = Math.max(0, -f), v = Math.max(0, f + l.length - a.length);
-    m > 0 && this.createTracksForTypeBoundary(l[0].type, m, "before"), v > 0 && this.createTracksForTypeBoundary(l[0].type, v, "after");
+    const m = Math.max(0, -f), S = Math.max(0, f + l.length - a.length);
+    m > 0 && this.createTracksForTypeBoundary(l[0].type, m, "before"), S > 0 && this.createTracksForTypeBoundary(l[0].type, S, "after");
     const T = [...this.getResolvedTracksSnapshot()].filter((C) => {
       var k;
       return C.type === ((k = l[0]) == null ? void 0 : k.type);
-    }).sort((C, k) => C.order - k.order), S = f + m;
+    }).sort((C, k) => C.order - k.order), v = f + m;
     return l.forEach((C, k) => {
-      const x = T[S + k];
-      x && n.set(C.key, x.id);
+      const P = T[v + k];
+      P && n.set(C.key, P.id);
     }), n;
   }
   resolvePreferredTrackIndexForPasteGroup(e, t, i) {
@@ -21704,32 +21943,32 @@ class Kp {
       e.setPreferredTab("voice");
       const u = [];
       if (await this.withHistoryTransaction("generate_voice_from_text_clips", async () => {
-        const f = await n(d), m = new Map(f.map((v) => [v.requestId, v]));
-        for (const v of d) {
-          const T = m.get(v.requestId);
+        const f = await n(d), m = new Map(f.map((S) => [S.requestId, S]));
+        for (const S of d) {
+          const T = m.get(S.requestId);
           if (!T)
             continue;
-          const S = c.find((P) => P.id === v.sourceTextClipId);
-          if (!S)
+          const v = c.find((x) => x.id === S.sourceTextClipId);
+          if (!v)
             continue;
-          const C = this.normalizeGeneratedAudioDuration(T.duration), k = S.textContent ?? S.name ?? "";
-          this.syncTextClipDurationToAudio(S.id, C);
-          const x = await this.addClip({
+          const C = this.normalizeGeneratedAudioDuration(T.duration), k = v.textContent ?? v.name ?? "";
+          this.syncTextClipDurationToAudio(v.id, C);
+          const P = await this.addClip({
             type: "audio",
             src: T.audioSrc,
             name: this.buildGeneratedAudioClipName(T.voiceName),
             textContent: k,
-            startTime: S.startTime,
+            startTime: v.startTime,
             duration: C,
             startTimeAtSource: 0,
             endTimeAtSource: C,
             sourceDuration: C,
-            ttsSourceTextClipId: S.id,
+            ttsSourceTextClipId: v.id,
             ttsVoiceId: T.voiceId,
             ttsVoiceName: T.voiceName,
             ttsFollowTextUpdates: r
           });
-          u.push(x);
+          u.push(P);
         }
         if (u.length === 0)
           throw new Error("生成音频失败：未返回音频结果");
@@ -21763,7 +22002,7 @@ class Kp {
         const p = h.get(u.requestId);
         if (!p || !u.targetAudioClipId)
           continue;
-        const f = a.find((v) => v.id === u.targetAudioClipId);
+        const f = a.find((S) => S.id === u.targetAudioClipId);
         if (!f)
           continue;
         const m = this.resolveTtsAudioVoiceGenerationSource(f);
@@ -21774,10 +22013,10 @@ class Kp {
           p,
           r
         ), this.relocateClipIfNeeded(u.targetAudioClipId), m.persistedSourceTextClipId) {
-          const v = d.get(m.persistedSourceTextClipId) ?? 0;
+          const S = d.get(m.persistedSourceTextClipId) ?? 0;
           d.set(
             m.persistedSourceTextClipId,
-            Math.max(v, p.duration)
+            Math.max(S, p.duration)
           );
         }
       }
@@ -21829,31 +22068,33 @@ class Kp {
   }
   handleClipSplit(e, t) {
     const i = this.resolveTrackIdByClipId(e.id), r = i ? this.cloneTrackSnapshot(i) : null, n = i ? this.getTrackRestoreAnchor(i) : null;
-    Ld({
-      clip1: e,
-      clip2: t,
-      isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
-      recordSplitClip: (a, o) => {
-        this.getTimelineHistoryRecorder().recordSplitClip(
-          a,
-          o,
-          i,
-          r,
-          n
-        );
-      },
-      emitClipUpdated: (a) => {
-        this.emitEvent("clip_updated", { clip: a });
-      },
-      emitClipAdded: (a) => {
-        this.emitEvent("clip_added", { clip: a });
-      },
-      applyEffects: () => Ri({
-        notifySelectionChange: this.notifySelectionChange.bind(this),
-        emitSelectionChangeEvent: this.emitSelectionChangeEvent.bind(this),
-        emitSelectedClipChangeIfNeeded: this.emitSelectedClipChangeIfNeeded.bind(this),
-        handleClipChange: this.handleClipChange.bind(this)
-      })
+    this.withStructureSession((a) => {
+      Ld({
+        clip1: e,
+        clip2: t,
+        isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
+        recordSplitClip: (o, l) => {
+          this.getTimelineHistoryRecorder().recordSplitClip(
+            o,
+            l,
+            i,
+            r,
+            n
+          );
+        },
+        emitClipUpdated: (o) => {
+          this.emitEvent("clip_updated", { clip: o });
+        },
+        emitClipAdded: (o) => {
+          this.emitEvent("clip_added", { clip: o });
+        },
+        applyEffects: () => Ri({
+          notifySelectionChange: this.notifySelectionChange.bind(this),
+          emitSelectionChangeEvent: this.emitSelectionChangeEvent.bind(this),
+          emitSelectedClipChangeIfNeeded: this.emitSelectedClipChangeIfNeeded.bind(this),
+          handleClipChange: this.handleClipChange.bind(this)
+        })
+      }), this.shouldNormalizePrimaryTrackForTrackIds([i]) && this.normalizePrimaryTrackInSession(a);
     });
   }
   handleClipSelect(e) {
@@ -21896,12 +22137,25 @@ class Kp {
   endSourceLoading() {
     this.sourceLoadingCount = Math.max(0, this.sourceLoadingCount - 1);
   }
+  handlePrimaryTrackMagnetMove(e, t, i, r) {
+    if (!this.getEnablePrimaryTrackMagnet() || !this.isPrimaryTrackId(r))
+      return !1;
+    const n = this.getStableStartOrderedClips(i), a = n.findIndex((l) => l.startTime >= e.startTime), o = [...n];
+    return o.splice(a === -1 ? o.length : a, 0, e), this.withHistoryTransaction("move_primary_track_clips", () => {
+      this.withStructureSession((l) => {
+        this.normalizePrimaryTrackInSession(l, {
+          orderedClips: o,
+          forceClipIds: [e.id]
+        });
+      });
+    }), !0;
+  }
   handleClipOverlap(e, t, i) {
     var h, d, u, p;
     O.debugLazy("TimelineManager", () => "检测到 clip 重叠，需要创建新轨道", () => ({ clipId: e.id, currentTrackId: t }));
     const r = this.getTrackCollection();
     if (!r.findById(t)) return;
-    const n = e.type, a = this.trackManager.getTracksByType(n).length + 1, o = `${$p(n)}轨道 ${a}`, l = this.createTrack(n, o);
+    const n = e.type, a = this.trackManager.getTracksByType(n).length + 1, o = `${Wp(n)}轨道 ${a}`, l = this.createTrack(n, o);
     if (!l) return;
     const c = ((d = (h = r.findById(l)) == null ? void 0 : h.getId) == null ? void 0 : d.call(h)) || ((p = (u = r.getLastTrack()) == null ? void 0 : u.getId) == null ? void 0 : p.call(u)) || l;
     this.moveClipToTrackWithHistorySnapshot(e.id, c, i ?? null, e), this.cleanupEmptyTracks();
@@ -21947,7 +22201,9 @@ class Kp {
    * @param setCurrentTime 是否同时将当前时间设置为该时间点，默认为 false
    */
   scrollToTime(e, t = !1) {
-    this.timeline && (this.timeline.scrollToTime(e), this.handleScrollChange(this.timeline.getScrollLeft()), t && this.setCurrentTime(e));
+    this.timeline && (this.timeline.scrollToTime(e), this.runProgrammaticScrollChange(() => {
+      this.handleScrollChange(this.timeline.getScrollLeft());
+    }), t && this.setCurrentTime(e));
   }
   /**
    * 选择指定的片段
@@ -22176,7 +22432,9 @@ class Kp {
    */
   scrollToClip(e, t = {}) {
     const { selectClip: i = !1, setCurrentTime: r = !1 } = t, n = this.getClips().find((a) => a.id === e);
-    !n || !this.timeline || (this.timeline.scrollToClip(n), this.handleScrollChange(this.timeline.getScrollLeft()), r && this.setCurrentTime(n.startTime), i && this.selectClip(e));
+    !n || !this.timeline || (this.timeline.scrollToClip(n), this.runProgrammaticScrollChange(() => {
+      this.handleScrollChange(this.timeline.getScrollLeft());
+    }), r && this.setCurrentTime(n.startTime), i && this.selectClip(e));
   }
   /**
    * 获取当前时间点所在的clip
@@ -22495,58 +22753,62 @@ class Kp {
     return this.moveClipToTrackWithHistorySnapshot(e, t, null);
   }
   moveClipToTrackWithHistorySnapshot(e, t, i, r = null) {
-    return this.withStructureSession(() => {
-      const n = this.getTimelineCommands().prepareMoveClipToTrack(e, t, this.tracks);
-      if (n.status === "missing_source_track")
-        return O.warn("TimelineManager", `片段不在任何轨道中: ${e}`), !1;
-      if (n.status === "noop")
-        return O.debugLazy("TimelineManager", () => `源轨道和目标轨道相同，无需移动: ${e}`), !0;
-      if (n.status === "missing_target_track")
-        return O.warn("TimelineManager", `目标轨道不存在: ${t}`), !1;
-      if (n.status === "track_type_mismatch")
-        return O.debugLazy("TimelineManager", () => "轨道类型不匹配", () => {
-          var v, T, S;
-          return {
-            targetTrackType: (T = (v = this.getTrackCollection().findById(t)) == null ? void 0 : v.getTrackType) == null ? void 0 : T.call(v),
-            clipType: (S = this.getTimelineCommands().findClipById(this.tracks, e)) == null ? void 0 : S.clip.type
-          };
-        }), !1;
-      if (n.status !== "ready")
-        return !1;
-      const { sourceTrackId: a, targetTrackId: o } = n, l = i ? { ...i } : { ...n.clip }, c = r ? { ...r } : { ...n.clip }, h = this.cloneTrackSnapshot(a), d = this.cloneTrackSnapshot(o), u = this.getTrackRestoreAnchor(a), p = this.getTrackRestoreAnchor(o), f = Zu({
+    const n = this.getTimelineCommands().prepareMoveClipToTrack(e, t, this.tracks);
+    if (n.status === "missing_source_track")
+      return O.warn("TimelineManager", `片段不在任何轨道中: ${e}`), !1;
+    if (n.status === "noop")
+      return O.debugLazy("TimelineManager", () => `源轨道和目标轨道相同，无需移动: ${e}`), !0;
+    if (n.status === "missing_target_track")
+      return O.warn("TimelineManager", `目标轨道不存在: ${t}`), !1;
+    if (n.status === "track_type_mismatch")
+      return O.debugLazy("TimelineManager", () => "轨道类型不匹配", () => {
+        var l, c, h;
+        return {
+          targetTrackType: (c = (l = this.getTrackCollection().findById(t)) == null ? void 0 : l.getTrackType) == null ? void 0 : c.call(l),
+          clipType: (h = this.getTimelineCommands().findClipById(this.tracks, e)) == null ? void 0 : h.clip.type
+        };
+      }), !1;
+    if (n.status !== "ready")
+      return !1;
+    const a = this.shouldNormalizePrimaryTrackForTrackIds([
+      n.sourceTrackId,
+      n.targetTrackId
+    ]), o = () => this.withStructureSession((l) => {
+      const { sourceTrackId: c, targetTrackId: h } = n, d = i ? { ...i } : { ...n.clip }, u = r ? { ...r } : { ...n.clip }, p = this.cloneTrackSnapshot(c), f = this.cloneTrackSnapshot(h), m = this.getTrackRestoreAnchor(c), S = this.getTrackRestoreAnchor(h), T = Zu({
         command: {
           ...n,
-          clip: c
+          clip: u
         },
         trackCollection: this.getTrackCollection()
-      }), m = this.getClips().find((v) => v.id === e) ?? null;
+      }), v = this.getClips().find((C) => C.id === e) ?? null;
       return Dd({
-        applied: f,
+        applied: T,
         clipId: e,
-        sourceTrackId: a,
-        targetTrackId: o,
-        clipBefore: l,
-        clipAfter: m ?? l,
-        sourceTrackSnapshot: h,
-        targetTrackSnapshot: d,
+        sourceTrackId: c,
+        targetTrackId: h,
+        clipBefore: d,
+        clipAfter: v ?? d,
+        sourceTrackSnapshot: p,
+        targetTrackSnapshot: f,
         isExecutingHistoryAction: this.shouldSkipHistoryRecording(),
-        recordMoveClipBetweenTracks: (v, T, S, C, k, x, P) => {
+        recordMoveClipBetweenTracks: (C, k, P, x, D, w, A) => {
           this.getTimelineHistoryRecorder().recordMoveClipBetweenTracks(
-            v,
-            T,
-            S,
             C,
             k,
-            x,
             P,
-            u,
-            p
+            x,
+            D,
+            w,
+            A,
+            m,
+            S
           );
         },
         applyEffects: () => {
         }
-      }) ? (this.clearAllTrackDropPreviews(), !0) : !1;
+      }) ? (a && this.normalizePrimaryTrackInSession(l), this.clearAllTrackDropPreviews(), !0) : !1;
     });
+    return a ? this.withHistoryTransaction("move_primary_track_clip_between_tracks", o) : o();
   }
   /**
    * 获取时间轴总时长
@@ -22575,11 +22837,11 @@ class Kp {
     await ((e = this.resourceCacheManager) == null ? void 0 : e.clear());
   }
   destroy() {
-    var t, i, r, n, a, o, l, c, h, d, u, p, f, m, v;
+    var t, i, r, n, a, o, l, c, h, d, u, p, f, m, S;
     this.mountManager.destroyAll(), this.animationFrameId && cancelAnimationFrame(this.animationFrameId), this.clearPendingPreviewState(), (t = this.resourceCacheManager) == null || t.cleanupExpired().catch(() => {
     }), this.previewSession && (this.previewSession.hasPreview() ? (this.detachPreview(), this.previewSession = void 0) : this.destroyPreviewSession(!0)), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this.trackInfoPanelController.destroy(), (i = this.layout) == null || i.bodyViewport.removeEventListener("scroll", this.bodyViewportScrollListener), (a = (r = this.layout) == null ? void 0 : (n = r.bodyCanvasHost).removeEventListener) == null || a.call(n, "click", this.bodyCanvasHostClickListener);
     const e = (l = (o = this.stage) == null ? void 0 : o.container) == null ? void 0 : l.call(o);
-    e && this.stageMouseDownListener && ((c = e.removeEventListener) == null || c.call(e, "mousedown", this.stageMouseDownListener)), (d = (h = this.rootContainer) == null ? void 0 : h.removeEventListener) == null || d.call(h, "wheel", this.rootWheelListener), (u = this.horizontalScrollbar) == null || u.destroy(), (p = this.verticalScrollbar) == null || p.destroy(), (f = this.playhead) == null || f.destroy(), (m = this.timeline) == null || m.destroy(), (v = this.stage) == null || v.destroy(), this.rootContainer && (this.rootContainer.innerHTML = ""), this.getEventDispatcher().clear();
+    e && this.stageMouseDownListener && ((c = e.removeEventListener) == null || c.call(e, "mousedown", this.stageMouseDownListener)), (d = (h = this.rootContainer) == null ? void 0 : h.removeEventListener) == null || d.call(h, "wheel", this.rootWheelListener), (u = this.horizontalScrollbar) == null || u.destroy(), (p = this.verticalScrollbar) == null || p.destroy(), (f = this.playhead) == null || f.destroy(), (m = this.timeline) == null || m.destroy(), (S = this.stage) == null || S.destroy(), this.rootContainer && (this.rootContainer.innerHTML = ""), this.getEventDispatcher().clear();
   }
   initKeyboardShortcuts() {
     var e;
@@ -22865,34 +23127,73 @@ class Kp {
     const a = t.type === "audio" ? "bottom_of_type_region" : "top_of_type_region", o = this.createTrack(t.type, void 0, a);
     return o ? (this.registerMultiDragPlacementTrack(e, o, t.type, a), o) : null;
   }
-  commitMultiDragPlacements(e, t, i) {
-    const r = [], n = this.createMultiDragPlacementContext(new Set(e.selectedClipIds));
-    for (const a of e.selectedClipIds) {
-      const o = e.clips.get(a);
-      if (!o)
+  commitMultiDragPlacements(e, t, i, r = {}) {
+    const n = [], a = this.createMultiDragPlacementContext(new Set(e.selectedClipIds)), o = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+    let c = null;
+    for (const h of e.selectedClipIds) {
+      const d = e.clips.get(h);
+      if (!d)
         continue;
-      const l = this.buildMovedClipSnapshot(o.clip, t.deltaTime), c = i(o, l);
-      if (!c)
+      const u = this.buildMovedClipSnapshot(d.clip, t.deltaTime), p = i(d, u);
+      if (!p)
+        continue;
+      if (r.compactSameTrackPrimary && this.getEnablePrimaryTrackMagnet() && p === d.trackId && this.isPrimaryTrackId(d.trackId)) {
+        c = d.trackId, l.set(d.clipId, d.clip), o.set(d.clipId, u);
         continue;
-      let h = c;
-      if (!(this.doesMultiDragPlacementOverlap(n, c, l) && (h = this.resolveMultiDragOverlapTargetTrackId(n, l, c), !h))) {
-        if (this.reserveMultiDragPlacement(n, h, l), h === o.trackId) {
-          if (l.startTime === o.clip.startTime && l.endTime === o.clip.endTime)
+      }
+      let f = p;
+      if (!(this.doesMultiDragPlacementOverlap(a, p, u) && (f = this.resolveMultiDragOverlapTargetTrackId(a, u, p), !f))) {
+        if (this.reserveMultiDragPlacement(a, f, u), f === d.trackId) {
+          if (u.startTime === d.clip.startTime && u.endTime === d.clip.endTime)
             continue;
-          this.updateClipPositionSilently(o.trackId, o.clipId, l.startTime), r.push({
-            clipId: o.clipId,
-            previousState: o.clip,
-            newState: l
+          this.updateClipPositionSilently(d.trackId, d.clipId, u.startTime), n.push({
+            clipId: d.clipId,
+            previousState: d.clip,
+            newState: u
           });
           continue;
         }
-        this.updateClipPositionSilently(o.trackId, o.clipId, l.startTime), this.moveClipToTrackWithHistorySnapshot(o.clipId, h, o.clip, l);
+        this.updateClipPositionSilently(d.trackId, d.clipId, u.startTime), this.moveClipToTrackWithHistorySnapshot(d.clipId, f, d.clip, u);
       }
     }
-    return r.length > 0 && this.getTimelineHistoryRecorder().recordClipUpdate(r[0].newState, void 0, r), !0;
+    return c && o.size > 0 && n.push(
+      ...this.compactPrimaryTrackAfterMultiDrag(
+        c,
+        o,
+        l
+      )
+    ), n.length > 0 && this.getTimelineHistoryRecorder().recordClipUpdate(n[0].newState, void 0, n), !0;
   }
   finalizeMultiDragSameTrack(e, t) {
-    return this.commitMultiDragPlacements(e, t, (i) => i.trackId);
+    return this.commitMultiDragPlacements(
+      e,
+      t,
+      (i) => i.trackId,
+      {
+        compactSameTrackPrimary: !0
+      }
+    );
+  }
+  compactPrimaryTrackAfterMultiDrag(e, t, i) {
+    var d;
+    if (!this.getEnablePrimaryTrackMagnet() || !this.isPrimaryTrackId(e))
+      return [];
+    const r = this.getTrackCollection().findById(e), n = this.getStableStartOrderedClips(((d = r == null ? void 0 : r.getClips) == null ? void 0 : d.call(r)) ?? []);
+    if (n.length === 0)
+      return [];
+    const a = new Map(n.map((u) => [u.id, u])), o = new Map(a);
+    i.forEach((u, p) => {
+      o.set(p, u);
+    });
+    const l = this.buildPrimaryTrackMultiDragOrderedClips(n, t), c = this.buildPrimaryTrackContinuousClips(l), h = [];
+    return c.forEach((u) => {
+      const p = a.get(u.id), f = o.get(u.id);
+      !p || !f || ((p.startTime !== u.startTime || p.endTime !== u.endTime) && this.updateClipPositionSilently(e, u.id, u.startTime), (f.startTime !== u.startTime || f.endTime !== u.endTime) && h.push({
+        clipId: u.id,
+        previousState: f,
+        newState: u
+      }));
+    }), h;
   }
   previewMultiDragCrossTrack(e, t) {
     const i = e.clips.get(t.draggedClipId);
@@ -23163,7 +23464,7 @@ class Kp {
       const n = i.getTrackGroup().y(), a = this.resolveTrackRenderHeight(i);
       if (!(t < n || t > n + a))
         for (const o of i.getClips()) {
-          const l = ge(o.startTime, this.getZoomState(), this.getScrollLeftState()), c = Se(o.duration, this.getZoomState());
+          const l = ge(o.startTime, this.getZoomState(), this.getScrollLeftState()), c = ve(o.duration, this.getZoomState());
           if (e >= l && e <= l + c && t >= n + 2 && t <= n + a - 2)
             return !0;
         }
@@ -23175,7 +23476,7 @@ class Kp {
     for (const i of this.tracks) {
       const n = i.getTrackGroup().y(), a = this.resolveTrackRenderHeight(i);
       for (const o of i.getClips()) {
-        const l = ge(o.startTime, this.getZoomState(), this.getScrollLeftState()), c = Se(o.duration, this.getZoomState()), h = n + 2, d = a - 4, u = l + c, p = h + d, f = e.x + e.width, m = e.y + e.height;
+        const l = ge(o.startTime, this.getZoomState(), this.getScrollLeftState()), c = ve(o.duration, this.getZoomState()), h = n + 2, d = a - 4, u = l + c, p = h + d, f = e.x + e.width, m = e.y + e.height;
         l < f && u > e.x && h < m && p > e.y && t.push(o.id);
       }
     }
@@ -23352,7 +23653,7 @@ class Kp {
     const i = this.getClips().find((a) => a.id === e);
     if (!i || i.type !== "video" && i.type !== "text")
       return;
-    const r = we(i.visualTransform), n = we(t);
+    const r = Pe(i.visualTransform), n = Pe(t);
     mn(r, n) || this.updateClip(e, {
       visualTransform: n
     });
@@ -23361,8 +23662,8 @@ class Kp {
     const i = this.getClips().find((a) => a.id === e);
     if (!i || i.type !== "text") return;
     const r = Ne(i.textStyle), n = Math.max(
-      $i.MIN,
-      Math.min($i.MAX, Math.round(t))
+      zi.MIN,
+      Math.min(zi.MAX, Math.round(t))
     );
     r.fontSize !== n && this.updateClip(e, { textStyle: { ...r, fontSize: n } });
   }
@@ -23394,7 +23695,7 @@ class Kp {
 }
 export {
   qs as ASPECT_RATIO_BASELINE_SHORT_EDGE_PX,
-  Up as CLIP_LAYER,
+  qp as CLIP_LAYER,
   mr as Clip,
   kd as ClipConfigPanel,
   co as DEFAULT_CLIP_VIEW_STATE,
@@ -23404,21 +23705,21 @@ export {
   Bi as DEFAULT_TIMELINE_DURATION_MS,
   nh as DiagnosticsCenter,
   bs as HistoryManager,
-  zi as MIN_CLIP_LINE_WIDTH,
-  Vp as PREVIEW_ASPECT_RATIO_PRESETS,
+  $i as MIN_CLIP_LINE_WIDTH,
+  Xp as PREVIEW_ASPECT_RATIO_PRESETS,
   po as SNAP_SCORING,
-  $i as TEXT_CLIP_FONT_SIZE_LIMITS,
-  _e as TIMELINE_LEFT_PADDING,
-  Yp as TIME_SCALE,
+  zi as TEXT_CLIP_FONT_SIZE_LIMITS,
+  fe as TIMELINE_LEFT_PADDING,
+  Kp as TIME_SCALE,
   or as TRACK_HEIGHT,
-  Y as TimeUtils,
+  U as TimeUtils,
   Ju as TimelineClipConfigController,
-  Kp as TimelineManager,
+  eg as TimelineManager,
   Kr as Track,
   vd as TrackInfoPanel,
   Ip as TrackManager,
   uo as VOICE_LINKED_TEXT_REGEN_DEBOUNCE_MS,
-  Wp as ZOOM_ANIMATION,
+  jp as ZOOM_ANIMATION,
   Tn as ZOOM_GESTURE,
   Fe as ZOOM_PRESETS,
   go as createClipViewState,