@realsee/dnalogel 3.20.0-dev.2 → 3.20.1

package/components/index.js

@@ -3,11 +3,11 @@ var Z = (t, i, e) => i in t ? z(t, i, { enumerable: !0, configurable: !0, writab
 var C = (t, i, e) => (Z(t, typeof i != "symbol" ? i + "" : i, e), e);
 function m() {
 }
-const E = () => Promise.resolve(), k = {
+const B = () => Promise.resolve(), k = {
   __queue: Promise.resolve()
 };
-function G(t = E) {
-  k.__queue = k.__queue.then(t).catch(E);
+function G(t = B) {
+  k.__queue = k.__queue.then(t).catch(B);
 }
 function T(t, i, e) {
   const n = t.x, s = t.y, r = Math.floor(n / i * 1e4) / 1e4, a = Math.floor(s / e * 1e4) / 1e4;
@@ -37,7 +37,7 @@ const W = window, R = window.requestAnimationFrame || W.webkitRequestAnimationFr
 function P(t, i = 0) {
   i <= 0 ? R(t) : R(() => P(t, i - 1));
 }
-var w = Object.freeze({
+var b = Object.freeze({
   Linear: Object.freeze({
     None: function(t) {
       return t;
@@ -156,13 +156,13 @@ var w = Object.freeze({
   }),
   Bounce: Object.freeze({
     In: function(t) {
-      return 1 - w.Bounce.Out(1 - t);
+      return 1 - b.Bounce.Out(1 - t);
     },
     Out: function(t) {
       return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;
     },
     InOut: function(t) {
-      return t < 0.5 ? w.Bounce.In(t * 2) * 0.5 : w.Bounce.Out(t * 2 - 1) * 0.5 + 0.5;
+      return t < 0.5 ? b.Bounce.In(t * 2) * 0.5 : b.Bounce.Out(t * 2 - 1) * 0.5 + 0.5;
     }
   }),
   generatePow: function(t) {
@@ -213,18 +213,18 @@ var w = Object.freeze({
       return !0;
     }, t;
   }()
-), y = {
+), w = {
   Linear: function(t, i) {
-    var e = t.length - 1, n = e * i, s = Math.floor(n), r = y.Utils.Linear;
+    var e = t.length - 1, n = e * i, s = Math.floor(n), r = w.Utils.Linear;
     return i < 0 ? r(t[0], t[1], n) : i > 1 ? r(t[e], t[e - 1], e - n) : r(t[s], t[s + 1 > e ? e : s + 1], n - s);
   },
   Bezier: function(t, i) {
-    for (var e = 0, n = t.length - 1, s = Math.pow, r = y.Utils.Bernstein, a = 0; a <= n; a++)
+    for (var e = 0, n = t.length - 1, s = Math.pow, r = w.Utils.Bernstein, a = 0; a <= n; a++)
       e += s(1 - i, n - a) * s(i, a) * t[a] * r(n, a);
     return e;
   },
   CatmullRom: function(t, i) {
-    var e = t.length - 1, n = e * i, s = Math.floor(n), r = y.Utils.CatmullRom;
+    var e = t.length - 1, n = e * i, s = Math.floor(n), r = w.Utils.CatmullRom;
     return t[0] === t[e] ? (i < 0 && (s = Math.floor(n = e * (1 + i))), r(t[(s - 1 + e) % e], t[s], t[(s + 1) % e], t[(s + 2) % e], n - s)) : i < 0 ? t[0] - (r(t[0], t[0], t[1], t[1], -n) - t[0]) : i > 1 ? t[e] - (r(t[e], t[e], t[e - 1], t[e - 1], n - e) - t[e]) : r(t[s ? s - 1 : 0], t[s], t[e < s + 1 ? e : s + 1], t[e < s + 2 ? e : s + 2], n - s);
   },
   Utils: {
@@ -232,7 +232,7 @@ var w = Object.freeze({
       return (i - t) * e + t;
     },
     Bernstein: function(t, i) {
-      var e = y.Utils.Factorial;
+      var e = w.Utils.Factorial;
       return e(t) / e(i) / e(t - i);
     },
     Factorial: function() {
@@ -260,11 +260,11 @@ var w = Object.freeze({
       return t._nextId++;
     }, t._nextId = 0, t;
   }()
-), B = new Y(), Q = (
+), E = new Y(), Q = (
   /** @class */
   function() {
     function t(i, e) {
-      e === void 0 && (e = B), this._object = i, this._group = e, this._isPaused = !1, this._pauseStart = 0, this._valuesStart = {}, this._valuesEnd = {}, this._valuesStartRepeat = {}, this._duration = 1e3, this._isDynamic = !1, this._initialRepeat = 0, this._repeat = 0, this._yoyo = !1, this._isPlaying = !1, this._reversed = !1, this._delayTime = 0, this._startTime = 0, this._easingFunction = w.Linear.None, this._interpolationFunction = y.Linear, this._chainedTweens = [], this._onStartCallbackFired = !1, this._onEveryStartCallbackFired = !1, this._id = H.nextId(), this._isChainStopped = !1, this._propertiesAreSetUp = !1, this._goToEnd = !1;
+      e === void 0 && (e = E), this._object = i, this._group = e, this._isPaused = !1, this._pauseStart = 0, this._valuesStart = {}, this._valuesEnd = {}, this._valuesStartRepeat = {}, this._duration = 1e3, this._isDynamic = !1, this._initialRepeat = 0, this._repeat = 0, this._yoyo = !1, this._isPlaying = !1, this._reversed = !1, this._delayTime = 0, this._startTime = 0, this._easingFunction = b.Linear.None, this._interpolationFunction = w.Linear, this._chainedTweens = [], this._onStartCallbackFired = !1, this._onEveryStartCallbackFired = !1, this._id = H.nextId(), this._isChainStopped = !1, this._propertiesAreSetUp = !1, this._goToEnd = !1;
     }
     return t.prototype.getId = function() {
       return this._id;
@@ -272,12 +272,14 @@ var w = Object.freeze({
       return this._isPlaying;
     }, t.prototype.isPaused = function() {
       return this._isPaused;
+    }, t.prototype.getDuration = function() {
+      return this._duration;
     }, t.prototype.to = function(i, e) {
       if (e === void 0 && (e = 1e3), this._isPlaying)
         throw new Error("Can not call Tween.to() while Tween is already started or paused. Stop the Tween first.");
-      return this._valuesEnd = i, this._propertiesAreSetUp = !1, this._duration = e, this;
+      return this._valuesEnd = i, this._propertiesAreSetUp = !1, this._duration = e < 0 ? 0 : e, this;
     }, t.prototype.duration = function(i) {
-      return i === void 0 && (i = 1e3), this._duration = i, this;
+      return i === void 0 && (i = 1e3), this._duration = i < 0 ? 0 : i, this;
     }, t.prototype.dynamic = function(i) {
       return i === void 0 && (i = !1), this._isDynamic = i, this;
     }, t.prototype.start = function(i, e) {
@@ -302,34 +304,34 @@ var w = Object.freeze({
       return this.start(i, !0);
     }, t.prototype._setupProperties = function(i, e, n, s, r) {
       for (var a in n) {
-        var o = i[a], c = Array.isArray(o), f = c ? "array" : typeof o, I = !c && Array.isArray(n[a]);
-        if (!(f === "undefined" || f === "function")) {
+        var o = i[a], c = Array.isArray(o), d = c ? "array" : typeof o, I = !c && Array.isArray(n[a]);
+        if (!(d === "undefined" || d === "function")) {
           if (I) {
             var u = n[a];
             if (u.length === 0)
               continue;
-            for (var l = [o], h = 0, d = u.length; h < d; h += 1) {
-              var g = this._handleRelativeValue(o, u[h]);
-              if (isNaN(g)) {
+            for (var l = [o], h = 0, g = u.length; h < g; h += 1) {
+              var f = this._handleRelativeValue(o, u[h]);
+              if (isNaN(f)) {
                 I = !1, console.warn("Found invalid interpolation list. Skipping.");
                 break;
               }
-              l.push(g);
+              l.push(f);
             }
             I && (n[a] = l);
           }
-          if ((f === "object" || c) && o && !I) {
+          if ((d === "object" || c) && o && !I) {
             e[a] = c ? [] : {};
             var p = o;
-            for (var _ in p)
-              e[a][_] = p[_];
+            for (var A in p)
+              e[a][A] = p[A];
             s[a] = c ? [] : {};
             var u = n[a];
             if (!this._isDynamic) {
-              var b = {};
-              for (var _ in u)
-                b[_] = u[_];
-              n[a] = u = b;
+              var v = {};
+              for (var A in u)
+                v[A] = u[A];
+              n[a] = u = v;
             }
             this._setupProperties(p, e[a], u, s[a], r);
           } else
@@ -349,7 +351,7 @@ var w = Object.freeze({
         this._chainedTweens[i].stop();
       return this;
     }, t.prototype.group = function(i) {
-      return i === void 0 && (i = B), this._group = i, this;
+      return i === void 0 && (i = E), this._group = i, this;
     }, t.prototype.delay = function(i) {
       return i === void 0 && (i = 0), this._delayTime = i, this;
     }, t.prototype.repeat = function(i) {
@@ -359,9 +361,9 @@ var w = Object.freeze({
     }, t.prototype.yoyo = function(i) {
       return i === void 0 && (i = !1), this._yoyo = i, this;
     }, t.prototype.easing = function(i) {
-      return i === void 0 && (i = w.Linear.None), this._easingFunction = i, this;
+      return i === void 0 && (i = b.Linear.None), this._easingFunction = i, this;
     }, t.prototype.interpolation = function(i) {
-      return i === void 0 && (i = y.Linear), this._interpolationFunction = i, this;
+      return i === void 0 && (i = w.Linear), this._interpolationFunction = i, this;
     }, t.prototype.chain = function() {
       for (var i = [], e = 0; e < arguments.length; e++)
         i[e] = arguments[e];
@@ -379,37 +381,44 @@ var w = Object.freeze({
     }, t.prototype.onStop = function(i) {
       return this._onStopCallback = i, this;
     }, t.prototype.update = function(i, e) {
+      var n = this, s;
       if (i === void 0 && (i = N()), e === void 0 && (e = !0), this._isPaused)
         return !0;
-      var n, s, r = this._startTime + this._duration;
+      var r, a = this._startTime + this._duration;
       if (!this._goToEnd && !this._isPlaying) {
-        if (i > r)
+        if (i > a)
           return !1;
         e && this.start(i, !0);
       }
       if (this._goToEnd = !1, i < this._startTime)
         return !0;
-      this._onStartCallbackFired === !1 && (this._onStartCallback && this._onStartCallback(this._object), this._onStartCallbackFired = !0), this._onEveryStartCallbackFired === !1 && (this._onEveryStartCallback && this._onEveryStartCallback(this._object), this._onEveryStartCallbackFired = !0), s = (i - this._startTime) / this._duration, s = this._duration === 0 || s > 1 ? 1 : s;
-      var a = this._easingFunction(s);
-      if (this._updateProperties(this._object, this._valuesStart, this._valuesEnd, a), this._onUpdateCallback && this._onUpdateCallback(this._object, s), s === 1)
+      this._onStartCallbackFired === !1 && (this._onStartCallback && this._onStartCallback(this._object), this._onStartCallbackFired = !0), this._onEveryStartCallbackFired === !1 && (this._onEveryStartCallback && this._onEveryStartCallback(this._object), this._onEveryStartCallbackFired = !0);
+      var o = i - this._startTime, c = this._duration + ((s = this._repeatDelayTime) !== null && s !== void 0 ? s : this._delayTime), d = this._duration + this._repeat * c, I = function() {
+        if (n._duration === 0 || o > d)
+          return 1;
+        var p = Math.trunc(o / c), A = o - p * c, v = Math.min(A / n._duration, 1);
+        return v === 0 && o === n._duration ? 1 : v;
+      }, u = I(), l = this._easingFunction(u);
+      if (this._updateProperties(this._object, this._valuesStart, this._valuesEnd, l), this._onUpdateCallback && this._onUpdateCallback(this._object, u), this._duration === 0 || o >= this._duration)
         if (this._repeat > 0) {
-          isFinite(this._repeat) && this._repeat--;
-          for (n in this._valuesStartRepeat)
-            !this._yoyo && typeof this._valuesEnd[n] == "string" && (this._valuesStartRepeat[n] = // eslint-disable-next-line
+          var h = Math.min(Math.trunc((o - this._duration) / c) + 1, this._repeat);
+          isFinite(this._repeat) && (this._repeat -= h);
+          for (r in this._valuesStartRepeat)
+            !this._yoyo && typeof this._valuesEnd[r] == "string" && (this._valuesStartRepeat[r] = // eslint-disable-next-line
             // @ts-ignore FIXME?
-            this._valuesStartRepeat[n] + parseFloat(this._valuesEnd[n])), this._yoyo && this._swapEndStartRepeatValues(n), this._valuesStart[n] = this._valuesStartRepeat[n];
-          return this._yoyo && (this._reversed = !this._reversed), this._repeatDelayTime !== void 0 ? this._startTime = i + this._repeatDelayTime : this._startTime = i + this._delayTime, this._onRepeatCallback && this._onRepeatCallback(this._object), this._onEveryStartCallbackFired = !1, !0;
+            this._valuesStartRepeat[r] + parseFloat(this._valuesEnd[r])), this._yoyo && this._swapEndStartRepeatValues(r), this._valuesStart[r] = this._valuesStartRepeat[r];
+          return this._yoyo && (this._reversed = !this._reversed), this._startTime += c * h, this._onRepeatCallback && this._onRepeatCallback(this._object), this._onEveryStartCallbackFired = !1, !0;
         } else {
           this._onCompleteCallback && this._onCompleteCallback(this._object);
-          for (var o = 0, c = this._chainedTweens.length; o < c; o++)
-            this._chainedTweens[o].start(this._startTime + this._duration, !1);
+          for (var g = 0, f = this._chainedTweens.length; g < f; g++)
+            this._chainedTweens[g].start(this._startTime + this._duration, !1);
           return this._isPlaying = !1, !1;
         }
       return !0;
     }, t.prototype._updateProperties = function(i, e, n, s) {
       for (var r in n)
         if (e[r] !== void 0) {
-          var a = e[r] || 0, o = n[r], c = Array.isArray(i[r]), f = Array.isArray(o), I = !c && f;
+          var a = e[r] || 0, o = n[r], c = Array.isArray(i[r]), d = Array.isArray(o), I = !c && d;
           I ? i[r] = this._interpolationFunction(o, s) : typeof o == "object" && o ? this._updateProperties(i[r], a, o, s) : (o = this._handleRelativeValue(a, o), typeof o == "number" && (i[r] = a + (o - a) * s));
         }
     }, t.prototype._handleRelativeValue = function(i, e) {
@@ -419,20 +428,20 @@ var w = Object.freeze({
       typeof n == "string" ? this._valuesStartRepeat[i] = this._valuesStartRepeat[i] + parseFloat(n) : this._valuesStartRepeat[i] = this._valuesEnd[i], this._valuesEnd[i] = e;
     }, t;
   }()
-), A = B;
-A.getAll.bind(A);
-A.removeAll.bind(A);
-A.add.bind(A);
-A.remove.bind(A);
-A.update.bind(A);
-function F(t, i, e, n = w.Linear.None) {
+), _ = E;
+_.getAll.bind(_);
+_.removeAll.bind(_);
+_.add.bind(_);
+_.remove.bind(_);
+_.update.bind(_);
+function F(t, i, e, n = b.Linear.None) {
   const s = new Q(t).to(i, e).easing(n).start();
   function r(a) {
     s.update(a) && requestAnimationFrame(r);
   }
   return requestAnimationFrame(r), s;
 }
-var M = /* @__PURE__ */ ((t) => (t.Drawline = "Drawline", t.Undo = "Undo", t.Exit = "Exit", t))(M || {});
+var y = /* @__PURE__ */ ((t) => (t.Drawline = "Drawline", t.Undo = "Undo", t.Exit = "Exit", t))(y || {});
 const x = Symbol("$$PAINT_BRUSH_EVENT$$");
 function S(t) {
   return t[x] || (t[x] = {}), t[x];
@@ -508,17 +517,17 @@ class K {
     let n = !1;
     const r = S(this)[i] || [];
     for (let a of r.slice()) {
-      const [o, c = !1] = a, f = o(...e);
-      c && this.off(i, o), f === !1 && (n = !0);
+      const [o, c = !1] = a, d = o(...e);
+      c && this.off(i, o), d === !1 && (n = !0);
     }
     return n;
   }
 }
-function v() {
+function M() {
   return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
 }
 function X() {
-  return (v() + v() + "-" + v() + "-4" + v().substr(0, 3) + "-" + v() + "-" + v() + v() + v()).toLowerCase();
+  return (M() + M() + "-" + M() + "-4" + M().substr(0, 3) + "-" + M() + "-" + M() + M() + M()).toLowerCase();
 }
 const V = `
 <style type="text/css">
@@ -687,17 +696,17 @@ class q extends K {
         return;
       const c = this.data[this.uuid].pop();
       c && this.emitStateChange({
-        type: M.Undo,
+        type: y.Undo,
         color: this.color,
         ready: this.ready,
         state: c,
         uuid: this.uuid
       });
-      const f = (l = this.canvas[this.uuid]) == null ? void 0 : l.getContext("2d");
+      const d = (l = this.canvas[this.uuid]) == null ? void 0 : l.getContext("2d");
       if (!this.canvas[this.uuid])
         return;
       const { width: I, height: u } = this.canvas[this.uuid];
-      f && f.clearRect(0, 0, I, u), this.data[this.uuid].forEach((h) => this.handleDrawLine(this.uuid, h, { withUndo: !0 }));
+      d && d.clearRect(0, 0, I, u), this.data[this.uuid].forEach((h) => this.handleDrawLine(this.uuid, h, { withUndo: !0 }));
     });
     const r = document.createElement("a");
     return r.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close", r.addEventListener("click", (o) => {
@@ -705,8 +714,8 @@ class q extends K {
     }), [s, r].forEach((o) => {
       const c = document.createElement("i");
       c.className = "brush-icon";
-      const f = document.createElement("span");
-      f.className = "brush-txt", f.innerText = o.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, o.appendChild(c), o.appendChild(f);
+      const d = document.createElement("span");
+      d.className = "brush-txt", d.innerText = o.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, o.appendChild(c), o.appendChild(d);
     }), n.appendChild(s), n.appendChild(r), e.appendChild(n), this.container.appendChild(e), e;
   }
   openBrush() {
@@ -722,7 +731,7 @@ class q extends K {
       const n = this.canvas[e].getContext("2d");
       n && n.clearRect(0, 0, this.canvas[e].width, this.canvas[e].height);
     }), this.ready = !1, this.emit("readyChange", !1), this.emitStateChange({
-      type: M.Exit,
+      type: y.Exit,
       color: this.color,
       ready: !1,
       uuid: this.uuid
@@ -744,13 +753,13 @@ class q extends K {
       return;
     const s = this.color || "#6D92FF";
     n.strokeStyle = s;
-    let r = null, a = [], o, c = [], f = 0;
+    let r = null, a = [], o, c = [], d = 0;
     const I = (u, l, h) => {
-      const d = this.color || "#ff0000";
-      n.strokeStyle = d, n.beginPath(), n.moveTo(u.x, u.y), n.quadraticCurveTo(l.x, l.y, h.x, h.y), n.stroke();
+      const g = this.color || "#ff0000";
+      n.strokeStyle = g, n.beginPath(), n.moveTo(u.x, u.y), n.quadraticCurveTo(l.x, l.y, h.x, h.y), n.stroke();
     };
     e.onmousedown = (u) => {
-      u.preventDefault(), f = Date.now();
+      u.preventDefault(), d = Date.now();
       const l = u.clientX, h = u.clientY;
       a = [], a.push({ x: l, y: h }), r = { x: l, y: h }, o = T({ x: l, y: h }, this.clientWidth, this.clientHeight), c = [];
     }, e.onmousemove = (u) => {
@@ -759,13 +768,13 @@ class q extends K {
       const l = Number(u.clientX), h = Number(u.clientY);
       if (Math.abs(l - r.x) < 5 && Math.abs(h - r.y) < 5 || (a.push({ x: l, y: h }), c.push(T({ x: l, y: h }, this.clientWidth, this.clientHeight)), a.length < 3))
         return;
-      const { control: d, end: g } = j(a);
-      !d || !g || (I(r, d, g), r = g);
+      const { control: g, end: f } = j(a);
+      !g || !f || (I(r, g, f), r = f);
     }, e.onmouseup = (u) => {
       if (u.preventDefault(), r = null, a.length < 3)
         return;
       this.data[this.uuid] || (this.data[this.uuid] = []);
-      const l = Date.now() - f, h = {
+      const l = Date.now() - d, h = {
         move: Object.assign({}, o),
         uuid: this.uuid,
         line: [...c],
@@ -775,7 +784,7 @@ class q extends K {
       };
       this.data[this.uuid].push(h), P(() => {
         this.emitStateChange({
-          type: M.Drawline,
+          type: y.Drawline,
           color: this.color,
           ready: this.ready,
           state: h,
@@ -783,7 +792,7 @@ class q extends K {
         });
       });
     }, e.ontouchstart = (u) => {
-      u.preventDefault(), f = Date.now();
+      u.preventDefault(), d = Date.now();
       const l = u.touches[0].clientX, h = u.touches[0].clientY;
       a = [], a.push({ x: l, y: h }), r = { x: l, y: h }, o = T({ x: l, y: h }, this.clientWidth, this.clientHeight), c = [];
     }, e.ontouchmove = (u) => {
@@ -792,13 +801,13 @@ class q extends K {
       const l = Number(u.touches[0].clientX), h = Number(u.touches[0].clientY);
       if (Math.abs(l - r.x) < 5 && Math.abs(h - r.y) < 5 || (a.push({ x: l, y: h }), c.push(T({ x: l, y: h }, this.clientWidth, this.clientHeight)), a.length < 3))
         return;
-      const { control: d, end: g } = j(a);
-      !d || !g || (I(r, d, g), r = g);
+      const { control: g, end: f } = j(a);
+      !g || !f || (I(r, g, f), r = f);
     }, e.ontouchend = e.ontouchcancel = (u) => {
       if (u.preventDefault(), r = null, a.length < 3)
         return;
       this.data[this.uuid] || (this.data[this.uuid] = []);
-      const l = Date.now() - f, h = {
+      const l = Date.now() - d, h = {
         move: Object.assign({}, o),
         line: [...c],
         uuid: this.uuid,
@@ -808,7 +817,7 @@ class q extends K {
       };
       this.data[this.uuid].push(h), P(() => {
         this.emitStateChange({
-          type: M.Drawline,
+          type: y.Drawline,
           color: this.color,
           ready: this.ready,
           state: h,
@@ -818,7 +827,7 @@ class q extends K {
     };
   }
   emitStateChange(e, n = !0) {
-    if (e.type !== M.Drawline) {
+    if (e.type !== y.Drawline) {
       this.emit("stateChange", e, n);
       return;
     }
@@ -859,13 +868,13 @@ class q extends K {
     }
     if (this.ready)
       switch (s) {
-        case M.Drawline:
+        case y.Drawline:
           const { state: a, timestamp: o, end: c } = e;
           if (!o || !a)
             return;
           this.tempLine[o] = [].concat(this.tempLine[o] || [], a.line), c && (Object.assign(a, { line: this.tempLine[o] }), this.handleDrawLine(r, a, {}, () => delete this.tempLine[o]));
           break;
-        case M.Undo:
+        case y.Undo:
           this.handleUndo(r);
           break;
       }
@@ -877,18 +886,18 @@ class q extends K {
       const o = this.canvas[e].getContext("2d");
       if (!o)
         return;
-      const { line: c = [], color: f = "black", duration: I = 0, uuid: u } = n, l = L(n.move || {}, this.clientWidth, this.clientHeight);
+      const { line: c = [], color: d = "black", duration: I = 0, uuid: u } = n, l = L(n.move || {}, this.clientWidth, this.clientHeight);
       let h = [l];
-      if (o.strokeStyle = f, o.beginPath(), o.moveTo(l.x, l.y), I && !s) {
-        let d = [];
-        const g = this;
-        g.tween = F({ step: 0 }, { step: c.length - 1 }, I).onUpdate(({ step: p }) => {
-          var b;
-          if (g.tweening = !0, !g.ready)
-            return o.clearRect(0, 0, g.canvas[u].width, g.canvas[u].height), (b = g.tween) == null ? void 0 : b.stop();
-          const _ = Math.floor(p);
-          if (!d.find((D) => D === _)) {
-            if (d.push(_), h.push(L(c[_], g.clientWidth, g.clientHeight)), h.length < 3)
+      if (o.strokeStyle = d, o.beginPath(), o.moveTo(l.x, l.y), I && !s) {
+        let g = [];
+        const f = this;
+        f.tween = F({ step: 0 }, { step: c.length - 1 }, I).onUpdate(({ step: p }) => {
+          var v;
+          if (f.tweening = !0, !f.ready)
+            return o.clearRect(0, 0, f.canvas[u].width, f.canvas[u].height), (v = f.tween) == null ? void 0 : v.stop();
+          const A = Math.floor(p);
+          if (!g.find((D) => D === A)) {
+            if (g.push(A), h.push(L(c[A], f.clientWidth, f.clientHeight)), h.length < 3)
               return;
             const { control: D, end: O } = j(h);
             if (!D || !O)
@@ -896,14 +905,14 @@ class q extends K {
             o.quadraticCurveTo(D.x, D.y, O.x, O.y), o.stroke();
           }
         }).onComplete((p) => {
-          g.tween = void 0, g.tweening = !1, d = [], h = [], r && r(), a();
+          f.tween = void 0, f.tweening = !1, g = [], h = [], r && r(), a();
         });
       } else {
-        for (let d = 0; d < c.length; d++) {
-          if (h.push(L(c[d], this.clientWidth, this.clientHeight)), h.length < 3)
+        for (let g = 0; g < c.length; g++) {
+          if (h.push(L(c[g], this.clientWidth, this.clientHeight)), h.length < 3)
             continue;
-          const { control: g, end: p } = j(h);
-          !g || !p || o.quadraticCurveTo(g.x, g.y, p.x, p.y);
+          const { control: f, end: p } = j(h);
+          !f || !p || o.quadraticCurveTo(f.x, f.y, p.x, p.y);
         }
         o.stroke(), h = [], r && r(), a();
       }
@@ -981,5 +990,5 @@ class tt {
 }
 export {
   tt as PaintBrush,
-  M as PaintBrushTypeEnum
+  y as PaintBrushTypeEnum
 };

package/dist/PanoVideoPlugin/Controller.d.ts

@@ -23,6 +23,23 @@ export declare class PanoVideoPluginController extends BasePlugin.Controller<Plu
      * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。
      */
     lookAtVideoItemByRenderID(id: string): void;
+    /**
+     * 取消静音。
+     *
+     * 大部分浏览器需要用户交互后才能开启视频声音。
+     *
+     * 如果需要取消静音，建议在用户交互事件中调用本方法。
+     *
+     * 例如:
+     *
+     * ```jsx
+     * onClick={() => {
+     *  panoVideoPluginController.lookAtVideoItemByRenderID('xxx')
+     *  panoVideoPluginController.unmuteByRenderID('xxx')
+     * }}
+     * ```
+     */
+    unmuteByRenderID(id: string): void;
     /** 为一个点位添加视频（可以是多条）。 */
     add(panoIndex: number, videoItems: VideoItem[]): void;
     /** 根据 VideoItem render_id 删除某个视频。 */

package/dist/PanoVideoPlugin/VideoMeshController.d.ts

@@ -46,6 +46,12 @@ export declare class VideoMeshController {
     private renderFiveDisposer?;
     /** 初始化视频、模型以及相关事件监听。 */
     constructor(five: Five, params: VideoMeshParams);
+    /**
+     * 取消静音
+     *
+     * @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。
+     */
+    unmute: () => void;
     /** 彻底销毁，不响应之后的任何事件 */
     dispose(): void;
     enable(): void;