@linker-design-plus/timeline-track 2.0.23 → 2.0.24

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var Na = Object.defineProperty;
 var $a = (a, e, t) => e in a ? Na(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var p = (a, e, t) => $a(a, typeof e != "symbol" ? e + "" : e, t);
-const I = {
+const A = {
   transparent: "transparent",
   white: "#ffffff",
   black: "#000000",
@@ -51,85 +51,85 @@ const I = {
   sliderThumbInnerShadow: "rgba(255, 255, 255, 0.92)",
   sliderThumbShadow: "rgba(8, 24, 56, 0.24)"
 }, ee = {
-  background: I.black,
-  border: I.borderStrong,
-  timeTick: I.textSecondary,
-  timeText: I.textSubtle,
-  trackBackground: I.black,
-  trackSelectedBackground: I.selectedTrackSurface,
-  trackBorder: I.borderStrong,
-  clipBackground: I.clipSurface,
-  clipBorder: I.black,
-  clipName: I.textPrimary,
-  clipDuration: I.textMuted,
-  clipHandle: I.textPrimary,
-  clipSelectedBorder: I.clipSelectedBorder,
-  clipCoverBackground: I.borderStrong,
-  audioClipText: I.textAudio,
-  audioClipAccent: I.audioClipAccent,
-  playhead: I.textPrimary,
-  grid: I.borderStrong,
-  snapGuideLineColor: I.accentSelectedBorder,
-  scrollbarBackground: I.borderStrong,
-  scrollbarBorder: I.borderSubtle,
-  scrollbarThumb: I.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: I.borderStrong,
-  textColor: I.textSecondary,
-  labelColor: I.textHint,
-  inputBackground: I.inputSurface,
-  inputBorder: I.borderMedium,
-  inputFocusBorder: I.accentFocus,
-  buttonBackground: I.inputSurface,
-  buttonBorder: I.borderMedium,
-  buttonActiveBackground: I.accentFocus,
-  buttonActiveBorder: I.accentFocus,
-  buttonActiveText: I.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
 }, be = {
-  background: I.panelSurface,
-  border: I.borderStrong,
-  text: I.textPrimary,
-  buttonBackground: I.buttonSurface,
+  background: A.panelSurface,
+  border: A.borderStrong,
+  text: A.textPrimary,
+  buttonBackground: A.buttonSurface,
   buttonHover: "#3a3a3a",
-  buttonDanger: I.accentDanger
-}, At = {
+  buttonDanger: A.accentDanger
+}, It = {
   border: ee.scrollbarBorder,
   thumb: ee.scrollbarThumb,
-  hitArea: I.overlayHitArea
+  hitArea: A.overlayHitArea
 }, bt = {
-  fill: I.white,
-  stroke: I.black,
-  text: I.black
+  fill: A.white,
+  stroke: A.black,
+  text: A.black
 }, ke = {
-  tabBarBackground: I.buttonSurface,
-  actionBarBackground: I.buttonSurface,
-  activeTabBackground: I.activeTabBackground,
-  activeTabText: I.white,
-  inactiveTabText: I.textInactive,
-  sliderThumbShadow: `0 8px 20px ${I.sliderThumbShadow}`,
-  sliderThumbInnerShadow: `inset 0 1px 1px ${I.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}`
 }, sn = {
-  grip: I.accentPlayheadGrip,
-  shadow: I.overlayShadow
+  grip: A.accentPlayheadGrip,
+  shadow: A.overlayShadow
 }, pi = {
-  background: I.overlayPreview,
-  text: I.white,
-  actionBackground: I.accentAction,
-  actionText: I.white
+  background: A.overlayPreview,
+  text: A.white,
+  actionBackground: A.accentAction,
+  actionText: A.white
 }, nt = {
-  border: I.overlayTransformHandle,
-  handleBackground: I.black
+  border: A.overlayTransformHandle,
+  handleBackground: A.black
 }, an = {
-  fill: I.overlaySelectionBoxFill,
-  stroke: I.accentSelectionBox
+  fill: A.overlaySelectionBoxFill,
+  stroke: A.accentSelectionBox
 }, fi = {
-  videoFill: I.overlayVideoDropPreview,
-  videoStroke: I.accentSelectedBorder,
-  audioFill: I.overlayAudioDropPreview,
-  audioStroke: I.accentAudioPreview
+  videoFill: A.overlayVideoDropPreview,
+  videoStroke: A.accentSelectedBorder,
+  audioFill: A.overlayAudioDropPreview,
+  audioStroke: A.accentAudioPreview
 }, on = {
-  line: I.gridLine
+  line: A.gridLine
 }, za = {
   fontSize: 32,
   color: "#fff",
@@ -554,7 +554,7 @@ class Se {
     return l.rotation = T._getRotation(l.rotation), l;
   }
 }
-const qa = "[object Array]", ja = "[object Number]", Ka = "[object String]", Za = "[object Boolean]", Ja = Math.PI / 180, Qa = 180 / Math.PI, It = "#", eo = "", to = "0", io = "Konva warning: ", cn = "Konva error: ", ro = "rgb(", er = {
+const qa = "[object Array]", ja = "[object Number]", Ka = "[object String]", Za = "[object Boolean]", Ja = Math.PI / 180, Qa = 180 / Math.PI, At = "#", eo = "", to = "0", io = "Konva warning: ", cn = "Konva error: ", ro = "rgb(", er = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
   aqua: [0, 255, 255],
@@ -778,7 +778,7 @@ const so = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return ((1 << 24) + (a << 16) + (e << 8) + t).toString(16).slice(1);
   },
   _hexToRgb(a) {
-    a = a.replace(It, eo);
+    a = a.replace(At, eo);
     const e = parseInt(a, 16);
     return {
       r: e >> 16 & 255,
@@ -790,7 +790,7 @@ const so = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     let a = (Math.random() * 16777215 << 0).toString(16);
     for (; a.length < 6; )
       a = to + a;
-    return It + a;
+    return At + a;
   },
   isCanvasFarblingActive() {
     if (Et !== null)
@@ -817,11 +817,11 @@ const so = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return this.isCanvasFarblingActive() ? this.getSnappedHexColor(a) : a;
   },
   getHitColorKey(a, e, t) {
-    return this.isCanvasFarblingActive() && (a = Math.round(a / 5) * 5, e = Math.round(e / 5) * 5, t = Math.round(t / 5) * 5), It + this._rgbToHex(a, e, t);
+    return this.isCanvasFarblingActive() && (a = Math.round(a / 5) * 5, e = Math.round(e / 5) * 5, t = Math.round(t / 5) * 5), At + this._rgbToHex(a, e, t);
   },
   getSnappedHexColor(a) {
     const e = this._hexToRgb(a);
-    return It + this._rgbToHex(Math.round(e.r / 5) * 5, Math.round(e.g / 5) * 5, Math.round(e.b / 5) * 5);
+    return At + this._rgbToHex(Math.round(e.r / 5) * 5, Math.round(e.g / 5) * 5, Math.round(e.b / 5) * 5);
   },
   getRGB(a) {
     let e;
@@ -829,7 +829,7 @@ const so = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
       r: e[0],
       g: e[1],
       b: e[2]
-    }) : a[0] === It ? this._hexToRgb(a.substring(1)) : a.substr(0, 4) === ro ? (e = no.exec(a.replace(/ /g, "")), {
+    }) : a[0] === At ? this._hexToRgb(a.substring(1)) : a.substr(0, 4) === ro ? (e = no.exec(a.replace(/ /g, "")), {
       r: parseInt(e[1], 10),
       g: parseInt(e[2], 10),
       b: parseInt(e[3], 10)
@@ -1640,7 +1640,7 @@ function Co() {
       }) : T.warn(Ze(a) + ' is a not valid value for "' + e + '" attribute. The value should be a array of numbers.')), a;
     };
 }
-function Ae() {
+function Ie() {
   if (D.isUnminified)
     return function(a, e) {
       return a === !0 || a === !1 || T.warn(Ze(a) + ' is a not valid value for "' + e + '" attribute. The value should be a boolean.'), a;
@@ -1778,7 +1778,7 @@ function To(a) {
   return () => {
   };
 }
-const Ei = "absoluteOpacity", pn = "allEventListeners", Me = "absoluteTransform", fn = "absoluteScale", tt = "canvas", wo = "Change", ko = "children", xo = "konva", kr = "listening", Po = "mouseenter", _o = "mouseleave", Ao = "pointerenter", Io = "pointerleave", Eo = "touchenter", Ro = "touchleave", gn = "set", mn = "Shape", Ri = " ", yn = "stage", We = "transform", Mo = "Stage", xr = "visible", Do = [
+const Ei = "absoluteOpacity", pn = "allEventListeners", Me = "absoluteTransform", fn = "absoluteScale", tt = "canvas", wo = "Change", ko = "children", xo = "konva", kr = "listening", Po = "mouseenter", _o = "mouseleave", Io = "pointerenter", Ao = "pointerleave", Eo = "touchenter", Ro = "touchleave", gn = "set", mn = "Shape", Ri = " ", yn = "stage", We = "transform", Mo = "Stage", xr = "visible", Do = [
   "xChange.konva",
   "yChange.konva",
   "scaleXChange.konva",
@@ -2427,8 +2427,8 @@ class E {
     const r = [
       Po,
       _o,
-      Ao,
       Io,
+      Ao,
       Eo,
       Ro
     ];
@@ -2609,16 +2609,16 @@ te(E, "offsetY", 0, R());
 te(E, "dragDistance", void 0, R());
 te(E, "width", 0, R());
 te(E, "height", 0, R());
-te(E, "listening", !0, Ae());
-te(E, "preventDefault", !0, Ae());
+te(E, "listening", !0, Ie());
+te(E, "preventDefault", !0, Ie());
 te(E, "filters", void 0, function(a) {
   return this._filterUpToDate = !1, a;
 });
-te(E, "visible", !0, Ae());
+te(E, "visible", !0, Ie());
 te(E, "transformsEnabled", "all", dt());
 te(E, "size");
 te(E, "dragBoundFunc");
-te(E, "draggable", !1, Ae());
+te(E, "draggable", !1, Ie());
 m.backCompat(E, {
   rotateDeg: "rotate",
   setRotationDeg: "setRotation",
@@ -3322,7 +3322,7 @@ function jo() {
 function Ko() {
   this._clearCache(ea);
 }
-class A extends E {
+class I extends E {
   constructor(e) {
     super(e);
     let t, i = 0;
@@ -3550,100 +3550,100 @@ class A extends E {
     qt(e);
   }
 }
-A.prototype._fillFunc = zo;
-A.prototype._strokeFunc = Vo;
-A.prototype._fillFuncHit = Uo;
-A.prototype._strokeFuncHit = Wo;
-A.prototype._centroid = !1;
-A.prototype.nodeType = "Shape";
-ae(A);
-A.prototype.eventListeners = {};
-A.prototype.on.call(A.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Yo);
-A.prototype.on.call(A.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Xo);
-A.prototype.on.call(A.prototype, "fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", qo);
-A.prototype.on.call(A.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", jo);
-A.prototype.on.call(A.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", Ko);
-m.addGetterSetter(A, "stroke", void 0, Os());
-m.addGetterSetter(A, "strokeWidth", 2, R());
-m.addGetterSetter(A, "fillAfterStrokeEnabled", !1);
-m.addGetterSetter(A, "hitStrokeWidth", "auto", jr());
-m.addGetterSetter(A, "strokeHitEnabled", !0, Ae());
-m.addGetterSetter(A, "perfectDrawEnabled", !0, Ae());
-m.addGetterSetter(A, "shadowForStrokeEnabled", !0, Ae());
-m.addGetterSetter(A, "lineJoin");
-m.addGetterSetter(A, "lineCap");
-m.addGetterSetter(A, "miterLimit");
-m.addGetterSetter(A, "sceneFunc");
-m.addGetterSetter(A, "hitFunc");
-m.addGetterSetter(A, "dash");
-m.addGetterSetter(A, "dashOffset", 0, R());
-m.addGetterSetter(A, "shadowColor", void 0, dt());
-m.addGetterSetter(A, "shadowBlur", 0, R());
-m.addGetterSetter(A, "shadowOpacity", 1, R());
-m.addComponentsGetterSetter(A, "shadowOffset", ["x", "y"]);
-m.addGetterSetter(A, "shadowOffsetX", 0, R());
-m.addGetterSetter(A, "shadowOffsetY", 0, R());
-m.addGetterSetter(A, "fillPatternImage");
-m.addGetterSetter(A, "fill", void 0, Os());
-m.addGetterSetter(A, "fillPatternX", 0, R());
-m.addGetterSetter(A, "fillPatternY", 0, R());
-m.addGetterSetter(A, "fillLinearGradientColorStops");
-m.addGetterSetter(A, "strokeLinearGradientColorStops");
-m.addGetterSetter(A, "fillRadialGradientStartRadius", 0);
-m.addGetterSetter(A, "fillRadialGradientEndRadius", 0);
-m.addGetterSetter(A, "fillRadialGradientColorStops");
-m.addGetterSetter(A, "fillPatternRepeat", "repeat");
-m.addGetterSetter(A, "fillEnabled", !0);
-m.addGetterSetter(A, "strokeEnabled", !0);
-m.addGetterSetter(A, "shadowEnabled", !0);
-m.addGetterSetter(A, "dashEnabled", !0);
-m.addGetterSetter(A, "strokeScaleEnabled", !0);
-m.addGetterSetter(A, "fillPriority", "color");
-m.addComponentsGetterSetter(A, "fillPatternOffset", ["x", "y"]);
-m.addGetterSetter(A, "fillPatternOffsetX", 0, R());
-m.addGetterSetter(A, "fillPatternOffsetY", 0, R());
-m.addComponentsGetterSetter(A, "fillPatternScale", ["x", "y"]);
-m.addGetterSetter(A, "fillPatternScaleX", 1, R());
-m.addGetterSetter(A, "fillPatternScaleY", 1, R());
-m.addComponentsGetterSetter(A, "fillLinearGradientStartPoint", [
+I.prototype._fillFunc = zo;
+I.prototype._strokeFunc = Vo;
+I.prototype._fillFuncHit = Uo;
+I.prototype._strokeFuncHit = Wo;
+I.prototype._centroid = !1;
+I.prototype.nodeType = "Shape";
+ae(I);
+I.prototype.eventListeners = {};
+I.prototype.on.call(I.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Yo);
+I.prototype.on.call(I.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Xo);
+I.prototype.on.call(I.prototype, "fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", qo);
+I.prototype.on.call(I.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", jo);
+I.prototype.on.call(I.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", Ko);
+m.addGetterSetter(I, "stroke", void 0, Os());
+m.addGetterSetter(I, "strokeWidth", 2, R());
+m.addGetterSetter(I, "fillAfterStrokeEnabled", !1);
+m.addGetterSetter(I, "hitStrokeWidth", "auto", jr());
+m.addGetterSetter(I, "strokeHitEnabled", !0, Ie());
+m.addGetterSetter(I, "perfectDrawEnabled", !0, Ie());
+m.addGetterSetter(I, "shadowForStrokeEnabled", !0, Ie());
+m.addGetterSetter(I, "lineJoin");
+m.addGetterSetter(I, "lineCap");
+m.addGetterSetter(I, "miterLimit");
+m.addGetterSetter(I, "sceneFunc");
+m.addGetterSetter(I, "hitFunc");
+m.addGetterSetter(I, "dash");
+m.addGetterSetter(I, "dashOffset", 0, R());
+m.addGetterSetter(I, "shadowColor", void 0, dt());
+m.addGetterSetter(I, "shadowBlur", 0, R());
+m.addGetterSetter(I, "shadowOpacity", 1, R());
+m.addComponentsGetterSetter(I, "shadowOffset", ["x", "y"]);
+m.addGetterSetter(I, "shadowOffsetX", 0, R());
+m.addGetterSetter(I, "shadowOffsetY", 0, R());
+m.addGetterSetter(I, "fillPatternImage");
+m.addGetterSetter(I, "fill", void 0, Os());
+m.addGetterSetter(I, "fillPatternX", 0, R());
+m.addGetterSetter(I, "fillPatternY", 0, R());
+m.addGetterSetter(I, "fillLinearGradientColorStops");
+m.addGetterSetter(I, "strokeLinearGradientColorStops");
+m.addGetterSetter(I, "fillRadialGradientStartRadius", 0);
+m.addGetterSetter(I, "fillRadialGradientEndRadius", 0);
+m.addGetterSetter(I, "fillRadialGradientColorStops");
+m.addGetterSetter(I, "fillPatternRepeat", "repeat");
+m.addGetterSetter(I, "fillEnabled", !0);
+m.addGetterSetter(I, "strokeEnabled", !0);
+m.addGetterSetter(I, "shadowEnabled", !0);
+m.addGetterSetter(I, "dashEnabled", !0);
+m.addGetterSetter(I, "strokeScaleEnabled", !0);
+m.addGetterSetter(I, "fillPriority", "color");
+m.addComponentsGetterSetter(I, "fillPatternOffset", ["x", "y"]);
+m.addGetterSetter(I, "fillPatternOffsetX", 0, R());
+m.addGetterSetter(I, "fillPatternOffsetY", 0, R());
+m.addComponentsGetterSetter(I, "fillPatternScale", ["x", "y"]);
+m.addGetterSetter(I, "fillPatternScaleX", 1, R());
+m.addGetterSetter(I, "fillPatternScaleY", 1, R());
+m.addComponentsGetterSetter(I, "fillLinearGradientStartPoint", [
   "x",
   "y"
 ]);
-m.addComponentsGetterSetter(A, "strokeLinearGradientStartPoint", [
+m.addComponentsGetterSetter(I, "strokeLinearGradientStartPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(A, "fillLinearGradientStartPointX", 0);
-m.addGetterSetter(A, "strokeLinearGradientStartPointX", 0);
-m.addGetterSetter(A, "fillLinearGradientStartPointY", 0);
-m.addGetterSetter(A, "strokeLinearGradientStartPointY", 0);
-m.addComponentsGetterSetter(A, "fillLinearGradientEndPoint", [
+m.addGetterSetter(I, "fillLinearGradientStartPointX", 0);
+m.addGetterSetter(I, "strokeLinearGradientStartPointX", 0);
+m.addGetterSetter(I, "fillLinearGradientStartPointY", 0);
+m.addGetterSetter(I, "strokeLinearGradientStartPointY", 0);
+m.addComponentsGetterSetter(I, "fillLinearGradientEndPoint", [
   "x",
   "y"
 ]);
-m.addComponentsGetterSetter(A, "strokeLinearGradientEndPoint", [
+m.addComponentsGetterSetter(I, "strokeLinearGradientEndPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(A, "fillLinearGradientEndPointX", 0);
-m.addGetterSetter(A, "strokeLinearGradientEndPointX", 0);
-m.addGetterSetter(A, "fillLinearGradientEndPointY", 0);
-m.addGetterSetter(A, "strokeLinearGradientEndPointY", 0);
-m.addComponentsGetterSetter(A, "fillRadialGradientStartPoint", [
+m.addGetterSetter(I, "fillLinearGradientEndPointX", 0);
+m.addGetterSetter(I, "strokeLinearGradientEndPointX", 0);
+m.addGetterSetter(I, "fillLinearGradientEndPointY", 0);
+m.addGetterSetter(I, "strokeLinearGradientEndPointY", 0);
+m.addComponentsGetterSetter(I, "fillRadialGradientStartPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(A, "fillRadialGradientStartPointX", 0);
-m.addGetterSetter(A, "fillRadialGradientStartPointY", 0);
-m.addComponentsGetterSetter(A, "fillRadialGradientEndPoint", [
+m.addGetterSetter(I, "fillRadialGradientStartPointX", 0);
+m.addGetterSetter(I, "fillRadialGradientStartPointY", 0);
+m.addComponentsGetterSetter(I, "fillRadialGradientEndPoint", [
   "x",
   "y"
 ]);
-m.addGetterSetter(A, "fillRadialGradientEndPointX", 0);
-m.addGetterSetter(A, "fillRadialGradientEndPointY", 0);
-m.addGetterSetter(A, "fillPatternRotation", 0);
-m.addGetterSetter(A, "fillRule", void 0, dt());
-m.backCompat(A, {
+m.addGetterSetter(I, "fillRadialGradientEndPointX", 0);
+m.addGetterSetter(I, "fillRadialGradientEndPointY", 0);
+m.addGetterSetter(I, "fillPatternRotation", 0);
+m.addGetterSetter(I, "fillRule", void 0, dt());
+m.backCompat(I, {
   dashArray: "dash",
   getDashArray: "getDash",
   setDashArray: "getDash",
@@ -3842,7 +3842,7 @@ ut.prototype.nodeType = "Layer";
 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 Zr extends ut {
   constructor(e) {
     super(e), this.listening(!1), T.warn('Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.');
@@ -4181,7 +4181,7 @@ const Zt = {
   FastLayer: Zr,
   Group: kt,
   DD: Z,
-  Shape: A,
+  Shape: I,
   shapes: Kt,
   Animation: Te,
   Tween: ie,
@@ -4189,7 +4189,7 @@ const Zt = {
   Context: Yi,
   Canvas: Xr
 });
-class Fe extends A {
+class Fe extends I {
   _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);
@@ -4228,15 +4228,15 @@ ae(Fe);
 m.addGetterSetter(Fe, "innerRadius", 0, R());
 m.addGetterSetter(Fe, "outerRadius", 0, R());
 m.addGetterSetter(Fe, "angle", 0, R());
-m.addGetterSetter(Fe, "clockwise", !1, Ae());
-function Ar(a, e, t, i, r, n, s) {
+m.addGetterSetter(Fe, "clockwise", !1, Ie());
+function Ir(a, e, t, i, r, n, s) {
   const o = Math.sqrt(Math.pow(t - a, 2) + Math.pow(i - e, 2)), l = Math.sqrt(Math.pow(r - t, 2) + Math.pow(n - i, 2)), c = s * o / (o + l), h = s * l / (o + l), d = t - c * (r - a), u = i - c * (n - e), f = t + h * (r - a), g = i + h * (n - e);
   return [d, u, f, g];
 }
 function kn(a, e) {
   const t = a.length, i = [];
   for (let r = 2; r < t - 2; r += 2) {
-    const n = Ar(a[r - 2], a[r - 1], a[r], a[r + 1], a[r + 2], a[r + 3], e);
+    const n = Ir(a[r - 2], a[r - 1], a[r], a[r + 1], a[r + 2], a[r + 3], e);
     isNaN(n[0]) || (i.push(n[0]), i.push(n[1]), i.push(a[r]), i.push(a[r + 1]), i.push(n[2]), i.push(n[3]));
   }
   return i;
@@ -4261,7 +4261,7 @@ function nl(a) {
     return n * n * n * r[0] + 3 * n * n * i * r[1] + 3 * n * i * i * r[2] + i * i * i * r[3];
   }));
 }
-class Ge extends A {
+class Ge extends I {
   constructor(e) {
     super(e), this.on("pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva", function() {
       this._clearCache("tensionPoints");
@@ -4292,7 +4292,7 @@ class Ge extends A {
     return this.closed() ? this._getTensionPointsClosed() : kn(this.points(), this.tension());
   }
   _getTensionPointsClosed() {
-    const e = this.points(), t = e.length, i = this.tension(), r = Ar(e[t - 2], e[t - 1], e[0], e[1], e[2], e[3], i), n = Ar(e[t - 4], e[t - 3], e[t - 2], e[t - 1], e[0], e[1], i), s = kn(e, i);
+    const e = this.points(), t = e.length, i = this.tension(), r = Ir(e[t - 2], e[t - 1], e[0], e[1], e[2], e[3], i), n = Ir(e[t - 4], e[t - 3], e[t - 2], e[t - 1], e[0], e[1], i), s = kn(e, i);
     return [r[2], r[3]].concat(s).concat([
       n[0],
       n[1],
@@ -5061,10 +5061,10 @@ const sl = [
   return Math.sqrt(o) / 2 * (u * g - h * y + v);
 };
 function ll(a, e, t) {
-  const i = Ir(1, t, a), r = Ir(1, t, e), n = i * i + r * r;
+  const i = Ar(1, t, a), r = Ar(1, t, e), n = i * i + r * r;
   return Math.sqrt(n);
 }
-const Ir = (a, e, t) => {
+const Ar = (a, e, t) => {
   const i = t.length - 1;
   let r, n;
   if (i === 0)
@@ -5078,7 +5078,7 @@ const Ir = (a, e, t) => {
     r = new Array(i);
     for (let s = 0; s < i; s++)
       r[s] = i * (t[s + 1] - t[s]);
-    return Ir(a - 1, e, r);
+    return Ar(a - 1, e, r);
   }
 }, _n = (a, e, t) => {
   let i = 1, r = a / e, n = (a - t(r)) / e, s = 0;
@@ -5095,7 +5095,7 @@ const Ir = (a, e, t) => {
   }
   return r;
 };
-class re extends A {
+class re extends I {
   constructor(e) {
     super(e), this.dataArray = [], this.pathLength = 0, this._readDataAttribute(), this.on("dataChange.konva", function() {
       this._readDataAttribute();
@@ -5519,7 +5519,7 @@ m.addGetterSetter(pt, "pointerLength", 10, R());
 m.addGetterSetter(pt, "pointerWidth", 10, R());
 m.addGetterSetter(pt, "pointerAtBeginning", !1);
 m.addGetterSetter(pt, "pointerAtEnding", !0);
-class _t extends A {
+class _t extends I {
   _sceneFunc(e) {
     e.beginPath(), e.arc(0, 0, this.attrs.radius || 0, 0, Math.PI * 2, !1), e.closePath(), e.fillStrokeShape(this);
   }
@@ -5541,7 +5541,7 @@ _t.prototype.className = "Circle";
 _t.prototype._attrsAffectingSize = ["radius"];
 ae(_t);
 m.addGetterSetter(_t, "radius", 0, R());
-class Je extends A {
+class Je extends I {
   _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);
@@ -5566,7 +5566,7 @@ ae(Je);
 m.addComponentsGetterSetter(Je, "radius", ["x", "y"]);
 m.addGetterSetter(Je, "radiusX", 0, R());
 m.addGetterSetter(Je, "radiusY", 0, R());
-let Ie = class ia extends A {
+let Ae = class ia extends I {
   constructor(e) {
     super(e), this._loadListener = () => {
       this._requestDraw();
@@ -5629,16 +5629,16 @@ let Ie = class ia extends A {
     }, r.onerror = i, r.crossOrigin = "Anonymous", r.src = e;
   }
 };
-Ie.prototype.className = "Image";
-Ie.prototype._attrsAffectingSize = ["image"];
-ae(Ie);
-m.addGetterSetter(Ie, "cornerRadius", 0, Xi(4));
-m.addGetterSetter(Ie, "image");
-m.addComponentsGetterSetter(Ie, "crop", ["x", "y", "width", "height"]);
-m.addGetterSetter(Ie, "cropX", 0, R());
-m.addGetterSetter(Ie, "cropY", 0, R());
-m.addGetterSetter(Ie, "cropWidth", 0, R());
-m.addGetterSetter(Ie, "cropHeight", 0, R());
+Ae.prototype.className = "Image";
+Ae.prototype._attrsAffectingSize = ["image"];
+ae(Ae);
+m.addGetterSetter(Ae, "cornerRadius", 0, Xi(4));
+m.addGetterSetter(Ae, "image");
+m.addComponentsGetterSetter(Ae, "crop", ["x", "y", "width", "height"]);
+m.addGetterSetter(Ae, "cropX", 0, R());
+m.addGetterSetter(Ae, "cropY", 0, R());
+m.addGetterSetter(Ae, "cropWidth", 0, R());
+m.addGetterSetter(Ae, "cropHeight", 0, R());
 const ra = [
   "fontFamily",
   "fontSize",
@@ -5709,7 +5709,7 @@ class Jr extends kt {
 }
 Jr.prototype.className = "Label";
 ae(Jr);
-class ft extends A {
+class ft extends I {
   _sceneFunc(e) {
     const t = this.width(), i = this.height(), r = this.pointerDirection(), n = this.pointerWidth(), s = this.pointerHeight(), o = this.cornerRadius();
     let l = 0, c = 0, h = 0, d = 0;
@@ -5731,7 +5731,7 @@ m.addGetterSetter(ft, "pointerDirection", hl);
 m.addGetterSetter(ft, "pointerWidth", 0, R());
 m.addGetterSetter(ft, "pointerHeight", 0, R());
 m.addGetterSetter(ft, "cornerRadius", 0, Xi(4));
-class di extends A {
+class di extends I {
   _sceneFunc(e) {
     const t = this.cornerRadius(), i = this.width(), r = this.height();
     e.beginPath(), t ? T.drawRoundedRectPath(e, i, r, t) : e.rect(0, 0, i, r), e.closePath(), e.fillStrokeShape(this);
@@ -5740,7 +5740,7 @@ class di extends A {
 di.prototype.className = "Rect";
 ae(di);
 m.addGetterSetter(di, "cornerRadius", 0, Xi(4));
-class Qe extends A {
+class Qe extends I {
   _sceneFunc(e) {
     const t = this._getPoints(), i = this.radius(), r = this.sides(), n = this.cornerRadius();
     if (e.beginPath(), n)
@@ -5793,10 +5793,10 @@ ae(Qe);
 m.addGetterSetter(Qe, "radius", 0, R());
 m.addGetterSetter(Qe, "sides", 0, R());
 m.addGetterSetter(Qe, "cornerRadius", 0, Xi(4));
-const An = Math.PI * 2;
-class gt extends A {
+const In = Math.PI * 2;
+class gt extends I {
   _sceneFunc(e) {
-    e.beginPath(), e.arc(0, 0, this.innerRadius(), 0, An, !1), e.moveTo(this.outerRadius(), 0), e.arc(0, 0, this.outerRadius(), An, 0, !0), e.closePath(), e.fillStrokeShape(this);
+    e.beginPath(), e.arc(0, 0, this.innerRadius(), 0, In, !1), e.moveTo(this.outerRadius(), 0), e.arc(0, 0, this.outerRadius(), In, 0, !0), e.closePath(), e.fillStrokeShape(this);
   }
   getWidth() {
     return this.outerRadius() * 2;
@@ -5817,7 +5817,7 @@ gt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
 ae(gt);
 m.addGetterSetter(gt, "innerRadius", 0, R());
 m.addGetterSetter(gt, "outerRadius", 0, R());
-class Re extends A {
+class Re extends I {
   constructor(e) {
     super(e), this._updated = !0, this.anim = new Te(() => {
       const t = this._updated;
@@ -5887,7 +5887,7 @@ m.backCompat(Re, {
   getIndex: "getFrameIndex",
   setIndex: "setFrameIndex"
 });
-class et extends A {
+class et extends I {
   _sceneFunc(e) {
     const t = this.innerRadius(), i = this.outerRadius(), r = this.numPoints();
     e.beginPath(), e.moveTo(0, 0 - i);
@@ -5926,7 +5926,7 @@ function Ye(a) {
     return e;
   }, []);
 }
-const yt = "auto", ul = "center", na = "inherit", Dt = "justify", pl = "Change.konva", fl = "2d", In = "-", sa = "left", gl = "text", ml = "Text", yl = "top", Sl = "bottom", En = "middle", aa = "normal", vl = "px ", Ti = " ", Cl = "right", Rn = "rtl", bl = "word", Tl = "char", Mn = "none", sr = "…", oa = [
+const yt = "auto", ul = "center", na = "inherit", Dt = "justify", pl = "Change.konva", fl = "2d", An = "-", sa = "left", gl = "text", ml = "Text", yl = "top", Sl = "bottom", En = "middle", aa = "normal", vl = "px ", Ti = " ", Cl = "right", Rn = "rtl", bl = "word", Tl = "char", Mn = "none", sr = "…", oa = [
   "direction",
   "fontFamily",
   "fontSize",
@@ -5963,7 +5963,7 @@ function Pl(a) {
 function _l(a) {
   return a = a || {}, !a.fillLinearGradientColorStops && !a.fillRadialGradientColorStops && !a.fillPatternImage && (a.fill = a.fill || "black"), a;
 }
-class ne extends A {
+class ne extends I {
   constructor(e) {
     super(_l(e)), this._partialTextX = 0, this._partialTextY = 0;
     for (let t = 0; t < wl; t++)
@@ -6105,12 +6105,12 @@ class ne extends A {
           }
           if (k) {
             if (y) {
-              const H = Ye(w), V = Ye(k), z = H[V.length], N = z === Ti || z === In;
+              const H = Ye(w), V = Ye(k), z = H[V.length], N = z === Ti || z === An;
               let L;
               if (N && M <= h)
                 L = V.length;
               else {
-                const X = V.lastIndexOf(Ti), F = V.lastIndexOf(In);
+                const X = V.lastIndexOf(Ti), F = V.lastIndexOf(An);
                 L = Math.max(X, F) + 1;
               }
               L > 0 && (P = L, k = H.slice(0, P).join(""), M = this._getTextWidth(k));
@@ -6173,20 +6173,20 @@ m.addGetterSetter(ne, "align", sa);
 m.addGetterSetter(ne, "verticalAlign", yl);
 m.addGetterSetter(ne, "lineHeight", 1, R());
 m.addGetterSetter(ne, "wrap", bl);
-m.addGetterSetter(ne, "ellipsis", !1, Ae());
+m.addGetterSetter(ne, "ellipsis", !1, Ie());
 m.addGetterSetter(ne, "letterSpacing", 0, R());
 m.addGetterSetter(ne, "text", "", dt());
 m.addGetterSetter(ne, "textDecoration", "");
 m.addGetterSetter(ne, "underlineOffset", void 0, R());
 m.addGetterSetter(ne, "charRenderFunc", void 0);
-const Al = "", la = "normal";
+const Il = "", la = "normal";
 function ca(a) {
   a.fillText(this.partialText, 0, 0);
 }
 function ha(a) {
   a.strokeText(this.partialText, 0, 0);
 }
-class he extends A {
+class he extends I {
   constructor(e) {
     super(e), this.dummyCanvas = T.createCanvasElement(), this.dataArray = [], this._readDataAttribute(), this.on("dataChange.konva", function() {
       this._readDataAttribute(), this._setTextData();
@@ -6349,10 +6349,10 @@ m.addGetterSetter(he, "align", "left");
 m.addGetterSetter(he, "letterSpacing", 0, R());
 m.addGetterSetter(he, "textBaseline", "middle");
 m.addGetterSetter(he, "fontVariant", la);
-m.addGetterSetter(he, "text", Al);
+m.addGetterSetter(he, "text", Il);
 m.addGetterSetter(he, "textDecoration", "");
 m.addGetterSetter(he, "kerningFunc", void 0);
-const da = "tr-konva", Il = [
+const da = "tr-konva", Al = [
   "resizeEnabledChange",
   "rotateAnchorOffsetChange",
   "rotateAnchorAngleChange",
@@ -6439,7 +6439,7 @@ function Ol(a, e, t) {
 let Lr = 0;
 class U extends kt {
   constructor(e) {
-    super(e), this._movingAnchorName = null, this._transforming = !1, this._createElements(), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this.update = this.update.bind(this), this.on(Il, this.update), this.getNode() && this.update();
+    super(e), this._movingAnchorName = null, this._transforming = !1, this._createElements(), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this.update = this.update.bind(this), this.on(Al, this.update), this.getNode() && this.update();
   }
   attachTo(e) {
     return this.setNode(e), this;
@@ -6603,7 +6603,7 @@ class U extends kt {
     }), this.add(t);
   }
   _createBack() {
-    const e = new A({
+    const e = new I({
       name: "back",
       width: 0,
       height: 0,
@@ -6963,7 +6963,7 @@ function Fl(a) {
 U.prototype.className = "Transformer";
 ae(U);
 m.addGetterSetter(U, "enabledAnchors", Oi, Fl);
-m.addGetterSetter(U, "flipEnabled", !0, Ae());
+m.addGetterSetter(U, "flipEnabled", !0, Ie());
 m.addGetterSetter(U, "resizeEnabled", !0);
 m.addGetterSetter(U, "anchorSize", 10, R());
 m.addGetterSetter(U, "rotateEnabled", !0);
@@ -6998,7 +6998,7 @@ m.backCompat(U, {
   rotateHandlerOffset: "rotateAnchorOffset",
   enabledHandlers: "enabledAnchors"
 });
-class He extends A {
+class He extends I {
   _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);
   }
@@ -7962,7 +7962,7 @@ const K = wn.Util._assign(wn, {
   Arrow: pt,
   Circle: _t,
   Ellipse: Je,
-  Image: Ie,
+  Image: Ae,
   Label: Jr,
   Tag: ft,
   Line: Ge,
@@ -8234,7 +8234,7 @@ function _c(a) {
     )
   };
 }
-function Ac() {
+function Ic() {
   try {
     if (typeof globalThis.localStorage > "u")
       return null;
@@ -8247,7 +8247,7 @@ function Ac() {
     return null;
   }
 }
-function Ic() {
+function Ac() {
   try {
     if (typeof globalThis.localStorage > "u")
       return null;
@@ -8356,8 +8356,8 @@ class Bc {
     p(this, "persistTimeoutId", null);
     p(this, "highFrequencyEventTimestamps", /* @__PURE__ */ new Map());
     this.config = _c(e);
-    const t = Ac();
-    this.latestFailureWindow = Ic(), this.state = {
+    const t = Ic();
+    this.latestFailureWindow = Ac(), this.state = {
       version: ri,
       sessions: Ot((t == null ? void 0 : t.sessions) ?? [], this.config, {
         enforceStorageQuota: this.config.persist
@@ -8998,10 +8998,10 @@ function jc(a) {
   return "decoding" in r && (r.decoding = "async"), r.src = i, zn.set(a, r), r;
 }
 const ue = 3, Vn = 10, Kc = 4, Zc = 6, Un = 8, Wn = 14, Fr = 10, Jc = 12, Qc = 4, Ta = 1, Gi = 28, wa = 8, Gr = 19, Hr = 15;
-function ni(a, e, t, i, r = I.white, n = I.black, s = 1) {
+function ni(a, e, t, i, r = A.white, n = A.black, s = 1) {
   return new K.Rect({ x: a, y: e, width: t, height: i, fill: r, stroke: n, strokeWidth: s });
 }
-function Hi(a, e, t, i = 12, r = "Arial", n = I.black, s = "left", o = "top") {
+function Hi(a, e, t, i = 12, r = "Arial", n = A.black, s = "left", o = "top") {
   return new K.Text({ text: a, x: e, y: t, fontSize: i, fontFamily: r, fill: n, align: s, verticalAlign: o });
 }
 function xt(a = 0, e = 0) {
@@ -9022,26 +9022,26 @@ function eh(a, e, t, i) {
   return !r || !n ? !1 : (r.x(0), r.y(0), r.width(ue), r.height(t), n.x(e - ue), n.y(0), n.width(ue), n.height(t), !0);
 }
 function ka(a, e, t) {
-  const i = e ? a.clipSelectedBorder : I.transparent, r = e ? Ta : 0;
+  const i = e ? a.clipSelectedBorder : A.transparent, r = e ? Ta : 0;
   return t === "audio" ? {
-    background: I.audioClipBackground,
+    background: A.audioClipBackground,
     label: a.audioClipText || a.clipName,
     accent: a.audioClipAccent || a.clipHandle,
     coverBackground: a.clipCoverBackground || ee.clipCoverBackground,
     border: i,
     borderWidth: r
   } : t === "text" ? {
-    background: I.textClipBackground,
+    background: A.textClipBackground,
     label: a.clipName,
     accent: a.clipHandle,
-    coverBackground: a.clipCoverBackground || I.accentCoverFallback,
+    coverBackground: a.clipCoverBackground || A.accentCoverFallback,
     border: i,
     borderWidth: r
   } : {
-    background: I.videoClipBackground,
+    background: A.videoClipBackground,
     label: a.clipName,
     accent: a.clipHandle,
-    coverBackground: a.clipCoverBackground || I.accentCoverFallback,
+    coverBackground: a.clipCoverBackground || A.accentCoverFallback,
     border: i,
     borderWidth: r
   };
@@ -9235,7 +9235,7 @@ function hh(a, e, t, i) {
     y: e,
     width: t,
     height: i,
-    stroke: I.clipSelectedBorder,
+    stroke: A.clipSelectedBorder,
     strokeWidth: Ta,
     fillEnabled: !1
   });
@@ -10859,10 +10859,10 @@ let $r = ce;
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Mi = globalThis, en = Mi.ShadowRoot && (Mi.ShadyCSS === void 0 || Mi.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Aa = Symbol(), Xn = /* @__PURE__ */ new WeakMap();
+const Mi = globalThis, en = Mi.ShadowRoot && (Mi.ShadyCSS === void 0 || Mi.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ia = Symbol(), Xn = /* @__PURE__ */ new WeakMap();
 let bh = class {
   constructor(e, t, i) {
-    if (this._$cssResult$ = !0, i !== Aa) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== Ia) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
@@ -10878,7 +10878,7 @@ let bh = class {
     return this.cssText;
   }
 };
-const Th = (a) => new bh(typeof a == "string" ? a : a + "", void 0, Aa), wh = (a, e) => {
+const Th = (a) => new bh(typeof a == "string" ? a : a + "", void 0, Ia), wh = (a, e) => {
   if (en) a.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const i = document.createElement("style"), r = Mi.litNonce;
@@ -10894,7 +10894,7 @@ const Th = (a) => new bh(typeof a == "string" ? a : a + "", void 0, Aa), wh = (a
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: kh, defineProperty: xh, getOwnPropertyDescriptor: Ph, getOwnPropertyNames: _h, getOwnPropertySymbols: Ah, getPrototypeOf: Ih } = Object, Ke = globalThis, jn = Ke.trustedTypes, Eh = jn ? jn.emptyScript : "", cr = Ke.reactiveElementPolyfillSupport, Qt = (a, e) => a, zr = { toAttribute(a, e) {
+const { is: kh, defineProperty: xh, getOwnPropertyDescriptor: Ph, getOwnPropertyNames: _h, getOwnPropertySymbols: Ih, getPrototypeOf: Ah } = Object, Ke = globalThis, jn = Ke.trustedTypes, Eh = jn ? jn.emptyScript : "", cr = Ke.reactiveElementPolyfillSupport, Qt = (a, e) => a, zr = { toAttribute(a, e) {
   switch (e) {
     case Boolean:
       a = a ? Eh : null;
@@ -10922,7 +10922,7 @@ const { is: kh, defineProperty: xh, getOwnPropertyDescriptor: Ph, getOwnProperty
       }
   }
   return t;
-} }, Ia = (a, e) => !kh(a, e), Kn = { attribute: !0, type: String, converter: zr, reflect: !1, useDefault: !1, hasChanged: Ia };
+} }, Aa = (a, e) => !kh(a, e), Kn = { attribute: !0, type: String, converter: zr, reflect: !1, useDefault: !1, hasChanged: Aa };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Ke.litPropertyMetadata ?? (Ke.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let Ct = class extends HTMLElement {
   static addInitializer(e) {
@@ -10953,13 +10953,13 @@ let Ct = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(Qt("elementProperties"))) return;
-    const e = Ih(this);
+    const e = Ah(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(Qt("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Qt("properties"))) {
-      const t = this.properties, i = [..._h(t), ...Ah(t)];
+      const t = this.properties, i = [..._h(t), ...Ih(t)];
       for (const r of i) this.createProperty(r, t[r]);
     }
     const e = this[Symbol.metadata];
@@ -11051,7 +11051,7 @@ let Ct = class extends HTMLElement {
     var s;
     if (e !== void 0) {
       const o = this.constructor;
-      if (r === !1 && (n = this[e]), i ?? (i = o.getPropertyOptions(e)), !((i.hasChanged ?? Ia)(n, t) || i.useDefault && i.reflect && n === ((s = this._$Ej) == null ? void 0 : s.get(e)) && !this.hasAttribute(o._$Eu(e, i)))) return;
+      if (r === !1 && (n = this[e]), i ?? (i = o.getPropertyOptions(e)), !((i.hasChanged ?? Aa)(n, t) || i.useDefault && i.reflect && n === ((s = this._$Ej) == null ? void 0 : s.get(e)) && !this.hasAttribute(o._$Eu(e, i)))) return;
       this.C(e, t, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -11899,7 +11899,7 @@ class Kh extends La {
           border-radius: 50%;
           appearance: none;
           -webkit-appearance: none;
-          background: radial-gradient(circle at 32% 30%, ${I.sliderThumbGlowStart} 0%, ${I.sliderThumbGlowEnd} 74%);
+          background: radial-gradient(circle at 32% 30%, ${A.sliderThumbGlowStart} 0%, ${A.sliderThumbGlowEnd} 74%);
           box-shadow:
             var(--clip-slider-thumb-shadow),
             ${ke.sliderThumbInnerShadow};
@@ -11922,7 +11922,7 @@ class Kh extends La {
           height: 9px;
           border: 1px solid var(--clip-slider-thumb-border);
           border-radius: 50%;
-          background: radial-gradient(circle at 32% 30%, ${I.sliderThumbGlowStart} 0%, ${I.sliderThumbGlowEnd} 74%);
+          background: radial-gradient(circle at 32% 30%, ${A.sliderThumbGlowStart} 0%, ${A.sliderThumbGlowEnd} 74%);
           box-shadow:
             var(--clip-slider-thumb-shadow),
             ${ke.sliderThumbInnerShadow};
@@ -11953,7 +11953,7 @@ class Kh extends La {
           padding: 4px 10px;
           border-radius: 6px;
           background: #4e5569;
-          color: ${I.white};
+          color: ${A.white};
           font-size: 11px;
           line-height: 1.3;
           font-weight: 500;
@@ -12183,7 +12183,7 @@ class Kh extends La {
         "font-size:13px",
         "font-family:inherit",
         "transition:background-color 0.15s, color 0.15s",
-        `background-color:${r ? ke.activeTabBackground : I.transparent}`,
+        `background-color:${r ? ke.activeTabBackground : A.transparent}`,
         `color:${r ? ke.activeTabText : ke.inactiveTabText}`,
         "border-radius:4px"
       ].join(";")}
@@ -12465,7 +12465,7 @@ class Kh extends La {
           ${e.voiceErrorMessage ? j`
             <div
               class=${G.errorText}
-              style=${`padding-top:12px;font-size:12px;color:${I.accentDanger};`}
+              style=${`padding-top:12px;font-size:12px;color:${A.accentDanger};`}
             >
               ${e.voiceErrorMessage}
             </div>
@@ -12536,7 +12536,7 @@ class Kh extends La {
       "align-items:center",
       "justify-content:center",
       `background:url(${s}) center / cover no-repeat`,
-      `color:${I.white}`,
+      `color:${A.white}`,
       "font-size:18px",
       "font-weight:600"
     ].join(";")}
@@ -12551,7 +12551,7 @@ class Kh extends La {
               width="18"
               height="18"
               viewBox="0 0 24 24"
-              fill=${I.white}
+              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"
@@ -12572,7 +12572,7 @@ class Kh extends La {
       "align-items:center",
       "justify-content:center",
       "background:linear-gradient(135deg, #6c7080 0%, #424656 100%)",
-      `color:${I.white}`,
+      `color:${A.white}`,
       "font-size:18px",
       "font-weight:600"
     ].join(";")}
@@ -12589,7 +12589,7 @@ class Kh extends La {
       "gap:6px",
       "padding-right:24px",
       "font-size:14px",
-      `color:${I.white}`,
+      `color:${A.white}`,
       "white-space:nowrap",
       "overflow:hidden",
       "text-overflow:ellipsis"
@@ -12756,10 +12756,10 @@ class Kh extends La {
       "flex-direction:column",
       "overflow:hidden",
       "height:100%",
-      `--clip-slider-fill-start:${I.sliderFillStart}`,
-      `--clip-slider-fill-end:${I.sliderFillEnd}`,
-      `--clip-slider-road:${I.sliderRoad}`,
-      `--clip-slider-thumb-border:${I.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:${ke.sliderThumbShadow}`
     ].join(";");
   }
@@ -14184,9 +14184,9 @@ class vd {
       this.finishInteraction(!1);
     });
     p(this, "handleMovePointerDown", (e) => {
-      var i, r;
+      var i, r, n, s;
       const t = e;
-      (t.button ?? 0) !== 0 || !this.state || ((i = t.preventDefault) == null || i.call(t), (r = t.stopPropagation) == null || r.call(t), this.interaction = {
+      (t.button ?? 0) !== 0 || !this.state || ((i = t.preventDefault) == null || i.call(t), (r = t.stopPropagation) == null || r.call(t), this.state.clipType === "text" && ((s = (n = this.callbacks).onTextTransformInteractionStart) == null || s.call(n)), this.interaction = {
         clipId: this.state.clipId,
         mode: "move",
         pointerStart: this.toLocalPoint(t),
@@ -14243,10 +14243,10 @@ class vd {
   }
   getRotateHandlePointerDown() {
     return (e) => {
-      var o, l;
+      var o, l, c, h;
       const t = e;
       if ((t.button ?? 0) !== 0 || !this.state) return;
-      (o = t.preventDefault) == null || o.call(t), (l = t.stopPropagation) == null || l.call(t);
+      (o = t.preventDefault) == null || o.call(t), (l = t.stopPropagation) == null || l.call(t), this.state.clipType === "text" && ((h = (c = this.callbacks).onTextTransformInteractionStart) == null || h.call(c));
       const i = this.state.displayRect.left + this.state.displayRect.width / 2, r = this.state.displayRect.top + this.state.displayRect.height / 2, n = this.toLocalPoint(t), s = Math.atan2(n.y - r, n.x - i) * (180 / Math.PI);
       this.interaction = {
         clipId: this.state.clipId,
@@ -14280,12 +14280,14 @@ class vd {
   }
   getHandlePointerDown(e) {
     return (t) => {
-      var c, h;
+      var c, h, d, u;
       const i = t;
       if ((i.button ?? 0) !== 0 || !this.state)
         return;
       (c = i.preventDefault) == null || c.call(i), (h = i.stopPropagation) == null || h.call(i);
-      const r = e === "top-right" || e === "bottom-left" ? "nesw-resize" : "nwse-resize", n = this.state.clipType === "text", s = n ? this.state.displayRect.left + this.state.displayRect.width / 2 : void 0, o = n ? this.state.displayRect.top + this.state.displayRect.height / 2 : void 0, l = n ? Math.sqrt(Math.pow(this.state.displayRect.width / 2, 2) + Math.pow(this.state.displayRect.height / 2, 2)) : void 0;
+      const r = this.state.clipType === "text";
+      r && ((u = (d = this.callbacks).onTextTransformInteractionStart) == null || u.call(d));
+      const n = e === "top-right" || e === "bottom-left" ? "nesw-resize" : "nwse-resize", s = r ? this.state.displayRect.left + this.state.displayRect.width / 2 : void 0, o = r ? this.state.displayRect.top + this.state.displayRect.height / 2 : void 0, l = r ? Math.sqrt(Math.pow(this.state.displayRect.width / 2, 2) + Math.pow(this.state.displayRect.height / 2, 2)) : void 0;
       this.interaction = {
         clipId: this.state.clipId,
         mode: "scale",
@@ -14295,17 +14297,17 @@ class vd {
         frameSize: this.state.frameSize,
         nextTransform: this.state.transform,
         changed: !1,
-        cursor: r,
+        cursor: n,
         clipType: this.state.clipType ?? "video",
-        startFontSize: n ? this.state.currentFontSize : void 0,
-        nextFontSize: n ? this.state.currentFontSize : void 0,
+        startFontSize: r ? this.state.currentFontSize : void 0,
+        nextFontSize: r ? this.state.currentFontSize : void 0,
         centerX: s,
         centerY: o,
         startCenterDistance: l,
         startRotation: void 0,
         nextRotation: void 0,
         startAngle: void 0
-      }, this.setGlobalCursor(r), this.bindDocumentListeners();
+      }, this.setGlobalCursor(n), this.bindDocumentListeners();
     };
   }
   bindDocumentListeners() {
@@ -14485,7 +14487,7 @@ function ze(a) {
   } catch {
   }
 }
-function Ad(a) {
+function Id(a) {
   var e;
   try {
     const t = a.play();
@@ -14500,7 +14502,7 @@ function fs(a, e) {
   } catch {
   }
 }
-function Ai(a, e) {
+function Ii(a, e) {
   var i;
   const t = (i = a == null ? void 0 : a.clip.style) == null ? void 0 : i[e];
   return typeof t == "number" && t > 0 ? t : null;
@@ -14511,7 +14513,7 @@ function gs(a) {
   const e = Number.parseFloat(a);
   return Number.isFinite(e) ? e : 0;
 }
-function Id() {
+function Ad() {
   return typeof performance < "u" && typeof performance.now == "function" ? Math.round(performance.now()) : Date.now();
 }
 function Ed(a) {
@@ -14526,7 +14528,7 @@ function Ed(a) {
 }
 function oe(a) {
   return {
-    tsMs: Id(),
+    tsMs: Ad(),
     currentTime: Number.isFinite(a.currentTime) ? Number(a.currentTime.toFixed(3)) : null,
     duration: Number.isFinite(a.duration) ? Number(a.duration.toFixed(3)) : null,
     currentSrc: De(a) || null,
@@ -14665,6 +14667,7 @@ class Ld {
     p(this, "isSyncProjecting", !1);
     p(this, "deferredPreloadSlotKeys", /* @__PURE__ */ new Set());
     p(this, "deferredPreloadFlushScheduled", !1);
+    p(this, "lastSyncedPlayState", "paused");
     this.callbacks = e, this.dependencies = t, this.pendingOverlayRenderer = new fd(() => {
       var i, r;
       (r = (i = this.callbacks).onPendingPreviewRetry) == null || r.call(i);
@@ -14703,9 +14706,16 @@ class Ld {
       onRotationCommit: (i, r) => {
         var n, s;
         (s = (n = this.callbacks).onTextRotationCommit) == null || s.call(n, i, r);
+      },
+      onTextTransformInteractionStart: () => {
+        this.requestPauseIfPlaying();
       }
     });
   }
+  requestPauseIfPlaying() {
+    var e, t;
+    this.lastSyncedPlayState === "playing" && ((t = (e = this.callbacks).onPauseIfPlaying) == null || t.call(e));
+  }
   emitDiagnostic(e, t, i, r = {}) {
     var o, l;
     const n = this.dependencies.diagnostics;
@@ -14755,7 +14765,7 @@ class Ld {
     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 = I.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");
@@ -14793,7 +14803,7 @@ class Ld {
     var s;
     if (!this.rootElement || !this.frameElement)
       return;
-    this.primarySelectedClipId = e.primarySelectedClipId ?? null, this.activeSyncRequestId = e.syncRequestId, this.emitDiagnostic("info", "playback", "preview.sync.requested", {
+    this.lastSyncedPlayState = e.playState, this.primarySelectedClipId = e.primarySelectedClipId ?? null, this.activeSyncRequestId = e.syncRequestId, this.emitDiagnostic("info", "playback", "preview.sync.requested", {
       message: "Preview sync requested",
       syncRequestId: e.syncRequestId ?? null,
       runtimeState: {
@@ -14841,14 +14851,14 @@ class Ld {
   }
   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, Wi(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 = I.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, Wi(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 S, 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 = I.black, n.style.pointerEvents = "none", n.style.display = "none", n.appendChild(r), (S = this.frameElement) == null || S.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), (S = this.frameElement) == null || S.appendChild(n);
     }
     const s = {
       role: i,
@@ -15521,7 +15531,7 @@ class Ld {
           speed: i,
           sourceState: l
         }
-      })), Ad(e.element);
+      })), Id(e.element);
     } else
       this.emitDiagnostic("debug", "playback", "media.pause.requested", this.buildSlotTraceData(e, {
         message: "Media pause requested",
@@ -15585,7 +15595,7 @@ class Ld {
   maybeResolveAutoAspectRatio(e) {
     if (!Xt(this.requestedAspectRatio.mode) || this.resolvedAutoAspectRatio || !e || !e.hasVisual)
       return;
-    const t = Ai(e, "sys_width"), i = Ai(e, "sys_height");
+    const t = Ii(e, "sys_width"), i = Ii(e, "sys_height");
     if (t && i) {
       this.handleResolvedAutoAspectRatio(t, i);
       return;
@@ -15812,7 +15822,7 @@ class Ld {
       const i = t;
       if ((i.button ?? 0) !== 0)
         return;
-      if ((s = i.preventDefault) == null || s.call(i), (o = i.stopPropagation) == null || o.call(i), this.primarySelectedClipId !== e) {
+      if ((s = i.preventDefault) == null || s.call(i), (o = i.stopPropagation) == null || o.call(i), this.requestPauseIfPlaying(), this.primarySelectedClipId !== e) {
         (c = (l = this.callbacks).onPreviewClipSelect) == null || c.call(l, e);
         return;
       }
@@ -16008,7 +16018,7 @@ class Ld {
         width: e.element.videoWidth,
         height: e.element.videoHeight
       };
-    const r = Ai(t, "sys_width"), n = Ai(t, "sys_height");
+    const r = Ii(t, "sys_width"), n = Ii(t, "sys_height");
     return r && n ? {
       width: r,
       height: n
@@ -16843,7 +16853,7 @@ function Ts(a, e = ti.allowedMimeTypes) {
   const i = bs(a.mimeType);
   return !e.some((r) => bs(r) === i);
 }
-function Au(a) {
+function Iu(a) {
   return a && a.split(";", 1)[0].trim().toLowerCase() || null;
 }
 function ws(a) {
@@ -16852,7 +16862,7 @@ function ws(a) {
   const e = Number(a);
   return Number.isSafeInteger(e) && e >= 0 ? e : null;
 }
-function Iu(a) {
+function Au(a) {
   if (!a)
     return null;
   const e = a.match(/^bytes\s+(?:\d+-\d+|\*)\/(\d+|\*)$/i);
@@ -16866,7 +16876,7 @@ function ks(a, e, t) {
     url: e,
     ok: a.ok,
     status: a.status,
-    mimeType: Au(a.headers.get("content-type")),
+    mimeType: Iu(a.headers.get("content-type")),
     sizeBytes: t,
     etag: a.headers.get("etag"),
     lastModified: a.headers.get("last-modified"),
@@ -16887,7 +16897,7 @@ class Eu {
       headers: {
         Range: "bytes=0-0"
       }
-    }), i = Iu(t.headers.get("content-range")) ?? ws(t.headers.get("content-length"));
+    }), i = Au(t.headers.get("content-range")) ?? ws(t.headers.get("content-length"));
     try {
       await ((r = t.body) == null ? void 0 : r.cancel());
     } catch {
@@ -17367,7 +17377,7 @@ class Bu {
 function Ou(a) {
   return a === "text" ? "文本" : a === "video" ? "视频" : "音频";
 }
-function Ii(a) {
+function Ai(a) {
   return a === "text" ? 0 : a === "video" ? 1 : 2;
 }
 class Fu {
@@ -17438,7 +17448,7 @@ class Fu {
         this.tracks.splice(s, 0, e), this.recalculateOrder();
         return;
       }
-      const o = this.tracks.findIndex((l) => Ii(l.type) > Ii(e.type));
+      const o = this.tracks.findIndex((l) => Ai(l.type) > Ai(e.type));
       if (o !== -1) {
         this.tracks.splice(o, 0, e), this.recalculateOrder();
         return;
@@ -17450,7 +17460,7 @@ class Fu {
         this.tracks.splice(s + 1, 0, e), this.recalculateOrder();
         return;
       }
-      const o = this.tracks.reduce((l, c, h) => Ii(c.type) <= Ii(e.type) ? h : l, -1);
+      const o = this.tracks.reduce((l, c, h) => Ai(c.type) <= Ai(e.type) ? h : l, -1);
       if (o !== -1) {
         this.tracks.splice(o + 1, 0, e), this.recalculateOrder();
         return;
@@ -18055,13 +18065,13 @@ class _s {
       container: this.container,
       width: this.container.clientWidth,
       height: this.container.clientHeight
-    }), this.layer = new K.Layer(), this.layer.name("scrollbar-layer"), this.stage.add(this.layer), this.hitAreaRect = de.createRect(0, 0, 0, 0, At.hitArea, "transparent", 0), this.hitAreaRect.name("scrollbar-hit-area"), this.thumbRect = de.createRect(
+    }), this.layer = new K.Layer(), this.layer.name("scrollbar-layer"), this.stage.add(this.layer), this.hitAreaRect = de.createRect(0, 0, 0, 0, It.hitArea, "transparent", 0), this.hitAreaRect.name("scrollbar-hit-area"), this.thumbRect = de.createRect(
       0,
       0,
       0,
       0,
-      this.theme.scrollbarThumb || At.thumb,
-      this.theme.scrollbarThumbBorder || this.theme.scrollbarBorder || At.border,
+      this.theme.scrollbarThumb || It.thumb,
+      this.theme.scrollbarThumbBorder || this.theme.scrollbarBorder || It.border,
       1
     ), this.thumbRect.name("scrollbar-thumb"), this.thumbRect.cornerRadius(999), this.layer.add(this.hitAreaRect), this.layer.add(this.thumbRect), this.stage.on("mousedown", this.handleStageMouseDown), this.stage.on("mouseup", this.handleStageMouseUp), this.stage.on("mouseenter", this.handleStageMouseEnter), this.stage.on("mousemove", this.handleStageMouseMove), this.stage.on("mouseleave", this.handleStageMouseLeave), this.render();
   }
@@ -18108,7 +18118,7 @@ class _s {
   }
   render() {
     const e = Math.max(0, this.container.clientWidth), t = Math.max(0, this.container.clientHeight), i = this.shouldHideScrollbar();
-    this.stage.width(e), this.stage.height(t), this.container.style.display = i ? "none" : "block", this.hitAreaRect.x(0), this.hitAreaRect.y(0), this.hitAreaRect.width(e), this.hitAreaRect.height(t), this.thumbRect.fill(this.theme.scrollbarThumb || At.thumb), this.thumbRect.stroke(this.theme.scrollbarThumbBorder || this.theme.scrollbarBorder || At.border);
+    this.stage.width(e), this.stage.height(t), this.container.style.display = i ? "none" : "block", this.hitAreaRect.x(0), this.hitAreaRect.y(0), this.hitAreaRect.width(e), this.hitAreaRect.height(t), this.thumbRect.fill(this.theme.scrollbarThumb || It.thumb), this.thumbRect.stroke(this.theme.scrollbarThumbBorder || this.theme.scrollbarBorder || It.border);
     const r = this.getAvailableTrackSize();
     if (r <= 0 || i) {
       this.thumbRect.visible(!1), this.container.style.cursor = "default", this.stage.batchDraw();
@@ -18150,7 +18160,7 @@ class _s {
     return this.scrollOffset / i * r;
   }
 }
-class As {
+class Is {
   constructor() {
     p(this, "entries", /* @__PURE__ */ new Map());
   }
@@ -18259,7 +18269,7 @@ const zu = "@linker-design-plus/timeline-track", Vu = "2.0.23", Ht = {
   name: zu,
   version: Vu
 }, Uu = 1, Wu = 2, Yu = 120, Xu = 250;
-function Is(a) {
+function As(a) {
   return a == null ? a : JSON.parse(JSON.stringify(a));
 }
 function qu(a) {
@@ -18334,7 +18344,7 @@ class rp {
     });
     p(this, "keyboardShortcutsController", null);
     p(this, "clipClipboard", null);
-    p(this, "mountManager", new As());
+    p(this, "mountManager", new Is());
     p(this, "pendingDraftData", null);
     p(this, "selectionStore", new Ha());
     p(this, "multiDragSession", null);
@@ -18653,6 +18663,9 @@ class rp {
       onPendingPreviewRetry: () => {
         this.isActivePreviewCallbackToken(e) && this.retryPendingPreview();
       },
+      onPauseIfPlaying: () => {
+        this.isActivePreviewCallbackToken(e) && this.getPlayStateState() === "playing" && this.pause();
+      },
       onRuntimeError: () => {
         this.isActivePreviewCallbackToken(e) && this.handlePreviewBackendRuntimeError();
       }
@@ -20966,7 +20979,7 @@ class rp {
     return {
       ...e,
       thumbnails: e.thumbnails ? [...e.thumbnails] : void 0,
-      style: Is(e.style),
+      style: As(e.style),
       visualTransform: e.visualTransform ? { ...e.visualTransform } : void 0,
       textStyle: e.textStyle ? { ...e.textStyle } : void 0
     };
@@ -20985,7 +20998,7 @@ class rp {
       endTimeAtSource: r.endTimeAtSource,
       sourceDuration: r.sourceDuration,
       thumbnails: r.thumbnails ? [...r.thumbnails] : void 0,
-      style: Is(r.style),
+      style: As(r.style),
       visualTransform: r.visualTransform ? { ...r.visualTransform } : void 0,
       separatedAudioClipId: n,
       separatedFromVideoClipId: s,
@@ -21445,7 +21458,7 @@ class rp {
   }
   initKeyboardShortcuts() {
     var e;
-    this.rootContainer && (this.mountManager || (this.mountManager = new As()), (e = this.keyboardShortcutsController) == null || e.destroy(), this.keyboardShortcutsController = new eu({
+    this.rootContainer && (this.mountManager || (this.mountManager = new Is()), (e = this.keyboardShortcutsController) == null || e.destroy(), this.keyboardShortcutsController = new eu({
       root: this.rootContainer,
       config: this.config.keyboardShortcuts,
       callbacks: {