@linker-design-plus/timeline-track 2.0.16 → 2.0.17

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var Ha = Object.defineProperty;
 var Na = (s, e, t) => e in s ? Ha(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var p = (s, e, t) => Na(s, typeof e != "symbol" ? e + "" : e, t);
-const E = {
+const A = {
   transparent: "transparent",
   white: "#ffffff",
   black: "#000000",
@@ -52,87 +52,87 @@ const E = {
   sliderThumbInnerShadow: "rgba(255, 255, 255, 0.92)",
   sliderThumbShadow: "rgba(8, 24, 56, 0.24)"
 }, Q = {
-  background: E.black,
-  border: E.borderStrong,
-  timeTick: E.textSecondary,
-  timeText: E.textSubtle,
-  trackBackground: E.black,
-  trackSelectedBackground: E.selectedTrackSurface,
-  trackBorder: E.borderStrong,
-  clipBackground: E.clipSurface,
-  clipBorder: E.black,
-  clipName: E.textPrimary,
-  clipDuration: E.textMuted,
-  clipHandle: E.textPrimary,
-  clipSelectedBorder: E.clipSelectedBorder,
-  clipCoverBackground: E.borderStrong,
-  audioClipText: E.textAudio,
-  audioClipAccent: E.audioClipAccent,
-  playhead: E.textPrimary,
-  grid: E.borderStrong,
-  snapGuideLineColor: E.accentSelectedBorder,
-  scrollbarBackground: E.borderStrong,
-  scrollbarBorder: E.borderSubtle,
-  scrollbarThumb: E.borderMedium
+  background: A.black,
+  border: A.borderStrong,
+  timeTick: A.textSecondary,
+  timeText: A.textSubtle,
+  trackBackground: A.black,
+  trackSelectedBackground: A.selectedTrackSurface,
+  trackBorder: A.borderStrong,
+  clipBackground: A.clipSurface,
+  clipBorder: A.black,
+  clipName: A.textPrimary,
+  clipDuration: A.textMuted,
+  clipHandle: A.textPrimary,
+  clipSelectedBorder: A.clipSelectedBorder,
+  clipCoverBackground: A.borderStrong,
+  audioClipText: A.textAudio,
+  audioClipAccent: A.audioClipAccent,
+  playhead: A.textPrimary,
+  grid: A.borderStrong,
+  snapGuideLineColor: A.accentSelectedBorder,
+  scrollbarBackground: A.borderStrong,
+  scrollbarBorder: A.borderSubtle,
+  scrollbarThumb: A.borderMedium
 }, ge = {
   backgroundColor: "#0f0f0f",
-  borderColor: E.borderStrong,
-  textColor: E.textSecondary,
-  labelColor: E.textHint,
-  inputBackground: E.inputSurface,
-  inputBorder: E.borderMedium,
-  inputFocusBorder: E.accentFocus,
-  buttonBackground: E.inputSurface,
-  buttonBorder: E.borderMedium,
-  buttonActiveBackground: E.accentFocus,
-  buttonActiveBorder: E.accentFocus,
-  buttonActiveText: E.white
+  borderColor: A.borderStrong,
+  textColor: A.textSecondary,
+  labelColor: A.textHint,
+  inputBackground: A.inputSurface,
+  inputBorder: A.borderMedium,
+  inputFocusBorder: A.accentFocus,
+  buttonBackground: A.inputSurface,
+  buttonBorder: A.borderMedium,
+  buttonActiveBackground: A.accentFocus,
+  buttonActiveBorder: A.accentFocus,
+  buttonActiveText: A.white
 }, we = {
-  background: E.panelSurface,
-  border: E.borderStrong,
-  text: E.textPrimary,
-  buttonBackground: E.buttonSurface,
+  background: A.panelSurface,
+  border: A.borderStrong,
+  text: A.textPrimary,
+  buttonBackground: A.buttonSurface,
   buttonHover: "#3a3a3a",
-  buttonDanger: E.accentDanger
+  buttonDanger: A.accentDanger
 }, me = {
   background: Q.scrollbarBackground,
   border: Q.scrollbarBorder,
   thumb: Q.scrollbarThumb,
-  hitArea: E.overlayHitArea
+  hitArea: A.overlayHitArea
 }, Ct = {
-  fill: E.white,
-  stroke: E.black,
-  text: E.black
+  fill: A.white,
+  stroke: A.black,
+  text: A.black
 }, Ce = {
-  tabBarBackground: E.buttonSurface,
-  actionBarBackground: E.buttonSurface,
-  activeTabBackground: E.activeTabBackground,
-  activeTabText: E.white,
-  inactiveTabText: E.textInactive,
-  sliderThumbShadow: `0 8px 20px ${E.sliderThumbShadow}`,
-  sliderThumbInnerShadow: `inset 0 1px 1px ${E.sliderThumbInnerShadow}`
+  tabBarBackground: A.buttonSurface,
+  actionBarBackground: A.buttonSurface,
+  activeTabBackground: A.activeTabBackground,
+  activeTabText: A.white,
+  inactiveTabText: A.textInactive,
+  sliderThumbShadow: `0 8px 20px ${A.sliderThumbShadow}`,
+  sliderThumbInnerShadow: `inset 0 1px 1px ${A.sliderThumbInnerShadow}`
 }, Gi = {
-  grip: E.accentPlayheadGrip,
-  shadow: E.overlayShadow,
-  marker: E.playheadMarker
+  grip: A.accentPlayheadGrip,
+  shadow: A.overlayShadow,
+  marker: A.playheadMarker
 }, fi = {
-  background: E.overlayPreview,
-  text: E.white,
-  actionBackground: E.accentAction,
-  actionText: E.white
+  background: A.overlayPreview,
+  text: A.white,
+  actionBackground: A.accentAction,
+  actionText: A.white
 }, Li = {
-  border: E.overlayTransformHandle,
-  handleBackground: E.black
+  border: A.overlayTransformHandle,
+  handleBackground: A.black
 }, nn = {
-  fill: E.overlaySelectionBoxFill,
-  stroke: E.accentSelectionBox
+  fill: A.overlaySelectionBoxFill,
+  stroke: A.accentSelectionBox
 }, mi = {
-  videoFill: E.overlayVideoDropPreview,
-  videoStroke: E.accentSelectedBorder,
-  audioFill: E.overlayAudioDropPreview,
-  audioStroke: E.accentAudioPreview
+  videoFill: A.overlayVideoDropPreview,
+  videoStroke: A.accentSelectedBorder,
+  audioFill: A.overlayAudioDropPreview,
+  audioStroke: A.accentAudioPreview
 }, sn = {
-  line: E.gridLine
+  line: A.gridLine
 }, $a = {
   fontSize: 32,
   color: "#fff",
@@ -188,7 +188,7 @@ function Hi(s) {
     ...s
   } : { ...Tr };
 }
-const _s = 720, Fe = {
+const _s = 720, Be = {
   mode: "auto-first-added-video",
   width: 16,
   height: 9
@@ -196,7 +196,7 @@ const _s = 720, Fe = {
   {
     key: "default",
     label: "默认",
-    aspectRatio: { ...Fe }
+    aspectRatio: { ...Be }
   },
   {
     key: "9:16",
@@ -228,8 +228,8 @@ function Ut(s) {
 function st(s) {
   return {
     mode: Is(s == null ? void 0 : s.mode),
-    width: typeof (s == null ? void 0 : s.width) == "number" && s.width > 0 ? s.width : Fe.width,
-    height: typeof (s == null ? void 0 : s.height) == "number" && s.height > 0 ? s.height : Fe.height
+    width: typeof (s == null ? void 0 : s.width) == "number" && s.width > 0 ? s.width : Be.width,
+    height: typeof (s == null ? void 0 : s.height) == "number" && s.height > 0 ? s.height : Be.height
   };
 }
 function As(s, e = _s) {
@@ -289,7 +289,7 @@ function Es(s, e = {}) {
 function wr(s) {
   s.disablePictureInPicture = !0, s.setAttribute("disablepictureinpicture", "");
 }
-class N {
+class $ {
   /**
    * 将毫秒转换为秒
    */
@@ -414,7 +414,7 @@ class N {
 /**
  * 刻度类型
  */
-p(N, "TICK_TYPE_MAJOR", "major"), p(N, "TICK_TYPE_MINOR", "minor");
+p($, "TICK_TYPE_MAJOR", "major"), p($, "TICK_TYPE_MINOR", "minor");
 const Wa = Math.PI / 180;
 function Ya() {
   return typeof window < "u" && ({}.toString.call(window) === "[object Window]" || {}.toString.call(window) === "[object global]");
@@ -465,7 +465,7 @@ const at = typeof global < "u" ? global : typeof window < "u" ? window : typeof
   _injectGlobal(s) {
     typeof at.Konva < "u" && console.error("Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment."), at.Konva = s;
   }
-}, oe = (s) => {
+}, ae = (s) => {
   D[s.prototype.getClassName()] = s;
 };
 D._injectGlobal(D);
@@ -1523,7 +1523,7 @@ class Yr {
     }
   }
 }
-class je extends Yr {
+class Xe extends Yr {
   constructor(e = { width: 0, height: 0, willReadFrequently: !1 }) {
     super(e), this.context = new yo(this, {
       willReadFrequently: e.willReadFrequently
@@ -1596,7 +1596,7 @@ const Z = {
   }
 };
 D.isBrowser && (window.addEventListener("mouseup", Z._endDragBefore, !0), window.addEventListener("touchend", Z._endDragBefore, !0), window.addEventListener("touchcancel", Z._endDragBefore, !0), window.addEventListener("mousemove", Z._drag), window.addEventListener("touchmove", Z._drag), window.addEventListener("mouseup", Z._endDragAfter, !1), window.addEventListener("touchend", Z._endDragAfter, !1), window.addEventListener("touchcancel", Z._endDragAfter, !1));
-function Je(s) {
+function Ze(s) {
   return T._isString(s) ? '"' + s + '"' : Object.prototype.toString.call(s) === "[object Number]" || T._isBoolean(s) ? s : Object.prototype.toString.call(s);
 }
 function Rs(s) {
@@ -1605,33 +1605,33 @@ function Rs(s) {
 function L() {
   if (D.isUnminified)
     return function(s, e) {
-      return T._isNumber(s) || T.warn(Je(s) + ' is a not valid value for "' + e + '" attribute. The value should be a number.'), s;
+      return T._isNumber(s) || T.warn(Ze(s) + ' is a not valid value for "' + e + '" attribute. The value should be a number.'), s;
     };
 }
 function qi(s) {
   if (D.isUnminified)
     return function(e, t) {
       let i = T._isNumber(e), r = T._isArray(e) && e.length == s;
-      return !i && !r && T.warn(Je(e) + ' is a not valid value for "' + t + '" attribute. The value should be a number or Array<number>(' + s + ")"), e;
+      return !i && !r && T.warn(Ze(e) + ' is a not valid value for "' + t + '" attribute. The value should be a number or Array<number>(' + s + ")"), e;
     };
 }
 function jr() {
   if (D.isUnminified)
     return function(s, e) {
-      return T._isNumber(s) || s === "auto" || T.warn(Je(s) + ' is a not valid value for "' + e + '" attribute. The value should be a number or "auto".'), s;
+      return T._isNumber(s) || s === "auto" || T.warn(Ze(s) + ' is a not valid value for "' + e + '" attribute. The value should be a number or "auto".'), s;
     };
 }
 function dt() {
   if (D.isUnminified)
     return function(s, e) {
-      return T._isString(s) || T.warn(Je(s) + ' is a not valid value for "' + e + '" attribute. The value should be a string.'), s;
+      return T._isString(s) || T.warn(Ze(s) + ' is a not valid value for "' + e + '" attribute. The value should be a string.'), s;
     };
 }
 function Ls() {
   if (D.isUnminified)
     return function(s, e) {
       const t = T._isString(s), i = Object.prototype.toString.call(s) === "[object CanvasGradient]" || s && s.addColorStop;
-      return t || i || T.warn(Je(s) + ' is a not valid value for "' + e + '" attribute. The value should be a string or a native gradient.'), s;
+      return t || i || T.warn(Ze(s) + ' is a not valid value for "' + e + '" attribute. The value should be a string or a native gradient.'), s;
     };
 }
 function Co() {
@@ -1640,19 +1640,19 @@ function Co() {
       const t = Int8Array ? Object.getPrototypeOf(Int8Array) : null;
       return t && s instanceof t || (T._isArray(s) ? s.forEach(function(i) {
         T._isNumber(i) || T.warn('"' + e + '" attribute has non numeric element ' + i + ". Make sure that all elements are numbers.");
-      }) : T.warn(Je(s) + ' is a not valid value for "' + e + '" attribute. The value should be a array of numbers.')), s;
+      }) : T.warn(Ze(s) + ' is a not valid value for "' + e + '" attribute. The value should be a array of numbers.')), s;
     };
 }
-function Ae() {
+function Ie() {
   if (D.isUnminified)
     return function(s, e) {
-      return s === !0 || s === !1 || T.warn(Je(s) + ' is a not valid value for "' + e + '" attribute. The value should be a boolean.'), s;
+      return s === !0 || s === !1 || T.warn(Ze(s) + ' is a not valid value for "' + e + '" attribute. The value should be a boolean.'), s;
     };
 }
 function bo(s) {
   if (D.isUnminified)
     return function(e, t) {
-      return e == null || T.isObject(e) || T.warn(Je(e) + ' is a not valid value for "' + t + '" attribute. The value should be an object with properties ' + s), e;
+      return e == null || T.isObject(e) || T.warn(Ze(e) + ' is a not valid value for "' + t + '" attribute. The value should be an object with properties ' + s), e;
     };
 }
 const At = "get", Et = "set", m = {
@@ -1781,7 +1781,7 @@ function To(s) {
   return () => {
   };
 }
-const Di = "absoluteOpacity", dn = "allEventListeners", Be = "absoluteTransform", un = "absoluteScale", it = "canvas", wo = "Change", ko = "children", xo = "konva", kr = "listening", Po = "mouseenter", _o = "mouseleave", Io = "pointerenter", Ao = "pointerleave", Eo = "touchenter", Ro = "touchleave", pn = "set", gn = "Shape", Mi = " ", fn = "stage", Ye = "transform", Lo = "Stage", xr = "visible", Do = [
+const Di = "absoluteOpacity", dn = "allEventListeners", Me = "absoluteTransform", un = "absoluteScale", tt = "canvas", wo = "Change", ko = "children", xo = "konva", kr = "listening", Po = "mouseenter", _o = "mouseleave", Io = "pointerenter", Ao = "pointerleave", Eo = "touchenter", Ro = "touchleave", pn = "set", gn = "Shape", Mi = " ", fn = "stage", We = "transform", Lo = "Stage", xr = "visible", Do = [
   "xChange.konva",
   "yChange.konva",
   "scaleXChange.konva",
@@ -1802,11 +1802,11 @@ class R {
     return !1;
   }
   _clearCache(e) {
-    (e === Ye || e === Be) && this._cache.get(e) ? this._cache.get(e).dirty = !0 : e ? this._cache.delete(e) : this._cache.clear();
+    (e === We || e === Me) && this._cache.get(e) ? this._cache.get(e).dirty = !0 : e ? this._cache.delete(e) : this._cache.clear();
   }
   _getCache(e, t) {
     let i = this._cache.get(e);
-    return (i === void 0 || (e === Ye || e === Be) && i.dirty === !0) && (i = t.call(this), this._cache.set(e, i)), i;
+    return (i === void 0 || (e === We || e === Me) && i.dirty === !0) && (i = t.call(this), this._cache.set(e, i)), i;
   }
   _calculate(e, t, i) {
     if (!this._attachedDepsListeners.get(e)) {
@@ -1818,15 +1818,15 @@ class R {
     return this._getCache(e, i);
   }
   _getCanvasCache() {
-    return this._cache.get(it);
+    return this._cache.get(tt);
   }
   _clearSelfAndDescendantCache(e) {
-    this._clearCache(e), e === Be && this.fire("absoluteTransformChange");
+    this._clearCache(e), e === Me && this.fire("absoluteTransformChange");
   }
   clearCache() {
-    if (this._cache.has(it)) {
-      const { scene: e, filter: t, hit: i } = this._cache.get(it);
-      T.releaseCanvas(e._canvas, t._canvas, i._canvas), this._cache.delete(it);
+    if (this._cache.has(tt)) {
+      const { scene: e, filter: t, hit: i } = this._cache.get(tt);
+      T.releaseCanvas(e._canvas, t._canvas, i._canvas), this._cache.delete(tt);
     }
     return this._clearSelfAndDescendantCache(), this._requestDraw(), this;
   }
@@ -1844,11 +1844,11 @@ class R {
     }
     const u = Math.abs(Math.round(i.x) - o) > 0.5 ? 1 : 0, g = Math.abs(Math.round(i.y) - l) > 0.5 ? 1 : 0;
     r += c * 2 + u, n += c * 2 + g, o -= c, l -= c;
-    const f = new je({
+    const f = new Xe({
       pixelRatio: a,
       width: r,
       height: n
-    }), y = new je({
+    }), y = new Xe({
       pixelRatio: a,
       width: 0,
       height: 0,
@@ -1857,12 +1857,12 @@ class R {
       pixelRatio: d,
       width: r,
       height: n
-    }), v = f.getContext(), b = S.getContext(), C = new je({
+    }), v = f.getContext(), b = S.getContext(), C = new Xe({
       width: f.width / f.pixelRatio + Math.abs(o),
       height: f.height / f.pixelRatio + Math.abs(l),
       pixelRatio: f.pixelRatio
     }), w = C.getContext();
-    return S.isCache = !0, f.isCache = !0, this._cache.delete(it), this._filterUpToDate = !1, t.imageSmoothingEnabled === !1 && (f.getContext()._context.imageSmoothingEnabled = !1, y.getContext()._context.imageSmoothingEnabled = !1), v.save(), b.save(), w.save(), v.translate(-o, -l), b.translate(-o, -l), w.translate(-o, -l), C.x = o, C.y = l, this._isUnderCache = !0, this._clearSelfAndDescendantCache(Di), this._clearSelfAndDescendantCache(un), this.drawScene(f, this, C), this.drawHit(S, this), this._isUnderCache = !1, v.restore(), b.restore(), h && (v.save(), v.beginPath(), v.rect(0, 0, r, n), v.closePath(), v.setAttr("strokeStyle", "red"), v.setAttr("lineWidth", 5), v.stroke(), v.restore()), T.releaseCanvas(C._canvas), this._cache.set(it, {
+    return S.isCache = !0, f.isCache = !0, this._cache.delete(tt), this._filterUpToDate = !1, t.imageSmoothingEnabled === !1 && (f.getContext()._context.imageSmoothingEnabled = !1, y.getContext()._context.imageSmoothingEnabled = !1), v.save(), b.save(), w.save(), v.translate(-o, -l), b.translate(-o, -l), w.translate(-o, -l), C.x = o, C.y = l, this._isUnderCache = !0, this._clearSelfAndDescendantCache(Di), this._clearSelfAndDescendantCache(un), this.drawScene(f, this, C), this.drawHit(S, this), this._isUnderCache = !1, v.restore(), b.restore(), h && (v.save(), v.beginPath(), v.rect(0, 0, r, n), v.closePath(), v.setAttr("strokeStyle", "red"), v.setAttr("lineWidth", 5), v.stroke(), v.restore()), T.releaseCanvas(C._canvas), this._cache.set(tt, {
       scene: f,
       filter: y,
       hit: S,
@@ -1871,7 +1871,7 @@ class R {
     }), this._requestDraw(), this;
   }
   isCached() {
-    return this._cache.has(it);
+    return this._cache.has(tt);
   }
   getClientRect(e) {
     throw new Error('abstract "getClientRect" method call');
@@ -1982,7 +1982,7 @@ class R {
     return this.isDragging() && this.stopDrag(), Z._dragElements.delete(this._id), this._remove(), this;
   }
   _clearCaches() {
-    this._clearSelfAndDescendantCache(Be), this._clearSelfAndDescendantCache(Di), this._clearSelfAndDescendantCache(un), this._clearSelfAndDescendantCache(fn), this._clearSelfAndDescendantCache(xr), this._clearSelfAndDescendantCache(kr);
+    this._clearSelfAndDescendantCache(Me), this._clearSelfAndDescendantCache(Di), this._clearSelfAndDescendantCache(un), this._clearSelfAndDescendantCache(fn), this._clearSelfAndDescendantCache(xr), this._clearSelfAndDescendantCache(kr);
   }
   _remove() {
     this._clearCaches();
@@ -2069,7 +2069,7 @@ class R {
     return e;
   }
   _batchTransformChanges(e) {
-    this._batchingTransformChange = !0, e(), this._batchingTransformChange = !1, this._needClearTransformCache && (this._clearCache(Ye), this._clearSelfAndDescendantCache(Be)), this._needClearTransformCache = !1;
+    this._batchingTransformChange = !0, e(), this._batchingTransformChange = !1, this._needClearTransformCache && (this._clearCache(We), this._clearSelfAndDescendantCache(Me)), this._needClearTransformCache = !1;
   }
   setPosition(e) {
     return this._batchTransformChanges(() => {
@@ -2107,12 +2107,12 @@ class R {
   }
   setAbsolutePosition(e) {
     const { x: t, y: i, ...r } = this._clearTransform();
-    this.attrs.x = t, this.attrs.y = i, this._clearCache(Ye);
+    this.attrs.x = t, this.attrs.y = i, this._clearCache(We);
     const n = this._getAbsoluteTransform().copy();
     return n.invert(), n.translate(e.x, e.y), e = {
       x: this.attrs.x + n.getTranslation().x,
       y: this.attrs.y + n.getTranslation().y
-    }, this._setTransform(r), this.setPosition({ x: e.x, y: e.y }), this._clearCache(Ye), this._clearSelfAndDescendantCache(Be), this;
+    }, this._setTransform(r), this.setPosition({ x: e.x, y: e.y }), this._clearCache(We), this._clearSelfAndDescendantCache(Me), this;
   }
   _setTransform(e) {
     let t;
@@ -2256,7 +2256,7 @@ class R {
     return t.target = t.target || this, i ? this._fireAndBubble(e, t) : this._fire(e, t), this;
   }
   getAbsoluteTransform(e) {
-    return e ? this._getAbsoluteTransform(e) : this._getCache(Be, this._getAbsoluteTransform);
+    return e ? this._getAbsoluteTransform(e) : this._getCache(Me, this._getAbsoluteTransform);
   }
   _getAbsoluteTransform(e) {
     let t;
@@ -2266,7 +2266,7 @@ class R {
         r === "all" ? t.multiply(i.getTransform()) : r === "position" && t.translate(i.x() - i.offsetX(), i.y() - i.offsetY());
       }, e), t;
     {
-      t = this._cache.get(Be) || new Se(), this.parent ? this.parent.getAbsoluteTransform().copyInto(t) : t.reset();
+      t = this._cache.get(Me) || new Se(), this.parent ? this.parent.getAbsoluteTransform().copyInto(t) : t.reset();
       const i = this.transformsEnabled();
       if (i === "all")
         t.multiply(this.getTransform());
@@ -2291,11 +2291,11 @@ class R {
     return this.getAbsoluteTransform().decompose().rotation;
   }
   getTransform() {
-    return this._getCache(Ye, this._getTransform);
+    return this._getCache(We, this._getTransform);
   }
   _getTransform() {
     var e, t;
-    const i = this._cache.get(Ye) || new Se();
+    const i = this._cache.get(We) || new Se();
     i.reset();
     const r = this.x(), n = this.y(), a = D.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;
@@ -2312,11 +2312,11 @@ class R {
   }
   _toKonvaCanvas(e) {
     e = e || {};
-    const t = this.getClientRect(), i = this.getStage(), r = e.x !== void 0 ? e.x : Math.floor(t.x), n = e.y !== void 0 ? e.y : Math.floor(t.y), a = e.pixelRatio || 1, o = new je({
+    const t = this.getClientRect(), i = this.getStage(), r = e.x !== void 0 ? e.x : Math.floor(t.x), n = e.y !== void 0 ? e.y : Math.floor(t.y), a = e.pixelRatio || 1, o = new Xe({
       width: e.width || Math.ceil(t.width) || (i ? i.width() : 0),
       height: e.height || Math.ceil(t.height) || (i ? i.height() : 0),
       pixelRatio: a
-    }), l = o.getContext(), c = new je({
+    }), l = o.getContext(), c = new Xe({
       width: o.width / o.pixelRatio + Math.abs(r),
       height: o.height / o.pixelRatio + Math.abs(n),
       pixelRatio: o.pixelRatio
@@ -2578,7 +2578,7 @@ R.prototype.on.call(R.prototype, Do, function() {
     this._needClearTransformCache = !0;
     return;
   }
-  this._clearCache(Ye), this._clearSelfAndDescendantCache(Be);
+  this._clearCache(We), this._clearSelfAndDescendantCache(Me);
 });
 R.prototype.on.call(R.prototype, "visibleChange.konva", function() {
   this._clearSelfAndDescendantCache(xr);
@@ -2612,16 +2612,16 @@ ee(R, "offsetY", 0, L());
 ee(R, "dragDistance", void 0, L());
 ee(R, "width", 0, L());
 ee(R, "height", 0, L());
-ee(R, "listening", !0, Ae());
-ee(R, "preventDefault", !0, Ae());
+ee(R, "listening", !0, Ie());
+ee(R, "preventDefault", !0, Ie());
 ee(R, "filters", void 0, function(s) {
   return this._filterUpToDate = !1, s;
 });
-ee(R, "visible", !0, Ae());
+ee(R, "visible", !0, Ie());
 ee(R, "transformsEnabled", "all", dt());
 ee(R, "size");
 ee(R, "dragBoundFunc");
-ee(R, "draggable", !1, Ae());
+ee(R, "draggable", !1, Ie());
 m.backCompat(R, {
   rotateDeg: "rotate",
   setRotationDeg: "setRotation",
@@ -2986,7 +2986,7 @@ class Ki extends ve {
   }
   _toKonvaCanvas(e) {
     e = { ...e }, e.x = e.x || 0, e.y = e.y || 0, e.width = e.width || this.width(), e.height = e.height || this.height();
-    const t = new je({
+    const t = new Xe({
       width: e.width,
       height: e.height,
       pixelRatio: e.pixelRatio || 1
@@ -3256,7 +3256,7 @@ class Ki extends ve {
     };
   }
   _buildDOM() {
-    if (this.bufferCanvas = new je({
+    if (this.bufferCanvas = new Xe({
       width: this.width(),
       height: this.height()
     }), this.bufferHitCanvas = new Xr({
@@ -3283,7 +3283,7 @@ class Ki extends ve {
   }
 }
 Ki.prototype.nodeType = Oo;
-oe(Ki);
+ae(Ki);
 m.addGetterSetter(Ki, "container");
 D.isBrowser && document.addEventListener("visibilitychange", () => {
   Yt.forEach((s) => {
@@ -3559,7 +3559,7 @@ _.prototype._fillFuncHit = Uo;
 _.prototype._strokeFuncHit = Wo;
 _.prototype._centroid = !1;
 _.prototype.nodeType = "Shape";
-oe(_);
+ae(_);
 _.prototype.eventListeners = {};
 _.prototype.on.call(_.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Yo);
 _.prototype.on.call(_.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Xo);
@@ -3570,9 +3570,9 @@ m.addGetterSetter(_, "stroke", void 0, Ls());
 m.addGetterSetter(_, "strokeWidth", 2, L());
 m.addGetterSetter(_, "fillAfterStrokeEnabled", !1);
 m.addGetterSetter(_, "hitStrokeWidth", "auto", jr());
-m.addGetterSetter(_, "strokeHitEnabled", !0, Ae());
-m.addGetterSetter(_, "perfectDrawEnabled", !0, Ae());
-m.addGetterSetter(_, "shadowForStrokeEnabled", !0, Ae());
+m.addGetterSetter(_, "strokeHitEnabled", !0, Ie());
+m.addGetterSetter(_, "perfectDrawEnabled", !0, Ie());
+m.addGetterSetter(_, "shadowForStrokeEnabled", !0, Ie());
 m.addGetterSetter(_, "lineJoin");
 m.addGetterSetter(_, "lineCap");
 m.addGetterSetter(_, "miterLimit");
@@ -3666,7 +3666,7 @@ const Zo = "beforeDraw", Jo = "draw", Zs = [
 ], Qo = Zs.length;
 class ut extends ve {
   constructor(e) {
-    super(e), this.canvas = new je(), this.hitCanvas = new Xr({
+    super(e), this.canvas = new Xe(), this.hitCanvas = new Xr({
       pixelRatio: 1
     }), this._waitingForDraw = !1, this.on("visibleChange.konva", this._checkVisibility), this._checkVisibility(), this.on("imageSmoothingEnabledChange.konva", this._setSmoothEnabled), this._setSmoothEnabled();
   }
@@ -3842,17 +3842,17 @@ class ut extends ve {
   }
 }
 ut.prototype.nodeType = "Layer";
-oe(ut);
+ae(ut);
 m.addGetterSetter(ut, "imageSmoothingEnabled", !0);
 m.addGetterSetter(ut, "clearBeforeDraw", !0);
-m.addGetterSetter(ut, "hitGraphEnabled", !0, Ae());
+m.addGetterSetter(ut, "hitGraphEnabled", !0, Ie());
 class Kr extends ut {
   constructor(e) {
     super(e), this.listening(!1), T.warn('Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.');
   }
 }
 Kr.prototype.nodeType = "FastLayer";
-oe(Kr);
+ae(Kr);
 class wt extends ve {
   _validateAdd(e) {
     const t = e.getType();
@@ -3860,7 +3860,7 @@ class wt extends ve {
   }
 }
 wt.prototype.nodeType = "Group";
-oe(wt);
+ae(wt);
 const nr = function() {
   return at.performance && at.performance.now ? function() {
     return at.performance.now();
@@ -4192,7 +4192,7 @@ const jt = {
   Context: ji,
   Canvas: Yr
 });
-class Ge extends _ {
+class Fe extends _ {
   _sceneFunc(e) {
     const t = D.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);
@@ -4219,19 +4219,19 @@ class Ge extends _ {
     };
   }
 }
-Ge.prototype._centroid = !0;
-Ge.prototype.className = "Arc";
-Ge.prototype._attrsAffectingSize = [
+Fe.prototype._centroid = !0;
+Fe.prototype.className = "Arc";
+Fe.prototype._attrsAffectingSize = [
   "innerRadius",
   "outerRadius",
   "angle",
   "clockwise"
 ];
-oe(Ge);
-m.addGetterSetter(Ge, "innerRadius", 0, L());
-m.addGetterSetter(Ge, "outerRadius", 0, L());
-m.addGetterSetter(Ge, "angle", 0, L());
-m.addGetterSetter(Ge, "clockwise", !1, Ae());
+ae(Fe);
+m.addGetterSetter(Fe, "innerRadius", 0, L());
+m.addGetterSetter(Fe, "outerRadius", 0, L());
+m.addGetterSetter(Fe, "angle", 0, L());
+m.addGetterSetter(Fe, "clockwise", !1, Ie());
 function Ir(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), g = t + h * (r - s), f = i + h * (n - e);
   return [d, u, g, f];
@@ -4264,7 +4264,7 @@ function nl(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 He extends _ {
+class Ge extends _ {
   constructor(e) {
     super(e), this.on("pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva", function() {
       this._clearCache("tensionPoints");
@@ -4348,13 +4348,13 @@ class He extends _ {
     };
   }
 }
-He.prototype.className = "Line";
-He.prototype._attrsAffectingSize = ["points", "bezier", "tension"];
-oe(He);
-m.addGetterSetter(He, "closed", !1);
-m.addGetterSetter(He, "bezier", !1);
-m.addGetterSetter(He, "tension", 0, L());
-m.addGetterSetter(He, "points", [], Co());
+Ge.prototype.className = "Line";
+Ge.prototype._attrsAffectingSize = ["points", "bezier", "tension"];
+ae(Ge);
+m.addGetterSetter(Ge, "closed", !1);
+m.addGetterSetter(Ge, "bezier", !1);
+m.addGetterSetter(Ge, "tension", 0, L());
+m.addGetterSetter(Ge, "points", [], Co());
 const sl = [
   [],
   [],
@@ -5350,7 +5350,7 @@ class ie extends _ {
       for (; f.length > 0 && !isNaN(f[0]); ) {
         let S = "", v = [];
         const b = o, C = l;
-        let w, x, P, M, I, A, k, $, B, Y;
+        let w, x, P, M, I, E, k, z, B, Y;
         switch (g) {
           case "l":
             o += f.shift(), l += f.shift(), S = "L", v.push(o, l);
@@ -5409,10 +5409,10 @@ class ie extends _ {
             x = o, P = l, w = n[n.length - 1], w.command === "Q" && (x = o + (o - w.points[0]), P = l + (l - w.points[1])), o += f.shift(), l += f.shift(), S = "Q", v.push(x, P, o, l);
             break;
           case "A":
-            M = f.shift(), I = f.shift(), A = f.shift(), k = f.shift(), $ = f.shift(), B = o, Y = l, o = f.shift(), l = f.shift(), S = "A", v = this.convertEndpointToCenterParameterization(B, Y, o, l, k, $, M, I, A);
+            M = f.shift(), I = f.shift(), E = f.shift(), k = f.shift(), z = f.shift(), B = o, Y = l, o = f.shift(), l = f.shift(), S = "A", v = this.convertEndpointToCenterParameterization(B, Y, o, l, k, z, M, I, E);
             break;
           case "a":
-            M = f.shift(), I = f.shift(), A = f.shift(), k = f.shift(), $ = f.shift(), B = o, Y = l, o += f.shift(), l += f.shift(), S = "A", v = this.convertEndpointToCenterParameterization(B, Y, o, l, k, $, M, I, A);
+            M = f.shift(), I = f.shift(), E = f.shift(), k = f.shift(), z = f.shift(), B = o, Y = l, o += f.shift(), l += f.shift(), S = "A", v = this.convertEndpointToCenterParameterization(B, Y, o, l, k, z, M, I, E);
             break;
         }
         n.push({
@@ -5465,20 +5465,20 @@ class ie extends _ {
     n === a && (f *= -1), isNaN(f) && (f = 0);
     const y = f * o * u / l, S = f * -l * d / o, v = (e + i) / 2 + Math.cos(h) * y - Math.sin(h) * S, b = (t + r) / 2 + Math.sin(h) * y + Math.cos(h) * S, C = function(k) {
       return Math.sqrt(k[0] * k[0] + k[1] * k[1]);
-    }, w = function(k, $) {
-      return (k[0] * $[0] + k[1] * $[1]) / (C(k) * C($));
-    }, x = function(k, $) {
-      return (k[0] * $[1] < k[1] * $[0] ? -1 : 1) * Math.acos(w(k, $));
+    }, w = function(k, z) {
+      return (k[0] * z[0] + k[1] * z[1]) / (C(k) * C(z));
+    }, x = function(k, z) {
+      return (k[0] * z[1] < k[1] * z[0] ? -1 : 1) * Math.acos(w(k, z));
     }, P = x([1, 0], [(d - y) / o, (u - S) / l]), M = [(d - y) / o, (u - S) / l], I = [(-1 * d - y) / o, (-1 * u - S) / l];
-    let A = x(M, I);
-    return w(M, I) <= -1 && (A = Math.PI), w(M, I) >= 1 && (A = 0), a === 0 && A > 0 && (A = A - 2 * Math.PI), a === 1 && A < 0 && (A = A + 2 * Math.PI), [v, b, o, l, P, A, h, a];
+    let E = x(M, I);
+    return w(M, I) <= -1 && (E = Math.PI), w(M, I) >= 1 && (E = 0), a === 0 && E > 0 && (E = E - 2 * Math.PI), a === 1 && E < 0 && (E = E + 2 * Math.PI), [v, b, o, l, P, E, h, a];
   }
 }
 ie.prototype.className = "Path";
 ie.prototype._attrsAffectingSize = ["data"];
-oe(ie);
+ae(ie);
 m.addGetterSetter(ie, "data");
-class pt extends He {
+class pt extends Ge {
   _sceneFunc(e) {
     super._sceneFunc(e);
     const t = Math.PI * 2, i = this.points();
@@ -5517,7 +5517,7 @@ class pt extends He {
   }
 }
 pt.prototype.className = "Arrow";
-oe(pt);
+ae(pt);
 m.addGetterSetter(pt, "pointerLength", 10, L());
 m.addGetterSetter(pt, "pointerWidth", 10, L());
 m.addGetterSetter(pt, "pointerAtBeginning", !1);
@@ -5542,9 +5542,9 @@ class Pt extends _ {
 Pt.prototype._centroid = !0;
 Pt.prototype.className = "Circle";
 Pt.prototype._attrsAffectingSize = ["radius"];
-oe(Pt);
+ae(Pt);
 m.addGetterSetter(Pt, "radius", 0, L());
-class Qe extends _ {
+class Je extends _ {
   _sceneFunc(e) {
     const t = this.radiusX(), i = this.radiusY();
     e.beginPath(), e.save(), t !== i && e.scale(1, i / t), e.arc(0, 0, t, 0, Math.PI * 2, !1), e.restore(), e.closePath(), e.fillStrokeShape(this);
@@ -5562,14 +5562,14 @@ class Qe extends _ {
     this.radiusY(e / 2);
   }
 }
-Qe.prototype.className = "Ellipse";
-Qe.prototype._centroid = !0;
-Qe.prototype._attrsAffectingSize = ["radiusX", "radiusY"];
-oe(Qe);
-m.addComponentsGetterSetter(Qe, "radius", ["x", "y"]);
-m.addGetterSetter(Qe, "radiusX", 0, L());
-m.addGetterSetter(Qe, "radiusY", 0, L());
-let Ee = class Js extends _ {
+Je.prototype.className = "Ellipse";
+Je.prototype._centroid = !0;
+Je.prototype._attrsAffectingSize = ["radiusX", "radiusY"];
+ae(Je);
+m.addComponentsGetterSetter(Je, "radius", ["x", "y"]);
+m.addGetterSetter(Je, "radiusX", 0, L());
+m.addGetterSetter(Je, "radiusY", 0, L());
+let Ae = class Js extends _ {
   constructor(e) {
     super(e), this._loadListener = () => {
       this._requestDraw();
@@ -5632,16 +5632,16 @@ let Ee = class Js extends _ {
     }, r.onerror = i, r.crossOrigin = "Anonymous", r.src = e;
   }
 };
-Ee.prototype.className = "Image";
-Ee.prototype._attrsAffectingSize = ["image"];
-oe(Ee);
-m.addGetterSetter(Ee, "cornerRadius", 0, qi(4));
-m.addGetterSetter(Ee, "image");
-m.addComponentsGetterSetter(Ee, "crop", ["x", "y", "width", "height"]);
-m.addGetterSetter(Ee, "cropX", 0, L());
-m.addGetterSetter(Ee, "cropY", 0, L());
-m.addGetterSetter(Ee, "cropWidth", 0, L());
-m.addGetterSetter(Ee, "cropHeight", 0, L());
+Ae.prototype.className = "Image";
+Ae.prototype._attrsAffectingSize = ["image"];
+ae(Ae);
+m.addGetterSetter(Ae, "cornerRadius", 0, qi(4));
+m.addGetterSetter(Ae, "image");
+m.addComponentsGetterSetter(Ae, "crop", ["x", "y", "width", "height"]);
+m.addGetterSetter(Ae, "cropX", 0, L());
+m.addGetterSetter(Ae, "cropY", 0, L());
+m.addGetterSetter(Ae, "cropWidth", 0, L());
+m.addGetterSetter(Ae, "cropHeight", 0, L());
 const Qs = [
   "fontFamily",
   "fontSize",
@@ -5711,7 +5711,7 @@ class Zr extends wt {
   }
 }
 Zr.prototype.className = "Label";
-oe(Zr);
+ae(Zr);
 class gt extends _ {
   _sceneFunc(e) {
     const t = this.width(), i = this.height(), r = this.pointerDirection(), n = this.pointerWidth(), a = this.pointerHeight(), o = this.cornerRadius();
@@ -5729,7 +5729,7 @@ class gt extends _ {
   }
 }
 gt.prototype.className = "Tag";
-oe(gt);
+ae(gt);
 m.addGetterSetter(gt, "pointerDirection", hl);
 m.addGetterSetter(gt, "pointerWidth", 0, L());
 m.addGetterSetter(gt, "pointerHeight", 0, L());
@@ -5741,9 +5741,9 @@ class di extends _ {
   }
 }
 di.prototype.className = "Rect";
-oe(di);
+ae(di);
 m.addGetterSetter(di, "cornerRadius", 0, qi(4));
-class et extends _ {
+class Qe extends _ {
   _sceneFunc(e) {
     const t = this._getPoints(), i = this.radius(), r = this.sides(), n = this.cornerRadius();
     if (e.beginPath(), n)
@@ -5789,13 +5789,13 @@ class et extends _ {
     this.radius(e / 2);
   }
 }
-et.prototype.className = "RegularPolygon";
-et.prototype._centroid = !0;
-et.prototype._attrsAffectingSize = ["radius"];
-oe(et);
-m.addGetterSetter(et, "radius", 0, L());
-m.addGetterSetter(et, "sides", 0, L());
-m.addGetterSetter(et, "cornerRadius", 0, qi(4));
+Qe.prototype.className = "RegularPolygon";
+Qe.prototype._centroid = !0;
+Qe.prototype._attrsAffectingSize = ["radius"];
+ae(Qe);
+m.addGetterSetter(Qe, "radius", 0, L());
+m.addGetterSetter(Qe, "sides", 0, L());
+m.addGetterSetter(Qe, "cornerRadius", 0, qi(4));
 const Pn = Math.PI * 2;
 class ft extends _ {
   _sceneFunc(e) {
@@ -5817,10 +5817,10 @@ class ft extends _ {
 ft.prototype.className = "Ring";
 ft.prototype._centroid = !0;
 ft.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
-oe(ft);
+ae(ft);
 m.addGetterSetter(ft, "innerRadius", 0, L());
 m.addGetterSetter(ft, "outerRadius", 0, L());
-class Me extends _ {
+class De extends _ {
   constructor(e) {
     super(e), this._updated = !0, this.anim = new xe(() => {
       const t = this._updated;
@@ -5877,20 +5877,20 @@ class Me extends _ {
     e < n - 1 ? this.frameIndex(e + 1) : this.frameIndex(0);
   }
 }
-Me.prototype.className = "Sprite";
-oe(Me);
-m.addGetterSetter(Me, "animation");
-m.addGetterSetter(Me, "animations");
-m.addGetterSetter(Me, "frameOffsets");
-m.addGetterSetter(Me, "image");
-m.addGetterSetter(Me, "frameIndex", 0, L());
-m.addGetterSetter(Me, "frameRate", 17, L());
-m.backCompat(Me, {
+De.prototype.className = "Sprite";
+ae(De);
+m.addGetterSetter(De, "animation");
+m.addGetterSetter(De, "animations");
+m.addGetterSetter(De, "frameOffsets");
+m.addGetterSetter(De, "image");
+m.addGetterSetter(De, "frameIndex", 0, L());
+m.addGetterSetter(De, "frameRate", 17, L());
+m.backCompat(De, {
   index: "frameIndex",
   getIndex: "getFrameIndex",
   setIndex: "setFrameIndex"
 });
-class tt extends _ {
+class et extends _ {
   _sceneFunc(e) {
     const t = this.innerRadius(), i = this.outerRadius(), r = this.numPoints();
     e.beginPath(), e.moveTo(0, 0 - i);
@@ -5913,14 +5913,14 @@ class tt extends _ {
     this.outerRadius(e / 2);
   }
 }
-tt.prototype.className = "Star";
-tt.prototype._centroid = !0;
-tt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
-oe(tt);
-m.addGetterSetter(tt, "numPoints", 5, L());
-m.addGetterSetter(tt, "innerRadius", 0, L());
-m.addGetterSetter(tt, "outerRadius", 0, L());
-function Xe(s) {
+et.prototype.className = "Star";
+et.prototype._centroid = !0;
+et.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
+ae(et);
+m.addGetterSetter(et, "numPoints", 5, L());
+m.addGetterSetter(et, "innerRadius", 0, L());
+m.addGetterSetter(et, "outerRadius", 0, L());
+function Ye(s) {
   return [...s].reduce((e, t, i, r) => {
     if (new RegExp("\\p{Emoji}", "u").test(t)) {
       const n = r[i + 1];
@@ -5984,53 +5984,53 @@ class re extends _ {
     if (!D.legacyTextRendering) {
       const I = this.measureSize("M");
       M = "alphabetic";
-      const A = (t = I.fontBoundingBoxAscent) !== null && t !== void 0 ? t : I.actualBoundingBoxAscent, k = (i = I.fontBoundingBoxDescent) !== null && i !== void 0 ? i : I.actualBoundingBoxDescent;
-      P = (A - k) / 2 + l / 2;
+      const E = (t = I.fontBoundingBoxAscent) !== null && t !== void 0 ? t : I.actualBoundingBoxAscent, k = (i = I.fontBoundingBoxDescent) !== null && i !== void 0 ? i : I.actualBoundingBoxDescent;
+      P = (E - k) / 2 + l / 2;
     }
     for (h === An && e.setAttr("direction", h), e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", M), e.setAttr("textAlign", ta), c === In ? d = (this.getHeight() - n * l - a * 2) / 2 : c === Sl && (d = this.getHeight() - n * l - a * 2), e.translate(a, d + a), x = 0; x < n; x++) {
-      let I = 0, A = 0;
-      const k = r[x], $ = k.text, B = k.width, Y = k.lastInParagraph;
+      let I = 0, E = 0;
+      const k = r[x], z = k.text, B = k.width, Y = k.lastInParagraph;
       if (e.save(), u === Cl ? I += g - B - a * 2 : u === ul && (I += (g - B - a * 2) / 2), C) {
         e.save(), e.beginPath();
-        const G = b ?? (D.legacyTextRendering ? Math.round(o / 2) : Math.round(o / 4)), O = I, J = P + A + G;
+        const G = b ?? (D.legacyTextRendering ? Math.round(o / 2) : Math.round(o / 4)), O = I, J = P + E + G;
         e.moveTo(O, J);
-        const H = u === Rt && !Y ? g - a * 2 : B;
-        e.lineTo(O + Math.round(H), J), e.lineWidth = o / 15;
+        const N = u === Rt && !Y ? g - a * 2 : B;
+        e.lineTo(O + Math.round(N), J), e.lineWidth = o / 15;
         const q = this._getLinearGradient();
         e.strokeStyle = q || S, e.stroke(), e.restore();
       }
       const V = I;
       if (h !== An && (f !== 0 || u === Rt || y)) {
-        const G = $.split(" ").length - 1, O = Xe($);
+        const G = z.split(" ").length - 1, O = Ye(z);
         for (let J = 0; J < O.length; J++) {
-          const H = O[J];
-          if (H === " " && !Y && u === Rt && (I += (g - a * 2 - B) / G), this._partialTextX = I, this._partialTextY = P + A, this._partialText = H, y) {
+          const N = O[J];
+          if (N === " " && !Y && u === Rt && (I += (g - a * 2 - B) / G), this._partialTextX = I, this._partialTextY = P + E, this._partialText = N, y) {
             e.save();
-            const ne = r.slice(0, x).reduce((le, pe) => le + Xe(pe.text).length, 0), W = J + ne;
+            const ne = r.slice(0, x).reduce((le, pe) => le + Ye(pe.text).length, 0), W = J + ne;
             y({
-              char: H,
+              char: N,
               index: W,
               x: I,
-              y: P + A,
+              y: P + E,
               lineIndex: x,
               column: J,
               isLastInLine: Y,
-              width: this.measureSize(H).width,
+              width: this.measureSize(N).width,
               context: e
             });
           }
-          e.fillStrokeShape(this), y && e.restore(), I += this.measureSize(H).width + f;
+          e.fillStrokeShape(this), y && e.restore(), I += this.measureSize(N).width + f;
         }
       } else
-        f !== 0 && e.setAttr("letterSpacing", `${f}px`), this._partialTextX = I, this._partialTextY = P + A, this._partialText = $, e.fillStrokeShape(this);
+        f !== 0 && e.setAttr("letterSpacing", `${f}px`), this._partialTextX = I, this._partialTextY = P + E, this._partialText = z, e.fillStrokeShape(this);
       if (w) {
         e.save(), e.beginPath();
         const G = D.legacyTextRendering ? 0 : -Math.round(o / 4), O = V;
-        e.moveTo(O, P + A + G);
+        e.moveTo(O, P + E + G);
         const J = u === Rt && !Y ? g - a * 2 : B;
-        e.lineTo(O + Math.round(J), P + A + G), e.lineWidth = o / 15;
-        const H = this._getLinearGradient();
-        e.strokeStyle = H || S, e.stroke(), e.restore();
+        e.lineTo(O + Math.round(J), P + E + G), e.lineWidth = o / 15;
+        const N = this._getLinearGradient();
+        e.strokeStyle = N || S, e.stroke(), e.restore();
       }
       e.restore(), n > 1 && (P += l);
     }
@@ -6101,28 +6101,28 @@ class re extends _ {
       let w = e[b], x = this._getTextWidth(w);
       if (o && x > h)
         for (; w.length > 0; ) {
-          let P = 0, M = Xe(w).length, I = "", A = 0;
+          let P = 0, M = Ye(w).length, I = "", E = 0;
           for (; P < M; ) {
-            const k = P + M >>> 1, $ = Xe(w), B = $.slice(0, k + 1).join(""), Y = this._getTextWidth(B);
-            (S && l && u + r > d ? Y + v : Y) <= h ? (P = k + 1, I = B, A = Y) : M = k;
+            const k = P + M >>> 1, z = Ye(w), B = z.slice(0, k + 1).join(""), Y = this._getTextWidth(B);
+            (S && l && u + r > d ? Y + v : Y) <= h ? (P = k + 1, I = B, E = Y) : M = k;
           }
           if (I) {
             if (y) {
-              const B = Xe(w), Y = Xe(I), V = B[Y.length], G = V === ki || V === _n;
+              const B = Ye(w), Y = Ye(I), V = B[Y.length], G = V === ki || V === _n;
               let O;
-              if (G && A <= h)
+              if (G && E <= h)
                 O = Y.length;
               else {
-                const J = Y.lastIndexOf(ki), H = Y.lastIndexOf(_n);
-                O = Math.max(J, H) + 1;
+                const J = Y.lastIndexOf(ki), N = Y.lastIndexOf(_n);
+                O = Math.max(J, N) + 1;
               }
-              O > 0 && (P = O, I = B.slice(0, P).join(""), A = this._getTextWidth(I));
+              O > 0 && (P = O, I = B.slice(0, P).join(""), E = this._getTextWidth(I));
             }
-            if (I = I.trimRight(), this._addTextLine(I), i = Math.max(i, A), u += r, this._shouldHandleEllipsis(u)) {
+            if (I = I.trimRight(), this._addTextLine(I), i = Math.max(i, E), u += r, this._shouldHandleEllipsis(u)) {
               this._tryToAddEllipsisToLastLine();
               break;
             }
-            if (w = Xe(w).slice(P).join("").trimLeft(), w.length > 0 && (x = this._getTextWidth(w), x <= h)) {
+            if (w = Ye(w).slice(P).join("").trimLeft(), w.length > 0 && (x = this._getTextWidth(w), x <= h)) {
               this._addTextLine(w), u += r, i = Math.max(i, x);
               break;
             }
@@ -6163,7 +6163,7 @@ re.prototype._attrsAffectingSize = [
   "lineHeight",
   "letterSpacing"
 ];
-oe(re);
+ae(re);
 m.overWriteSetter(re, "width", jr());
 m.overWriteSetter(re, "height", jr());
 m.addGetterSetter(re, "direction", ea);
@@ -6176,7 +6176,7 @@ m.addGetterSetter(re, "align", ta);
 m.addGetterSetter(re, "verticalAlign", yl);
 m.addGetterSetter(re, "lineHeight", 1, L());
 m.addGetterSetter(re, "wrap", bl);
-m.addGetterSetter(re, "ellipsis", !1, Ae());
+m.addGetterSetter(re, "ellipsis", !1, Ie());
 m.addGetterSetter(re, "letterSpacing", 0, L());
 m.addGetterSetter(re, "text", "", dt());
 m.addGetterSetter(re, "textDecoration", "");
@@ -6262,7 +6262,7 @@ class he extends _ {
     };
   }
   _setTextData() {
-    const e = Xe(this.text()), t = [];
+    const e = Ye(this.text()), t = [];
     let i = 0;
     for (let d = 0; d < e.length; d++)
       t.push({
@@ -6343,7 +6343,7 @@ he.prototype._fillFuncHit = sa;
 he.prototype._strokeFuncHit = aa;
 he.prototype.className = "TextPath";
 he.prototype._attrsAffectingSize = ["text", "fontSize", "data"];
-oe(he);
+ae(he);
 m.addGetterSetter(he, "data");
 m.addGetterSetter(he, "fontFamily", "Arial");
 m.addGetterSetter(he, "fontSize", 12, L());
@@ -6672,7 +6672,7 @@ class X extends wt {
       const C = D.getAngle(this.rotateAnchorAngle());
       let w = Math.atan2(-i, t) + Math.PI / 2 - C;
       b.height < 0 && (w -= Math.PI);
-      const P = D.getAngle(this.rotation()) + w, M = D.getAngle(this.rotationSnapTolerance()), A = Bl(this.rotationSnaps(), P, M) - b.rotation, k = Ol(b, A);
+      const P = D.getAngle(this.rotation()) + w, M = D.getAngle(this.rotationSnapTolerance()), E = Bl(this.rotationSnaps(), P, M) - b.rotation, k = Ol(b, E);
       this._fitNodesInto(k, e);
       return;
     }
@@ -6964,9 +6964,9 @@ function Fl(s) {
   }), s || [];
 }
 X.prototype.className = "Transformer";
-oe(X);
+ae(X);
 m.addGetterSetter(X, "enabledAnchors", $i, Fl);
-m.addGetterSetter(X, "flipEnabled", !0, Ae());
+m.addGetterSetter(X, "flipEnabled", !0, Ie());
 m.addGetterSetter(X, "resizeEnabled", !0);
 m.addGetterSetter(X, "anchorSize", 10, L());
 m.addGetterSetter(X, "rotateEnabled", !0);
@@ -7001,7 +7001,7 @@ m.backCompat(X, {
   rotateHandlerOffset: "rotateAnchorOffset",
   enabledHandlers: "enabledAnchors"
 });
-class Ne extends _ {
+class He extends _ {
   _sceneFunc(e) {
     e.beginPath(), e.arc(0, 0, this.radius(), 0, D.getAngle(this.angle()), this.clockwise()), e.lineTo(0, 0), e.closePath(), e.fillStrokeShape(this);
   }
@@ -7018,14 +7018,14 @@ class Ne extends _ {
     this.radius(e / 2);
   }
 }
-Ne.prototype.className = "Wedge";
-Ne.prototype._centroid = !0;
-Ne.prototype._attrsAffectingSize = ["radius"];
-oe(Ne);
-m.addGetterSetter(Ne, "radius", 0, L());
-m.addGetterSetter(Ne, "angle", 0, L());
-m.addGetterSetter(Ne, "clockwise", !1);
-m.backCompat(Ne, {
+He.prototype.className = "Wedge";
+He.prototype._centroid = !0;
+He.prototype._attrsAffectingSize = ["radius"];
+ae(He);
+m.addGetterSetter(He, "radius", 0, L());
+m.addGetterSetter(He, "angle", 0, L());
+m.addGetterSetter(He, "clockwise", !1);
+m.backCompat(He, {
   angleDeg: "angle",
   getAngleDeg: "getAngle",
   setAngleDeg: "setAngle"
@@ -7549,32 +7549,32 @@ const Gl = [
 function Nl(s, e) {
   const t = s.data, i = s.width, r = s.height;
   let n, a, o, l, c, h, d, u, g, f, y, S, v, b, C, w, x, P, M, I;
-  const A = e + e + 1, k = i - 1, $ = r - 1, B = e + 1, Y = B * (B + 1) / 2, V = new Ln(), G = Gl[e], O = Hl[e];
-  let J = null, H = V, q = null, ne = null;
-  for (let W = 1; W < A; W++)
-    H = H.next = new Ln(), W === B && (J = H);
-  H.next = V, o = a = 0;
+  const E = e + e + 1, k = i - 1, z = r - 1, B = e + 1, Y = B * (B + 1) / 2, V = new Ln(), G = Gl[e], O = Hl[e];
+  let J = null, N = V, q = null, ne = null;
+  for (let W = 1; W < E; W++)
+    N = N.next = new Ln(), W === B && (J = N);
+  N.next = V, o = a = 0;
   for (let W = 0; W < r; W++) {
-    S = v = b = C = l = c = h = d = 0, u = B * (w = t[a]), g = B * (x = t[a + 1]), f = B * (P = t[a + 2]), y = B * (M = t[a + 3]), l += Y * w, c += Y * x, h += Y * P, d += Y * M, H = V;
+    S = v = b = C = l = c = h = d = 0, u = B * (w = t[a]), g = B * (x = t[a + 1]), f = B * (P = t[a + 2]), y = B * (M = t[a + 3]), l += Y * w, c += Y * x, h += Y * P, d += Y * M, N = V;
     for (let le = 0; le < B; le++)
-      H.r = w, H.g = x, H.b = P, H.a = M, H = H.next;
+      N.r = w, N.g = x, N.b = P, N.a = M, N = N.next;
     for (let le = 1; le < B; le++)
-      n = a + ((k < le ? k : le) << 2), l += (H.r = w = t[n]) * (I = B - le), c += (H.g = x = t[n + 1]) * I, h += (H.b = P = t[n + 2]) * I, d += (H.a = M = t[n + 3]) * I, S += w, v += x, b += P, C += M, H = H.next;
+      n = a + ((k < le ? k : le) << 2), l += (N.r = w = t[n]) * (I = B - le), c += (N.g = x = t[n + 1]) * I, h += (N.b = P = t[n + 2]) * I, d += (N.a = M = t[n + 3]) * I, S += w, v += x, b += P, C += M, N = N.next;
     q = V, ne = J;
     for (let le = 0; le < i; le++)
       t[a + 3] = M = d * G >> O, M !== 0 ? (M = 255 / M, t[a] = (l * G >> O) * M, t[a + 1] = (c * G >> O) * M, t[a + 2] = (h * G >> O) * M) : t[a] = t[a + 1] = t[a + 2] = 0, l -= u, c -= g, h -= f, d -= y, u -= q.r, g -= q.g, f -= q.b, y -= q.a, n = o + ((n = le + e + 1) < k ? n : k) << 2, S += q.r = t[n], v += q.g = t[n + 1], b += q.b = t[n + 2], C += q.a = t[n + 3], l += S, c += v, h += b, d += C, q = q.next, u += w = ne.r, g += x = ne.g, f += P = ne.b, y += M = ne.a, S -= w, v -= x, b -= P, C -= M, ne = ne.next, a += 4;
     o += i;
   }
   for (let W = 0; W < i; W++) {
-    v = b = C = S = c = h = d = l = 0, a = W << 2, u = B * (w = t[a]), g = B * (x = t[a + 1]), f = B * (P = t[a + 2]), y = B * (M = t[a + 3]), l += Y * w, c += Y * x, h += Y * P, d += Y * M, H = V;
+    v = b = C = S = c = h = d = l = 0, a = W << 2, u = B * (w = t[a]), g = B * (x = t[a + 1]), f = B * (P = t[a + 2]), y = B * (M = t[a + 3]), l += Y * w, c += Y * x, h += Y * P, d += Y * M, N = V;
     for (let pe = 0; pe < B; pe++)
-      H.r = w, H.g = x, H.b = P, H.a = M, H = H.next;
+      N.r = w, N.g = x, N.b = P, N.a = M, N = N.next;
     let le = i;
     for (let pe = 1; pe <= e; pe++)
-      a = le + W << 2, l += (H.r = w = t[a]) * (I = B - pe), c += (H.g = x = t[a + 1]) * I, h += (H.b = P = t[a + 2]) * I, d += (H.a = M = t[a + 3]) * I, S += w, v += x, b += P, C += M, H = H.next, pe < $ && (le += i);
+      a = le + W << 2, l += (N.r = w = t[a]) * (I = B - pe), c += (N.g = x = t[a + 1]) * I, h += (N.b = P = t[a + 2]) * I, d += (N.a = M = t[a + 3]) * I, S += w, v += x, b += P, C += M, N = N.next, pe < z && (le += i);
     a = W, q = V, ne = J;
     for (let pe = 0; pe < r; pe++)
-      n = a << 2, t[n + 3] = M = d * G >> O, M > 0 ? (M = 255 / M, t[n] = (l * G >> O) * M, t[n + 1] = (c * G >> O) * M, t[n + 2] = (h * G >> O) * M) : t[n] = t[n + 1] = t[n + 2] = 0, l -= u, c -= g, h -= f, d -= y, u -= q.r, g -= q.g, f -= q.b, y -= q.a, n = W + ((n = pe + B) < $ ? n : $) * i << 2, l += S += q.r = t[n], c += v += q.g = t[n + 1], h += b += q.b = t[n + 2], d += C += q.a = t[n + 3], q = q.next, u += w = ne.r, g += x = ne.g, f += P = ne.b, y += M = ne.a, S -= w, v -= x, b -= P, C -= M, ne = ne.next, a += i;
+      n = a << 2, t[n + 3] = M = d * G >> O, M > 0 ? (M = 255 / M, t[n] = (l * G >> O) * M, t[n + 1] = (c * G >> O) * M, t[n + 2] = (h * G >> O) * M) : t[n] = t[n + 1] = t[n + 2] = 0, l -= u, c -= g, h -= f, d -= y, u -= q.r, g -= q.g, f -= q.b, y -= q.a, n = W + ((n = pe + B) < z ? n : z) * i << 2, l += S += q.r = t[n], c += v += q.g = t[n + 1], h += b += q.b = t[n + 2], d += C += q.a = t[n + 3], q = q.next, u += w = ne.r, g += x = ne.g, f += P = ne.b, y += M = ne.a, S -= w, v -= x, b -= P, C -= M, ne = ne.next, a += i;
   }
 }
 const $l = function(e) {
@@ -7610,16 +7610,16 @@ const Wl = 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, v = !!((c = (l = this.embossBlend) === null || l === void 0 ? void 0 : l.call(this)) !== null && c !== void 0 && c), b = g * 10, C = f * 255, w = S * Math.PI / 180, x = Math.cos(w), P = Math.sin(w), M = 128 / 1020 * b, I = new Uint8ClampedArray(h), A = new Float32Array(d * u);
+  }[(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, v = !!((c = (l = this.embossBlend) === null || l === void 0 ? void 0 : l.call(this)) !== null && c !== void 0 && c), b = g * 10, C = f * 255, w = S * Math.PI / 180, x = Math.cos(w), P = Math.sin(w), M = 128 / 1020 * b, I = new Uint8ClampedArray(h), E = new Float32Array(d * u);
   for (let V = 0, G = 0; G < h.length; G += 4, V++)
-    A[V] = 0.2126 * I[G] + 0.7152 * I[G + 1] + 0.0722 * I[G + 2];
-  const k = [-1, 0, 1, -2, 0, 2, -1, 0, 1], $ = [-1, -2, -1, 0, 0, 0, 1, 2, 1], B = [-d - 1, -d, -d + 1, -1, 0, 1, d - 1, d, d + 1], Y = (V) => V < 0 ? 0 : V > 255 ? 255 : V;
+    E[V] = 0.2126 * I[G] + 0.7152 * I[G + 1] + 0.0722 * I[G + 2];
+  const k = [-1, 0, 1, -2, 0, 2, -1, 0, 1], z = [-1, -2, -1, 0, 0, 0, 1, 2, 1], B = [-d - 1, -d, -d + 1, -1, 0, 1, d - 1, d, d + 1], Y = (V) => V < 0 ? 0 : V > 255 ? 255 : V;
   for (let V = 1; V < u - 1; V++)
     for (let G = 1; G < d - 1; G++) {
       const O = V * d + G;
-      let J = 0, H = 0;
-      J += A[O + B[0]] * k[0], H += A[O + B[0]] * $[0], J += A[O + B[1]] * k[1], H += A[O + B[1]] * $[1], J += A[O + B[2]] * k[2], H += A[O + B[2]] * $[2], J += A[O + B[3]] * k[3], H += A[O + B[3]] * $[3], J += A[O + B[5]] * k[5], H += A[O + B[5]] * $[5], J += A[O + B[6]] * k[6], H += A[O + B[6]] * $[6], J += A[O + B[7]] * k[7], H += A[O + B[7]] * $[7], J += A[O + B[8]] * k[8], H += A[O + B[8]] * $[8];
-      const q = x * J + P * H, ne = Y(C + q * M), W = O * 4;
+      let J = 0, N = 0;
+      J += E[O + B[0]] * k[0], N += E[O + B[0]] * z[0], J += E[O + B[1]] * k[1], N += E[O + B[1]] * z[1], J += E[O + B[2]] * k[2], N += E[O + B[2]] * z[2], J += E[O + B[3]] * k[3], N += E[O + B[3]] * z[3], J += E[O + B[5]] * k[5], N += E[O + B[5]] * z[5], J += E[O + B[6]] * k[6], N += E[O + B[6]] * z[6], J += E[O + B[7]] * k[7], N += E[O + B[7]] * z[7], J += E[O + B[8]] * k[8], N += E[O + B[8]] * z[8];
+      const q = x * J + P * N, ne = Y(C + q * M), W = O * 4;
       if (v) {
         const le = ne - C;
         h[W] = Y(I[W] + le), h[W + 1] = Y(I[W + 1] + le), h[W + 2] = Y(I[W + 2] + le), h[W + 3] = I[W + 3];
@@ -7730,8 +7730,8 @@ const Kl = function(s) {
       let x = (Math.atan2(C, b) * 180 / Math.PI + 360 + y) % 360;
       x = x * f / 360, S = Math.floor(x), v = Math.floor(w);
       let P = (v * n + S) * 4;
-      const M = i[P + 0], I = i[P + 1], A = i[P + 2], k = i[P + 3];
-      P = (d * n + h) * 4, r[P + 0] = M, r[P + 1] = I, r[P + 2] = A, r[P + 3] = k;
+      const M = i[P + 0], I = i[P + 1], E = i[P + 2], k = i[P + 3];
+      P = (d * n + h) * 4, r[P + 0] = M, r[P + 1] = I, r[P + 2] = E, r[P + 3] = k;
     }
 }, Ql = function(s) {
   const e = s.width, t = s.height;
@@ -7961,24 +7961,24 @@ const uc = function(s) {
 };
 m.addGetterSetter(R, "threshold", 0.5, L(), m.afterSetFilter);
 const j = bn.Util._assign(bn, {
-  Arc: Ge,
+  Arc: Fe,
   Arrow: pt,
   Circle: Pt,
-  Ellipse: Qe,
-  Image: Ee,
+  Ellipse: Je,
+  Image: Ae,
   Label: Zr,
   Tag: gt,
-  Line: He,
+  Line: Ge,
   Path: ie,
   Rect: di,
-  RegularPolygon: et,
+  RegularPolygon: Qe,
   Ring: ft,
-  Sprite: Me,
-  Star: tt,
+  Sprite: De,
+  Star: et,
   Text: re,
   TextPath: he,
   Transformer: X,
-  Wedge: Ne,
+  Wedge: He,
   Filters: {
     Blur: $l,
     Brightness: Vl,
@@ -8001,7 +8001,7 @@ const j = bn.Util._assign(bn, {
     Solarize: pc,
     Threshold: gc
   }
-}), ca = "media-editor-track.diagnostics.v1", Or = "media-editor-track.diagnostics.failure-window.v1", ha = "media-editor-track-diagnostics", Ke = "snapshots", da = "state", ua = "latest-failure-window", ni = 1, Jr = 1, Dn = 40, fc = 48, mc = 250, Mn = 20, yc = 100, Sc = /* @__PURE__ */ new Set([
+}), ca = "media-editor-track.diagnostics.v1", Or = "media-editor-track.diagnostics.failure-window.v1", ha = "media-editor-track-diagnostics", qe = "snapshots", da = "state", ua = "latest-failure-window", ni = 1, Jr = 1, Dn = 40, fc = 48, mc = 250, Mn = 20, yc = 100, Sc = /* @__PURE__ */ new Set([
   "pending-preview.begin",
   "preview.sync.requested",
   "media.seeking",
@@ -8011,7 +8011,7 @@ const j = bn.Util._assign(bn, {
   info: 20,
   warn: 30,
   error: 40
-}, $e = {
+}, Ne = {
   enabled: !0,
   persist: !0,
   storageQuotaMb: 10,
@@ -8216,14 +8216,14 @@ function xc(s, e) {
 }
 function Pc(s) {
   return {
-    enabled: (s == null ? void 0 : s.enabled) ?? $e.enabled,
-    persist: (s == null ? void 0 : s.persist) ?? $e.persist,
-    storageQuotaMb: (s == null ? void 0 : s.storageQuotaMb) ?? $e.storageQuotaMb,
-    maxSessions: Math.max(1, (s == null ? void 0 : s.maxSessions) ?? $e.maxSessions),
-    maxHotEvents: Math.max(20, (s == null ? void 0 : s.maxHotEvents) ?? $e.maxHotEvents),
-    includeFullSourceUrl: (s == null ? void 0 : s.includeFullSourceUrl) ?? $e.includeFullSourceUrl,
-    enablePanel: (s == null ? void 0 : s.enablePanel) ?? $e.enablePanel,
-    consoleSeverityThreshold: (s == null ? void 0 : s.consoleSeverityThreshold) ?? $e.consoleSeverityThreshold
+    enabled: (s == null ? void 0 : s.enabled) ?? Ne.enabled,
+    persist: (s == null ? void 0 : s.persist) ?? Ne.persist,
+    storageQuotaMb: (s == null ? void 0 : s.storageQuotaMb) ?? Ne.storageQuotaMb,
+    maxSessions: Math.max(1, (s == null ? void 0 : s.maxSessions) ?? Ne.maxSessions),
+    maxHotEvents: Math.max(20, (s == null ? void 0 : s.maxHotEvents) ?? Ne.maxHotEvents),
+    includeFullSourceUrl: (s == null ? void 0 : s.includeFullSourceUrl) ?? Ne.includeFullSourceUrl,
+    enablePanel: (s == null ? void 0 : s.enablePanel) ?? Ne.enablePanel,
+    consoleSeverityThreshold: (s == null ? void 0 : s.consoleSeverityThreshold) ?? Ne.consoleSeverityThreshold
   };
 }
 function _c() {
@@ -8288,12 +8288,12 @@ async function ma(s, e) {
       const n = indexedDB.open(ha, 1);
       n.onupgradeneeded = () => {
         const a = n.result;
-        a.objectStoreNames.contains(Ke) || a.createObjectStore(Ke);
+        a.objectStoreNames.contains(qe) || a.createObjectStore(qe);
       }, n.onsuccess = () => i(n.result), n.onerror = () => r(n.error);
     });
     return await new Promise((i, r) => {
-      const n = t.transaction(Ke, "readwrite");
-      n.objectStore(Ke).put(e, s), n.oncomplete = () => i(), n.onerror = () => r(n.error), n.onabort = () => r(n.error);
+      const n = t.transaction(qe, "readwrite");
+      n.objectStore(qe).put(e, s), n.oncomplete = () => i(), n.onerror = () => r(n.error), n.onabort = () => r(n.error);
     }), t.close(), !0;
   } catch {
     return !1;
@@ -8315,10 +8315,10 @@ async function ya(s) {
       const n = indexedDB.open(ha, 1);
       n.onupgradeneeded = () => {
         const a = n.result;
-        a.objectStoreNames.contains(Ke) || a.createObjectStore(Ke);
+        a.objectStoreNames.contains(qe) || a.createObjectStore(qe);
       }, n.onsuccess = () => i(n.result), n.onerror = () => r(n.error);
     }), t = await new Promise((i, r) => {
-      const o = e.transaction(Ke, "readonly").objectStore(Ke).get(s);
+      const o = e.transaction(qe, "readonly").objectStore(qe).get(s);
       o.onsuccess = () => i(o.result ?? null), o.onerror = () => r(o.error);
     });
     return e.close(), t;
@@ -8767,7 +8767,7 @@ const F = {
     Hn("error", s, e, t);
   }
 };
-class De {
+class Le {
   static clearImageCache() {
     this.imageCache = {}, this.keyframeDimensionsCache = {}, this.keyframeDimensionsPromiseCache = {};
   }
@@ -8950,7 +8950,7 @@ class De {
     delete this.imageCache[e], delete this.keyframeDimensionsCache[e], delete this.keyframeDimensionsPromiseCache[e];
   }
 }
-p(De, "MIN_IMAGE_DISPLAY_WIDTH", 24), p(De, "COVER_RENDER_VERSION_KEY", "_coverRenderVersion"), p(De, "MAX_CACHE_SIZE", 1e3), p(De, "DEFAULT_DIMENSIONS", { width: 160, height: 90 }), p(De, "keyframeDimensionsCache", {}), p(De, "keyframeDimensionsPromiseCache", {}), p(De, "imageCache", {});
+p(Le, "MIN_IMAGE_DISPLAY_WIDTH", 24), p(Le, "COVER_RENDER_VERSION_KEY", "_coverRenderVersion"), p(Le, "MAX_CACHE_SIZE", 1e3), p(Le, "DEFAULT_DIMENSIONS", { width: 160, height: 90 }), p(Le, "keyframeDimensionsCache", {}), p(Le, "keyframeDimensionsPromiseCache", {}), p(Le, "imageCache", {});
 const Gc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><path d="M1.8437804474494934,2.934130300488281C2.0975289474494936,2.6803818004882816,2.5560352474494934,2.5258255004882812,3.4537861474494935,2.5258255004882812L7.691924847449493,2.5258255004882812C8.589675247449494,2.5258255004882812,9.048181847449493,2.6803818004882816,9.301930747449493,2.934130300488281C9.555688247449494,3.1878788004882814,9.710234947449493,3.6463940004882813,9.710234947449493,4.544136000488281L9.710234947449493,5.154385800488281L9.710234947449493,5.156664400488282L9.710234947449493,8.837531600488282L9.710234947449493,8.839810400488282L9.710234947449493,9.455756700488282C9.710234947449493,10.352920500488281,9.554433147449494,10.811444300488281,9.299509347449494,11.065193200488281C9.045182547449494,11.319528600488281,8.586177147449494,11.474209800488282,7.691924847449493,11.474209800488282L3.4537861474494935,11.474209800488282C2.6371141474494935,11.474209800488282,2.1565246474494932,11.20751000048828,1.8706969474494934,10.86509900048828C1.5731912474494933,10.50867840048828,1.4354756474494934,10.006423900488281,1.4354756474494934,9.455756700488282L1.4354756474494934,4.544136000488281C1.4354756474494934,3.6463940004882813,1.5900319474494935,3.1878788004882814,1.8437804474494934,2.934130300488281ZM9.917876547449493,11.684700500488281C10.391550347449494,11.212192500488282,10.559057547449493,10.52217200048828,10.582387647449494,9.67692760048828L11.516774647449493,10.33260820048828L11.516774647449493,10.33260820048828C11.978190647449493,10.658107800488281,12.521887647449493,10.806299200488281,12.992055647449494,10.562466600488282C13.461642647449493,10.318055200488281,13.653574647449494,9.787735900488281,13.653574647449494,9.222480300488282L13.653574647449494,4.777554700488281C13.653574647449494,4.212299300488281,13.461625647449493,3.6825676004882815,12.992624647449494,3.437568500488281C12.523623647449494,3.1925697004882814,11.980024647449493,3.3384564004882815,11.519194647449494,3.6604486004882815L11.518056647449493,3.661018400488281L10.582387647449494,4.3178380004882815C10.558470047449493,3.475504500488281,10.392209347449493,2.7870953004882812,9.920297947449493,2.315762820488281C9.406961747449493,1.8024266504882813,8.637509647449493,1.6508255004882812,7.691924847449493,1.6508255004882812L3.4537861474494935,1.6508255004882812C2.5082015474494934,1.6508255004882812,1.7387490474494933,1.8024266504882813,1.2254129674494934,2.315762820488281C0.7120767974494934,2.8290989004882814,0.5604756474494934,3.598560200488281,0.5604756474494934,4.544136000488281L0.5604756474494934,9.455756700488282C0.5604756474494934,10.13592340048828,0.7290598274494934,10.86171720048828,1.1986388574494935,11.42521860048828C1.6798959474494934,12.003300500488281,2.4271137474494937,12.349209500488282,3.4537861474494935,12.349209500488282L7.691924847449493,12.349209500488282C8.635176947449493,12.349209500488282,9.403962447449494,12.197448500488282,9.917876547449493,11.684700500488281ZM12.020781647449493,9.61682840048828L10.585234647449493,8.609952000488281L10.585234647449493,5.384101600488281L12.019642647449494,4.377937300488281L12.020212647449494,4.3773675004882815C12.352129647449493,4.145782500488281,12.531874647449493,4.183709400488281,12.587880647449493,4.212877700488281C12.643876647449494,4.242046400488281,12.778574647449494,4.368635700488282,12.778574647449494,4.777554700488281L12.778574647449494,9.222480300488282C12.778574647449494,9.631399600488281,12.643866647449494,9.757436800488282,12.588449647449494,9.786018400488281C12.533620647449494,9.814020200488281,12.354416647449494,9.852481800488281,12.021921647449494,9.617398300488281L12.020781647449493,9.61682840048828ZM3.3313089474494935,3.9374466004882813C3.0898080474494933,3.9374466004882813,2.8938089474494935,4.133445700488281,2.8938089474494935,4.374946600488281C2.8938089474494935,4.616447400488282,3.0898080474494933,4.812446600488281,3.3313089474494935,4.812446600488281L4.815419447449494,4.812446600488281C5.056920347449493,4.812446600488281,5.252919447449494,4.616447400488282,5.252919447449494,4.374946600488281C5.252919447449494,4.133445700488281,5.056920347449493,3.9374466004882813,4.815419447449494,3.9374466004882813L3.3313089474494935,3.9374466004882813Z" fill="#868A9C" fill-opacity="1"/></svg>', Hc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><path d="M11.206380472434997,2.733718973069763C9.993001372434998,1.991438673069763,8.552978872434998,1.6945722130697631,7.139648772434998,1.8937121730697632C5.7263186724349975,2.092858673069763,4.426350972434998,2.775678773069763,3.4596355724349976,3.825838973069763C2.4930013724349975,4.875998873069763,1.9263509724349976,6.228518873069763,1.8396810724349975,7.652945373069763C1.7596843224349974,9.077412973069762,2.1796875724349976,10.485612273069764,3.0196941724349977,11.637611373069763C3.8597005724349978,12.789678373069764,5.0796712724349975,13.614278373069762,6.459635572434998,13.970879373069764C7.839681072434997,14.327545373069762,9.299641972434998,14.194145373069762,10.593017972434998,13.593478373069763C11.892985472434997,12.992878373069763,12.933024472434997,11.962078373069764,13.552978472434997,10.676812573069764C14.173015472434997,9.391545673069762,14.326335472434998,7.9312790730697635,13.993001472434997,6.544878873069763C13.926350472434997,6.276532073069763,14.093017472434997,6.0061725730697635,14.359700472434998,5.941012273069763C14.626302472434997,5.875851973069763,14.899658472434998,6.040565873069763,14.966308472434998,6.308912673069763C15.353027472434997,7.920145873069763,15.173015472434997,9.617145873069763,14.453044472434998,11.110879373069762C13.732991472434998,12.604545373069763,12.519694472434997,13.802478373069762,11.019694472434997,14.500545373069762C9.513020872434998,15.198611373069763,7.812988672434997,15.353611373069763,6.2063802724349975,14.939145373069763C4.599690772434998,14.524678373069763,3.1930340724349975,13.566345373069764,2.2129720724349973,12.227478373069763C1.2329915724349976,10.888679373069763,0.7530111074349976,9.252079373069764,0.8463542074349976,7.5966790730697635C0.9396973124349975,5.941252573069764,1.5996907924349975,4.369405673069763,2.726318472434998,3.1489456730697634C3.8463543724349973,1.9284919730697632,5.359700572434997,1.134938593069763,6.999674672434997,0.9035053700697632C8.639648772434999,0.6720721230697632,10.312988672434997,1.0170720830697633,11.726318472434997,1.8797255730697633C11.966308472434998,2.023398773069763,12.039714472434998,2.3310454730697634,11.892985472434997,2.5668653730697635C11.753011472434997,2.8026921730697634,11.446370472434998,2.8773921730697634,11.206380472434997,2.733718973069763ZM11.686360472434998,5.413441573069763C11.879639472434997,5.608874673069764,11.879639472434997,5.925454473069763,11.686360472434998,6.1205485730697635L7.2396648724349975,10.559748073069763C7.046305572434997,10.754747773069763,6.7263186724349975,10.754615173069762,6.533040372434997,10.559481973069763L4.312988372434997,8.339814573069763C4.119710372434998,8.144614573069763,4.119710372434998,7.828014773069763,4.312988372434997,7.632747973069764C4.506347772434998,7.437481773069763,4.826334872434998,7.437481773069763,5.019694172434997,7.632747973069764L6.886311872434997,9.499081973069764L10.979655472434997,5.412814473069763C11.173015472434997,5.217727973069763,11.493001472434997,5.218008373069763,11.686360472434998,5.413441573069763Z" fill-rule="evenodd" fill="#24C744" fill-opacity="1"/></svg>', Nc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><path d="M1.3164876075,5.2511568456573485C2.7112323875,3.0589928456573485,4.7552132875,1.7354023456573486,6.9998931875,1.7354023456573486C9.2445726875,1.7354023456573486,11.2885531875,3.0589928456573485,12.6832981875,5.2511568456573485C13.0012411875,5.7498953456573485,13.1452941875,6.3880765456573485,13.1452941875,6.9999821456573486C13.1452941875,7.611905345657348,13.0012411875,8.250068445657348,12.6832981875,8.74882484565735C11.2885531875,10.940988745657348,9.2445726875,12.264562345657348,6.9998931875,12.264562345657348C4.7552132875,12.264562345657348,2.7112323875,10.940988745657348,1.3164876075,8.74882484565735C0.9985453175,8.250068445657348,0.8544921875,7.611905345657348,0.8544921875,6.9999821456573486C0.8544921875,6.3880765456573485,0.9985453175,5.749325945657349,1.3164876075,5.2511568456573485ZM6.9998931875,2.6104023456573486C5.1262406875,2.6104023456573486,3.3318786875,3.713480445657349,2.0549823875,5.721323445657349L2.0543771875,5.721323445657349C1.8473052375,6.0456564456573485,1.7294921875,6.509396745657349,1.7294921875,6.9999821456573486C1.7294921875,7.490567445657349,1.8473052375,7.954324945657349,2.0543771875,8.278070645657348L2.0549823875,8.27865814565735C3.3318786875,10.286483045657349,5.1262406875,11.389561845657349,6.9998931875,11.389561845657349C8.8735446875,11.389561845657349,10.6679076875,10.286483045657349,11.9448031875,8.27865814565735L11.9454091875,8.278070645657348C12.1518751875,7.954324945657349,12.2702941875,7.490567445657349,12.2702941875,6.9999821456573486C12.2702941875,6.509396745657349,12.1518751875,6.0456564456573485,11.9454091875,5.721323445657349L11.9448031875,5.721323445657349C10.6679076875,3.713480445657349,8.8735446875,2.6104023456573486,6.9998931875,2.6104023456573486ZM4.4741208875,7.002937045657348C4.4741208875,5.606429845657349,5.6034745875,4.4771115456573485,6.9999641875,4.4771115456573485C8.3964533875,4.4771115456573485,9.5258073875,5.606429845657349,9.5258073875,7.002937045657348C9.5258073875,8.399444345657349,8.3964533875,9.528762545657349,6.9999641875,9.528762545657349C5.6034745875,9.528762545657349,4.4741208875,8.399444345657349,4.4741208875,7.002937045657348ZM6.9999641875,5.3521115456573485C6.0864762875,5.3521115456573485,5.3491210875,6.089431545657349,5.3491210875,7.002937045657348C5.3491210875,7.916442645657349,6.0864762875,8.653762545657349,6.9999641875,8.653762545657349C7.9134516875,8.653762545657349,8.650807387499999,7.916442645657349,8.650807387499999,7.002937045657348C8.650807387499999,6.089431545657349,7.9134516875,5.3521115456573485,6.9999641875,5.3521115456573485Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></svg>', $c = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><path d="M3.5486246148989866,6.472501117640625C3.7632801848989867,6.361666362640625,4.026926634898987,6.445068359640625,4.138366634898987,6.659741711640625C4.944508744898987,8.214329931640625,6.797759844898987,9.340158931640625,8.999857544898987,9.340158931640625C11.201954944898986,9.340158931640625,13.055775244898987,8.214329931640625,13.861347544898987,6.659741711640625C13.972788544898988,6.445068359640625,14.237040544898987,6.361666362640625,14.451090544898987,6.472501117640625C14.665781544898987,6.583905531640625,14.749770544898986,6.847569761640625,14.638366544898988,7.062243101640625C14.367100544898987,7.584907531640625,14.003692544898987,8.060913131640625,13.566192544898987,8.475074731640625L14.459278544898988,9.368161431640626C14.630177544898986,9.539077731640624,14.630177544898986,9.816164531640625,14.459278544898988,9.987080831640625C14.288344544898987,10.157996931640625,14.011275544898988,10.157996931640625,13.840342544898986,9.987080831640625L12.883701944898986,9.030405531640625C12.378519644898986,9.383328631640625,11.808039344898987,9.667999231640625,11.192590844898987,9.869249831640625L11.502344744898986,11.025413531640625C11.564757944898988,11.258743331640625,11.426508544898986,11.499069231640625,11.193196444898987,11.561500531640625C10.959848544898986,11.623913731640625,10.720092444898988,11.485664331640624,10.657109344898988,11.251747131640624L10.345611244898986,10.087999831640625C9.911600744898987,10.171401731640625,9.460677744898987,10.215158931640625,8.999857544898987,10.215158931640625C8.548365244898987,10.215158931640625,8.107340444898988,10.173164131640625,7.681518244898987,10.093233631640626L7.371195444898987,11.251747131640624C7.308781744898987,11.485664331640624,7.069025444898987,11.623913731640625,6.835108144898987,11.561500531640625C6.6017607448989875,11.499069231640625,6.4635111448989875,11.258743331640625,6.525924544898986,11.025413531640625L6.833363644898987,9.877990731640626C6.192280844898987,9.670900831640624,5.600189044898986,9.374000531640625,5.078094344898987,9.003578231640624L4.095179204898987,9.987080831640625C3.924280764898987,10.157996931640625,3.6471760548989867,10.157996931640625,3.476277614898987,9.987080831640625C3.305343588298987,9.816164531640625,3.305343588298987,9.539077731640624,3.476277614898987,9.368161431640626L4.400873744898987,8.443583031640625C3.9779357348989866,8.036987331640624,3.6256001248989866,7.572072231640625,3.361348427898987,7.062243101640625C3.250513676898987,6.847569761640625,3.3339334728989867,6.583905531640625,3.5486246148989866,6.472501117640625Z" fill="#FFFFFF" fill-opacity="1"/></svg>', zc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M9.217651334374999,1.6159667934375C8.817657434375,1.7239685034375,8.579650834375,2.1349792434375,8.687652634374999,2.5349731234375C8.794677734375,2.9349670234375003,9.205657934375001,3.1719665234375,9.605651834375,3.0649719234374997C14.537658734375,1.7439575234375,19.612670734375,4.6739807234375,20.934661734375,9.6059570234375C22.255676734375,14.5379635234375,19.325652734375,19.6129765234375,14.393676734375,20.9349675234375C9.461669934375,22.2559815234375,4.3866577343749995,19.3259585234375,3.064666734375,14.3939815234375C2.3956604343750003,11.8969725234375,2.816650434375,9.3629761234375,4.036651634375,7.2969665234375C4.246673534375001,6.9399719234375,4.128662134375,6.4799804234375,3.771667434375,6.2699585234375C3.415649434375,6.0589599234375,2.955657934375,6.1779785234375,2.744659434375,6.5339660234375C1.3286743163749999,8.9329834234375,0.8386535643749999,11.8789675234375,1.615661624375,14.7819825234375C3.151672334375,20.5139775234375,9.049652134375,23.9199825234375,14.781677734375,22.3839725234375C20.513671734375,20.8479615234375,23.919677734375,14.9499815234375,22.383666734375,9.2179565234375C20.847656734375,3.4859619234375,14.949676734375,0.07995602343750008,9.217651334374999,1.6159667934375Z" fill="#C9CBD4" fill-opacity="1"/><path d="M16.7496337890625,12C16.7496337890625,14.6270103,14.6266440890625,16.75,11.9996337890625,16.75C9.3736238890625,16.75,7.2496337890625,14.6270103,7.2496337890625,12C7.2496337890625,9.3739901,9.3736238890625,7.25,11.9996337890625,7.25C14.6266440890625,7.25,16.7496337890625,9.3739901,16.7496337890625,12ZM11.9996337890625,15.25C13.7976336890625,15.25,15.2496337890625,13.7979999,15.2496337890625,12C15.2496337890625,10.2020001,13.7976336890625,8.75,11.9996337890625,8.75C10.2016338890625,8.75,8.7496337890625,10.2020001,8.7496337890625,12C8.7496337890625,13.7979999,10.2016338890625,15.25,11.9996337890625,15.25Z" fill="#C9CBD4" fill-opacity="1"/></svg>', Vc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><path d="M12.594244271484374,3.926410052418518C12.594244271484374,3.9339934524185183,12.594244271484374,3.941576852418518,12.594244271484374,3.949160252418518L12.594244271484374,10.004165252418519L12.594244271484374,10.009998952418519C12.591269271484375,11.254248752418517,11.581520271484376,12.261664752418518,10.336686171484375,12.261664752418518C9.090102671484374,12.261664752418518,8.079185971484375,11.250748752418518,8.079185971484375,10.004165252418519C8.079185971484375,8.757582352418517,9.090102671484374,7.746665552418518,10.336686171484375,7.746665552418518C10.857602071484376,7.746665552418518,11.337102871484374,7.922832152418518,11.719244271484374,8.219165952418518L11.719244271484374,4.510315252418518L5.920881771484375,6.091725952418518L5.920881771484375,11.212248752418517L5.920881771484375,11.217499752418519C5.920881771484375,12.464083752418517,4.909947871484375,13.474998752418518,3.663387771484375,13.474998752418518C2.416787071484375,13.474998752418518,1.405852854251865,12.464082752418518,1.405852854251865,11.217499752418519C1.405852854251865,9.970916352418518,2.416786871484375,8.959999652418517,3.663387771484375,8.959999652418517C4.184269171484376,8.959999652418517,4.663780971484375,9.136166252418517,5.045881971484375,9.432499552418518L5.045881971484375,5.765065352418518C5.045881971484375,5.759809652418518,5.045881971484375,5.754577252418518,5.045881971484375,5.749326852418518L5.045881971484375,3.879142852418518C5.045881971484375,2.9108270524185182,5.645524971484375,2.2224822524185184,6.488441471484375,1.9926605524185181L10.128436071484375,1.000982272418518C10.652911171484375,0.8580656054185181,11.273518571484376,0.8131547724185181,11.781602271484376,1.1106431024185182C12.324102271484374,1.4273930824185181,12.594244271484374,2.0416489524185177,12.594244271484374,2.887488152418518L12.594244271484374,3.926410052418518ZM11.719244271484374,2.887487652418518C11.719244271484374,2.216660252418518,11.514435271484375,1.967576852418518,11.340019271484374,1.866071042418518C11.132935571484374,1.744731902418518,10.796352371484375,1.726076842418518,10.358268771484376,1.845648522418518L6.718304671484375,2.8373209524185183C6.231775271484375,2.969731652418518,5.920881771484375,3.330809252418518,5.920881771484375,3.879142452418518L5.920881771484375,5.184648152418518L11.719244271484374,3.603231552418518L11.719244271484374,2.887487652418518ZM3.663388271484375,12.599998752418518C4.426948071484375,12.599998752418518,5.045882471484375,11.981081752418518,5.045882471484375,11.217499752418519C5.045882471484375,10.453916152418518,4.426948271484375,9.834999652418517,3.663388271484375,9.834999652418517C2.8997932714843753,9.834999652418517,2.280853391484375,10.453916152418518,2.280853391484375,11.217499752418519C2.280853391484375,11.981082752418518,2.899793471484375,12.599998752418518,3.663388271484375,12.599998752418518ZM8.954185971484375,10.004165252418519C8.954185971484375,10.767749452418519,9.573102971484374,11.386664752418518,10.336686171484375,11.386664752418518C11.100269271484375,11.386664752418518,11.719244271484374,10.767748452418518,11.719244271484374,10.004165252418519C11.719244271484374,9.240582152418519,11.100269271484375,8.621665552418518,10.336686171484375,8.621665552418518C9.573102971484374,8.621665552418518,8.954185971484375,9.240582152418519,8.954185971484375,10.004165252418519Z" fill="#868A9C" fill-opacity="1"/></svg>', Uc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><path d="M11.305803496070862,2.8583284381607053C11.498882496070863,2.713661038160706,11.773050496070862,2.7521666381607055,11.918296496070862,2.9458338381607057C13.720794496070862,5.347419838160706,13.720794496070862,8.652577538160706,11.918296496070862,11.054163138160705C11.773050496070862,11.247830138160706,11.498882496070863,11.286335138160705,11.305803496070862,11.141669138160706C11.112723496070862,10.996414138160706,11.073630496070862,10.722246738160706,11.218307496070862,10.529166838160705C12.787475496070861,8.439078938160705,12.787475496070861,5.5609179381607055,11.218307496070862,3.4708303381607055C11.073630496070862,3.2777506381607058,11.112723496070862,3.0035830381607056,11.305803496070862,2.8583284381607053ZM10.850643496070862,4.404167338160706C10.705398196070862,4.210500138160706,10.431231096070862,4.171994538160705,10.238133096070861,4.316661938160705C10.044466596070862,4.461916538160706,10.005978196070862,4.736083838160706,10.150637296070862,4.929163538160706C11.072313496070862,6.156499038160706,11.072313496070862,7.843498338160706,10.150637296070862,9.070833838160706C10.005978196070862,9.263913738160706,10.044466596070862,9.538080838160706,10.238133096070861,9.683335938160706C10.431231096070862,9.828002538160705,10.705398196070862,9.789497038160706,10.850643496070862,9.595830538160705C12.005633496070862,8.058162338160706,12.005633496070862,5.941834538160705,10.850643496070862,4.404167338160706ZM6.527554596070861,1.3638305381607054C7.564730296070862,0.4561640581607056,9.188140496070861,1.1929142881607055,9.188140496070861,2.5713347381607052L9.188140496070861,11.428662138160705C9.188140496070861,12.807083138160706,7.564730296070862,13.543833138160705,6.527554596070861,12.636166138160705L3.9608915960708617,10.390329938160706C3.934063996070862,10.367000238160706,3.9002226960708617,10.354164738160705,3.8646364960708617,10.354164738160705L2.917307496070862,10.354164738160705C1.7092156960708618,10.354164738160705,0.7298074960708618,9.374747838160706,0.7298074960708618,8.166665238160705L0.7298074960708618,5.8333321381607055C0.7298074960708618,4.6252492381607055,1.7092156960708618,3.6458321381607055,2.917307496070862,3.6458321381607055L3.8646364960708617,3.6458321381607055C3.9002226960708617,3.6458321381607055,3.934063996070862,3.6329969381607055,3.9608915960708617,3.6096674381607055L6.527554596070861,1.3638305381607054ZM8.313140496070861,2.5713347381607052C8.313140496070861,1.9448317881607056,7.575215496070862,1.6099954881607057,7.103891996070862,2.0224125381607054L4.537228696070862,4.268249638160706C4.351145196070862,4.430994638160706,4.111976496070862,4.520831938160706,3.8646364960708617,4.520831938160706L2.917307496070862,4.520831938160706C2.192217496070862,4.520831938160706,1.6048074960708618,5.108250738160706,1.6048074960708618,5.8333321381607055L1.6048074960708618,8.166665238160705C1.6048074960708618,8.891746138160705,2.192217496070862,9.479165638160705,2.917307496070862,9.479165638160705L3.8646364960708617,9.479165638160705C4.111976496070862,9.479165638160705,4.351145196070862,9.569002738160705,4.537228696070862,9.731748238160705L7.103891996070862,11.977584138160706C7.575215496070862,12.390002138160705,8.313140496070861,12.055165138160705,8.313140496070861,11.428662138160705L8.313140496070861,2.5713347381607052Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></svg>', Wc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><path d="M9.188069328125,2.7498358381607053L9.188069328125,2.5713360381607053C9.188069328125,1.1929155481607057,7.564641028125,0.4561653181607056,6.527501128125,1.3638317881607056L3.960820428125,3.6096686381607057C3.933975228125,3.6329981381607057,3.900151528125,3.6458331381607056,3.864583228125,3.6458331381607056L2.917236328125,3.6458331381607056C1.709162358125,3.6458331381607056,0.729736328125,4.625250238160706,0.729736328125,5.833333138160706L0.729736328125,8.166666138160705C0.729736328125,8.990334138160705,1.1847533881249999,9.707831938160705,1.857309928125,10.080586038160705L2.519968628125,9.417918838160706C1.989151028125,9.249912838160705,1.604736328125,8.752919338160705,1.604736328125,8.166666138160705L1.604736328125,5.833333138160706C1.604736328125,5.108252138160705,2.192164028125,4.520833138160706,2.917236328125,4.520833138160706L3.864583228125,4.520833138160706C4.111887428125,4.520833138160706,4.351074028125,4.4309958381607055,4.537139628125,4.268250538160705L7.103820828125,2.0224138381607055C7.575144328125,1.6099967381607057,8.313069328125,1.9448330381607055,8.313069328125,2.5713360381607053L8.313069328125,3.6248358381607058L9.188069328125,2.7498358381607053Z" fill="#FFFFFF" fill-opacity="1"/><path d="M9.188069388879395,6.8751726150512695L8.313069388879395,7.7501726150512695L8.313069388879395,11.42867231505127C8.313069388879395,12.055175315051269,7.575144088879394,12.39001181505127,7.103820288879394,11.97759441505127L5.493814768879394,10.56883951505127L4.8737382888793945,11.18892481505127L6.5275010888793945,12.63617661505127C7.564640988879395,13.54384331505127,9.188069388879395,12.807092715051269,9.188069388879395,11.42867231505127L9.188069388879395,6.8751726150512695Z" fill="#FFFFFF" fill-opacity="1"/><path d="M10.519225743566894,5.543419959263916C11.048904063566894,6.679164689263916,10.926391243566895,8.038332489263915,10.150583580566895,9.070834589263917C10.005889575566895,9.263914589263916,10.044412931566894,9.538081689263915,10.238062213566895,9.683336689263916C10.431141853566894,9.828003889263915,10.705327033566894,9.789498289263916,10.850555063566894,9.595831389263916C11.887160943566894,8.215666289263917,11.993331543566894,6.369420189263916,11.169067043566894,4.893587589263916L10.519225743566894,5.543419959263916Z" fill="#FFFFFF" fill-opacity="1"/><path d="M11.747202221848145,4.3160754470959475C12.761021631848145,6.290655617095947,12.584853731848145,8.708574817095947,11.218093551848144,10.529159117095947C11.073435149848144,10.722238517095947,11.112528165848145,10.996406117095948,11.305607791848145,11.141660717095947C11.498687411848145,11.286328317095947,11.772872571848145,11.247822717095946,11.918100651848144,11.054155317095947C13.545587731848144,8.886487017095948,13.703704331848144,5.9814896170959475,12.392949131848145,3.6703286170959473L11.747202221848145,4.3160754470959475Z" fill="#FFFFFF" fill-opacity="1"/><path d="M12.5598954921875,2.0591658358917235C12.7307934921875,1.8882496358917238,12.7307934921875,1.6117501858917236,12.5598954921875,1.4408339558917236C12.3889614921875,1.2699177268917237,12.1124624921875,1.2699177268917237,11.9415284921875,1.4408339558917236L1.4415283221875,11.940833335891723C1.2706298831875,12.111750335891724,1.2706298831875,12.388249335891723,1.4415283221875,12.559165335891723C1.6124623421875,12.730081335891724,1.8889617921875002,12.730081335891724,2.0598958121875,12.559165335891723L12.5598954921875,2.0591658358917235Z" fill="#FFFFFF" fill-opacity="1"/></svg>', Yc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><path d="M3.348292020680237,2.6424992084503174C2.923644920680237,2.6424992084503174,2.578287720680237,2.9849191084503177,2.578287720680237,3.4125035084503175L2.578287720680237,4.474174308450317C2.578287720680237,4.715657508450317,2.382288570680237,4.911674308450317,2.140787720680237,4.911674308450317C1.8992868706802368,4.911674308450317,1.7032877206802368,4.715657508450317,1.7032877206802368,4.474174308450317L1.7032877206802368,3.4125035084503175C1.7032877206802368,2.4984104584503175,2.442957520680237,1.7674992084503174,3.348292020680237,1.7674992084503174L10.651636720680237,1.7674992084503174C11.565124120680236,1.7674992084503174,12.296640720680237,2.5071690084503175,12.296640720680237,3.4125035084503175L12.296640720680237,4.474174308450317C12.296640720680237,4.715657508450317,12.100641720680237,4.911674308450317,11.859140720680237,4.911674308450317C11.617640120680237,4.911674308450317,11.421641020680237,4.715657508450317,11.421641020680237,4.474174308450317L11.421641020680237,3.4125035084503175C11.421641020680237,2.9878386084503177,11.079203220680236,2.6424992084503174,10.651636720680237,2.6424992084503174L7.435114520680237,2.6424992084503174C7.436289420680237,2.657666388450317,7.437464320680236,2.6734210884503176,7.437464320680236,2.6891580184503177L7.437464320680236,11.357500308450318L8.714965420680237,11.357500308450318C8.956466320680237,11.357500308450318,9.152465420680237,11.553499508450317,9.152465420680237,11.795000208450318C9.152465420680237,12.036501208450318,8.956466320680237,12.232500208450318,8.714965420680237,12.232500208450318L5.284962820680237,12.232500208450318C5.043461920680237,12.232500208450318,4.847462820680237,12.036501208450318,4.847462820680237,11.795000208450318C4.847462820680237,11.553499508450317,5.043461920680237,11.357500308450318,5.284962820680237,11.357500308450318L6.562464320680236,11.357500308450318L6.562464320680236,2.6891580184503177C6.562464320680236,2.6734210884503176,6.563033720680237,2.657666388450317,6.564814220680237,2.6424992084503174L3.348292020680237,2.6424992084503174Z" fill="#868A9C" fill-opacity="1"/></svg>', Xc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="19" height="15" viewBox="0 0 19 15"><rect x="0" y="7" width="1" height="1" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="2" y="6" width="1" height="3" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="4" y="4.5" width="1" height="6" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="6" y="5" width="1" height="5" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="8" y="4" width="1" height="7" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="10" y="5" width="1" height="5" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="12" y="6" width="1" height="3" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="14" y="4" width="1" height="7" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="16" y="6.5" width="1" height="2" rx="0.5" fill="#B5B6BF" fill-opacity="1"/><rect x="18" y="7" width="1" height="1" rx="0.5" fill="#B5B6BF" fill-opacity="1"/></svg>', jc = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="19" height="15" viewBox="0 0 19 15"><rect x="0" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="2" y="7" width="15" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="4" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="6" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="8" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="10" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="12" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="14" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="16" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/><rect x="18" y="7" width="1" height="1" rx="0.5" fill="#C9CBD4" fill-opacity="1"/></svg>', qc = /* @__PURE__ */ new Map([
   ["OmAi-camera", Gc],
   ["OmAi-accept", Hc],
@@ -8984,10 +8984,10 @@ function Kc(s) {
   return "decoding" in r && (r.decoding = "async"), r.src = i, Nn.set(s, r), r;
 }
 const de = 3, $n = 10, Zc = 4, Jc = 6, zn = 8, Vn = 14, Br = 10, Qc = 12, eh = 4, Sa = 1, Vi = 28, va = 8, Fr = 19, Gr = 15;
-function si(s, e, t, i, r = E.white, n = E.black, a = 1) {
+function si(s, e, t, i, r = A.white, n = A.black, a = 1) {
   return new j.Rect({ x: s, y: e, width: t, height: i, fill: r, stroke: n, strokeWidth: a });
 }
-function Ui(s, e, t, i = 12, r = "Arial", n = E.black, a = "left", o = "top") {
+function Ui(s, e, t, i = 12, r = "Arial", n = A.black, a = "left", o = "top") {
   return new j.Text({ text: s, x: e, y: t, fontSize: i, fontFamily: r, fill: n, align: a, verticalAlign: o });
 }
 function kt(s = 0, e = 0) {
@@ -9008,26 +9008,26 @@ function th(s, e, t, i) {
   return !r || !n ? !1 : (r.x(0), r.y(0), r.width(de), r.height(t), n.x(e - de), n.y(0), n.width(de), n.height(t), !0);
 }
 function Ca(s, e, t) {
-  const i = e ? s.clipSelectedBorder : E.transparent, r = e ? Sa : 0;
+  const i = e ? s.clipSelectedBorder : A.transparent, r = e ? Sa : 0;
   return t === "audio" ? {
-    background: E.audioClipBackground,
+    background: A.audioClipBackground,
     label: s.audioClipText || s.clipName,
     accent: s.audioClipAccent || s.clipHandle,
     coverBackground: s.clipCoverBackground || Q.clipCoverBackground,
     border: i,
     borderWidth: r
   } : t === "text" ? {
-    background: E.textClipBackground,
+    background: A.textClipBackground,
     label: s.clipName,
     accent: s.clipHandle,
-    coverBackground: s.clipCoverBackground || E.accentCoverFallback,
+    coverBackground: s.clipCoverBackground || A.accentCoverFallback,
     border: i,
     borderWidth: r
   } : {
-    background: E.videoClipBackground,
+    background: A.videoClipBackground,
     label: s.clipName,
     accent: s.clipHandle,
-    coverBackground: s.clipCoverBackground || E.accentCoverFallback,
+    coverBackground: s.clipCoverBackground || A.accentCoverFallback,
     border: i,
     borderWidth: r
   };
@@ -9044,7 +9044,7 @@ function rh(s, e, t) {
   const l = si(0, 0, a, n, t.coverBackground, "transparent", 0);
   l.cornerRadius(2), l.name("clip-cover-background"), o.add(l);
   const c = kt(0, 0);
-  c.name("clip-covers-group"), o.add(c), De.renderClipCovers(
+  c.name("clip-covers-group"), o.add(c), Le.renderClipCovers(
     c,
     e.thumbnails ?? [],
     a,
@@ -9053,7 +9053,7 @@ function rh(s, e, t) {
     e.deferCoverRender
   );
   const h = a >= 120 ? Vi + va : 0, d = Ui(
-    `${e.clipName}  ${N.formatDuration(e.duration)}`,
+    `${e.clipName}  ${$.formatDuration(e.duration)}`,
     de,
     e.height - r,
     Br,
@@ -9069,7 +9069,7 @@ function nh(s, e, t) {
   if (!i || !r || !n || !a || !o || (i.width(e.width), i.height(e.height), i.fill(t.background), i.stroke(t.border), i.strokeWidth(t.borderWidth), i.cornerRadius(4), !th(s, e.width, e.height)))
     return !1;
   const l = 15, c = e.height - l - 4, h = e.width - de * 2;
-  r.x(de), r.y(2), r.clip({ x: 0, y: 0, width: h, height: c }), n.width(h), n.height(c), n.fill(t.coverBackground), n.cornerRadius(2), De.renderClipCovers(
+  r.x(de), r.y(2), r.clip({ x: 0, y: 0, width: h, height: c }), n.width(h), n.height(c), n.fill(t.coverBackground), n.cornerRadius(2), Le.renderClipCovers(
     a,
     e.thumbnails ?? [],
     h,
@@ -9078,7 +9078,7 @@ function nh(s, e, t) {
     e.deferCoverRender
   );
   const d = h >= 120 ? Vi + va : 0;
-  o.text(`${e.clipName}  ${N.formatDuration(e.duration)}`), o.x(de), o.y(e.height - l), o.fill(t.label), o.height(l), ai(o);
+  o.text(`${e.clipName}  ${$.formatDuration(e.duration)}`), o.x(de), o.y(e.height - l), o.fill(t.label), o.height(l), ai(o);
   const u = s.findOne(".video-audio-status");
   return u == null || u.destroy(), d > 0 && Ta(s, e.width, e.height, e.hasSeparatedAudio), !0;
 }
@@ -9221,7 +9221,7 @@ function dh(s, e, t, i) {
     y: e,
     width: t,
     height: i,
-    stroke: E.clipSelectedBorder,
+    stroke: A.clipSelectedBorder,
     strokeWidth: Sa,
     fillEnabled: !1
   });
@@ -9258,7 +9258,7 @@ function gh(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 = uh(
-      N.formatTime(r),
+      $.formatTime(r),
       e,
       d,
       10,
@@ -9277,7 +9277,7 @@ function fh(s, e, t, i, r, n) {
     a.add(Hr([0, o, i, o], sn.line, 0.5));
   s.add(a);
 }
-class ae {
+class se {
   /**
    * 创建舞台
    */
@@ -9379,7 +9379,7 @@ class ae {
    * 清空图片缓存
    */
   static clearImageCache() {
-    De.clearImageCache();
+    Le.clearImageCache();
   }
   /**
    * 创建片段组
@@ -9442,7 +9442,7 @@ class ae {
   }
 }
 // 定义拉伸交互区域宽度常量
-p(ae, "RESIZE_AREA_WIDTH", 3);
+p(se, "RESIZE_AREA_WIDTH", 3);
 function ui(s) {
   let e = !1;
   return typeof window < "u" && (window.addEventListener("mousemove", s.onPointerMove), window.addEventListener("mouseup", s.onPointerEnd), window.addEventListener("blur", s.onWindowBlur || s.onPointerEnd), e = !0), typeof document < "u" && (document.addEventListener("visibilitychange", s.onVisibilityChange), e = !0), e;
@@ -9498,7 +9498,7 @@ class Ju {
       e.evt.preventDefault(), this.updatePointerPosition(e.evt.offsetX), this.isPointerInsideTimeline = !0;
       const { deltaX: t, deltaY: i, shiftKey: r } = e.evt, n = Math.abs(t) > 0;
       if (r || n) {
-        const l = (n ? t : i) * 1.5, c = this.stage.width(), h = N.timeToPixels(this.config.duration, this.config.zoom), d = Math.max(0, h - c), u = Math.max(0, Math.min(d, this.scrollLeft + l));
+        const l = (n ? t : i) * 1.5, c = this.stage.width(), h = $.timeToPixels(this.config.duration, this.config.zoom), d = Math.max(0, h - c), u = Math.max(0, Math.min(d, this.scrollLeft + l));
         u !== this.scrollLeft && this.animateHorizontalScroll(u);
       } else Math.abs(i) > 0 && this.handleZoom(e);
     }), this.stage.on("click", (e) => {
@@ -9552,7 +9552,7 @@ class Ju {
     } else if (this.isDragging) {
       const t = e.clientX - this.startDragX, i = this.scrollLeft;
       this.scrollLeft -= t;
-      const r = this.stage.width(), n = N.timeToPixels(this.config.duration, this.config.zoom);
+      const r = this.stage.width(), n = $.timeToPixels(this.config.duration, this.config.zoom);
       this.scrollLeft = Math.max(0, Math.min(n - r, this.scrollLeft)), this.startDragX = e.clientX, this.render(), this.scrollLeft !== i && this.onScrollChange(this.scrollLeft);
     }
   }
@@ -9568,18 +9568,18 @@ class Ju {
   }
   animateZoom(e, t) {
     const i = this.config.zoom, r = Va.DURATION, n = Date.now(), a = this.pixelToTime(t), o = () => {
-      const l = Date.now() - n, c = Math.min(l / r, 1), h = this.easeOutCubic(c), d = i + (e - i) * h, u = N.timeToPixels(a, d), g = Math.max(0, u - (t - this.leftPadding));
+      const l = Date.now() - n, c = Math.min(l / r, 1), h = this.easeOutCubic(c), d = i + (e - i) * h, u = $.timeToPixels(a, d), g = Math.max(0, u - (t - this.leftPadding));
       if (this.scrollLeft = g, this.config.zoom = d, this.onZoomChange(d), this.onScrollChange(g), this.render(), c < 1)
         this.animationFrameId = requestAnimationFrame(o);
       else {
-        const f = N.timeToPixels(a, e), y = Math.max(0, f - (t - this.leftPadding));
+        const f = $.timeToPixels(a, e), y = Math.max(0, f - (t - this.leftPadding));
         this.config.zoom = e, this.scrollLeft = y, this.onZoomChange(e), this.onScrollChange(y), this.render();
       }
     };
     this.animationFrameId && cancelAnimationFrame(this.animationFrameId), o();
   }
   animateHorizontalScroll(e) {
-    const t = this.scrollLeft, i = 300, r = Date.now(), n = this.stage.width(), a = N.timeToPixels(this.config.duration, this.config.zoom);
+    const t = this.scrollLeft, i = 300, r = Date.now(), n = this.stage.width(), a = $.timeToPixels(this.config.duration, this.config.zoom);
     this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null);
     const o = () => {
       const l = Date.now() - r, c = Math.min(l / i, 1), h = this.easeOutCubic(c), d = t + (e - t) * h;
@@ -9595,10 +9595,10 @@ class Ju {
     this.setCurrentTime(t);
   }
   pixelToTime(e) {
-    return N.pixelsToTime(e - this.leftPadding + this.scrollLeft, this.config.zoom);
+    return $.pixelsToTime(e - this.leftPadding + this.scrollLeft, this.config.zoom);
   }
   timeToPixel(e) {
-    return N.timeToPixels(e, this.config.zoom) - this.scrollLeft + this.leftPadding;
+    return $.timeToPixels(e, this.config.zoom) - this.scrollLeft + this.leftPadding;
   }
   setCurrentTime(e) {
     this.config.currentTime = Math.max(0, e), this.onTimeChange(this.config.currentTime);
@@ -9620,7 +9620,7 @@ class Ju {
     if (i)
       i.width(e), i.height(t), i.fill(this.theme.background), i.stroke(this.theme.border);
     else {
-      const r = ae.createRect(0, 0, e, t, this.theme.background, this.theme.border, 1);
+      const r = se.createRect(0, 0, e, t, this.theme.background, this.theme.border, 1);
       r.name("timeline-background"), this.gridLayer.add(r);
     }
     this.gridLayer.find(".grid-line").forEach((r) => r.remove()), this.gridLayer.find(".time-tick-line").forEach((r) => r.remove()), this.gridLayer.find(".time-tick-text").forEach((r) => r.remove()), this.renderTimeTicks(), this.renderScrollbar(), this.gridLayer.batchDraw();
@@ -9630,7 +9630,7 @@ class Ju {
     if (a)
       a.x(0), a.y(i), a.width(e), a.height(this.scrollbarHeight), a.fill(this.theme.scrollbarBackground || me.background), a.stroke(this.theme.scrollbarBorder || me.border), a.visible(!0);
     else {
-      const l = ae.createRect(
+      const l = se.createRect(
         0,
         i,
         e,
@@ -9645,7 +9645,7 @@ class Ju {
     if (o)
       o.x(n), o.y(i), o.width(r), o.height(this.scrollbarHeight), o.fill(this.theme.scrollbarThumb || me.thumb), o.stroke(this.theme.scrollbarThumbBorder || this.theme.scrollbarBorder || me.border), o.visible(r < e);
     else {
-      const l = ae.createRect(
+      const l = se.createRect(
         n,
         i,
         r,
@@ -9658,12 +9658,12 @@ class Ju {
     }
   }
   renderTimeTicks() {
-    const e = this.stage.width(), t = this.scrollLeft, i = this.scrollLeft + e, r = N.pixelsToTime(t, this.config.zoom), n = N.pixelsToTime(i, this.config.zoom), a = N.msToSeconds(r), o = N.msToSeconds(n), l = 10, c = a - l, h = o + l, { majorStep: d, minorStep: u } = N.getTickConfig(this.config.zoom), g = N.generateVisibleTicks(c, h, d, u);
+    const e = this.stage.width(), t = this.scrollLeft, i = this.scrollLeft + e, r = $.pixelsToTime(t, this.config.zoom), n = $.pixelsToTime(i, this.config.zoom), a = $.msToSeconds(r), o = $.msToSeconds(n), l = 10, c = a - l, h = o + l, { majorStep: d, minorStep: u } = $.getTickConfig(this.config.zoom), g = $.generateVisibleTicks(c, h, d, u);
     let f = 0;
     const y = 20;
     for (const S of g) {
       const v = this.timeToPixel(S.time);
-      v >= -y && v <= e + y && (ae.drawTimeTick(
+      v >= -y && v <= e + y && (se.drawTimeTick(
         this.gridLayer,
         v,
         0,
@@ -9693,7 +9693,7 @@ class Ju {
     this.scrollLeft = Math.max(0, Math.min(i - t, e)), this.render();
   }
   getTotalDurationPixels() {
-    return N.timeToPixels(this.config.duration, this.config.zoom);
+    return $.timeToPixels(this.config.duration, this.config.zoom);
   }
   getScrollbarThumbWidth() {
     const e = this.stage.width(), t = this.getTotalDurationPixels();
@@ -9718,7 +9718,7 @@ class Ju {
    * @param time 目标时间（毫秒）
    */
   scrollToTime(e) {
-    const t = N.timeToPixels(e, this.config.zoom), i = this.stage.width(), r = Math.max(0, t - i / 2);
+    const t = $.timeToPixels(e, this.config.zoom), i = this.stage.width(), r = Math.max(0, t - i / 2);
     this.setScrollLeft(r), this.onScrollChange(r);
   }
   /**
@@ -9726,7 +9726,7 @@ class Ju {
    * @param clip 目标片段
    */
   scrollToClip(e) {
-    const t = N.timeToPixels(e.startTime, this.config.zoom), r = N.timeToPixels(e.startTime + e.duration, this.config.zoom) - t, n = this.stage.width();
+    const t = $.timeToPixels(e.startTime, this.config.zoom), r = $.timeToPixels(e.startTime + e.duration, this.config.zoom) - t, n = this.stage.width();
     let a;
     r <= n ? a = Math.max(0, t - (n - r) / 2) : a = Math.max(0, t), this.setScrollLeft(a), this.onScrollChange(a);
   }
@@ -9763,10 +9763,10 @@ class Ju {
 }
 const Vt = 8;
 function ye(s, e, t) {
-  return ae.timeToPixels(s, e) - t + ue;
+  return se.timeToPixels(s, e) - t + ue;
 }
 function Te(s, e) {
-  const t = Math.max(s, 1e3), i = ae.timeToPixels(t, e);
+  const t = Math.max(s, 1e3), i = se.timeToPixels(t, e);
   return i <= Ni ? Ni : i;
 }
 function mh(s, e) {
@@ -9791,7 +9791,7 @@ class lr {
     this.clip = Es(
       {
         ...e,
-        endTime: N.calculateEndTime(e.startTime, e.duration)
+        endTime: $.calculateEndTime(e.startTime, e.duration)
       },
       {
         isDragging: e.isDragging,
@@ -9811,7 +9811,7 @@ class lr {
     this.clip = {
       ...this.clip,
       ...e,
-      endTime: N.calculateEndTime(e.startTime, e.duration)
+      endTime: $.calculateEndTime(e.startTime, e.duration)
     };
   }
   setSelected(e) {
@@ -9869,7 +9869,7 @@ function cr(s) {
 function Kt(s) {
   return (s == null ? void 0 : s.kind) === "draggingMove" || (s == null ? void 0 : s.kind) === "draggingResizeLeft" || (s == null ? void 0 : s.kind) === "draggingResizeRight";
 }
-function rt(s) {
+function it(s) {
   return !s || s.kind === "idle" || s.kind === "boxSelecting" ? null : s.context;
 }
 function Zt(s) {
@@ -10016,8 +10016,8 @@ function bh(s, e, t, i) {
   const r = t - s.pointerStartClientX, n = i - s.pointerStartClientY;
   return Math.hypot(r, n) >= Math.max(0, e);
 }
-const Le = class Le {
-  constructor(e, t, i, r, n, a, o, l, c, h, d, u, g, f, y, S, v, b, C, w, x, P, M, I, A, k = Le.DEFAULT_DRAG_ACTIVATION_THRESHOLD, $ = !1, B = Le.DEFAULT_CLIP_SNAP_THRESHOLD) {
+const Re = class Re {
+  constructor(e, t, i, r, n, a, o, l, c, h, d, u, g, f, y, S, v, b, C, w, x, P, M, I, E, k = Re.DEFAULT_DRAG_ACTIVATION_THRESHOLD, z = !1, B = Re.DEFAULT_CLIP_SNAP_THRESHOLD) {
     p(this, "layer");
     p(this, "trackGroup");
     p(this, "dragOverlayLayer", null);
@@ -10082,7 +10082,7 @@ const Le = class Le {
       const e = this.resolveInteractionState();
       if (!Kt(e) || !this.onHorizontalDragAutoScroll)
         return;
-      const t = this.layer.getStage(), i = t == null ? void 0 : t.container(), r = rt(e);
+      const t = this.layer.getStage(), i = t == null ? void 0 : t.container(), r = it(e);
       if (!i || !r) {
         this.stopEdgeAutoScroll();
         return;
@@ -10099,7 +10099,7 @@ const Le = class Le {
       }
       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 = g, this.onHorizontalDragAutoScroll = f, this.onClipOverlap = y, this.onClipCrossTrackPreview = S, this.onClipCrossTrack = v, this.onClearDropPreview = b, this.onClearSelection = C, this.onSnapGuideChange = w, this.onClipToggleSelection = x, this.onSetSingleSelection = P, this.getMultiDragClipIds = M, this.onMultiDragMove = I, this.onMultiDragInteractionEnd = A, this.dragActivationThreshold = Math.max(0, k), this.enableClipSnap = $, this.clipSnapThreshold = Math.max(0, B), this.trackGroup = ae.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 = g, this.onHorizontalDragAutoScroll = f, this.onClipOverlap = y, this.onClipCrossTrackPreview = S, this.onClipCrossTrack = v, this.onClearDropPreview = b, this.onClearSelection = C, this.onSnapGuideChange = w, this.onClipToggleSelection = x, this.onSetSingleSelection = P, this.getMultiDragClipIds = M, this.onMultiDragMove = I, this.onMultiDragInteractionEnd = E, this.dragActivationThreshold = Math.max(0, k), this.enableClipSnap = z, this.clipSnapThreshold = Math.max(0, B), this.trackGroup = se.createGroup(0, n), this.layer.add(this.trackGroup), this.initClips(), this.initEventListeners(), this.render();
   }
   get hasDragMoved() {
     return this.getLegacyInteractionSnapshot().hasDragMoved;
@@ -10216,11 +10216,11 @@ const Le = class Le {
   ensureDropPreviewGroup() {
     if (this.dropPreviewGroup)
       return this.dropPreviewGroup;
-    const e = ae.createGroup(0, 0);
+    const e = se.createGroup(0, 0);
     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" ? mi.videoFill : mi.audioFill, i = this.trackType === "text" ? "#C9CBD4" : this.trackType === "video" ? mi.videoStroke : mi.audioStroke, r = ye(e.startTime, this.zoom, this.scrollLeft), n = Te(e.duration, this.zoom), a = ae.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" ? mi.videoFill : mi.audioFill, i = this.trackType === "text" ? "#C9CBD4" : this.trackType === "video" ? mi.videoStroke : mi.audioStroke, r = ye(e.startTime, this.zoom, this.scrollLeft), n = Te(e.duration, this.zoom), a = se.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) {
@@ -10264,7 +10264,7 @@ const Le = class Le {
     if (!t) return;
     const i = t.container();
     if (!i) return;
-    const r = i.getBoundingClientRect(), n = e.clientX - r.left, a = Math.max(0, N.pixelsToTime(n - ue + this.scrollLeft, this.zoom));
+    const r = i.getBoundingClientRect(), n = e.clientX - r.left, a = Math.max(0, $.pixelsToTime(n - ue + this.scrollLeft, this.zoom));
     this.onTimeJump(a), this.onClearSelection && this.onClearSelection();
   }
   handleTrackBackgroundMouseDown(e) {
@@ -10284,7 +10284,7 @@ const Le = class Le {
     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 = ye(e.startTime, this.zoom, this.scrollLeft), i = Te(e.duration, this.zoom), r = 2, n = this.trackHeight - 4, a = ae.createClipGroup(
+    const t = ye(e.startTime, this.zoom, this.scrollLeft), i = Te(e.duration, this.zoom), r = 2, n = this.trackHeight - 4, a = se.createClipGroup(
       t,
       r,
       i,
@@ -10409,7 +10409,7 @@ const Le = class Le {
     }
   }
   resolveDraggedClipForInteraction(e = this.interactionState) {
-    const t = rt(e);
+    const t = it(e);
     if (t != null && t.clipId) {
       const r = this.clips.find((n) => n.getClip().id === t.clipId) ?? null;
       if (r)
@@ -10453,12 +10453,12 @@ const Le = class Le {
     };
   }
   syncLegacyInteractionMirror(e = this.interactionState) {
-    const t = this.getLegacyInteractionSnapshot(), i = rt(e);
+    const t = this.getLegacyInteractionSnapshot(), i = it(e);
     t.hasDragMoved = Kt(e), t.activePointerOperation = Zt(e), t.originalClipsState = (i == null ? void 0 : i.originalClipsState) ?? [], t.nonDraggedClips = (i == null ? void 0 : i.nonDraggedClips) ?? [], t.snapCandidateClips = (i == null ? void 0 : i.snapCandidateClips) ?? [], t.dragStartY = (i == null ? void 0 : i.pointerStartY) ?? 0, t.dragTargetTrackY = (i == null ? void 0 : i.dragTargetTrackY) ?? 0, t.crossTrackDragOffsetY = (i == null ? void 0 : i.crossTrackDragOffsetY) ?? 0, t.crossTrackDragStartX = (i == null ? void 0 : i.pointerStartX) ?? 0, t.dragStartScrollLeft = (i == null ? void 0 : i.dragStartScrollLeft) ?? 0, t.dragGestureStartClientX = (i == null ? void 0 : i.pointerStartClientX) ?? null, t.dragGestureStartClientY = (i == null ? void 0 : i.pointerStartClientY) ?? null, t.lastDragClientX = (i == null ? void 0 : i.lastPointerClientX) ?? null, t.lastDragClientY = (i == null ? void 0 : i.lastPointerClientY) ?? null;
   }
   handleClipMoveEnd(e, t) {
     var S, v, b;
-    const i = this.resolveInteractionState(t), r = this.getLegacyInteractionSnapshot(), n = rt(i) || {
+    const i = this.resolveInteractionState(t), r = this.getLegacyInteractionSnapshot(), n = it(i) || {
       clipId: e.id,
       originalClipsState: r.originalClipsState.length > 0 ? r.originalClipsState : [e],
       nonDraggedClips: r.nonDraggedClips,
@@ -10478,18 +10478,18 @@ const Le = class Le {
         isFinal: !0
       })) {
         for (const k of this.selectedClipIds) {
-          const $ = (v = this.clipGroups) == null ? void 0 : v.get(k);
-          $ == null || $.y(2);
+          const z = (v = this.clipGroups) == null ? void 0 : v.get(k);
+          z == null || z.y(2);
         }
         this.multiDragOriginalPositions.clear();
         return;
       }
       const x = [], P = [];
-      for (const [A, k] of this.multiDragOriginalPositions) {
-        const $ = this.clips.find((O) => O.getClip().id === A);
-        if (!$) continue;
+      for (const [E, k] of this.multiDragOriginalPositions) {
+        const z = this.clips.find((O) => O.getClip().id === E);
+        if (!z) continue;
         const B = Math.max(0, k.startTime + w), Y = {
-          ...$.getClip(),
+          ...z.getClip(),
           startTime: B,
           endTime: B + k.duration,
           isDragging: !1,
@@ -10498,18 +10498,18 @@ const Le = class Le {
           isResizingRight: !1,
           zIndex: 1,
           opacity: 1,
-          isSelected: this.selectedClipIds.has(A)
+          isSelected: this.selectedClipIds.has(E)
         };
         x.push(Y);
-        const V = n.originalClipsState.find((O) => O.id === A);
+        const V = n.originalClipsState.find((O) => O.id === E);
         V && P.push(V);
-        const G = (b = this.clipGroups) == null ? void 0 : b.get(A);
+        const G = (b = this.clipGroups) == null ? void 0 : b.get(E);
         G && G.y(2);
       }
       const M = [];
-      for (const A of this.clips) {
-        const k = A.getClip(), $ = x.find((B) => B.id === k.id);
-        $ ? M.push($) : M.push({
+      for (const E of this.clips) {
+        const k = E.getClip(), z = x.find((B) => B.id === k.id);
+        z ? M.push(z) : M.push({
           ...k,
           isDragging: !1,
           isResizing: !1,
@@ -10517,19 +10517,19 @@ const Le = class Le {
           isResizingRight: !1
         });
       }
-      M.sort((A, k) => A.startTime - k.startTime), this.isVisualUpdate = !0;
-      for (const A of M)
-        this.clips.find(($) => $.getClip().id === A.id) && this.handleClipUpdate(A);
+      M.sort((E, k) => E.startTime - k.startTime), this.isVisualUpdate = !0;
+      for (const E of M)
+        this.clips.find((z) => z.getClip().id === E.id) && this.handleClipUpdate(E);
       this.isVisualUpdate = !1;
-      const I = P.map((A) => {
-        const k = x.find(($) => $.id === A.id);
-        return k && (A.startTime !== k.startTime || A.duration !== k.duration) ? {
-          clipId: A.id,
-          previousState: A,
+      const I = P.map((E) => {
+        const k = x.find((z) => z.id === E.id);
+        return k && (E.startTime !== k.startTime || E.duration !== k.duration) ? {
+          clipId: E.id,
+          previousState: E,
           newState: k
         } : null;
-      }).filter((A) => A !== null);
-      I.length > 0 && this.onClipUpdate(e, P.find((A) => A.id === e.id), I), this.multiDragOriginalPositions.clear();
+      }).filter((E) => E !== null);
+      I.length > 0 && this.onClipUpdate(e, P.find((E) => E.id === e.id), I), this.multiDragOriginalPositions.clear();
       return;
     }
     if (o && this.onClipCrossTrack && this.config.id) {
@@ -10641,7 +10641,7 @@ const Le = class Le {
       const r = Te(e.duration, this.zoom);
       this.updateClipViewportState(e);
       const n = e.isSelected;
-      (e.isDragging || n) && i.moveToTop(), i.opacity(e.opacity), ae.updateClipGroup(
+      (e.isDragging || n) && i.moveToTop(), i.opacity(e.opacity), se.updateClipGroup(
         i,
         r,
         this.trackHeight - 4,
@@ -10685,7 +10685,7 @@ const Le = class Le {
       id: `${e.id}_split_${Date.now()}`,
       startTime: t,
       duration: r,
-      endTime: N.calculateEndTime(t, r),
+      endTime: $.calculateEndTime(t, r),
       startTimeAtSource: n,
       endTimeAtSource: e.endTimeAtSource
     };
@@ -10734,7 +10734,7 @@ const Le = class Le {
       const a = n.getClip();
       this.updateClipViewportState(a);
     });
-    const t = this.resolveInteractionState(), i = rt(t), r = Ii(t, { type: "SCROLL_LEFT_CHANGED" });
+    const t = this.resolveInteractionState(), i = it(t), r = Ii(t, { type: "SCROLL_LEFT_CHANGED" });
     this.interactionState = r.state, this.syncLegacyInteractionMirror(r.state), r.effects.updatePreview && i && this.updateDraggedClipFromPointer(i.lastPointerClientX, i.lastPointerClientY, !1), this.layer.batchDraw();
   }
   updateClipVisibility(e) {
@@ -10783,7 +10783,7 @@ const Le = class Le {
   render(e = !0) {
     const t = this.getTrackBackgroundFill();
     if (this.trackGroup.children.length === 0) {
-      const i = ae.createRect(0, 0, this.layer.width(), this.trackHeight, t, this.theme.trackBorder, 1);
+      const i = se.createRect(0, 0, this.layer.width(), this.trackHeight, t, this.theme.trackBorder, 1);
       i.name("track-background"), i.on("click", (r) => {
         this.handleTrackBackgroundClick(r.evt);
       }), i.on("mousedown", (r) => {
@@ -10877,7 +10877,7 @@ const Le = class Le {
       this.setClipDragOverlayActive(e, !1), this.updateClipPositionFinal(e, t);
     else if (o) {
       const c = ye(t, this.zoom, this.scrollLeft);
-      o.x(c), o.y(this.resolveClipRenderY(e, r)), o.moveToTop(), ae.updateClipGroup(
+      o.x(c), o.y(this.resolveClipRenderY(e, r)), o.moveToTop(), se.updateClipGroup(
         o,
         Te(a.duration, this.zoom),
         this.trackHeight - 4,
@@ -10931,7 +10931,7 @@ const Le = class Le {
   }
   setClipSnapEnabled(e) {
     this.enableClipSnap = e, e || this.updateSnapGuideLine(null);
-    const t = this.resolveInteractionState(), i = rt(t);
+    const t = this.resolveInteractionState(), i = it(t);
     if (Kt(t) && i) {
       this.updateDraggedClipFromPointer(i.lastPointerClientX, i.lastPointerClientY, !1);
       return;
@@ -10943,7 +10943,7 @@ const Le = class Le {
   }
   updateDraggedClipFromPointer(e, t, i) {
     var v, b, C, w, x;
-    const r = this.resolveInteractionState(), n = rt(r), a = Zt(r), o = this.layer.getStage(), l = this.resolveDraggedClipForInteraction(r);
+    const r = this.resolveInteractionState(), n = it(r), a = Zt(r), o = this.layer.getStage(), l = this.resolveDraggedClipForInteraction(r);
     if (!o || !l || !n || !a) return;
     const c = o.container();
     if (!c) return;
@@ -10965,8 +10965,8 @@ const Le = class Le {
         this.hideDropPreview(), (b = this.onClearDropPreview) == null || b.call(this), this.updateSnapGuideLine(null);
         return;
       }
-      const A = I.clip, k = A.startTime - M.startTime, $ = this.applyPreviewClipState(l, A), B = ye(A.startTime, this.zoom, this.scrollLeft), Y = Te(A.duration, this.zoom);
-      S.x(B), S.y(this.resolveClipRenderY(y.id, n.crossTrackDragOffsetY)), S.visible(B + Y > 0 && B < this.layer.width()), $ && (this.updateClipGroup(A), S.y(this.resolveClipRenderY(y.id, n.crossTrackDragOffsetY)));
+      const E = I.clip, k = E.startTime - M.startTime, z = this.applyPreviewClipState(l, E), B = ye(E.startTime, this.zoom, this.scrollLeft), Y = Te(E.duration, this.zoom);
+      S.x(B), S.y(this.resolveClipRenderY(y.id, n.crossTrackDragOffsetY)), S.visible(B + Y > 0 && B < this.layer.width()), z && (this.updateClipGroup(E), S.y(this.resolveClipRenderY(y.id, n.crossTrackDragOffsetY)));
       let V = !1;
       if (f) {
         this.onMultiDragMove && this.config.id && (V = this.onMultiDragMove({
@@ -10981,14 +10981,14 @@ const Le = class Le {
           if (G === y.id) continue;
           const J = this.clips.find((ne) => ne.getClip().id === G);
           if (!J) continue;
-          const H = Math.max(0, O.startTime + k), q = (C = this.clipGroups) == null ? void 0 : C.get(G);
+          const N = Math.max(0, O.startTime + k), q = (C = this.clipGroups) == null ? void 0 : C.get(G);
           if (q) {
-            const ne = ye(H, this.zoom, this.scrollLeft);
+            const ne = ye(N, this.zoom, this.scrollLeft);
             q.x(ne), q.y(this.resolveClipRenderY(G, n.crossTrackDragOffsetY)), q.visible(
               ne + Te(O.duration, this.zoom) > 0 && ne < this.layer.width()
             );
             const W = J.getClip();
-            ae.updateClipGroup(
+            se.updateClipGroup(
               q,
               Te(W.duration, this.zoom),
               this.trackHeight - 4,
@@ -11007,13 +11007,13 @@ const Le = class Le {
           }
         }
       }
-      g && this.onClipCrossTrackPreview && this.config.id && !V ? this.onClipCrossTrackPreview(A, n.dragTargetTrackY, this.config.id) !== "self" && this.hideDropPreview() : V ? this.hideDropPreview() : this.showDropPreview(A), this.updateSnapGuideLine(I.guideTime);
+      g && this.onClipCrossTrackPreview && this.config.id && !V ? this.onClipCrossTrackPreview(E, n.dragTargetTrackY, this.config.id) !== "self" && this.hideDropPreview() : V ? this.hideDropPreview() : this.showDropPreview(E), this.updateSnapGuideLine(I.guideTime);
     } else
       this.hideDropPreview(), (w = this.onClearDropPreview) == null || w.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 = N.pixelsToTime(a, this.zoom);
+    const a = i - r.pointerStartX + (this.scrollLeft - r.dragStartScrollLeft), o = $.pixelsToTime(a, this.zoom);
     let l;
     return n === "resize-left" || e.isResizingLeft ? l = this.buildResizeLeftPreviewClip(e, t, o) : n === "resize-right" || e.isResizingRight ? l = this.buildResizeRightPreviewClip(e, t, o) : l = {
       ...e,
@@ -11090,7 +11090,7 @@ const Le = class Le {
   }
   buildResizeLeftPreviewClip(e, t, i) {
     if (!this.isSourceBoundClip(t)) {
-      const g = N.calculateEndTime(t.startTime, t.duration);
+      const g = $.calculateEndTime(t.startTime, t.duration);
       let f = Math.max(0, t.startTime + i), y = g - f;
       return y < 1e3 && (y = 1e3, f = g - y), {
         ...e,
@@ -11102,7 +11102,7 @@ const Le = class Le {
         sourceDuration: y
       };
     }
-    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 = N.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 = $.calculateEndTime(t.startTime, t.duration);
     let h = t.startTime + l, d = t.duration - l, u;
     return d < 1e3 ? (d = 1e3, h = c - d, u = t.endTimeAtSource - d) : u = t.startTimeAtSource + l, {
       ...e,
@@ -11143,7 +11143,7 @@ const Le = class Le {
     const r = i.flatMap((c) => [c.startTime, c.startTime + c.duration]);
     if (r.length === 0)
       return { clip: e, guideTime: null };
-    const n = N.pixelsToTime(this.clipSnapThreshold, this.zoom), a = e.startTime + e.duration, o = [];
+    const n = $.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);
@@ -11269,7 +11269,7 @@ const Le = class Le {
   calculateHorizontalAutoScrollVelocity(e, t) {
     if (t <= 0)
       return 0;
-    const i = Math.min(Le.AUTO_SCROLL_EDGE_THRESHOLD, t / 2), r = Le.AUTO_SCROLL_MAX_SPEED;
+    const i = Math.min(Re.AUTO_SCROLL_EDGE_THRESHOLD, t / 2), r = Re.AUTO_SCROLL_MAX_SPEED;
     if (e <= 0)
       return -r;
     if (e >= t)
@@ -11291,8 +11291,8 @@ const Le = class Le {
     this.edgeAutoScrollAnimationFrameId !== null && (typeof cancelAnimationFrame == "function" && cancelAnimationFrame(this.edgeAutoScrollAnimationFrameId), this.edgeAutoScrollAnimationFrameId = null);
   }
 };
-p(Le, "DEFAULT_DRAG_ACTIVATION_THRESHOLD", 4), p(Le, "DEFAULT_CLIP_SNAP_THRESHOLD", 8), p(Le, "AUTO_SCROLL_EDGE_THRESHOLD", 48), p(Le, "AUTO_SCROLL_MAX_SPEED", 18);
-let Nr = Le;
+p(Re, "DEFAULT_DRAG_ACTIVATION_THRESHOLD", 4), p(Re, "DEFAULT_CLIP_SNAP_THRESHOLD", 8), p(Re, "AUTO_SCROLL_EDGE_THRESHOLD", 48), p(Re, "AUTO_SCROLL_MAX_SPEED", 18);
+let Nr = Re;
 class Qu {
   constructor(e, t, i, r, n, a) {
     p(this, "layer");
@@ -11305,7 +11305,7 @@ class Qu {
     p(this, "scrollLeft", 0);
     p(this, "onTimeChange");
     p(this, "isDragging", !1);
-    this.layer = e, this.currentTime = t, this.zoom = i, this.theme = n, this.onTimeChange = a, this.playheadGroup = ae.createGroup(), this.layer.add(this.playheadGroup), this.playheadLine = ae.createLine(
+    this.layer = e, this.currentTime = t, this.zoom = i, this.theme = n, this.onTimeChange = a, this.playheadGroup = se.createGroup(), this.layer.add(this.playheadGroup), this.playheadLine = se.createLine(
       [0, 0, 0, r],
       this.theme.playhead,
       1
@@ -11336,7 +11336,7 @@ class Qu {
     if (!t) return;
     const i = t.container();
     if (!i) return;
-    const r = i.getBoundingClientRect(), n = e.clientX - r.left, a = N.pixelsToTime(n - ue + this.scrollLeft, this.zoom);
+    const r = i.getBoundingClientRect(), n = e.clientX - r.left, a = $.pixelsToTime(n - ue + this.scrollLeft, this.zoom);
     this.setTime(a);
   }
   setTime(e) {
@@ -11352,7 +11352,7 @@ class Qu {
     this.playheadLine.points([0, 0, 0, e]), this.render();
   }
   render() {
-    const e = N.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + ue;
+    const e = $.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + ue;
     this.playheadGroup.x(e), this.playheadGroup.visible(e >= 0 && e <= this.layer.width()), this.layer.batchDraw();
   }
   getTime() {
@@ -11405,7 +11405,7 @@ const wh = (s) => new Th(typeof s == "string" ? s : s + "", void 0, ka), kh = (s
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: xh, defineProperty: Ph, getOwnPropertyDescriptor: _h, getOwnPropertyNames: Ih, getOwnPropertySymbols: Ah, getPrototypeOf: Eh } = Object, Ze = globalThis, Yn = Ze.trustedTypes, Rh = Yn ? Yn.emptyScript : "", hr = Ze.reactiveElementPolyfillSupport, Jt = (s, e) => s, $r = { toAttribute(s, e) {
+const { is: xh, defineProperty: Ph, getOwnPropertyDescriptor: _h, getOwnPropertyNames: Ih, getOwnPropertySymbols: Ah, getPrototypeOf: Eh } = Object, Ke = globalThis, Yn = Ke.trustedTypes, Rh = Yn ? Yn.emptyScript : "", hr = Ke.reactiveElementPolyfillSupport, Jt = (s, e) => s, $r = { toAttribute(s, e) {
   switch (e) {
     case Boolean:
       s = s ? Rh : null;
@@ -11434,7 +11434,7 @@ const { is: xh, defineProperty: Ph, getOwnPropertyDescriptor: _h, getOwnProperty
   }
   return t;
 } }, xa = (s, e) => !xh(s, e), Xn = { attribute: !0, type: String, converter: $r, reflect: !1, useDefault: !1, hasChanged: xa };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Ze.litPropertyMetadata ?? (Ze.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Ke.litPropertyMetadata ?? (Ke.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let vt = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
@@ -11638,14 +11638,14 @@ let vt = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-vt.elementStyles = [], vt.shadowRootOptions = { mode: "open" }, vt[Jt("elementProperties")] = /* @__PURE__ */ new Map(), vt[Jt("finalized")] = /* @__PURE__ */ new Map(), hr == null || hr({ ReactiveElement: vt }), (Ze.reactiveElementVersions ?? (Ze.reactiveElementVersions = [])).push("2.1.2");
+vt.elementStyles = [], vt.shadowRootOptions = { mode: "open" }, vt[Jt("elementProperties")] = /* @__PURE__ */ new Map(), vt[Jt("finalized")] = /* @__PURE__ */ new Map(), hr == null || hr({ ReactiveElement: vt }), (Ke.reactiveElementVersions ?? (Ke.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Qt = globalThis, jn = (s) => s, Yi = Qt.trustedTypes, qn = Yi ? Yi.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pa = "$lit$", qe = `lit$${Math.random().toFixed(9).slice(2)}$`, _a = "?" + qe, Lh = `<${_a}>`, ct = document, oi = () => ct.createComment(""), li = (s) => s === null || typeof s != "object" && typeof s != "function", en = Array.isArray, Dh = (s) => en(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", dr = `[ 	
-\f\r]`, Ot = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Kn = /-->/g, Zn = />/g, nt = RegExp(`>|${dr}(?:([^\\s"'>=/]+)(${dr}*=${dr}*(?:[^ 	
+const Qt = globalThis, jn = (s) => s, Yi = Qt.trustedTypes, qn = Yi ? Yi.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pa = "$lit$", je = `lit$${Math.random().toFixed(9).slice(2)}$`, _a = "?" + je, Lh = `<${_a}>`, ct = document, oi = () => ct.createComment(""), li = (s) => s === null || typeof s != "object" && typeof s != "function", en = Array.isArray, Dh = (s) => en(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", dr = `[ 	
+\f\r]`, Ot = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Kn = /-->/g, Zn = />/g, rt = RegExp(`>|${dr}(?:([^\\s"'>=/]+)(${dr}*=${dr}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), Jn = /'/g, Qn = /"/g, Ia = /^(?:script|style|textarea|title)$/i, Mh = (s) => (e, ...t) => ({ _$litType$: s, strings: e, values: t }), K = Mh(1), ht = Symbol.for("lit-noChange"), ce = Symbol.for("lit-nothing"), es = /* @__PURE__ */ new WeakMap(), ot = ct.createTreeWalker(ct, 129);
 function Aa(s, e) {
   if (!en(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -11657,9 +11657,9 @@ const Oh = (s, e) => {
   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 === Ot ? h[1] === "!--" ? a = Kn : h[1] !== void 0 ? a = Zn : h[2] !== void 0 ? (Ia.test(h[2]) && (r = RegExp("</" + h[2], "g")), a = nt) : h[3] !== void 0 && (a = nt) : a === nt ? h[0] === ">" ? (a = r ?? Ot, 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] === '"' ? Qn : Jn) : a === Qn || a === Jn ? a = nt : a === Kn || a === Zn ? a = Ot : (a = nt, r = void 0);
-    const g = a === nt && s[o + 1].startsWith("/>") ? " " : "";
-    n += a === Ot ? l + Lh : d >= 0 ? (i.push(c), l.slice(0, d) + Pa + l.slice(d) + qe + g) : l + qe + (d === -2 ? o : g);
+    for (; u < l.length && (a.lastIndex = u, h = a.exec(l), h !== null); ) u = a.lastIndex, a === Ot ? h[1] === "!--" ? a = Kn : h[1] !== void 0 ? a = Zn : h[2] !== void 0 ? (Ia.test(h[2]) && (r = RegExp("</" + h[2], "g")), a = rt) : h[3] !== void 0 && (a = rt) : a === rt ? h[0] === ">" ? (a = r ?? Ot, d = -1) : h[1] === void 0 ? d = -2 : (d = a.lastIndex - h[2].length, c = h[1], a = h[3] === void 0 ? rt : h[3] === '"' ? Qn : Jn) : a === Qn || a === Jn ? a = rt : a === Kn || a === Zn ? a = Ot : (a = rt, r = void 0);
+    const g = a === rt && s[o + 1].startsWith("/>") ? " " : "";
+    n += a === Ot ? l + Lh : d >= 0 ? (i.push(c), l.slice(0, d) + Pa + l.slice(d) + je + g) : l + je + (d === -2 ? o : g);
   }
   return [Aa(s, n + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
@@ -11676,11 +11676,11 @@ class ci {
     for (; (r = ot.nextNode()) !== null && l.length < o; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const d of r.getAttributeNames()) if (d.endsWith(Pa)) {
-          const u = h[a++], g = r.getAttribute(d).split(qe), f = /([.?@])?(.*)/.exec(u);
+          const u = h[a++], g = r.getAttribute(d).split(je), f = /([.?@])?(.*)/.exec(u);
           l.push({ type: 1, index: n, name: f[2], strings: g, ctor: f[1] === "." ? Fh : f[1] === "?" ? Gh : f[1] === "@" ? Hh : Ji }), r.removeAttribute(d);
-        } else d.startsWith(qe) && (l.push({ type: 6, index: n }), r.removeAttribute(d));
+        } else d.startsWith(je) && (l.push({ type: 6, index: n }), r.removeAttribute(d));
         if (Ia.test(r.tagName)) {
-          const d = r.textContent.split(qe), u = d.length - 1;
+          const d = r.textContent.split(je), u = d.length - 1;
           if (u > 0) {
             r.textContent = Yi ? Yi.emptyScript : "";
             for (let g = 0; g < u; g++) r.append(d[g], oi()), ot.nextNode(), l.push({ type: 2, index: ++n });
@@ -11690,7 +11690,7 @@ class ci {
       } else if (r.nodeType === 8) if (r.data === _a) l.push({ type: 2, index: n });
       else {
         let d = -1;
-        for (; (d = r.data.indexOf(qe, d + 1)) !== -1; ) l.push({ type: 7, index: n }), d += qe.length - 1;
+        for (; (d = r.data.indexOf(je, d + 1)) !== -1; ) l.push({ type: 7, index: n }), d += je.length - 1;
       }
       n++;
     }
@@ -11954,24 +11954,24 @@ class zr extends Vh {
 }
 zr.directiveName = "unsafeHTML", zr.resultType = 1;
 const ei = zh(zr);
-function Ie(s) {
+function _e(s) {
   return s === "text" ? Qi.TEXT : s === "video" ? Qi.VIDEO : Qi.AUDIO;
 }
 function Bt(s, e, t) {
   let i = t;
   for (const r of s) {
     if (r.id === e) break;
-    i += Ie(r.type);
+    i += _e(r.type);
   }
   return i;
 }
 function ts(s, e) {
-  return s.reduce((t, i) => t + Ie(i.type), e);
+  return s.reduce((t, i) => t + _e(i.type), e);
 }
 function Uh(s, e) {
   let t = e;
   return s.map((i) => {
-    const r = Ie(i.type), n = {
+    const r = _e(i.type), n = {
       trackId: i.id,
       y: t,
       height: r
@@ -12033,7 +12033,7 @@ class Wh extends Ea {
     `;
   }
   renderTrackItem(e, t, i, r, n) {
-    const a = Ie(e.type), o = e.type === "text" ? n.textTrack : e.type === "video" ? n.videoTrack : n.audioTrack, l = e.type === "text" ? e.isMuted ? n.hide : n.display : e.isMuted ? n.volumeMuted : n.volume, c = e.type === "text" ? e.isMuted ? "显示文本轨" : "隐藏文本轨" : e.isMuted ? "取消静音" : "静音";
+    const a = _e(e.type), o = e.type === "text" ? n.textTrack : e.type === "video" ? n.videoTrack : n.audioTrack, l = e.type === "text" ? e.isMuted ? n.hide : n.display : e.isMuted ? n.volumeMuted : n.volume, c = e.type === "text" ? e.isMuted ? "显示文本轨" : "隐藏文本轨" : e.isMuted ? "取消静音" : "静音";
     return K`
       <div
         class="track-info-item"
@@ -12150,7 +12150,7 @@ const Xh = {
   audio: "音频",
   text: "文本",
   voice: "音色"
-}, z = {
+}, H = {
   container: "clip-config-panel",
   tabBar: "clip-config-tab-bar",
   tabButton: "clip-config-tab-button",
@@ -12182,6 +12182,11 @@ const Xh = {
   voiceCardSubtitle: "clip-config-voice-subtitle",
   voiceCardCheck: "clip-config-voice-check",
   voiceCardPreviewBadge: "clip-config-voice-preview-badge",
+  voiceCardAvatarWrap: "clip-config-voice-avatar-wrap",
+  voiceCardAvatarWrapFirstRow: "clip-config-voice-avatar-wrap--first-row",
+  voiceCardAvatarTooltip: "clip-config-voice-avatar-tooltip",
+  voiceCardAvatarMask: "clip-config-voice-avatar-mask",
+  voiceCardAvatarSpeaker: "clip-config-voice-avatar-speaker",
   voiceCheckbox: "clip-config-voice-checkbox",
   primaryButton: "clip-config-primary-button",
   errorText: "clip-config-error-text",
@@ -12253,7 +12258,7 @@ class jh extends Ea {
           border-radius: 50%;
           appearance: none;
           -webkit-appearance: none;
-          background: radial-gradient(circle at 32% 30%, ${E.sliderThumbGlowStart} 0%, ${E.sliderThumbGlowEnd} 74%);
+          background: radial-gradient(circle at 32% 30%, ${A.sliderThumbGlowStart} 0%, ${A.sliderThumbGlowEnd} 74%);
           box-shadow:
             var(--clip-slider-thumb-shadow),
             ${Ce.sliderThumbInnerShadow};
@@ -12276,13 +12281,117 @@ class jh extends Ea {
           height: 9px;
           border: 1px solid var(--clip-slider-thumb-border);
           border-radius: 50%;
-          background: radial-gradient(circle at 32% 30%, ${E.sliderThumbGlowStart} 0%, ${E.sliderThumbGlowEnd} 74%);
+          background: radial-gradient(circle at 32% 30%, ${A.sliderThumbGlowStart} 0%, ${A.sliderThumbGlowEnd} 74%);
           box-shadow:
             var(--clip-slider-thumb-shadow),
             ${Ce.sliderThumbInnerShadow};
+        }
+            .clip-config-voice-card{
+            border: 1px solid transparent;
+            }
+            .clip-config-voice-card:hover {
+            z-index: 2;
+            border: 1px solid #4E5569;
+            }
+
+        .clip-config-panel .clip-config-voice-avatar-wrap {
+          position: relative;
+          flex-shrink: 0;
+          display: inline-flex;
+          align-items: stretch;
+          vertical-align: top;
+          cursor: pointer;
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-tooltip {
+          position: absolute;
+          left: 50%;
+          bottom: calc(100% + 8px);
+          top: auto;
+          transform: translateX(-50%);
+          padding: 4px 10px;
+          border-radius: 6px;
+          background: #4e5569;
+          color: ${A.white};
+          font-size: 11px;
+          line-height: 1.3;
+          font-weight: 500;
+          white-space: nowrap;
+          opacity: 0;
+          pointer-events: none;
+          transition: opacity 140ms ease;
+          z-index: 3;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-tooltip::after {
+          content: '';
+          position: absolute;
+          left: 50%;
+          top: 100%;
+          transform: translateX(-50%);
+          border: 5px solid transparent;
+          border-top-color: #4e5569;
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-wrap--first-row .clip-config-voice-avatar-tooltip {
+          top: calc(100% + 8px);
+          bottom: auto;
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-wrap--first-row .clip-config-voice-avatar-tooltip::after {
+          display: none;
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-wrap--first-row .clip-config-voice-avatar-tooltip::before {
+          content: '';
+          position: absolute;
+          left: 50%;
+          bottom: 100%;
+          transform: translateX(-50%);
+          border: 5px solid transparent;
+          border-bottom-color: #4e5569;
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-mask {
+          position: absolute;
+          inset: 0;
+          border-radius: 8px;
+          background: rgba(0, 0, 0, 0.42);
+          opacity: 0;
+          pointer-events: none;
+          transition: opacity 140ms ease;
+          z-index: 1;
+        }
+
+        .clip-config-panel .clip-config-voice-card:hover .clip-config-voice-avatar-mask {
+          opacity: 1;
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-speaker {
+          position: absolute;
+          inset: 0;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          opacity: 0;
+          pointer-events: none;
+          transition: opacity 140ms ease;
+          z-index: 2;
+          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55));
+        }
+
+        .clip-config-panel .clip-config-voice-card:hover .clip-config-voice-avatar-speaker {
+          opacity: 1;
+          pointer-events: auto;
+        }
+
+        .clip-config-panel .clip-config-voice-avatar-speaker:hover ~ .clip-config-voice-avatar-tooltip {
+          opacity: 1;
         }
       </style>
-      <div class=${z.container} style=${this.getContainerStyle(i)}>
+      <div class=${H.container} style=${this.getContainerStyle(i)}>
         ${t ? this.renderPanel(e) : this.renderEmptyState(i, r)}
       </div>
       ${this.renderVoiceLoadingOverlay(e)}
@@ -12291,7 +12400,7 @@ class jh extends Ea {
   renderVoiceLoadingOverlay(e) {
     return e.isVoiceLoadingOverlayVisible ? K`
       <div
-        class=${z.voiceLoadingOverlay}
+        class=${H.voiceLoadingOverlay}
         style=${[
       "position:fixed",
       "inset:0",
@@ -12305,7 +12414,7 @@ class jh extends Ea {
     ].join(";")}
       >
         <div
-          class=${z.voiceLoadingCard}
+          class=${H.voiceLoadingCard}
           style=${[
       "width:160px",
       "height:160px",
@@ -12322,13 +12431,13 @@ class jh extends Ea {
     ].join(";")}
         >
           <div
-            class=${z.voiceLoadingIcon}
+            class=${H.voiceLoadingIcon}
             style="width:24px;height:24px;display:flex;align-items:center;justify-content:center;animation:clip-config-voice-loading-spin 1s linear infinite;"
           >
             ${e.loadingIconSvg ? ei(this.resizeSvg(e.loadingIconSvg, 24)) : "⟳"}
           </div>
           <div
-            class=${z.voiceLoadingText}
+            class=${H.voiceLoadingText}
             style="font-size:14px;line-height:24px;color:#c9cbd4;"
           >
             配音生成中...
@@ -12340,7 +12449,7 @@ class jh extends Ea {
   renderEmptyState(e, t) {
     return K`
       <div
-        class=${z.emptyState}
+        class=${H.emptyState}
         style=${`text-align:center;padding:40px 20px;color:${e.labelColor};`}
       >
         <div style="margin-bottom:8px;display:flex;align-items:center;justify-content:center;">
@@ -12351,32 +12460,36 @@ class jh extends Ea {
     `;
   }
   renderPanel(e) {
-    const t = this.getAvailableTabs(e.clip);
+    const t = this.getAvailableTabs(e.clip), i = this.shouldUseVoiceInnerScroll(e);
     return K`
       ${t.length > 1 ? this.renderTabBar(e, t) : null}
       <div
-        class=${z.content}
-        style="padding:12px;flex:1;overflow-y:auto;min-height:0;"
+        class=${H.content}
+        style=${i ? "padding:12px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;" : "padding:12px;flex:1;overflow-y:auto;min-height:0;"}
       >
-        ${t.map((i) => this.renderTabPanel(e, i))}
+        ${t.map((r) => this.renderTabPanel(e, r))}
       </div>
       ${this.renderActionBar(e)}
     `;
   }
+  /** 音色 Tab 下由列表区域单独滚动，筛选条保持在外层固定不动 */
+  shouldUseVoiceInnerScroll(e) {
+    return e.activeTab === "voice" && this.supportsVoicePanel(e.clip);
+  }
   renderTabPanel(e, t) {
     return t === "visual" ? this.renderVisualPanel(e) : t === "audio" ? this.renderAudioPanel(e) : t === "text" ? this.renderTextPanel(e) : t === "voice" ? this.renderVoicePanel(e) : null;
   }
   renderTabBar(e, t) {
     return K`
       <div
-        class=${z.tabBar}
+        class=${H.tabBar}
         style=${`display:flex;gap:12px;padding:4px;background-color:${Ce.tabBarBackground};border-radius:4px 4px 0 0;height:32px;`}
       >
         ${t.map((i) => {
       const r = e.activeTab === i;
       return K`
             <button
-              class=${z.tabButton}
+              class=${H.tabButton}
               style=${[
         "line-height:22px",
         "padding:0 6px",
@@ -12385,7 +12498,7 @@ class jh extends Ea {
         "font-size:13px",
         "font-family:inherit",
         "transition:background-color 0.15s, color 0.15s",
-        `background-color:${r ? Ce.activeTabBackground : E.transparent}`,
+        `background-color:${r ? Ce.activeTabBackground : A.transparent}`,
         `color:${r ? Ce.activeTabText : Ce.inactiveTabText}`,
         "border-radius:4px"
       ].join(";")}
@@ -12402,7 +12515,7 @@ class jh extends Ea {
     const t = e.activeTab === "voice" && this.supportsVoicePanel(e.clip);
     return K`
       <div
-        class=${z.actionBar}
+        class=${H.actionBar}
         style=${[
       `border-top:1px solid ${e.theme.borderColor}`,
       "border-radius:0 0 4px 4px",
@@ -12420,7 +12533,7 @@ class jh extends Ea {
     return K`
       <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;">
         <label
-          class=${z.voiceCheckbox}
+          class=${H.voiceCheckbox}
           style="display:flex;align-items:center;gap:8px;cursor:pointer;"
         >
           <input
@@ -12431,7 +12544,7 @@ class jh extends Ea {
           <span style=${`font-size:12px;color:${e.theme.textColor};`}>${r}</span>
         </label>
         <button
-          class=${z.primaryButton}
+          class=${H.primaryButton}
           style=${[
       "padding:8px 14px",
       "border:none",
@@ -12456,7 +12569,7 @@ class jh extends Ea {
   renderVisualPanel(e) {
     const t = e.activeTab === "visual" ? "block" : "none";
     return K`
-      <div class=${z.visualPanel} style=${`display:${t};`}>
+      <div class=${H.visualPanel} style=${`display:${t};`}>
         ${this.renderPositionSection(e)}
         ${this.renderScaleSection(e)}
       </div>
@@ -12464,7 +12577,7 @@ class jh extends Ea {
   }
   renderPositionSection(e) {
     return K`
-      <div class=${z.section} style="margin-bottom:16px;">
+      <div class=${H.section} style="margin-bottom:16px;">
         ${this.renderSectionTitle("位置", e.theme)}
         ${this.renderPositionControl(e, "X", "x")}
         ${this.renderPositionControl(e, "Y", "y")}
@@ -12476,11 +12589,11 @@ class jh extends Ea {
     const t = this.getTransform(e.clip);
     return K`
       <div
-        class=${z.section}
+        class=${H.section}
         style=${`border-top:1px solid ${e.theme.borderColor};padding-top:16px;`}
       >
         ${this.renderSectionTitle("缩放", e.theme)}
-        <div class=${z.row} style="display:flex;align-items:center;gap:8px;">
+        <div class=${H.row} style="display:flex;align-items:center;gap:8px;">
           ${this.renderRangeInput({
       min: "0.1",
       max: "8",
@@ -12496,7 +12609,7 @@ class jh extends Ea {
       onChange: (i) => e.callbacks.onTransformChange("scale", i)
     })}
           <button
-            class=${z.resetButton}
+            class=${H.resetButton}
             style=${[
       "padding:4px 8px",
       `border:1px solid ${e.theme.buttonBorder}`,
@@ -12518,10 +12631,10 @@ class jh extends Ea {
     var r;
     const t = e.activeTab === "audio" ? "block" : "none", i = ((r = e.clip) == null ? void 0 : r.volume) ?? 1;
     return K`
-      <div class=${z.audioPanel} style=${`display:${t};`}>
-        <div class=${z.section}>
+      <div class=${H.audioPanel} style=${`display:${t};`}>
+        <div class=${H.section}>
           ${this.renderSectionTitle("音量", e.theme)}
-          <div class=${z.row} style="display:flex;align-items:center;gap:8px;">
+          <div class=${H.row} style="display:flex;align-items:center;gap:8px;">
             ${this.renderRangeInput({
       min: "0",
       max: "1",
@@ -12545,11 +12658,11 @@ class jh extends Ea {
   renderTextPanel(e) {
     const t = e.clip, i = this.getTransform(t), r = ii(t == null ? void 0 : t.textStyle), n = e.activeTab === "text" ? "block" : "none";
     return K`
-      <div class=${z.textPanel} style=${`display:${n};`}>
-        <div class=${z.section} style="margin-bottom:16px;">
+      <div class=${H.textPanel} style=${`display:${n};`}>
+        <div class=${H.section} style="margin-bottom:16px;">
           ${this.renderSectionTitle("文本", e.theme)}
           <textarea
-            class=${z.textarea}
+            class=${H.textarea}
             rows="5"
             .value=${e.textDraftContent}
             style=${[
@@ -12568,9 +12681,9 @@ class jh extends Ea {
             @blur=${() => e.callbacks.onTextContentCommit()}
           ></textarea>
         </div>
-        <div class=${z.section} style="margin-bottom:16px;">
+        <div class=${H.section} style="margin-bottom:16px;">
           ${this.renderSectionTitle("字号", e.theme)}
-          <div class=${z.row} style="display:flex;align-items:center;gap:8px;">
+          <div class=${H.row} style="display:flex;align-items:center;gap:8px;">
             ${this.renderRangeInput({
       min: "5",
       max: "300",
@@ -12587,11 +12700,11 @@ class jh extends Ea {
     })}
           </div>
         </div>
-        <div class=${z.section} style="margin-bottom:16px;">
+        <div class=${H.section} style="margin-bottom:16px;">
           ${this.renderSectionTitle("颜色", e.theme)}
           <input
             type="color"
-            class=${z.colorInput}
+            class=${H.colorInput}
             .value=${r.color}
             style=${[
       "width:108px",
@@ -12604,16 +12717,16 @@ class jh extends Ea {
             @input=${(a) => e.callbacks.onTextStyleChange("color", a.target.value)}
           />
         </div>
-        <div class=${z.section} style="margin-bottom:16px;">
+        <div class=${H.section} style="margin-bottom:16px;">
           ${this.renderSectionTitle("位置", e.theme)}
-          <div class=${z.row} style="display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;">
+          <div class=${H.row} style="display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;">
             ${this.renderLabeledNumberInput(e, "X", i.x, (a) => e.callbacks.onTextStyleChange("x", a), "0.01", "0", "1")}
             ${this.renderLabeledNumberInput(e, "Y", i.y, (a) => e.callbacks.onTextStyleChange("y", a), "0.01", "0", "1")}
           </div>
         </div>
-        <div class=${z.section}>
+        <div class=${H.section}>
           ${this.renderSectionTitle("旋转", e.theme)}
-          <div class=${z.row} style="max-width:220px;">
+          <div class=${H.row} style="max-width:220px;">
             ${this.renderLabeledNumberInput(e, "角度", r.rotation, (a) => e.callbacks.onTextStyleChange("rotation", a), "1")}
           </div>
         </div>
@@ -12626,23 +12739,32 @@ class jh extends Ea {
       { key: "男", label: "男声" },
       { key: "普通话", label: "普通话" },
       { key: "粤语", label: "粤语" }
-    ], r = e.voiceCatalog.filter((n) => !e.activeVoiceFilterTag || n.tags.includes(e.activeVoiceFilterTag));
+    ], r = e.voiceCatalog.filter((l) => !e.activeVoiceFilterTag || l.tags.includes(e.activeVoiceFilterTag)), n = this.shouldUseVoiceInnerScroll(e), o = [
+      `display:${t === "block" ? n ? "flex" : "block" : "none"}`,
+      n ? "flex-direction:column" : "",
+      n ? "flex:1" : "",
+      n ? "min-height:0" : "",
+      n ? "overflow:hidden" : ""
+    ].filter(Boolean).join(";");
     return K`
-      <div class=${z.voicePanel} style=${`display:${t};`}>
-        <div class=${z.section} style="margin-bottom:16px;">
-          <div class=${z.filterGroup} style="display:flex;gap:8px;flex-wrap:wrap;">
-            ${i.map((n) => this.renderFilterButton(
+      <div class=${H.voicePanel} style=${o}>
+        <div class=${H.section} style=${n ? "flex-shrink:0;margin-bottom:12px;" : "margin-bottom:16px;"}>
+          <div class=${H.filterGroup} style="display:flex;gap:8px;flex-wrap:wrap;">
+            ${i.map((l) => this.renderFilterButton(
       e,
-      n.key,
-      n.label,
-      e.activeVoiceFilterTag === n.key,
-      () => e.callbacks.onVoiceFilterChange(n.key)
+      l.key,
+      l.label,
+      e.activeVoiceFilterTag === l.key,
+      () => e.callbacks.onVoiceFilterChange(l.key)
     ))}
           </div>
         </div>
-        <div class=${z.section}>
-          <div class=${z.voiceCardGrid} style="display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;">
-            ${r.map((n) => this.renderVoiceCard(e, n))}
+        <div
+          class=${H.section}
+          style=${n ? "flex:1;min-height:0;overflow-y:auto;" : ""}
+        >
+          <div class=${H.voiceCardGrid} style="display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;">
+            ${r.map((l, c) => this.renderVoiceCard(e, l, c))}
           </div>
           ${r.length === 0 ? K`
             <div style=${`padding:16px 0;font-size:12px;color:${e.theme.labelColor};`}>
@@ -12651,8 +12773,8 @@ class jh extends Ea {
           ` : null}
           ${e.voiceErrorMessage ? K`
             <div
-              class=${z.errorText}
-              style=${`padding-top:12px;font-size:12px;color:${E.accentDanger};`}
+              class=${H.errorText}
+              style=${`padding-top:12px;font-size:12px;color:${A.accentDanger};`}
             >
               ${e.voiceErrorMessage}
             </div>
@@ -12664,7 +12786,7 @@ class jh extends Ea {
   renderFilterButton(e, t, i, r, n) {
     return K`
       <button
-        class=${z.filterButton}
+        class=${H.filterButton}
         style=${[
       "padding:6px 12px",
       "border:none",
@@ -12681,11 +12803,11 @@ class jh extends Ea {
       </button>
     `;
   }
-  renderVoiceCard(e, t) {
-    const i = e.selectedVoiceId === t.id, r = e.previewingVoiceId === t.id, n = t.avatar;
+  renderVoiceCard(e, t, i) {
+    const r = e.selectedVoiceId === t.id, n = e.previewingVoiceId === t.id, a = t.avatar, o = i < 2;
     return K`
       <button
-        class=${z.voiceCard}
+        class=${H.voiceCard}
         style=${[
       "position:relative",
       "display:flex",
@@ -12696,15 +12818,57 @@ class jh extends Ea {
       "border-radius:12px",
       "text-align:left",
       "cursor:pointer",
-      "border:none",
-      `outline:${i ? `1px solid ${e.theme.buttonActiveBorder}` : "none"}`,
-      `background:${i ? Ce.activeTabBackground : e.theme.buttonBackground}`,
+      `border:${r ? `1px solid ${e.theme.buttonActiveBorder}` : ""}`,
+      `background:${r ? Ce.activeTabBackground : e.theme.buttonBackground}`,
       `color:${e.theme.textColor}`
     ].join(";")}
         @click=${() => e.callbacks.onVoiceSelect(t.id)}
       >
+        ${a ? K`
+        <span
+          class=${[
+      H.voiceCardAvatarWrap,
+      o ? H.voiceCardAvatarWrapFirstRow : ""
+    ].filter(Boolean).join(" ")}
+        >
+          <div
+            class=${H.voiceCardAvatar}
+            style=${[
+      "width:32px",
+      "height:32px",
+      "border-radius:8px",
+      "flex-shrink:0",
+      "display:flex",
+      "align-items:center",
+      "justify-content:center",
+      `background:url(${a}) center / cover no-repeat`,
+      `color:${A.white}`,
+      "font-size:18px",
+      "font-weight:600"
+    ].join(";")}
+          >
+          </div>
+          <span class=${H.voiceCardAvatarMask} aria-hidden="true"></span>
+          <span
+            class=${H.voiceCardAvatarSpeaker}
+            aria-hidden="true"
+          >
+            <svg
+              width="18"
+              height="18"
+              viewBox="0 0 24 24"
+              fill=${A.white}
+            >
+              <path
+                d="M3 9v6h4l5 5V4L7 9H3zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05a4.5 4.5 0 0 0 2.5-4.02zM14 3.23v2.06a7 7 0 0 1 0 13.42v-2.06a5 5 0 0 0 0-9.3z"
+              />
+            </svg>
+          </span>
+          <span class=${H.voiceCardAvatarTooltip}>试听</span>
+        </span>
+      ` : K`
         <div
-          class=${z.voiceCardAvatar}
+          class=${H.voiceCardAvatar}
           style=${[
       "width:32px",
       "height:32px",
@@ -12713,33 +12877,34 @@ class jh extends Ea {
       "display:flex",
       "align-items:center",
       "justify-content:center",
-      `background:${n ? `url(${n}) center / cover no-repeat` : "linear-gradient(135deg, #6c7080 0%, #424656 100%)"}`,
-      `color:${E.white}`,
+      "background:linear-gradient(135deg, #6c7080 0%, #424656 100%)",
+      `color:${A.white}`,
       "font-size:18px",
       "font-weight:600"
     ].join(";")}
         >
-          ${n ? "" : t.name.slice(0, 1)}
+          ${t.name.slice(0, 1)}
         </div>
-        <div class=${z.voiceCardMeta} style="flex:1;min-width:0;">
+      `}
+        <div class=${H.voiceCardMeta} style="flex:1;min-width:0;">
           <div
-            class=${z.voiceCardTitle}
+            class=${H.voiceCardTitle}
             style=${[
       "display:flex",
       "align-items:center",
       "gap:6px",
       "padding-right:24px",
       "font-size:14px",
-      `color:${E.white}`,
+      `color:${A.white}`,
       "white-space:nowrap",
       "overflow:hidden",
       "text-overflow:ellipsis"
     ].join(";")}
           >
             <span style="overflow:hidden;text-overflow:ellipsis;">${t.name}</span>
-            ${r ? K`
+            ${n ? K`
               <span
-                class=${z.voiceCardPreviewBadge}
+                class=${H.voiceCardPreviewBadge}
                 style=${[
       "display:inline-flex",
       "align-items:center",
@@ -12749,7 +12914,7 @@ class jh extends Ea {
       "border-radius:999px",
       "font-size:10px",
       "line-height:16px",
-      `background:${E.white}`,
+      `background:${A.white}`,
       `color:${Ce.activeTabBackground}`
     ].join(";")}
               >
@@ -12758,15 +12923,15 @@ class jh extends Ea {
             ` : null}
           </div>
           <div
-            class=${z.voiceCardSubtitle}
+            class=${H.voiceCardSubtitle}
             style=${`padding-top: 2px;font-size:10px;color:${e.theme.labelColor};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;`}
           >
             ${t.lang} · ${t.emotion}
           </div>
         </div>
-        ${i ? K`
+        ${r ? K`
           <div
-            class=${z.voiceCardCheck}
+            class=${H.voiceCardCheck}
             style="position:absolute;top:50%;right:8px;transform:translateY(-42%);"
           >
             ${e.selectedIconSvg ? ei(this.resizeSvg(e.selectedIconSvg, 20)) : "✓"}
@@ -12779,11 +12944,11 @@ class jh extends Ea {
     const r = this.getTransform(e.clip), n = r.scale / 2, a = -n, o = 1 + n;
     return K`
       <div
-        class=${z.row}
+        class=${H.row}
         style="display:flex;align-items:center;gap:8px;margin-bottom:8px;"
       >
         <label
-          class=${z.label}
+          class=${H.label}
           style=${`width:16px;font-size:13px;color:${e.theme.labelColor};`}
         >
           ${t}
@@ -12819,12 +12984,12 @@ class jh extends Ea {
     ];
     return K`
       <div
-        class=${z.presetGrid}
+        class=${H.presetGrid}
         style="display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;"
       >
         ${t.map((i) => K`
           <button
-            class=${z.presetButton}
+            class=${H.presetButton}
             style=${[
       "padding:6px",
       `border:1px solid ${e.theme.buttonBorder}`,
@@ -12848,7 +13013,7 @@ class jh extends Ea {
   renderSectionTitle(e, t) {
     return K`
       <div
-        class=${z.sectionTitle}
+        class=${H.sectionTitle}
         style=${`font-size:12px;color:${t.labelColor};margin-bottom:8px;text-transform:uppercase;`}
       >
         ${e}
@@ -12859,7 +13024,7 @@ class jh extends Ea {
     return K`
       <input
         type="range"
-        class=${z.slider}
+        class=${H.slider}
         min=${e.min}
         max=${e.max}
         step=${e.step}
@@ -12873,7 +13038,7 @@ class jh extends Ea {
     return K`
       <input
         type="number"
-        class=${z.input}
+        class=${H.input}
         min=${t.min}
         max=${t.max}
         step=${t.step}
@@ -12916,10 +13081,10 @@ class jh extends Ea {
       "flex-direction:column",
       "overflow:hidden",
       "height:100%",
-      `--clip-slider-fill-start:${E.sliderFillStart}`,
-      `--clip-slider-fill-end:${E.sliderFillEnd}`,
-      `--clip-slider-road:${E.sliderRoad}`,
-      `--clip-slider-thumb-border:${E.sliderThumbBorder}`,
+      `--clip-slider-fill-start:${A.sliderFillStart}`,
+      `--clip-slider-fill-end:${A.sliderFillEnd}`,
+      `--clip-slider-road:${A.sliderRoad}`,
+      `--clip-slider-thumb-border:${A.sliderThumbBorder}`,
       `--clip-slider-thumb-shadow:${Ce.sliderThumbShadow}`
     ].join(";");
   }
@@ -13477,7 +13642,7 @@ class is {
   resolveTrackTargetByY(e, t, i, r) {
     let n = t, a = null, o = null;
     for (const l of i) {
-      const c = Ie(l.type), h = n + c;
+      const c = _e(l.type), h = n + c;
       if (l.type === r && (a === null && (a = n), o = h), e >= n && e < h)
         return {
           status: "existing_track",
@@ -13501,7 +13666,7 @@ class is {
   resolvePreferredInsertionPlacement(e, t, i, r, n) {
     let a = r;
     const o = n.map((d) => {
-      const u = a, g = Ie(d.type), f = u + g;
+      const u = a, g = _e(d.type), f = u + g;
       return a = f, {
         id: d.id,
         type: d.type,
@@ -14447,19 +14612,19 @@ function wd(s) {
 }
 function kd(s, e) {
   return !Ut(s.mode) || !e ? s : {
-    mode: Fe.mode,
+    mode: Be.mode,
     width: e.width,
     height: e.height
   };
 }
-function _e(s) {
+function Oe(s) {
   return s.getAttribute("src") || s.currentSrc || s.src || "";
 }
 function rn(s) {
   return s.getAttribute("src") || "";
 }
-function Oe(s, e) {
-  const t = rn(s), i = s.currentSrc || "", r = s.src || "", n = _e(s);
+function nt(s, e) {
+  const t = rn(s), i = s.currentSrc || "", r = s.src || "", n = Oe(s);
   return {
     desiredSource: e || null,
     srcAttribute: t || null,
@@ -14474,13 +14639,13 @@ function Oe(s, e) {
 function Xi(s) {
   return typeof HTMLVideoElement < "u" ? s instanceof HTMLVideoElement : s.tagName === "VIDEO";
 }
-function ze(s) {
+function $e(s) {
   try {
     s.load();
   } catch {
   }
 }
-function Ve(s) {
+function ze(s) {
   try {
     s.pause();
   } catch {
@@ -14525,12 +14690,12 @@ function _d(s) {
     return null;
   }
 }
-function se(s) {
+function oe(s) {
   return {
     tsMs: Pd(),
     currentTime: Number.isFinite(s.currentTime) ? Number(s.currentTime.toFixed(3)) : null,
     duration: Number.isFinite(s.duration) ? Number(s.duration.toFixed(3)) : null,
-    currentSrc: _e(s) || null,
+    currentSrc: Oe(s) || null,
     srcAttribute: rn(s) || null,
     elementSrc: s.src || null,
     rawCurrentSrc: s.currentSrc || null,
@@ -14562,7 +14727,7 @@ function Id(s, e, t) {
       return `${s.clip.id}:${i}`;
   }
 }
-function Ue(s) {
+function Ve(s) {
   return typeof (s == null ? void 0 : s.then) == "function";
 }
 function Ad(s, e) {
@@ -14653,7 +14818,7 @@ class Rd {
     p(this, "boundTextPreviewWindowBlur", () => {
       this.finishTextPreviewDrag(!1);
     });
-    p(this, "requestedAspectRatio", { ...Fe });
+    p(this, "requestedAspectRatio", { ...Be });
     p(this, "resolvedAutoAspectRatio", null);
     p(this, "aspectRatioProbe", null);
     p(this, "aspectRatioProbeSrc", null);
@@ -14701,13 +14866,13 @@ class Rd {
       clipId: ((i = e.entry) == null ? void 0 : i.clip.id) ?? null,
       slotKey: `${e.trackId}:${e.role}`,
       desiredSourceUrl: e.desiredSource,
-      actualSourceUrl: _e(e.element) || null,
+      actualSourceUrl: Oe(e.element) || null,
       extra: {
         role: e.role,
         kind: e.kind,
         phase: e.phase,
         retryCount: e.retryCount,
-        sourceState: Oe(e.element, e.desiredSource),
+        sourceState: nt(e.element, e.desiredSource),
         ...t.extra ?? {}
       }
     };
@@ -14724,7 +14889,7 @@ class Rd {
     const t = document.createElement("div");
     t.className = this.dependencies.rootClassName ?? "timeline-preview-root", t.style.position = "relative", t.style.width = "100%", t.style.height = "100%", t.style.overflow = "hidden";
     const i = document.createElement("div");
-    i.className = this.dependencies.frameClassName ?? "timeline-preview-frame", i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.overflow = "hidden", i.style.background = E.black, t.appendChild(i);
+    i.className = this.dependencies.frameClassName ?? "timeline-preview-frame", i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.overflow = "hidden", i.style.background = A.black, t.appendChild(i);
     const r = document.createElement("div");
     r.className = "timeline-preview-text-layer", r.style.position = "absolute", r.style.inset = "0", r.style.pointerEvents = "none", r.style.zIndex = "2000", i.appendChild(r);
     const n = document.createElement("div");
@@ -14746,7 +14911,7 @@ class Rd {
     }), (e = this.resizeObserver) == null || e.disconnect(), this.resizeObserver = null, this.transformOverlay.detach(), this.finishTextPreviewDrag(!1), this.pendingOverlayRenderer.destroy();
     for (const o of this.trackSlots.values())
       this.destroySlot(o.current), this.destroySlot(o.preload);
-    this.trackSlots.clear(), this.clearTextPreviewEntries(), this.resetTextPreviewFontState(), this.aspectRatioProbe && (Ve(this.aspectRatioProbe), this.aspectRatioProbe.src = "", ze(this.aspectRatioProbe), this.aspectRatioProbe = null), this.aspectRatioProbeSrc = null, this.aspectRatioProbeResolveToken += 1, this.isAspectRatioProbeLoading = !1, this.audioContext && ((n = (i = (t = this.audioContext).close) == null ? void 0 : (r = i.call(t)).catch) == null || n.call(r, () => {
+    this.trackSlots.clear(), this.clearTextPreviewEntries(), this.resetTextPreviewFontState(), this.aspectRatioProbe && (ze(this.aspectRatioProbe), this.aspectRatioProbe.src = "", $e(this.aspectRatioProbe), this.aspectRatioProbe = null), this.aspectRatioProbeSrc = null, this.aspectRatioProbeResolveToken += 1, this.isAspectRatioProbeLoading = !1, this.audioContext && ((n = (i = (t = this.audioContext).close) == null ? void 0 : (r = i.call(t)).catch) == null || n.call(r, () => {
     }), this.audioContext = null, this.masterGainNode = null), (a = this.rootElement) == null || a.remove(), this.rootElement = null, this.frameElement = null, this.textOverlayRoot = null, this.pendingOverlayElement = null, this.container = null, this.primarySelectedClipId = null, this.transientVisualTransform = null, this.pendingState = null, this.activeSyncRequestId = void 0, this.isSyncProjecting = !1, this.loadingCount = 0, this.isBuffering = !1, this.clearBufferingVisibleTimeout(), this.lastRuntimeSignature = null, this.lastSettledSyncRequestId = null, this.lastRuntimeState = {
       phase: "idle",
       loadingCount: 0,
@@ -14784,7 +14949,7 @@ class Rd {
         kind: l.current.kind,
         order: ((h = l.current.entry) == null ? void 0 : h.trackOrder) ?? ((d = l.preload.entry) == null ? void 0 : d.trackOrder) ?? 1e4 + c
       };
-    }), n = Ed(e, t).map((o) => this.applyTrackPlan(o)).filter((o) => Ue(o));
+    }), n = Ed(e, t).map((o) => this.applyTrackPlan(o)).filter((o) => Ve(o));
     if (this.isSyncProjecting = n.length > 0, this.refreshVisualLayout(), this.refreshRuntimeState(), n.length === 0) {
       this.refreshVisualLayout(), this.refreshRuntimeState();
       return;
@@ -14810,14 +14975,14 @@ class Rd {
   }
   createMediaElement(e, t) {
     const i = this.dependencies.createMediaElement, r = i ? i(e, t) : document.createElement(e === "video" ? "video" : "audio");
-    return r.preload = t === "preload" ? "auto" : "metadata", r.crossOrigin = "anonymous", r.loop = !1, r.controls = !1, Xi(r) ? (wr(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 = E.black, r.style.pointerEvents = "none") : r.style.display = "none", r;
+    return r.preload = t === "preload" ? "auto" : "metadata", r.crossOrigin = "anonymous", r.loop = !1, r.controls = !1, Xi(r) ? (wr(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 = A.black, r.style.pointerEvents = "none") : r.style.display = "none", r;
   }
   createSlot(e, t, i) {
     var b, C;
     const r = this.createMediaElement(t, i), n = 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 = E.black, n.style.pointerEvents = "none", n.style.display = "none", n.appendChild(r), (b = this.frameElement) == null || b.appendChild(n);
+      n.className = `${w} timeline-preview-slot--${e} timeline-preview-slot--${i}`, n.style.position = "absolute", n.style.overflow = "hidden", n.style.background = A.black, n.style.pointerEvents = "none", n.style.display = "none", n.appendChild(r), (b = this.frameElement) == null || b.appendChild(n);
     }
     const a = {
       role: i,
@@ -14860,17 +15025,17 @@ class Rd {
       }
       this.emitDiagnostic("info", "playback", "media.loadstart", this.buildSlotTraceData(a, {
         message: "Media load started",
-        mediaState: se(a.element)
+        mediaState: oe(a.element)
       })), a.isLoading = !0, a.loadStartedSinceRecover = !0, a.phase !== "recovering" && (a.phase = "binding"), this.refreshRuntimeState();
     }, c = (w) => {
       this.emitDiagnostic("info", "playback", `media.${w.type}`, this.buildSlotTraceData(a, {
         message: `Media event: ${w.type}`,
-        mediaState: se(a.element)
+        mediaState: oe(a.element)
       })), o();
     }, h = () => {
       this.emitDiagnostic("warn", "playback", "media.waiting", this.buildSlotTraceData(a, {
         message: "Media waiting",
-        mediaState: se(a.element),
+        mediaState: oe(a.element),
         extra: {
           active: a.isActive
         }
@@ -14878,7 +15043,7 @@ class Rd {
     }, d = () => {
       this.emitDiagnostic("warn", "playback", "media.stalled", this.buildSlotTraceData(a, {
         message: "Media stalled",
-        mediaState: se(a.element),
+        mediaState: oe(a.element),
         extra: {
           active: a.isActive
         }
@@ -14890,7 +15055,7 @@ class Rd {
       }
       this.emitDiagnostic("debug", "playback", "media.seeking", this.buildSlotTraceData(a, {
         message: "Media seeking",
-        mediaState: se(a.element),
+        mediaState: oe(a.element),
         extra: {
           active: a.isActive
         }
@@ -14898,7 +15063,7 @@ class Rd {
     }, g = () => {
       this.emitDiagnostic("debug", "playback", "media.seeked", this.buildSlotTraceData(a, {
         message: "Media seeked",
-        mediaState: se(a.element)
+        mediaState: oe(a.element)
       })), a.isSeeking = !1, a.isBuffering = !1, a.entry && a.phase !== "failed" && (a.phase = a.isActive ? "active" : "primed"), this.refreshRuntimeState();
     }, f = (w) => {
       var x;
@@ -14906,31 +15071,31 @@ class Rd {
         if (w === "abort" && this.shouldIgnoreExpectedAbort(a)) {
           this.emitDiagnostic("debug", "playback", "media.abort.ignored", this.buildSlotTraceData(a, {
             message: "Ignored expected media abort during source reset",
-            mediaState: se(a.element)
+            mediaState: oe(a.element)
           }));
           return;
         }
         if (w === "emptied" && this.shouldIgnoreExpectedEmptied(a)) {
           this.emitDiagnostic("debug", "playback", "media.emptied.ignored", this.buildSlotTraceData(a, {
             message: "Ignored expected media emptied during source reset",
-            mediaState: se(a.element)
+            mediaState: oe(a.element)
           }));
           return;
         }
         if (this.emitDiagnostic(w === "error" ? "error" : "warn", "playback", `media.${w}`, this.buildSlotTraceData(a, {
           message: `Media event: ${w}`,
-          mediaState: se(a.element),
+          mediaState: oe(a.element),
           error: a.element.error
         })), F.warn("TimelinePreviewSession", `media event: ${w}`, {
           trackId: a.trackId,
           role: a.role,
           clipId: ((x = a.entry) == null ? void 0 : x.clip.id) ?? null,
           phase: a.phase,
-          mediaState: se(a.element)
+          mediaState: oe(a.element)
         }), a.forceRecover = !0, a.expectedEmptiedEvents = 0, a.isLoading = !1, a.isSeeking = !1, a.isBuffering = !1, a.recoverableEventCount += 1, this.shouldSkipImmediatePreloadRecovery(a)) {
           a.phase = "idle", this.emitDiagnostic("info", "recovery", "preload.recovery.skipped", this.buildSlotTraceData(a, {
             message: "Skipped immediate preload recovery after recoverable media event",
-            mediaState: se(a.element),
+            mediaState: oe(a.element),
             extra: {
               reason: w,
               recoverableEventCount: a.recoverableEventCount,
@@ -14965,7 +15130,7 @@ class Rd {
   }
   destroySlot(e) {
     var t, i, r, n, a;
-    this.deferredPreloadSlotKeys.delete(this.getSlotKey(e)), e.resolveToken += 1, e.applyToken += 1, e.cleanup.forEach((o) => o()), Ve(e.element), this.releaseSlotObjectUrl(e), this.clearPendingRuntimeSource(e), e.stableSourceUrl = null, e.element.removeAttribute("src"), ze(e.element), (i = (t = e.gainNode) == null ? void 0 : t.disconnect) == null || i.call(t), (n = (r = e.sourceNode) == null ? void 0 : r.disconnect) == null || n.call(r), e.gainNode = null, e.sourceNode = null, (a = e.wrapper) == null || a.remove(), e.element.remove();
+    this.deferredPreloadSlotKeys.delete(this.getSlotKey(e)), e.resolveToken += 1, e.applyToken += 1, e.cleanup.forEach((o) => o()), ze(e.element), this.releaseSlotObjectUrl(e), this.clearPendingRuntimeSource(e), e.stableSourceUrl = null, e.element.removeAttribute("src"), $e(e.element), (i = (t = e.gainNode) == null ? void 0 : t.disconnect) == null || i.call(t), (n = (r = e.sourceNode) == null ? void 0 : r.disconnect) == null || n.call(r), e.gainNode = null, e.sourceNode = null, (a = e.wrapper) == null || a.remove(), e.element.remove();
   }
   releaseSlotObjectUrl(e) {
     var t;
@@ -15003,7 +15168,7 @@ class Rd {
     let t = this.getTrackSlots(e.trackId, e.kind);
     e.current.entry && Ad(t.preload, e.current.entry.clip.id) && (this.swapTrackSlots(e.trackId), t = this.getTrackSlots(e.trackId, e.kind));
     const i = this.applySlotTarget(t.current, e.current), r = this.applySlotTarget(t.preload, e.preload);
-    if (Ue(i) || Ue(r))
+    if (Ve(i) || Ve(r))
       return Promise.all([
         Promise.resolve(i),
         Promise.resolve(r)
@@ -15011,7 +15176,7 @@ class Rd {
       });
   }
   applySlotTarget(e, t) {
-    const i = ++e.applyToken, r = e.entry, n = _e(e.element) || null;
+    const i = ++e.applyToken, r = e.entry, n = Oe(e.element) || 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",
@@ -15019,11 +15184,11 @@ class Rd {
           previousClipId: (r == null ? void 0 : r.clip.id) ?? null,
           previousSource: n
         }
-      })), Ve(e.element), e.stableSourceUrl = null, e.desiredSource = null, e.errorMessage = null, e.isLoading = !1, e.isSeeking = !1, e.isBuffering = !1, this.resetSlotRecoveryTracking(e), this.releaseSlotObjectUrl(e), this.clearPendingRuntimeSource(e), e.element.removeAttribute("src"), ze(e.element), e.phase = "idle", this.setSlotVisible(e, !1, 0), this.refreshVisualLayout(), this.refreshRuntimeState();
+      })), ze(e.element), e.stableSourceUrl = null, e.desiredSource = null, e.errorMessage = null, e.isLoading = !1, e.isSeeking = !1, e.isBuffering = !1, this.resetSlotRecoveryTracking(e), this.releaseSlotObjectUrl(e), this.clearPendingRuntimeSource(e), e.element.removeAttribute("src"), $e(e.element), e.phase = "idle", this.setSlotVisible(e, !1, 0), this.refreshVisualLayout(), this.refreshRuntimeState();
       return;
     }
     const a = this.resolveDesiredSource(e, t.entry, i);
-    if (Ue(a))
+    if (Ve(a))
       return a.then((o) => {
         if (!o || !this.isCurrentSourceTarget(e, t.entry, o.stableSourceUrl)) {
           this.revokeResolvedObjectUrl(o);
@@ -15072,42 +15237,37 @@ class Rd {
       }
     })), this.refreshRuntimeState()), a);
     if (!r) {
-      const l = { url: t.clip.src }, c = this.dependencies.resourceCacheManager ? o() : null;
-      return this.resolvePlayableSlotSource(e, t, l, i, c);
+      const l = { url: t.clip.src };
+      return this.dependencies.resourceCacheManager && o(), this.resolvePlayableSlotSource(e, t, l);
     }
     try {
       const l = n ? n.getPreviewSource(
         this.buildPreviewSourceCacheKey(t.clip),
         () => r(t.clip)
       ) : r(t.clip);
-      if (Ue(l)) {
-        const h = o();
-        return l.then((d) => h !== e.resolveToken || !this.isCurrentRequest(e, i, t) ? null : d ? (this.emitDiagnostic("info", "resource", "source.resolve.resolved", this.buildSlotTraceData(e, {
+      if (Ve(l)) {
+        const c = o();
+        return l.then((h) => c !== e.resolveToken || !this.isCurrentRequest(e, i, t) ? null : h ? (this.emitDiagnostic("info", "resource", "source.resolve.resolved", this.buildSlotTraceData(e, {
           message: "Preview source resolved",
           sourceUrl: t.clip.src,
-          desiredSourceUrl: d.url,
+          desiredSourceUrl: h.url,
           extra: {
-            mimeType: d.mimeType,
-            mediaKind: d.kind
+            mimeType: h.mimeType,
+            mediaKind: h.kind
           }
-        })), this.resolvePlayableSlotSource(e, t, d, i, h)) : (this.emitDiagnostic("warn", "resource", "source.resolve.missing", this.buildSlotTraceData(e, {
+        })), this.resolvePlayableSlotSource(e, t, h)) : (this.emitDiagnostic("warn", "resource", "source.resolve.missing", this.buildSlotTraceData(e, {
           message: "Preview source missing",
           sourceUrl: t.clip.src
-        })), this.failSlot(e, t, "未找到可用预览源"), null)).catch((d) => (this.emitDiagnostic("error", "resource", "source.resolve.failed", this.buildSlotTraceData(e, {
+        })), this.failSlot(e, t, "未找到可用预览源"), null)).catch((h) => (this.emitDiagnostic("error", "resource", "source.resolve.failed", this.buildSlotTraceData(e, {
           message: "Preview source resolve failed",
           sourceUrl: t.clip.src,
-          error: d
+          error: h
         })), F.warn("TimelinePreviewSession", "preview source resolver failed", {
           clipId: t.clip.id,
-          error: d
+          error: h
         }), this.failSlot(e, t, "预览源解析失败"), null));
       }
-      if (!l)
-        return this.emitDiagnostic("warn", "resource", "source.resolve.missing", this.buildSlotTraceData(e, {
-          message: "Preview source missing",
-          sourceUrl: t.clip.src
-        })), this.failSlot(e, t, "未找到可用预览源"), null;
-      this.emitDiagnostic("info", "resource", "source.resolve.resolved", this.buildSlotTraceData(e, {
+      return l ? (this.emitDiagnostic("info", "resource", "source.resolve.resolved", this.buildSlotTraceData(e, {
         message: "Preview source resolved",
         sourceUrl: t.clip.src,
         desiredSourceUrl: l.url,
@@ -15115,9 +15275,10 @@ class Rd {
           mimeType: l.mimeType,
           mediaKind: l.kind
         }
-      }));
-      const c = this.dependencies.resourceCacheManager ? o() : null;
-      return this.resolvePlayableSlotSource(e, t, l, i, c);
+      })), this.dependencies.resourceCacheManager && o(), this.resolvePlayableSlotSource(e, t, l)) : (this.emitDiagnostic("warn", "resource", "source.resolve.missing", this.buildSlotTraceData(e, {
+        message: "Preview source missing",
+        sourceUrl: t.clip.src
+      })), this.failSlot(e, t, "未找到可用预览源"), null);
     } catch (l) {
       return this.emitDiagnostic("error", "resource", "source.resolve.failed", this.buildSlotTraceData(e, {
         message: "Preview source resolve failed",
@@ -15132,83 +15293,69 @@ class Rd {
   decorateSlotSourceUrl(e, t) {
     return t;
   }
-  resolvePlayableSlotSource(e, t, i, r, n) {
-    const a = this.dependencies.resourceCacheManager, o = this.getReusableResolvedSlotSource(e, i);
-    if (o)
-      return this.emitDiagnostic("debug", "resource", "source.runtime.reused", this.buildSlotTraceData(e, {
-        message: "Reused existing runtime preview source",
-        desiredSourceUrl: o.url,
-        actualSourceUrl: _e(e.element) || null,
-        mediaState: se(e.element),
-        extra: {
-          stableSourceUrl: i.url,
-          runtimeSourceUrl: o.url,
-          objectUrl: o.objectUrl,
-          sourceState: Oe(e.element, o.url)
-        }
-      })), o;
+  resolvePlayableSlotSource(e, t, i) {
+    const r = this.dependencies.resourceCacheManager, n = this.getReusableResolvedSlotSource(e, i);
+    if (n)
+      return this.emitRuntimeSourceDiagnostic(e, i.url, n, "source.runtime.reused", "Reused existing runtime preview source"), n;
     if (e.pendingRuntimeSourceUrl === i.url && e.pendingRuntimeSourcePromise)
-      return this.emitDiagnostic("debug", "resource", "source.runtime.pending-reused", this.buildSlotTraceData(e, {
-        message: "Reused pending runtime preview source resolution",
-        desiredSourceUrl: i.url,
-        actualSourceUrl: _e(e.element) || null,
-        mediaState: se(e.element),
-        extra: {
-          stableSourceUrl: i.url,
-          sourceState: Oe(e.element, i.url)
-        }
-      })), e.pendingRuntimeSourcePromise;
-    if (!a)
+      return this.emitRuntimeSourceDiagnostic(e, i.url, null, "source.runtime.pending-reused", "Reused pending runtime preview source resolution"), e.pendingRuntimeSourcePromise;
+    if (!r)
       return {
         stableSourceUrl: i.url,
         url: this.decorateSlotSourceUrl(e, i.url),
         objectUrl: null
       };
-    const l = () => !this.isCurrentSourceTarget(e, t, i.url), c = {
+    const a = () => !this.isCurrentSourceTarget(e, t, i.url), o = {
       url: i.url,
       mimeType: i.mimeType,
       kind: i.kind,
       sourceKey: this.buildPreviewSourceCacheKey(t.clip)
-    }, h = () => ({
+    }, l = () => ({
       stableSourceUrl: i.url,
       url: this.decorateSlotSourceUrl(e, i.url),
       objectUrl: null
     });
     try {
-      const d = a.resolvePlayableUrl(c), u = (g) => {
-        if (!(g != null && g.url))
-          return l() ? null : h();
-        const f = {
+      const c = r.resolvePlayableUrl(o), h = (d) => {
+        if (!(d != null && d.url))
+          return a() ? null : l();
+        const u = {
           stableSourceUrl: i.url,
-          url: this.decorateSlotSourceUrl(e, g.url),
-          objectUrl: g.objectUrl ?? null
+          url: this.decorateSlotSourceUrl(e, d.url),
+          objectUrl: d.objectUrl ?? null
         };
-        return l() ? (this.revokeResolvedObjectUrl(f), null) : (this.emitDiagnostic("debug", "resource", "source.runtime.resolved", this.buildSlotTraceData(e, {
-          message: "Resolved runtime playable source",
-          desiredSourceUrl: f.url,
-          actualSourceUrl: _e(e.element) || null,
-          mediaState: se(e.element),
-          extra: {
-            stableSourceUrl: i.url,
-            runtimeSourceUrl: f.url,
-            cacheStatus: g.cacheStatus,
-            objectUrl: f.objectUrl,
-            sourceState: Oe(e.element, f.url)
-          }
-        })), f);
+        return a() ? (this.revokeResolvedObjectUrl(u), null) : (this.emitRuntimeSourceDiagnostic(e, i.url, u, "source.runtime.resolved", "Resolved runtime playable source", {
+          cacheStatus: d.cacheStatus
+        }), u);
       };
-      if (Ue(d)) {
-        const g = d.then(u).catch(() => l() ? null : h());
-        return g.finally(() => {
-          e.pendingRuntimeSourcePromise === g && this.clearPendingRuntimeSource(e);
+      if (Ve(c)) {
+        const d = c.then(h).catch(() => a() ? null : l());
+        return d.finally(() => {
+          e.pendingRuntimeSourcePromise === d && this.clearPendingRuntimeSource(e);
         }).catch(() => {
-        }), e.pendingRuntimeSourceUrl = i.url, e.pendingRuntimeSourcePromise = g, g;
+        }), e.pendingRuntimeSourceUrl = i.url, e.pendingRuntimeSourcePromise = d, d;
       }
-      return u(d);
+      return h(c);
     } catch {
-      return l() ? null : h();
+      return a() ? null : l();
     }
   }
+  emitRuntimeSourceDiagnostic(e, t, i, r, n, a = {}) {
+    const o = (i == null ? void 0 : i.url) ?? t;
+    this.emitDiagnostic("debug", "resource", r, this.buildSlotTraceData(e, {
+      message: n,
+      desiredSourceUrl: o,
+      actualSourceUrl: Oe(e.element) || null,
+      mediaState: oe(e.element),
+      extra: {
+        stableSourceUrl: t,
+        runtimeSourceUrl: (i == null ? void 0 : i.url) ?? null,
+        objectUrl: (i == null ? void 0 : i.objectUrl) ?? null,
+        sourceState: nt(e.element, o),
+        ...a
+      }
+    }));
+  }
   getReusableResolvedSlotSource(e, t) {
     if (!e.desiredSource || e.stableSourceUrl !== t.url)
       return null;
@@ -15220,7 +15367,7 @@ class Rd {
     };
   }
   slotNeedsRecovery(e, t) {
-    const i = rn(e.element), r = i || _e(e.element);
+    const i = rn(e.element), r = i || Oe(e.element);
     let n = !1, a = null;
     e.forceRecover ? (n = !0, a = "force-recover") : i ? r !== t ? (n = !0, a = "source-mismatch") : (typeof e.element.networkState == "number" ? e.element.networkState : null) === yd && (n = !(e.isLoading || e.phase === "binding" || e.phase === "recovering"), a = n ? "network-empty" : "network-empty-binding-in-flight") : (n = !0, a = "missing-src-attribute");
     const o = n && (a === "source-mismatch" || e.isActive && e.phase !== "idle" && e.phase !== "binding");
@@ -15228,7 +15375,7 @@ class Rd {
       message: n ? "Preview slot needs recovery" : "Preview slot source is reusable",
       desiredSourceUrl: t,
       actualSourceUrl: r || null,
-      mediaState: se(e.element),
+      mediaState: oe(e.element),
       extra: {
         needsRecovery: n,
         recoveryReason: a,
@@ -15241,7 +15388,7 @@ class Rd {
         isBuffering: e.isBuffering,
         networkState: typeof e.element.networkState == "number" ? e.element.networkState : null,
         readyState: typeof e.element.readyState == "number" ? e.element.readyState : null,
-        sourceState: Oe(e.element, t)
+        sourceState: nt(e.element, t)
       }
     })), n;
   }
@@ -15262,7 +15409,7 @@ class Rd {
       url: e.desiredSource,
       objectUrl: e.objectUrl
     } : this.resolveDesiredSource(e, e.entry, e.applyToken));
-    if (Ue(o))
+    if (Ve(o))
       return o.then((l) => {
         l && this.finishSlotRecovery(e, t, a, l, r);
       });
@@ -15287,7 +15434,7 @@ class Rd {
     e.phase = "recovering", e.errorMessage = null, e.forceRecover = !1, e.isLoading = !0, e.isBuffering = e.isActive && i.playState === "playing", e.isSeeking = !1, e.consecutiveStalledCount = 0, e.recoverableEventCount = 0, e.loadStartedSinceRecover = !1, this.refreshRuntimeState(), this.emitDiagnostic(t === "reconcile" ? "info" : "warn", "recovery", "slot.recover", this.buildSlotTraceData(e, {
       message: "Recovering preview slot",
       desiredSourceUrl: o,
-      mediaState: se(e.element),
+      mediaState: oe(e.element),
       extra: {
         reason: t,
         mediaTime: e.entry.mediaTime,
@@ -15300,10 +15447,10 @@ class Rd {
       reason: t,
       retryCount: e.retryCount,
       desiredSource: o,
-      mediaState: se(e.element)
+      mediaState: oe(e.element)
     });
-    const c = _e(e.element), h = Oe(e.element, o), d = !!c || t !== "reconcile" || e.retryCount > 1;
-    Ve(e.element), e.expectedEmptiedEvents = d ? 2 : 1, e.stableSourceUrl = a.stableSourceUrl, this.rememberSlotObjectUrl(e, a.objectUrl), d && (e.element.removeAttribute("src"), ze(e.element)), e.element.setAttribute("src", o), ze(e.element), this.emitDiagnostic("info", "resource", "source.assigned", this.buildSlotTraceData(e, {
+    const c = Oe(e.element), h = nt(e.element, o), d = !!c || t !== "reconcile" || e.retryCount > 1;
+    ze(e.element), e.expectedEmptiedEvents = d ? 2 : 1, e.stableSourceUrl = a.stableSourceUrl, this.rememberSlotObjectUrl(e, a.objectUrl), d && (e.element.removeAttribute("src"), $e(e.element)), e.element.setAttribute("src", o), $e(e.element), this.emitDiagnostic("info", "resource", "source.assigned", this.buildSlotTraceData(e, {
       message: "Preview source assigned",
       desiredSourceUrl: o,
       actualSourceUrl: o,
@@ -15311,7 +15458,7 @@ class Rd {
         reason: t,
         hardReset: d,
         previousSourceState: h,
-        nextSourceState: Oe(e.element, o),
+        nextSourceState: nt(e.element, o),
         objectUrl: a.objectUrl,
         stableSourceUrl: a.stableSourceUrl
       }
@@ -15348,7 +15495,7 @@ class Rd {
   }
   deferPreloadTarget(e, t, i, r) {
     const n = i.url;
-    e.desiredSource = n, this.rememberSlotObjectUrl(e, i.objectUrl), e.forceRecover = !0, e.isLoading = !1, e.isSeeking = !1, e.isBuffering = !1, e.errorMessage = null, e.element.getAttribute("src") && e.element.getAttribute("src") !== n && (Ve(e.element), e.element.removeAttribute("src"), ze(e.element)), _e(e.element) || (e.phase = "idle"), 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.forceRecover = !0, e.isLoading = !1, e.isSeeking = !1, e.isBuffering = !1, e.errorMessage = null, e.element.getAttribute("src") && e.element.getAttribute("src") !== n && (ze(e.element), e.element.removeAttribute("src"), $e(e.element)), Oe(e.element) || (e.phase = "idle"), 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: {
@@ -15435,9 +15582,9 @@ class Rd {
     return e.role === "preload" && !e.isActive && !!e.entry;
   }
   parkPreloadSlot(e, t, i) {
-    Ve(e.element), this.releaseSlotObjectUrl(e), e.element.removeAttribute("src"), ze(e.element), e.phase = "idle", e.isLoading = !1, e.isSeeking = !1, e.isBuffering = !1, e.errorMessage = null, this.resetSlotRecoveryTracking(e, !0), this.emitDiagnostic("warn", "recovery", "preload.recovery.parked", this.buildSlotTraceData(e, {
+    ze(e.element), this.releaseSlotObjectUrl(e), e.element.removeAttribute("src"), $e(e.element), e.phase = "idle", e.isLoading = !1, e.isSeeking = !1, e.isBuffering = !1, e.errorMessage = null, this.resetSlotRecoveryTracking(e, !0), this.emitDiagnostic("warn", "recovery", "preload.recovery.parked", this.buildSlotTraceData(e, {
       message: "Background preload parked until next steady sync",
-      mediaState: se(e.element),
+      mediaState: oe(e.element),
       extra: {
         reason: i,
         errorMessage: t
@@ -15451,7 +15598,7 @@ class Rd {
     }
     e.phase = "failed", e.isLoading = !1, e.isSeeking = !1, e.isBuffering = !1, e.errorMessage = i, e.forceRecover = !1, e.expectedEmptiedEvents = 0, this.emitDiagnostic("error", "recovery", "slot.failed", this.buildSlotTraceData(e, {
       message: "Preview slot failed",
-      mediaState: se(e.element),
+      mediaState: oe(e.element),
       extra: {
         errorMessage: i
       }
@@ -15460,7 +15607,7 @@ class Rd {
       role: e.role,
       clipId: t.clip.id,
       errorMessage: i,
-      mediaState: se(e.element)
+      mediaState: oe(e.element)
     }), this.refreshRuntimeState();
   }
   configureAudioRouting(e, t) {
@@ -15488,7 +15635,7 @@ class Rd {
     const n = t.mediaTime / 1e3, a = Math.max(0.1, i * 0.15);
     if (Math.abs(e.element.currentTime - n) > a && (this.emitDiagnostic("debug", "playback", "media.current-slot.seek", this.buildSlotTraceData(e, {
       message: "Current slot seek applied",
-      mediaState: se(e.element),
+      mediaState: oe(e.element),
       extra: {
         playState: r,
         speed: i,
@@ -15499,10 +15646,10 @@ class Rd {
       }
     })), e.isSeeking = !0, cs(e.element, n)), r === "playing") {
       this.resumeAudioContext();
-      const l = Oe(e.element, e.desiredSource);
+      const l = nt(e.element, e.desiredSource);
       this.emitDiagnostic(l.hasSrcAttribute ? "debug" : "warn", "playback", "media.play.requested", this.buildSlotTraceData(e, {
         message: l.hasSrcAttribute ? "Media play requested" : "Media play requested without configured src attribute",
-        mediaState: se(e.element),
+        mediaState: oe(e.element),
         extra: {
           playState: r,
           speed: i,
@@ -15512,23 +15659,23 @@ class Rd {
     } else
       this.emitDiagnostic("debug", "playback", "media.pause.requested", this.buildSlotTraceData(e, {
         message: "Media pause requested",
-        mediaState: se(e.element),
+        mediaState: oe(e.element),
         extra: {
           playState: r,
           speed: i,
-          sourceState: Oe(e.element, e.desiredSource)
+          sourceState: nt(e.element, e.desiredSource)
         }
-      })), Ve(e.element);
+      })), ze(e.element);
     this.setSlotVisible(e, t.hasVisual, 1e3 - t.trackOrder);
   }
   preparePreloadSlot(e, t) {
     e.isActive = !1, e.isBuffering = !1, e.isSeeking = !1, e.entry = t, e.element.playbackRate = 1, this.emitDiagnostic("debug", "playback", "media.preload-slot.seek", this.buildSlotTraceData(e, {
       message: "Preload slot primed",
-      mediaState: se(e.element),
+      mediaState: oe(e.element),
       extra: {
         toSeconds: Number((t.clip.startTimeAtSource / 1e3).toFixed(3))
       }
-    })), cs(e.element, t.clip.startTimeAtSource / 1e3), Ve(e.element), this.setSlotVisible(e, !1, 0);
+    })), cs(e.element, t.clip.startTimeAtSource / 1e3), ze(e.element), this.setSlotVisible(e, !1, 0);
   }
   setSlotVisible(e, t, i) {
     if (e.kind !== "video" || !e.wrapper) {
@@ -15589,7 +15736,7 @@ class Rd {
         message: "Aspect ratio probe started",
         clipId: e.clip.id,
         sourceUrl: a
-      }), this.refreshRuntimeState(), o.crossOrigin = "anonymous", o.preload = "metadata", o.muted = !0, o.src = a, ze(o);
+      }), this.refreshRuntimeState(), o.crossOrigin = "anonymous", o.preload = "metadata", o.muted = !0, o.src = a, $e(o);
     })().catch(() => {
     });
   }
@@ -15601,7 +15748,7 @@ class Rd {
       this.buildPreviewSourceCacheKey(e.clip),
       () => i(e.clip)
     ) : i(e.clip);
-    if (!Ue(n))
+    if (!Ve(n))
       return (n == null ? void 0 : n.url) ?? null;
     this.isAspectRatioProbeLoading = !0, this.refreshRuntimeState();
     const a = await n;
@@ -15649,16 +15796,16 @@ class Rd {
     var v, b, C, w, x, P, M;
     const e = [];
     let t = this.isAspectRatioProbeLoading ? 1 : 0, i = 0, r = !1, n = null, a = !1, o = !1, l = !1, c = !1, h = !1, d = !1;
-    for (const { current: I, preload: A } of this.trackSlots.values())
-      for (const k of [I, A]) {
-        const $ = _e(k.element) || null;
+    for (const { current: I, preload: E } of this.trackSlots.values())
+      for (const k of [I, E]) {
+        const z = Oe(k.element) || null;
         e.push({
           trackId: k.trackId,
           role: k.role,
           kind: k.kind,
           clipId: ((v = k.entry) == null ? void 0 : v.clip.id) ?? null,
           desiredSource: k.desiredSource,
-          actualSource: $,
+          actualSource: z,
           phase: k.phase,
           retryCount: k.retryCount,
           errorMessage: k.errorMessage
@@ -16507,7 +16654,7 @@ function iu(s) {
   const e = s.createTrack(s.trackType, s.trackName), t = Ba(s.trackCollection, e);
   return t ? s.trackCollection.moveClipToTrack(s.clip, s.currentTrackId, t) : !1;
 }
-function We(s) {
+function Ue(s) {
   var e, t, i, r, n;
   (e = s.checkTrackDurationChange) == null || e.call(s), (t = s.updateCanPlayState) == null || t.call(s), (i = s.updateTrackInfoPanel) == null || i.call(s), (r = s.handleClipChange) == null || r.call(s), (n = s.cleanupEmptyTracks) == null || n.call(s);
 }
@@ -16646,13 +16793,13 @@ class uu {
     });
   }
 }
-const pu = "timeline-preview-resource-cache", gu = "timeline-preview-resource-cache-blobs", fu = 1, Re = "blobs";
+const pu = "timeline-preview-resource-cache", gu = "timeline-preview-resource-cache-blobs", fu = 1, Ee = "blobs";
 function mu() {
   return new Promise((s, e) => {
     const t = indexedDB.open(gu, fu);
     t.onupgradeneeded = () => {
       const i = t.result;
-      i.objectStoreNames.contains(Re) || i.createObjectStore(Re);
+      i.objectStoreNames.contains(Ee) || i.createObjectStore(Ee);
     }, t.onerror = () => e(t.error), t.onsuccess = () => s(t.result);
   });
 }
@@ -16674,21 +16821,21 @@ class yu {
   async read(e) {
     const t = await this.getDb();
     return new Promise((i, r) => {
-      const n = t.transaction(Re, "readonly").objectStore(Re).get(e);
+      const n = t.transaction(Ee, "readonly").objectStore(Ee).get(e);
       n.onerror = () => r(n.error), n.onsuccess = () => i(n.result ?? null);
     });
   }
   async write(e, t) {
-    const r = (await this.getDb()).transaction(Re, "readwrite");
-    r.objectStore(Re).put(t, e), await vr(r);
+    const r = (await this.getDb()).transaction(Ee, "readwrite");
+    r.objectStore(Ee).put(t, e), await vr(r);
   }
   async delete(e) {
-    const i = (await this.getDb()).transaction(Re, "readwrite");
-    i.objectStore(Re).delete(e), await vr(i);
+    const i = (await this.getDb()).transaction(Ee, "readwrite");
+    i.objectStore(Ee).delete(e), await vr(i);
   }
   async clear() {
-    const t = (await this.getDb()).transaction(Re, "readwrite");
-    t.objectStore(Re).clear(), await vr(t);
+    const t = (await this.getDb()).transaction(Ee, "readwrite");
+    t.objectStore(Ee).clear(), await vr(t);
   }
 }
 class Su {
@@ -17871,11 +18018,11 @@ class Nu {
     return this.scrollLeft;
   }
   scrollToTime(e) {
-    const t = N.timeToPixels(e, this.config.zoom), i = this.stage.width();
+    const t = $.timeToPixels(e, this.config.zoom), i = this.stage.width();
     this.setScrollLeft(Math.max(0, t - i / 2));
   }
   scrollToClip(e) {
-    const t = N.timeToPixels(e.startTime, this.config.zoom), r = N.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 = $.timeToPixels(e.startTime, this.config.zoom), r = $.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) {
@@ -17927,26 +18074,26 @@ class Nu {
     this.dragStartX = e.clientX, this.scrollLeft = i, this.render(), r !== this.scrollLeft && this.onScrollChange(this.scrollLeft);
   }
   pixelToTime(e) {
-    return N.pixelsToTime(e - ue + this.scrollLeft, this.config.zoom);
+    return $.pixelsToTime(e - ue + this.scrollLeft, this.config.zoom);
   }
   timeToPixel(e) {
-    return N.timeToPixels(e, this.config.zoom) - this.scrollLeft + ue;
+    return $.timeToPixels(e, this.config.zoom) - this.scrollLeft + ue;
   }
   render() {
     const e = this.stage.width(), t = this.stage.height(), i = this.layer.findOne(".timeline-header-background");
     if (i)
       i.width(e), i.height(t), i.fill(this.theme.background), i.stroke(this.theme.border);
     else {
-      const r = ae.createRect(0, 0, e, t, this.theme.background, this.theme.border, 1);
+      const r = se.createRect(0, 0, e, t, this.theme.background, this.theme.border, 1);
       r.name("timeline-header-background"), this.layer.add(r);
     }
     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 = N.pixelsToTime(t, this.config.zoom), n = N.pixelsToTime(i, this.config.zoom), a = N.msToSeconds(r), o = N.msToSeconds(n), { majorStep: l, minorStep: c } = N.getTickConfig(this.config.zoom), h = N.generateVisibleTicks(a - 10, o + 10, l, c);
+    const e = this.stage.width(), t = this.scrollLeft, i = this.scrollLeft + e, r = $.pixelsToTime(t, this.config.zoom), n = $.pixelsToTime(i, this.config.zoom), a = $.msToSeconds(r), o = $.msToSeconds(n), { majorStep: l, minorStep: c } = $.getTickConfig(this.config.zoom), h = $.generateVisibleTicks(a - 10, o + 10, l, c);
     for (const d of h) {
       const u = this.timeToPixel(d.time);
-      u >= -20 && u <= e + 20 && ae.drawTimeTick(
+      u >= -20 && u <= e + 20 && se.drawTimeTick(
         this.layer,
         u,
         0,
@@ -17962,7 +18109,7 @@ class Nu {
     }
   }
   clampScrollLeft(e) {
-    const t = Math.max(0, N.timeToPixels(this.config.duration, this.config.zoom) - this.stage.width());
+    const t = Math.max(0, $.timeToPixels(this.config.duration, this.config.zoom) - this.stage.width());
     return Math.max(0, Math.min(t, e));
   }
 }
@@ -18047,7 +18194,7 @@ const U = class U {
     }), this.hasBoundGlobalPointerListeners = !1);
   }
   updateTimeFromClientX(e) {
-    const t = this.container.getBoundingClientRect(), i = e - t.left, r = N.pixelsToTime(i - ue + this.scrollLeft, this.zoom);
+    const t = this.container.getBoundingClientRect(), i = e - t.left, r = $.pixelsToTime(i - ue + this.scrollLeft, this.zoom);
     this.onTimeChange(Math.max(0, r), "scrub");
   }
   updateEdgeAutoScrollState(e) {
@@ -18085,7 +18232,7 @@ const U = class U {
     this.edgeAutoScrollAnimationFrameId !== null && (typeof cancelAnimationFrame == "function" && cancelAnimationFrame(this.edgeAutoScrollAnimationFrameId), this.edgeAutoScrollAnimationFrameId = null);
   }
   render() {
-    const e = N.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + ue, t = e >= 0 && e <= this.container.clientWidth, i = Math.max(U.HANDLE_HEIGHT + U.END_CAP_HEIGHT, this.height);
+    const e = $.timeToPixels(this.currentTime, this.zoom) - this.scrollLeft + ue, t = e >= 0 && e <= this.container.clientWidth, i = Math.max(U.HANDLE_HEIGHT + U.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 ${U.VISUAL_WIDTH} ${i}`), this.lineHitAreaElement.style.left = `${e}px`, this.lineHitAreaElement.style.height = `${i}px`, this.renderVisual(i);
   }
   renderVisual(e) {
@@ -18177,7 +18324,7 @@ class ws {
       container: this.container,
       width: this.container.clientWidth,
       height: this.container.clientHeight
-    }), this.layer = new j.Layer(), this.layer.name("scrollbar-layer"), this.stage.add(this.layer), this.hitAreaRect = ae.createRect(0, 0, 0, 0, me.hitArea, "transparent", 0), this.hitAreaRect.name("scrollbar-hit-area"), this.thumbRect = ae.createRect(
+    }), this.layer = new j.Layer(), this.layer.name("scrollbar-layer"), this.stage.add(this.layer), this.hitAreaRect = se.createRect(0, 0, 0, 0, me.hitArea, "transparent", 0), this.hitAreaRect.name("scrollbar-hit-area"), this.thumbRect = se.createRect(
       0,
       0,
       0,
@@ -18345,7 +18492,7 @@ class $u {
     };
   }
 }
-const zu = "@linker-design-plus/timeline-track", Vu = "2.0.16-alfha.0", Ft = {
+const zu = "@linker-design-plus/timeline-track", Vu = "2.0.17", Ft = {
   name: zu,
   version: Vu
 }, Uu = 1, Wu = 2, Yu = 120;
@@ -18412,7 +18559,7 @@ class rp {
     p(this, "previewPlaybackAutoResume", !1);
     p(this, "previewBufferingSuspendTimeoutId", null);
     p(this, "lastSelectedClipId", null);
-    p(this, "previewAspectRatio", { ...Fe });
+    p(this, "previewAspectRatio", { ...Be });
     p(this, "bodyViewportScrollListener", () => {
       this.handleBodyViewportScroll();
     });
@@ -18885,7 +19032,7 @@ class rp {
     return ((e = this.layout) == null ? void 0 : e.bodyViewport.clientHeight) || 0;
   }
   getHorizontalContentWidth() {
-    return N.timeToPixels(this.getDurationState(), this.getZoomState());
+    return $.timeToPixels(this.getDurationState(), this.getZoomState());
   }
   getVerticalContentHeight() {
     return Math.max(this.calculateTotalHeight(), this.getViewportHeight());
@@ -19161,7 +19308,7 @@ class rp {
     var d, u, g;
     if (!this.trackLayer)
       return F.error("TimelineManager", "Track layer not initialized"), "";
-    const a = this.trackManager.createTrack(e, t, i, r, n), o = a.id, l = Ie(e), c = this.calculateTrackY(o), h = this.getTimelineTrackBridge().createTrack({
+    const a = this.trackManager.createTrack(e, t, i, r, n), o = a.id, l = _e(e), c = this.calculateTrackY(o), h = this.getTimelineTrackBridge().createTrack({
       layer: this.trackLayer,
       config: { id: o, clips: [], role: a.role },
       trackType: e,
@@ -19262,7 +19409,7 @@ class rp {
     if (!this.snapGuideLayer)
       return null;
     if (!this.trackInsertionPreviewLine) {
-      const e = ae.createLine(
+      const e = se.createLine(
         [0, 0, 0, 0],
         this.getSnapGuideAccentColor(),
         2
@@ -19298,17 +19445,17 @@ class rp {
       const c = r.find((h) => h.id === i);
       if (c) {
         const h = Bt(r, c.id, this.getTrackContentTopOffset());
-        return t === "before_track" ? h : h + Ie(c.type);
+        return t === "before_track" ? h : h + _e(c.type);
       }
     }
     if (t === "top_of_type_region" && a)
       return Bt(r, a.id, this.getTrackContentTopOffset());
     if (t === "bottom_of_type_region" && o)
-      return Bt(r, o.id, this.getTrackContentTopOffset()) + Ie(o.type);
+      return Bt(r, o.id, this.getTrackContentTopOffset()) + _e(o.type);
     if (!n)
       return e !== "audio" ? this.getTrackContentTopOffset() : ts(r, this.getTrackContentTopOffset());
     const l = Bt(r, n.id, this.getTrackContentTopOffset());
-    return e === "text" ? this.getTrackContentTopOffset() : e === "video" ? l : l + Ie(n.type);
+    return e === "text" ? this.getTrackContentTopOffset() : e === "video" ? l : l + _e(n.type);
   }
   updateViewportLayout() {
     var o;
@@ -19340,7 +19487,7 @@ class rp {
     }), this.bodyBackgroundRect = r, this.backgroundLayer.add(r), i && this.backgroundLayer.batchDraw();
   }
   handleBodyBackgroundClick(e) {
-    const t = N.pixelsToTime(e - ue + this.getScrollLeftState(), this.getZoomState());
+    const t = $.pixelsToTime(e - ue + this.getScrollLeftState(), this.getZoomState());
     this.handleTimeChange(Math.max(0, t));
   }
   handleBodyCanvasHostClick(e) {
@@ -19357,7 +19504,7 @@ class rp {
       return null;
     if (!this.snapGuideLine) {
       const e = this.config.theme;
-      this.snapGuideLine = ae.createLine(
+      this.snapGuideLine = se.createLine(
         [0, 0, 0, this.calculateTotalHeight()],
         this.getSnapGuideAccentColor(),
         e.snapGuideLineWidth ?? 1
@@ -19543,7 +19690,7 @@ class rp {
     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 = N.timeToPixels(i, t), c = N.timeToPixels(i, n) - o + a;
+      const a = this.timeline.getScrollLeft(), o = $.timeToPixels(i, t), c = $.timeToPixels(i, n) - o + a;
       this.timeline.setScrollLeft(c), this.handleScrollChange(this.timeline.getScrollLeft());
     }
     this.emitEvent("zoom_change", { zoom: n });
@@ -19574,11 +19721,11 @@ class rp {
       this.setZoom(e);
       return;
     }
-    const i = this.getZoomState(), r = this.timeline.getScrollLeft(), n = N.pixelsToTime(t - ue + r, i), a = this.getTimelineCommands().setZoom(e);
+    const i = this.getZoomState(), r = this.timeline.getScrollLeft(), n = $.pixelsToTime(t - ue + 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 = N.timeToPixels(n, o) - (t - ue);
+    const c = $.timeToPixels(n, o) - (t - ue);
     this.timeline.setScrollLeft(c), this.handleScrollChange(this.timeline.getScrollLeft()), this.emitEvent("zoom_change", { zoom: o });
   }
   getZoom() {
@@ -19774,7 +19921,7 @@ class rp {
     let h = r ? a : e.sourceDuration;
     if (!h)
       try {
-        h = await N.getVideoDuration(n, {
+        h = await $.getVideoDuration(n, {
           registry: this.sourceMediaRegistry,
           cacheKey: this.buildSourceMediaKey(e)
         }), h <= 0 && (h = c);
@@ -19818,7 +19965,7 @@ class rp {
           recordHistory: () => {
             this.getTimelineHistoryRecorder().recordAddClip(g);
           },
-          applyEffects: () => We({
+          applyEffects: () => Ue({
             checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
             updateCanPlayState: this.updateCanPlayState.bind(this),
             updateTrackInfoPanel: this.updateTrackInfoPanel.bind(this),
@@ -19838,7 +19985,7 @@ class rp {
       recordHistory: () => {
         this.getTimelineHistoryRecorder().recordAddClip(g);
       },
-      applyEffects: () => We({
+      applyEffects: () => Ue({
         checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
         updateCanPlayState: this.updateCanPlayState.bind(this),
         updateTrackInfoPanel: this.updateTrackInfoPanel.bind(this),
@@ -19859,7 +20006,7 @@ class rp {
           t.trackId ? this.getTrackRestoreAnchor(t.trackId) : null
         );
       },
-      applyEffects: () => We({
+      applyEffects: () => Ue({
         checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
         updateCanPlayState: this.updateCanPlayState.bind(this),
         updateTrackInfoPanel: this.updateTrackInfoPanel.bind(this),
@@ -19886,7 +20033,7 @@ class rp {
       emitSelectionChangeEvent: this.emitSelectionChangeEvent.bind(this),
       emitSelectedClipChangeIfNeeded: this.emitSelectedClipChangeIfNeeded.bind(this),
       handleClipChange: this.handleClipChange.bind(this)
-    }), We({
+    }), Ue({
       checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
       updateCanPlayState: this.updateCanPlayState.bind(this),
       updateTrackInfoPanel: this.updateTrackInfoPanel.bind(this),
@@ -19899,7 +20046,7 @@ class rp {
         const i = this.findClipById(e);
         i && this.markClipThumbnailLoadCompleted(i);
       }
-      We({
+      Ue({
         checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
         updateCanPlayState: this.updateCanPlayState.bind(this)
       });
@@ -19912,7 +20059,7 @@ class rp {
     const r = i == null ? void 0 : i.track.splitSelectedClip;
     r && (this.withSplitOperation(() => {
       r.call(i.track, t);
-    }), We({
+    }), Ue({
       checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
       updateCanPlayState: this.updateCanPlayState.bind(this)
     }));
@@ -19924,7 +20071,7 @@ class rp {
     const i = t == null ? void 0 : t.track.splitSelectedClip;
     i && (this.withSplitOperation(() => {
       i.call(t.track, e);
-    }), We({
+    }), Ue({
       checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
       updateCanPlayState: this.updateCanPlayState.bind(this)
     }));
@@ -19936,7 +20083,7 @@ class rp {
     var n, a, o;
     const e = this.getPreviewAspectRatio();
     let t = e.width, i = e.height;
-    if (Ut(e.mode) && t === Fe.width && i === Fe.height) {
+    if (Ut(e.mode) && t === Be.width && i === Be.height) {
       const l = (n = this.getAutoAspectRatioClip()) == null ? void 0 : n.clip, c = (a = l == null ? void 0 : l.style) == null ? void 0 : a.sys_width, h = (o = l == null ? void 0 : l.style) == null ? void 0 : o.sys_height;
       typeof c == "number" && c > 0 && typeof h == "number" && h > 0 && (t = c, i = h);
     }
@@ -20394,12 +20541,12 @@ class rp {
         const I = l[M];
         if (!I)
           continue;
-        const A = C + M;
-        if (x += Math.abs(A - I.preferredTrackIndex), A < 0 || A >= a.length) {
+        const E = C + M;
+        if (x += Math.abs(E - I.preferredTrackIndex), E < 0 || E >= a.length) {
           P += 1;
           continue;
         }
-        if (this.doesClipGroupOverlapOnTrack(a[A].id, I.clips, o)) {
+        if (this.doesClipGroupOverlapOnTrack(a[E].id, I.clips, o)) {
           w = !1;
           break;
         }
@@ -21143,7 +21290,7 @@ class rp {
   }
   resetPreviewAspectRatioToAuto() {
     var e, t;
-    this.previewAspectRatio = { ...Fe }, (e = this.previewSession) == null || e.applyAspectRatio(this.previewAspectRatio), this.previewAspectRatio = ((t = this.previewSession) == null ? void 0 : t.getAspectRatio()) || this.previewAspectRatio, this.syncPreviewSession(), this.emitEvent("preview_aspect_ratio_change", { aspectRatio: this.getPreviewAspectRatio() });
+    this.previewAspectRatio = { ...Be }, (e = this.previewSession) == null || e.applyAspectRatio(this.previewAspectRatio), this.previewAspectRatio = ((t = this.previewSession) == null ? void 0 : t.getAspectRatio()) || this.previewAspectRatio, this.syncPreviewSession(), this.emitEvent("preview_aspect_ratio_change", { aspectRatio: this.getPreviewAspectRatio() });
   }
   /**
    * 删除当前选中的 clip
@@ -21915,10 +22062,10 @@ class rp {
     return t;
   }
   resolveTrackRenderHeight(e) {
-    return Ie(e.getTrackType());
+    return _e(e.getTrackType());
   }
   addClipToTrack(e, t) {
-    return this.registerPreviewAutoAspectRatioClip(t), this.getTrackCollection().addClipToTrack(e, t) ? (We({
+    return this.registerPreviewAutoAspectRatioClip(t), this.getTrackCollection().addClipToTrack(e, t) ? (Ue({
       checkTrackDurationChange: this.checkTrackDurationChange.bind(this),
       updateCanPlayState: this.updateCanPlayState.bind(this),
       updateTrackInfoPanel: this.updateTrackInfoPanel.bind(this),
@@ -22099,7 +22246,7 @@ export {
   lr as Clip,
   Kh as ClipConfigPanel,
   za as DEFAULT_CLIP_VIEW_STATE,
-  Fe as DEFAULT_PREVIEW_ASPECT_RATIO,
+  Be as DEFAULT_PREVIEW_ASPECT_RATIO,
   $a as DEFAULT_TEXT_CLIP_STYLE,
   Mc as DiagnosticsCenter,
   Fc as DiagnosticsPanel,
@@ -22110,7 +22257,7 @@ export {
   ue as TIMELINE_LEFT_PADDING,
   Zu as TIME_SCALE,
   Qi as TRACK_HEIGHT,
-  N as TimeUtils,
+  $ as TimeUtils,
   Ju as Timeline,
   rp as TimelineManager,
   Nr as Track,