@realsee/dnalogel 2.1.0-alpha.2 → 2.1.0-alpha.21

package/components/index.js

@@ -1,833 +1,429 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-function noop() {
+var q = Object.defineProperty;
+var H = (t, i, e) => i in t ? q(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
+var g = (t, i, e) => (H(t, typeof i != "symbol" ? i + "" : i, e), e);
+function N() {
 }
-const promise = () => Promise.resolve();
-const state = {
+const U = () => Promise.resolve(), F = {
   __queue: Promise.resolve()
 };
-function queue(promiseCallback = promise) {
-  state.__queue = state.__queue.then(promiseCallback).catch(promise);
+function W(t = U) {
+  F.__queue = F.__queue.then(t).catch(U);
 }
-function transformCoords(coords, cw, ch) {
-  const _x = coords.x;
-  const _y = coords.y;
-  const x = Math.floor(_x / cw * 1e4) / 1e4;
-  const y = Math.floor(_y / ch * 1e4) / 1e4;
-  return { x, y };
+function I(t, i, e) {
+  const n = t.x, r = t.y, s = Math.floor(n / i * 1e4) / 1e4, o = Math.floor(r / e * 1e4) / 1e4;
+  return { x: s, y: o };
 }
-function unTransformCoords(coords, cw, ch) {
-  const { x: _x, y: _y } = coords;
-  const x = _x * cw;
-  const y = _y * ch;
-  return { x, y };
+function R(t, i, e) {
+  const { x: n, y: r } = t, s = n * i, o = r * e;
+  return { x: s, y: o };
 }
-function getQuadraticCurvePoint(points) {
-  if (points.length < 2)
+function M(t) {
+  if (t.length < 2)
     return {};
-  const lastTwo = points.slice(-2);
-  const control = lastTwo[0];
-  const end = {
-    x: (lastTwo[0].x + lastTwo[1].x) / 2,
-    y: (lastTwo[0].y + lastTwo[1].y) / 2
+  const i = t.slice(-2), e = i[0], n = {
+    x: (i[0].x + i[1].x) / 2,
+    y: (i[0].y + i[1].y) / 2
   };
-  return { control, end };
+  return { control: e, end: n };
 }
-function execInterval(i, time, callback = noop) {
-  new Promise((resolve) => {
+function $(t, i, e = N) {
+  new Promise((n) => {
     setTimeout(() => {
-      callback();
-      resolve(true);
-    }, time * i);
+      e(), n(!0);
+    }, i * t);
   });
 }
-const _window = window;
-const _requestAnimationFrame = window.requestAnimationFrame || _window.webkitRequestAnimationFrame || ((fn) => setTimeout(fn, 16));
-function nextFrame(fn, delay = 0) {
-  if (delay <= 0)
-    _requestAnimationFrame(fn);
-  else
-    _requestAnimationFrame(() => nextFrame(fn, delay - 1));
+const z = window, j = window.requestAnimationFrame || z.webkitRequestAnimationFrame || ((t) => setTimeout(t, 16));
+function D(t, i = 0) {
+  i <= 0 ? j(t) : j(() => D(t, i - 1));
 }
-var Easing$1 = {
+var m = {
   Linear: {
-    None: function(amount) {
-      return amount;
+    None: function(t) {
+      return t;
     }
   },
   Quadratic: {
-    In: function(amount) {
-      return amount * amount;
+    In: function(t) {
+      return t * t;
     },
-    Out: function(amount) {
-      return amount * (2 - amount);
+    Out: function(t) {
+      return t * (2 - t);
     },
-    InOut: function(amount) {
-      if ((amount *= 2) < 1) {
-        return 0.5 * amount * amount;
-      }
-      return -0.5 * (--amount * (amount - 2) - 1);
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t : -0.5 * (--t * (t - 2) - 1);
     }
   },
   Cubic: {
-    In: function(amount) {
-      return amount * amount * amount;
+    In: function(t) {
+      return t * t * t;
     },
-    Out: function(amount) {
-      return --amount * amount * amount + 1;
+    Out: function(t) {
+      return --t * t * t + 1;
     },
-    InOut: function(amount) {
-      if ((amount *= 2) < 1) {
-        return 0.5 * amount * amount * amount;
-      }
-      return 0.5 * ((amount -= 2) * amount * amount + 2);
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t * t : 0.5 * ((t -= 2) * t * t + 2);
     }
   },
   Quartic: {
-    In: function(amount) {
-      return amount * amount * amount * amount;
+    In: function(t) {
+      return t * t * t * t;
     },
-    Out: function(amount) {
-      return 1 - --amount * amount * amount * amount;
+    Out: function(t) {
+      return 1 - --t * t * t * t;
     },
-    InOut: function(amount) {
-      if ((amount *= 2) < 1) {
-        return 0.5 * amount * amount * amount * amount;
-      }
-      return -0.5 * ((amount -= 2) * amount * amount * amount - 2);
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t * t * t : -0.5 * ((t -= 2) * t * t * t - 2);
     }
   },
   Quintic: {
-    In: function(amount) {
-      return amount * amount * amount * amount * amount;
+    In: function(t) {
+      return t * t * t * t * t;
     },
-    Out: function(amount) {
-      return --amount * amount * amount * amount * amount + 1;
+    Out: function(t) {
+      return --t * t * t * t * t + 1;
     },
-    InOut: function(amount) {
-      if ((amount *= 2) < 1) {
-        return 0.5 * amount * amount * amount * amount * amount;
-      }
-      return 0.5 * ((amount -= 2) * amount * amount * amount * amount + 2);
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t * t * t * t : 0.5 * ((t -= 2) * t * t * t * t + 2);
     }
   },
   Sinusoidal: {
-    In: function(amount) {
-      return 1 - Math.cos(amount * Math.PI / 2);
+    In: function(t) {
+      return 1 - Math.cos(t * Math.PI / 2);
     },
-    Out: function(amount) {
-      return Math.sin(amount * Math.PI / 2);
+    Out: function(t) {
+      return Math.sin(t * Math.PI / 2);
     },
-    InOut: function(amount) {
-      return 0.5 * (1 - Math.cos(Math.PI * amount));
+    InOut: function(t) {
+      return 0.5 * (1 - Math.cos(Math.PI * t));
     }
   },
   Exponential: {
-    In: function(amount) {
-      return amount === 0 ? 0 : Math.pow(1024, amount - 1);
+    In: function(t) {
+      return t === 0 ? 0 : Math.pow(1024, t - 1);
     },
-    Out: function(amount) {
-      return amount === 1 ? 1 : 1 - Math.pow(2, -10 * amount);
+    Out: function(t) {
+      return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
     },
-    InOut: function(amount) {
-      if (amount === 0) {
-        return 0;
-      }
-      if (amount === 1) {
-        return 1;
-      }
-      if ((amount *= 2) < 1) {
-        return 0.5 * Math.pow(1024, amount - 1);
-      }
-      return 0.5 * (-Math.pow(2, -10 * (amount - 1)) + 2);
+    InOut: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : (t *= 2) < 1 ? 0.5 * Math.pow(1024, t - 1) : 0.5 * (-Math.pow(2, -10 * (t - 1)) + 2);
     }
   },
   Circular: {
-    In: function(amount) {
-      return 1 - Math.sqrt(1 - amount * amount);
+    In: function(t) {
+      return 1 - Math.sqrt(1 - t * t);
     },
-    Out: function(amount) {
-      return Math.sqrt(1 - --amount * amount);
+    Out: function(t) {
+      return Math.sqrt(1 - --t * t);
     },
-    InOut: function(amount) {
-      if ((amount *= 2) < 1) {
-        return -0.5 * (Math.sqrt(1 - amount * amount) - 1);
-      }
-      return 0.5 * (Math.sqrt(1 - (amount -= 2) * amount) + 1);
+    InOut: function(t) {
+      return (t *= 2) < 1 ? -0.5 * (Math.sqrt(1 - t * t) - 1) : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);
     }
   },
   Elastic: {
-    In: function(amount) {
-      if (amount === 0) {
-        return 0;
-      }
-      if (amount === 1) {
-        return 1;
-      }
-      return -Math.pow(2, 10 * (amount - 1)) * Math.sin((amount - 1.1) * 5 * Math.PI);
+    In: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : -Math.pow(2, 10 * (t - 1)) * Math.sin((t - 1.1) * 5 * Math.PI);
     },
-    Out: function(amount) {
-      if (amount === 0) {
-        return 0;
-      }
-      if (amount === 1) {
-        return 1;
-      }
-      return Math.pow(2, -10 * amount) * Math.sin((amount - 0.1) * 5 * Math.PI) + 1;
+    Out: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : Math.pow(2, -10 * t) * Math.sin((t - 0.1) * 5 * Math.PI) + 1;
     },
-    InOut: function(amount) {
-      if (amount === 0) {
-        return 0;
-      }
-      if (amount === 1) {
-        return 1;
-      }
-      amount *= 2;
-      if (amount < 1) {
-        return -0.5 * Math.pow(2, 10 * (amount - 1)) * Math.sin((amount - 1.1) * 5 * Math.PI);
-      }
-      return 0.5 * Math.pow(2, -10 * (amount - 1)) * Math.sin((amount - 1.1) * 5 * Math.PI) + 1;
+    InOut: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : (t *= 2, t < 1 ? -0.5 * Math.pow(2, 10 * (t - 1)) * Math.sin((t - 1.1) * 5 * Math.PI) : 0.5 * Math.pow(2, -10 * (t - 1)) * Math.sin((t - 1.1) * 5 * Math.PI) + 1);
     }
   },
   Back: {
-    In: function(amount) {
-      var s = 1.70158;
-      return amount * amount * ((s + 1) * amount - s);
+    In: function(t) {
+      var i = 1.70158;
+      return t * t * ((i + 1) * t - i);
     },
-    Out: function(amount) {
-      var s = 1.70158;
-      return --amount * amount * ((s + 1) * amount + s) + 1;
+    Out: function(t) {
+      var i = 1.70158;
+      return --t * t * ((i + 1) * t + i) + 1;
     },
-    InOut: function(amount) {
-      var s = 1.70158 * 1.525;
-      if ((amount *= 2) < 1) {
-        return 0.5 * (amount * amount * ((s + 1) * amount - s));
-      }
-      return 0.5 * ((amount -= 2) * amount * ((s + 1) * amount + s) + 2);
+    InOut: function(t) {
+      var i = 2.5949095;
+      return (t *= 2) < 1 ? 0.5 * (t * t * ((i + 1) * t - i)) : 0.5 * ((t -= 2) * t * ((i + 1) * t + i) + 2);
     }
   },
   Bounce: {
-    In: function(amount) {
-      return 1 - Easing$1.Bounce.Out(1 - amount);
+    In: function(t) {
+      return 1 - m.Bounce.Out(1 - t);
     },
-    Out: function(amount) {
-      if (amount < 1 / 2.75) {
-        return 7.5625 * amount * amount;
-      } else if (amount < 2 / 2.75) {
-        return 7.5625 * (amount -= 1.5 / 2.75) * amount + 0.75;
-      } else if (amount < 2.5 / 2.75) {
-        return 7.5625 * (amount -= 2.25 / 2.75) * amount + 0.9375;
-      } else {
-        return 7.5625 * (amount -= 2.625 / 2.75) * amount + 0.984375;
-      }
+    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(amount) {
-      if (amount < 0.5) {
-        return Easing$1.Bounce.In(amount * 2) * 0.5;
-      }
-      return Easing$1.Bounce.Out(amount * 2 - 1) * 0.5 + 0.5;
+    InOut: function(t) {
+      return t < 0.5 ? m.Bounce.In(t * 2) * 0.5 : m.Bounce.Out(t * 2 - 1) * 0.5 + 0.5;
     }
   }
+}, T;
+typeof self > "u" && typeof process < "u" && process.hrtime ? T = function() {
+  var t = process.hrtime();
+  return t[0] * 1e3 + t[1] / 1e6;
+} : typeof self < "u" && self.performance !== void 0 && self.performance.now !== void 0 ? T = self.performance.now.bind(self.performance) : Date.now !== void 0 ? T = Date.now : T = function() {
+  return new Date().getTime();
 };
-var now;
-if (typeof self === "undefined" && typeof process !== "undefined" && process.hrtime) {
-  now = function() {
-    var time = process.hrtime();
-    return time[0] * 1e3 + time[1] / 1e6;
-  };
-} else if (typeof self !== "undefined" && self.performance !== void 0 && self.performance.now !== void 0) {
-  now = self.performance.now.bind(self.performance);
-} else if (Date.now !== void 0) {
-  now = Date.now;
-} else {
-  now = function() {
-    return new Date().getTime();
-  };
-}
-var now$1 = now;
-var Group = function() {
-  function Group2() {
-    this._tweens = {};
-    this._tweensAddedDuringUpdate = {};
-  }
-  Group2.prototype.getAll = function() {
-    var _this = this;
-    return Object.keys(this._tweens).map(function(tweenId) {
-      return _this._tweens[tweenId];
+var C = T, X = function() {
+  function t() {
+    this._tweens = {}, this._tweensAddedDuringUpdate = {};
+  }
+  return t.prototype.getAll = function() {
+    var i = this;
+    return Object.keys(this._tweens).map(function(e) {
+      return i._tweens[e];
     });
-  };
-  Group2.prototype.removeAll = function() {
+  }, t.prototype.removeAll = function() {
     this._tweens = {};
-  };
-  Group2.prototype.add = function(tween2) {
-    this._tweens[tween2.getId()] = tween2;
-    this._tweensAddedDuringUpdate[tween2.getId()] = tween2;
-  };
-  Group2.prototype.remove = function(tween2) {
-    delete this._tweens[tween2.getId()];
-    delete this._tweensAddedDuringUpdate[tween2.getId()];
-  };
-  Group2.prototype.update = function(time, preserve) {
-    if (time === void 0) {
-      time = now$1();
-    }
-    if (preserve === void 0) {
-      preserve = false;
-    }
-    var tweenIds = Object.keys(this._tweens);
-    if (tweenIds.length === 0) {
-      return false;
-    }
-    while (tweenIds.length > 0) {
+  }, t.prototype.add = function(i) {
+    this._tweens[i.getId()] = i, this._tweensAddedDuringUpdate[i.getId()] = i;
+  }, t.prototype.remove = function(i) {
+    delete this._tweens[i.getId()], delete this._tweensAddedDuringUpdate[i.getId()];
+  }, t.prototype.update = function(i, e) {
+    i === void 0 && (i = C()), e === void 0 && (e = !1);
+    var n = Object.keys(this._tweens);
+    if (n.length === 0)
+      return !1;
+    for (; n.length > 0; ) {
       this._tweensAddedDuringUpdate = {};
-      for (var i = 0; i < tweenIds.length; i++) {
-        var tween2 = this._tweens[tweenIds[i]];
-        var autoStart = !preserve;
-        if (tween2 && tween2.update(time, autoStart) === false && !preserve) {
-          delete this._tweens[tweenIds[i]];
-        }
-      }
-      tweenIds = Object.keys(this._tweensAddedDuringUpdate);
-    }
-    return true;
-  };
-  return Group2;
-}();
-var Interpolation = {
-  Linear: function(v, k) {
-    var m = v.length - 1;
-    var f = m * k;
-    var i = Math.floor(f);
-    var fn = Interpolation.Utils.Linear;
-    if (k < 0) {
-      return fn(v[0], v[1], f);
-    }
-    if (k > 1) {
-      return fn(v[m], v[m - 1], m - f);
-    }
-    return fn(v[i], v[i + 1 > m ? m : i + 1], f - i);
+      for (var r = 0; r < n.length; r++) {
+        var s = this._tweens[n[r]], o = !e;
+        s && s.update(i, o) === !1 && !e && delete this._tweens[n[r]];
+      }
+      n = Object.keys(this._tweensAddedDuringUpdate);
+    }
+    return !0;
+  }, t;
+}(), S = {
+  Linear: function(t, i) {
+    var e = t.length - 1, n = e * i, r = Math.floor(n), s = S.Utils.Linear;
+    return i < 0 ? s(t[0], t[1], n) : i > 1 ? s(t[e], t[e - 1], e - n) : s(t[r], t[r + 1 > e ? e : r + 1], n - r);
   },
-  Bezier: function(v, k) {
-    var b = 0;
-    var n = v.length - 1;
-    var pw = Math.pow;
-    var bn = Interpolation.Utils.Bernstein;
-    for (var i = 0; i <= n; i++) {
-      b += pw(1 - k, n - i) * pw(k, i) * v[i] * bn(n, i);
-    }
-    return b;
+  Bezier: function(t, i) {
+    for (var e = 0, n = t.length - 1, r = Math.pow, s = S.Utils.Bernstein, o = 0; o <= n; o++)
+      e += r(1 - i, n - o) * r(i, o) * t[o] * s(n, o);
+    return e;
   },
-  CatmullRom: function(v, k) {
-    var m = v.length - 1;
-    var f = m * k;
-    var i = Math.floor(f);
-    var fn = Interpolation.Utils.CatmullRom;
-    if (v[0] === v[m]) {
-      if (k < 0) {
-        i = Math.floor(f = m * (1 + k));
-      }
-      return fn(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i);
-    } else {
-      if (k < 0) {
-        return v[0] - (fn(v[0], v[0], v[1], v[1], -f) - v[0]);
-      }
-      if (k > 1) {
-        return v[m] - (fn(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]);
-      }
-      return fn(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i);
-    }
+  CatmullRom: function(t, i) {
+    var e = t.length - 1, n = e * i, r = Math.floor(n), s = S.Utils.CatmullRom;
+    return t[0] === t[e] ? (i < 0 && (r = Math.floor(n = e * (1 + i))), s(t[(r - 1 + e) % e], t[r], t[(r + 1) % e], t[(r + 2) % e], n - r)) : i < 0 ? t[0] - (s(t[0], t[0], t[1], t[1], -n) - t[0]) : i > 1 ? t[e] - (s(t[e], t[e], t[e - 1], t[e - 1], n - e) - t[e]) : s(t[r ? r - 1 : 0], t[r], t[e < r + 1 ? e : r + 1], t[e < r + 2 ? e : r + 2], n - r);
   },
   Utils: {
-    Linear: function(p0, p1, t) {
-      return (p1 - p0) * t + p0;
+    Linear: function(t, i, e) {
+      return (i - t) * e + t;
     },
-    Bernstein: function(n, i) {
-      var fc = Interpolation.Utils.Factorial;
-      return fc(n) / fc(i) / fc(n - i);
+    Bernstein: function(t, i) {
+      var e = S.Utils.Factorial;
+      return e(t) / e(i) / e(t - i);
     },
     Factorial: function() {
-      var a = [1];
-      return function(n) {
-        var s = 1;
-        if (a[n]) {
-          return a[n];
-        }
-        for (var i = n; i > 1; i--) {
-          s *= i;
-        }
-        a[n] = s;
-        return s;
+      var t = [1];
+      return function(i) {
+        var e = 1;
+        if (t[i])
+          return t[i];
+        for (var n = i; n > 1; n--)
+          e *= n;
+        return t[i] = e, e;
       };
     }(),
-    CatmullRom: function(p0, p1, p2, p3, t) {
-      var v0 = (p2 - p0) * 0.5;
-      var v1 = (p3 - p1) * 0.5;
-      var t2 = t * t;
-      var t3 = t * t2;
-      return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;
+    CatmullRom: function(t, i, e, n, r) {
+      var s = (e - t) * 0.5, o = (n - i) * 0.5, a = r * r, c = r * a;
+      return (2 * i - 2 * e + s + o) * c + (-3 * i + 3 * e - 2 * s - o) * a + s * r + i;
     }
   }
-};
-var Sequence = function() {
-  function Sequence2() {
+}, A = function() {
+  function t() {
   }
-  Sequence2.nextId = function() {
-    return Sequence2._nextId++;
-  };
-  Sequence2._nextId = 0;
-  return Sequence2;
-}();
-var mainGroup = new Group();
-var Tween = function() {
-  function Tween2(_object, _group) {
-    if (_group === void 0) {
-      _group = mainGroup;
-    }
-    this._object = _object;
-    this._group = _group;
-    this._isPaused = false;
-    this._pauseStart = 0;
-    this._valuesStart = {};
-    this._valuesEnd = {};
-    this._valuesStartRepeat = {};
-    this._duration = 1e3;
-    this._initialRepeat = 0;
-    this._repeat = 0;
-    this._yoyo = false;
-    this._isPlaying = false;
-    this._reversed = false;
-    this._delayTime = 0;
-    this._startTime = 0;
-    this._easingFunction = Easing$1.Linear.None;
-    this._interpolationFunction = Interpolation.Linear;
-    this._chainedTweens = [];
-    this._onStartCallbackFired = false;
-    this._id = Sequence.nextId();
-    this._isChainStopped = false;
-    this._goToEnd = false;
+  return t.nextId = function() {
+    return t._nextId++;
+  }, t._nextId = 0, t;
+}(), L = new X(), Y = function() {
+  function t(i, e) {
+    e === void 0 && (e = L), this._object = i, this._group = e, this._isPaused = !1, this._pauseStart = 0, this._valuesStart = {}, this._valuesEnd = {}, this._valuesStartRepeat = {}, this._duration = 1e3, this._initialRepeat = 0, this._repeat = 0, this._yoyo = !1, this._isPlaying = !1, this._reversed = !1, this._delayTime = 0, this._startTime = 0, this._easingFunction = m.Linear.None, this._interpolationFunction = S.Linear, this._chainedTweens = [], this._onStartCallbackFired = !1, this._id = A.nextId(), this._isChainStopped = !1, this._goToEnd = !1;
   }
-  Tween2.prototype.getId = function() {
+  return t.prototype.getId = function() {
     return this._id;
-  };
-  Tween2.prototype.isPlaying = function() {
+  }, t.prototype.isPlaying = function() {
     return this._isPlaying;
-  };
-  Tween2.prototype.isPaused = function() {
+  }, t.prototype.isPaused = function() {
     return this._isPaused;
-  };
-  Tween2.prototype.to = function(properties, duration) {
-    this._valuesEnd = Object.create(properties);
-    if (duration !== void 0) {
-      this._duration = duration;
-    }
-    return this;
-  };
-  Tween2.prototype.duration = function(d) {
-    this._duration = d;
-    return this;
-  };
-  Tween2.prototype.start = function(time) {
-    if (this._isPlaying) {
+  }, t.prototype.to = function(i, e) {
+    return this._valuesEnd = Object.create(i), e !== void 0 && (this._duration = e), this;
+  }, t.prototype.duration = function(i) {
+    return this._duration = i, this;
+  }, t.prototype.start = function(i) {
+    if (this._isPlaying)
       return this;
-    }
-    this._group && this._group.add(this);
-    this._repeat = this._initialRepeat;
-    if (this._reversed) {
-      this._reversed = false;
-      for (var property in this._valuesStartRepeat) {
-        this._swapEndStartRepeatValues(property);
-        this._valuesStart[property] = this._valuesStartRepeat[property];
-      }
-    }
-    this._isPlaying = true;
-    this._isPaused = false;
-    this._onStartCallbackFired = false;
-    this._isChainStopped = false;
-    this._startTime = time !== void 0 ? typeof time === "string" ? now$1() + parseFloat(time) : time : now$1();
-    this._startTime += this._delayTime;
-    this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat);
-    return this;
-  };
-  Tween2.prototype._setupProperties = function(_object, _valuesStart, _valuesEnd, _valuesStartRepeat) {
-    for (var property in _valuesEnd) {
-      var startValue = _object[property];
-      var startValueIsArray = Array.isArray(startValue);
-      var propType = startValueIsArray ? "array" : typeof startValue;
-      var isInterpolationList = !startValueIsArray && Array.isArray(_valuesEnd[property]);
-      if (propType === "undefined" || propType === "function") {
-        continue;
-      }
-      if (isInterpolationList) {
-        var endValues = _valuesEnd[property];
-        if (endValues.length === 0) {
-          continue;
-        }
-        endValues = endValues.map(this._handleRelativeValue.bind(this, startValue));
-        _valuesEnd[property] = [startValue].concat(endValues);
-      }
-      if ((propType === "object" || startValueIsArray) && startValue && !isInterpolationList) {
-        _valuesStart[property] = startValueIsArray ? [] : {};
-        for (var prop in startValue) {
-          _valuesStart[property][prop] = startValue[prop];
-        }
-        _valuesStartRepeat[property] = startValueIsArray ? [] : {};
-        this._setupProperties(startValue, _valuesStart[property], _valuesEnd[property], _valuesStartRepeat[property]);
-      } else {
-        if (typeof _valuesStart[property] === "undefined") {
-          _valuesStart[property] = startValue;
-        }
-        if (!startValueIsArray) {
-          _valuesStart[property] *= 1;
+    if (this._group && this._group.add(this), this._repeat = this._initialRepeat, this._reversed) {
+      this._reversed = !1;
+      for (var e in this._valuesStartRepeat)
+        this._swapEndStartRepeatValues(e), this._valuesStart[e] = this._valuesStartRepeat[e];
+    }
+    return this._isPlaying = !0, this._isPaused = !1, this._onStartCallbackFired = !1, this._isChainStopped = !1, this._startTime = i !== void 0 ? typeof i == "string" ? C() + parseFloat(i) : i : C(), this._startTime += this._delayTime, this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat), this;
+  }, t.prototype._setupProperties = function(i, e, n, r) {
+    for (var s in n) {
+      var o = i[s], a = Array.isArray(o), c = a ? "array" : typeof o, d = !a && Array.isArray(n[s]);
+      if (!(c === "undefined" || c === "function")) {
+        if (d) {
+          var _ = n[s];
+          if (_.length === 0)
+            continue;
+          _ = _.map(this._handleRelativeValue.bind(this, o)), n[s] = [o].concat(_);
         }
-        if (isInterpolationList) {
-          _valuesStartRepeat[property] = _valuesEnd[property].slice().reverse();
-        } else {
-          _valuesStartRepeat[property] = _valuesStart[property] || 0;
-        }
-      }
-    }
-  };
-  Tween2.prototype.stop = function() {
-    if (!this._isChainStopped) {
-      this._isChainStopped = true;
-      this.stopChainedTweens();
-    }
-    if (!this._isPlaying) {
-      return this;
-    }
-    this._group && this._group.remove(this);
-    this._isPlaying = false;
-    this._isPaused = false;
-    if (this._onStopCallback) {
-      this._onStopCallback(this._object);
-    }
-    return this;
-  };
-  Tween2.prototype.end = function() {
-    this._goToEnd = true;
-    this.update(Infinity);
-    return this;
-  };
-  Tween2.prototype.pause = function(time) {
-    if (time === void 0) {
-      time = now$1();
-    }
-    if (this._isPaused || !this._isPlaying) {
-      return this;
-    }
-    this._isPaused = true;
-    this._pauseStart = time;
-    this._group && this._group.remove(this);
-    return this;
-  };
-  Tween2.prototype.resume = function(time) {
-    if (time === void 0) {
-      time = now$1();
-    }
-    if (!this._isPaused || !this._isPlaying) {
-      return this;
-    }
-    this._isPaused = false;
-    this._startTime += time - this._pauseStart;
-    this._pauseStart = 0;
-    this._group && this._group.add(this);
-    return this;
-  };
-  Tween2.prototype.stopChainedTweens = function() {
-    for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i++) {
+        if ((c === "object" || a) && o && !d) {
+          e[s] = a ? [] : {};
+          for (var l in o)
+            e[s][l] = o[l];
+          r[s] = a ? [] : {}, this._setupProperties(o, e[s], n[s], r[s]);
+        } else
+          typeof e[s] > "u" && (e[s] = o), a || (e[s] *= 1), d ? r[s] = n[s].slice().reverse() : r[s] = e[s] || 0;
+      }
+    }
+  }, t.prototype.stop = function() {
+    return this._isChainStopped || (this._isChainStopped = !0, this.stopChainedTweens()), this._isPlaying ? (this._group && this._group.remove(this), this._isPlaying = !1, this._isPaused = !1, this._onStopCallback && this._onStopCallback(this._object), this) : this;
+  }, t.prototype.end = function() {
+    return this._goToEnd = !0, this.update(1 / 0), this;
+  }, t.prototype.pause = function(i) {
+    return i === void 0 && (i = C()), this._isPaused || !this._isPlaying ? this : (this._isPaused = !0, this._pauseStart = i, this._group && this._group.remove(this), this);
+  }, t.prototype.resume = function(i) {
+    return i === void 0 && (i = C()), !this._isPaused || !this._isPlaying ? this : (this._isPaused = !1, this._startTime += i - this._pauseStart, this._pauseStart = 0, this._group && this._group.add(this), this);
+  }, t.prototype.stopChainedTweens = function() {
+    for (var i = 0, e = this._chainedTweens.length; i < e; i++)
       this._chainedTweens[i].stop();
-    }
-    return this;
-  };
-  Tween2.prototype.group = function(group) {
-    this._group = group;
-    return this;
-  };
-  Tween2.prototype.delay = function(amount) {
-    this._delayTime = amount;
-    return this;
-  };
-  Tween2.prototype.repeat = function(times) {
-    this._initialRepeat = times;
-    this._repeat = times;
-    return this;
-  };
-  Tween2.prototype.repeatDelay = function(amount) {
-    this._repeatDelayTime = amount;
-    return this;
-  };
-  Tween2.prototype.yoyo = function(yoyo) {
-    this._yoyo = yoyo;
-    return this;
-  };
-  Tween2.prototype.easing = function(easingFunction) {
-    this._easingFunction = easingFunction;
-    return this;
-  };
-  Tween2.prototype.interpolation = function(interpolationFunction) {
-    this._interpolationFunction = interpolationFunction;
-    return this;
-  };
-  Tween2.prototype.chain = function() {
-    var tweens = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      tweens[_i] = arguments[_i];
-    }
-    this._chainedTweens = tweens;
     return this;
-  };
-  Tween2.prototype.onStart = function(callback) {
-    this._onStartCallback = callback;
-    return this;
-  };
-  Tween2.prototype.onUpdate = function(callback) {
-    this._onUpdateCallback = callback;
-    return this;
-  };
-  Tween2.prototype.onRepeat = function(callback) {
-    this._onRepeatCallback = callback;
-    return this;
-  };
-  Tween2.prototype.onComplete = function(callback) {
-    this._onCompleteCallback = callback;
-    return this;
-  };
-  Tween2.prototype.onStop = function(callback) {
-    this._onStopCallback = callback;
-    return this;
-  };
-  Tween2.prototype.update = function(time, autoStart) {
-    if (time === void 0) {
-      time = now$1();
-    }
-    if (autoStart === void 0) {
-      autoStart = true;
-    }
-    if (this._isPaused)
-      return true;
-    var property;
-    var elapsed;
-    var endTime = this._startTime + this._duration;
+  }, t.prototype.group = function(i) {
+    return this._group = i, this;
+  }, t.prototype.delay = function(i) {
+    return this._delayTime = i, this;
+  }, t.prototype.repeat = function(i) {
+    return this._initialRepeat = i, this._repeat = i, this;
+  }, t.prototype.repeatDelay = function(i) {
+    return this._repeatDelayTime = i, this;
+  }, t.prototype.yoyo = function(i) {
+    return this._yoyo = i, this;
+  }, t.prototype.easing = function(i) {
+    return this._easingFunction = i, this;
+  }, t.prototype.interpolation = function(i) {
+    return this._interpolationFunction = i, this;
+  }, t.prototype.chain = function() {
+    for (var i = [], e = 0; e < arguments.length; e++)
+      i[e] = arguments[e];
+    return this._chainedTweens = i, this;
+  }, t.prototype.onStart = function(i) {
+    return this._onStartCallback = i, this;
+  }, t.prototype.onUpdate = function(i) {
+    return this._onUpdateCallback = i, this;
+  }, t.prototype.onRepeat = function(i) {
+    return this._onRepeatCallback = i, this;
+  }, t.prototype.onComplete = function(i) {
+    return this._onCompleteCallback = i, this;
+  }, t.prototype.onStop = function(i) {
+    return this._onStopCallback = i, this;
+  }, t.prototype.update = function(i, e) {
+    if (i === void 0 && (i = C()), e === void 0 && (e = !0), this._isPaused)
+      return !0;
+    var n, r, s = this._startTime + this._duration;
     if (!this._goToEnd && !this._isPlaying) {
-      if (time > endTime)
-        return false;
-      if (autoStart)
-        this.start(time);
-    }
-    this._goToEnd = false;
-    if (time < this._startTime) {
-      return true;
-    }
-    if (this._onStartCallbackFired === false) {
-      if (this._onStartCallback) {
-        this._onStartCallback(this._object);
-      }
-      this._onStartCallbackFired = true;
-    }
-    elapsed = (time - this._startTime) / this._duration;
-    elapsed = this._duration === 0 || elapsed > 1 ? 1 : elapsed;
-    var value = this._easingFunction(elapsed);
-    this._updateProperties(this._object, this._valuesStart, this._valuesEnd, value);
-    if (this._onUpdateCallback) {
-      this._onUpdateCallback(this._object, elapsed);
-    }
-    if (elapsed === 1) {
+      if (i > s)
+        return !1;
+      e && this.start(i);
+    }
+    if (this._goToEnd = !1, i < this._startTime)
+      return !0;
+    this._onStartCallbackFired === !1 && (this._onStartCallback && this._onStartCallback(this._object), this._onStartCallbackFired = !0), r = (i - this._startTime) / this._duration, r = this._duration === 0 || r > 1 ? 1 : r;
+    var o = this._easingFunction(r);
+    if (this._updateProperties(this._object, this._valuesStart, this._valuesEnd, o), this._onUpdateCallback && this._onUpdateCallback(this._object, r), r === 1)
       if (this._repeat > 0) {
-        if (isFinite(this._repeat)) {
-          this._repeat--;
-        }
-        for (property in this._valuesStartRepeat) {
-          if (!this._yoyo && typeof this._valuesEnd[property] === "string") {
-            this._valuesStartRepeat[property] = this._valuesStartRepeat[property] + parseFloat(this._valuesEnd[property]);
-          }
-          if (this._yoyo) {
-            this._swapEndStartRepeatValues(property);
-          }
-          this._valuesStart[property] = this._valuesStartRepeat[property];
-        }
-        if (this._yoyo) {
-          this._reversed = !this._reversed;
-        }
-        if (this._repeatDelayTime !== void 0) {
-          this._startTime = time + this._repeatDelayTime;
-        } else {
-          this._startTime = time + this._delayTime;
-        }
-        if (this._onRepeatCallback) {
-          this._onRepeatCallback(this._object);
-        }
-        return true;
+        isFinite(this._repeat) && this._repeat--;
+        for (n in this._valuesStartRepeat)
+          !this._yoyo && typeof this._valuesEnd[n] == "string" && (this._valuesStartRepeat[n] = 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), !0;
       } else {
-        if (this._onCompleteCallback) {
-          this._onCompleteCallback(this._object);
-        }
-        for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i++) {
-          this._chainedTweens[i].start(this._startTime + this._duration);
-        }
-        this._isPlaying = false;
-        return false;
-      }
-    }
-    return true;
-  };
-  Tween2.prototype._updateProperties = function(_object, _valuesStart, _valuesEnd, value) {
-    for (var property in _valuesEnd) {
-      if (_valuesStart[property] === void 0) {
-        continue;
-      }
-      var start = _valuesStart[property] || 0;
-      var end = _valuesEnd[property];
-      var startIsArray = Array.isArray(_object[property]);
-      var endIsArray = Array.isArray(end);
-      var isInterpolationList = !startIsArray && endIsArray;
-      if (isInterpolationList) {
-        _object[property] = this._interpolationFunction(end, value);
-      } else if (typeof end === "object" && end) {
-        this._updateProperties(_object[property], start, end, value);
-      } else {
-        end = this._handleRelativeValue(start, end);
-        if (typeof end === "number") {
-          _object[property] = start + (end - start) * value;
-        }
-      }
-    }
-  };
-  Tween2.prototype._handleRelativeValue = function(start, end) {
-    if (typeof end !== "string") {
-      return end;
-    }
-    if (end.charAt(0) === "+" || end.charAt(0) === "-") {
-      return start + parseFloat(end);
-    } else {
-      return parseFloat(end);
-    }
-  };
-  Tween2.prototype._swapEndStartRepeatValues = function(property) {
-    var tmp = this._valuesStartRepeat[property];
-    var endValue = this._valuesEnd[property];
-    if (typeof endValue === "string") {
-      this._valuesStartRepeat[property] = this._valuesStartRepeat[property] + parseFloat(endValue);
-    } else {
-      this._valuesStartRepeat[property] = this._valuesEnd[property];
-    }
-    this._valuesEnd[property] = tmp;
-  };
-  return Tween2;
+        this._onCompleteCallback && this._onCompleteCallback(this._object);
+        for (var a = 0, c = this._chainedTweens.length; a < c; a++)
+          this._chainedTweens[a].start(this._startTime + this._duration);
+        return this._isPlaying = !1, !1;
+      }
+    return !0;
+  }, t.prototype._updateProperties = function(i, e, n, r) {
+    for (var s in n)
+      if (e[s] !== void 0) {
+        var o = e[s] || 0, a = n[s], c = Array.isArray(i[s]), d = Array.isArray(a), _ = !c && d;
+        _ ? i[s] = this._interpolationFunction(a, r) : typeof a == "object" && a ? this._updateProperties(i[s], o, a, r) : (a = this._handleRelativeValue(o, a), typeof a == "number" && (i[s] = o + (a - o) * r));
+      }
+  }, t.prototype._handleRelativeValue = function(i, e) {
+    return typeof e != "string" ? e : e.charAt(0) === "+" || e.charAt(0) === "-" ? i + parseFloat(e) : parseFloat(e);
+  }, t.prototype._swapEndStartRepeatValues = function(i) {
+    var e = this._valuesStartRepeat[i], n = this._valuesEnd[i];
+    typeof n == "string" ? this._valuesStartRepeat[i] = this._valuesStartRepeat[i] + parseFloat(n) : this._valuesStartRepeat[i] = this._valuesEnd[i], this._valuesEnd[i] = e;
+  }, t;
 }();
-var VERSION = "18.6.4";
-var nextId = Sequence.nextId;
-var TWEEN = mainGroup;
-var getAll = TWEEN.getAll.bind(TWEEN);
-var removeAll = TWEEN.removeAll.bind(TWEEN);
-var add = TWEEN.add.bind(TWEEN);
-var remove = TWEEN.remove.bind(TWEEN);
-var update = TWEEN.update.bind(TWEEN);
-var exports = {
-  Easing: Easing$1,
-  Group,
-  Interpolation,
-  now: now$1,
-  Sequence,
-  nextId,
-  Tween,
-  VERSION,
-  getAll,
-  removeAll,
-  add,
-  remove,
-  update
-};
-const Easing = exports.Easing;
-function tween(from, to, duration, easing = Easing.Linear.None) {
-  const tweenInstance = new exports.Tween(from).to(to, duration).easing(easing).start();
-  function animate(time) {
-    if (!tweenInstance.update(time))
-      return;
-    requestAnimationFrame(animate);
-  }
-  requestAnimationFrame(animate);
-  return tweenInstance;
+A.nextId;
+var v = L;
+v.getAll.bind(v);
+v.removeAll.bind(v);
+v.add.bind(v);
+v.remove.bind(v);
+v.update.bind(v);
+function Q(t, i, e, n = m.Linear.None) {
+  const r = new Y(t).to(i, e).easing(n).start();
+  function s(o) {
+    !r.update(o) || requestAnimationFrame(s);
+  }
+  return requestAnimationFrame(s), r;
 }
-var PaintBrushTypeEnum = /* @__PURE__ */ ((PaintBrushTypeEnum2) => {
-  PaintBrushTypeEnum2["Drawline"] = "Drawline";
-  PaintBrushTypeEnum2["Undo"] = "Undo";
-  PaintBrushTypeEnum2["Exit"] = "Exit";
-  return PaintBrushTypeEnum2;
-})(PaintBrushTypeEnum || {});
-const EVENT_SYMBOL = Symbol("$$PAINT_BRUSH_EVENT$$");
-function __generateEventIfNotExisted(instance) {
-  if (!instance[EVENT_SYMBOL]) {
-    instance[EVENT_SYMBOL] = {};
-  }
-  return instance[EVENT_SYMBOL];
+var w = /* @__PURE__ */ ((t) => (t.Drawline = "Drawline", t.Undo = "Undo", t.Exit = "Exit", t))(w || {});
+const E = Symbol("$$PAINT_BRUSH_EVENT$$");
+function P(t) {
+  return t[E] || (t[E] = {}), t[E];
 }
-function __removeEventIfNotExisted(instance) {
-  if (!instance[EVENT_SYMBOL]) {
-    delete instance[EVENT_SYMBOL];
-  }
+function G(t) {
+  t[E] || delete t[E];
 }
-class Subscribe {
-  hasListener(name) {
-    const events = __generateEventIfNotExisted(this);
-    return events && events[name] && events[name].length > 0;
+class J {
+  hasListener(i) {
+    const e = P(this);
+    return e && e[i] && e[i].length > 0;
   }
-  on(name, callback, once) {
-    const events = __generateEventIfNotExisted(this);
-    if (!events[name])
-      events[name] = [];
-    events[name].push([callback, once || false]);
-    return () => this.off(name, callback);
+  on(i, e, n) {
+    const r = P(this);
+    return r[i] || (r[i] = []), r[i].push([e, n || !1]), () => this.off(i, e);
   }
-  once(name, callback) {
-    return this.on(name, callback, true);
+  once(i, e) {
+    return this.on(i, e, !0);
   }
-  off(name, callback) {
-    if (name === void 0) {
-      __removeEventIfNotExisted(this);
+  off(i, e) {
+    if (i === void 0) {
+      G(this);
       return;
     }
-    const events = __generateEventIfNotExisted(this);
-    if (!events[name])
-      events[name] = [];
-    if (callback === void 0) {
-      events[name].length = 0;
+    const n = P(this);
+    if (n[i] || (n[i] = []), e === void 0) {
+      n[i].length = 0;
       return;
     }
-    let index = 0;
-    for (; index < events[name].length; index++) {
-      if (events[name][index][0] === callback)
-        break;
-    }
-    if (index < events[name].length) {
-      events[name].splice(index, 1);
-    }
+    let r = 0;
+    for (; r < n[i].length && n[i][r][0] !== e; r++)
+      ;
+    r < n[i].length && n[i].splice(r, 1);
   }
-  emit(name, ...data) {
-    let canceled = false;
-    const events = __generateEventIfNotExisted(this);
-    const event = events[name] || [];
-    for (let one of event.slice()) {
-      const [callback, once = false] = one;
-      const result = callback(...data);
-      if (once)
-        this.off(name, callback);
-      if (result === false)
-        canceled = true;
+  emit(i, ...e) {
+    let n = !1;
+    const s = P(this)[i] || [];
+    for (let o of s.slice()) {
+      const [a, c = !1] = o, d = a(...e);
+      c && this.off(i, a), d === !1 && (n = !0);
     }
-    return canceled;
+    return n;
   }
 }
-function S4() {
+function y() {
   return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
 }
-function uuid() {
-  return (S4() + S4() + "-" + S4() + "-4" + S4().substr(0, 3) + "-" + S4() + "-" + S4() + S4() + S4()).toLowerCase();
+function Z() {
+  return (y() + y() + "-" + y() + "-4" + y().substr(0, 3) + "-" + y() + "-" + y() + y() + y()).toLowerCase();
 }
-const PaintBrushStyle = `
+const K = `
 <style type="text/css">
 
 #_gl_paintBrush {
@@ -928,26 +524,21 @@ transition: all 500ms;
 
 </style>
 `;
-class Controller extends Subscribe {
-  constructor(configs) {
+class V extends J {
+  constructor(e) {
     super();
-    __publicField(this, "configs");
-    __publicField(this, "clientWidth");
-    __publicField(this, "clientHeight");
-    __publicField(this, "ready", false);
-    __publicField(this, "uuid", uuid());
-    __publicField(this, "tween");
-    __publicField(this, "tweening", false);
-    __publicField(this, "container");
-    __publicField(this, "canvas");
-    __publicField(this, "data", {});
-    __publicField(this, "tempLine", {});
-    this.configs = configs;
-    this.clientWidth = document.body.clientWidth;
-    this.clientHeight = document.body.clientHeight;
-    this.container = this.ifInsertToDOM();
-    this.canvas = {};
-    this.initCtrl();
+    g(this, "configs");
+    g(this, "clientWidth");
+    g(this, "clientHeight");
+    g(this, "ready", !1);
+    g(this, "uuid", Z());
+    g(this, "tween");
+    g(this, "tweening", !1);
+    g(this, "container");
+    g(this, "canvas");
+    g(this, "data", {});
+    g(this, "tempLine", {});
+    this.configs = e, this.clientWidth = document.body.clientWidth, this.clientHeight = document.body.clientHeight, this.container = this.ifInsertToDOM(), this.canvas = {}, this.initCtrl();
   }
   get color() {
     return this.configs.currentColor;
@@ -959,480 +550,300 @@ class Controller extends Subscribe {
     return this.configs.DPR || 1;
   }
   ifInsertToDOM() {
-    if (this.container) {
+    if (this.container)
       return this.container;
-    }
-    if (this.configs.container) {
-      this.configs.container.id = "_gl_paintBrush";
-      this.container = this.configs.container;
-    } else if (!document.getElementById("_gl_paintBrush")) {
-      const container = document.createElement("div");
-      container.id = "_gl_paintBrush";
-      document.body.appendChild(container);
-      this.container = container;
-    } else {
+    if (this.configs.container)
+      this.configs.container.id = "_gl_paintBrush", this.container = this.configs.container;
+    else if (document.getElementById("_gl_paintBrush"))
       this.container = document.getElementById("_gl_paintBrush");
+    else {
+      const e = document.createElement("div");
+      e.id = "_gl_paintBrush", document.body.appendChild(e), this.container = e;
     }
-    this.container.innerHTML = PaintBrushStyle;
-    return this.container;
+    return this.container.innerHTML = K, this.container;
   }
-  initCanvas(className) {
-    const canvas = document.createElement("canvas");
-    canvas.className = className;
-    canvas.width = this.clientWidth;
-    canvas.height = this.clientHeight;
-    const ctx = canvas.getContext("2d");
-    if (!ctx)
-      return;
-    ctx.lineWidth = 5 * this.dpr;
-    ctx.lineCap = "round";
-    ctx.lineJoin = "round";
-    this.container.appendChild(canvas);
-    return canvas;
+  initCanvas(e) {
+    const n = document.createElement("canvas");
+    n.className = e, n.width = this.clientWidth, n.height = this.clientHeight;
+    const r = n.getContext("2d");
+    if (!!r)
+      return r.lineWidth = 5 * this.dpr, r.lineCap = "round", r.lineJoin = "round", this.container.appendChild(n), n;
   }
   initCtrl() {
-    const ctrl = document.createElement("div");
-    ctrl.className = "_paintBrush-ctrl";
-    const ctrl_inner = document.createElement("div");
-    ctrl_inner.className = "_paintBrush-ctrlinner";
-    const a_undo = document.createElement("a");
-    a_undo.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--undo";
-    a_undo.addEventListener("click", (e) => {
-      var _a;
-      e.stopPropagation();
-      if (this.configs.onClickUndo) {
-        this.configs.onClickUndo();
-      }
-      if (!this.canvas[this.uuid] || !this.data[this.uuid] || this.data[this.uuid].length === 0) {
+    const e = document.createElement("div");
+    e.className = "_paintBrush-ctrl";
+    const n = document.createElement("div");
+    n.className = "_paintBrush-ctrlinner";
+    const r = document.createElement("a");
+    r.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--undo", r.addEventListener("click", (a) => {
+      var u;
+      if (a.stopPropagation(), this.configs.onClickUndo && this.configs.onClickUndo(), !this.canvas[this.uuid] || !this.data[this.uuid] || this.data[this.uuid].length === 0)
         return;
-      }
-      const popState = this.data[this.uuid].pop();
-      if (popState) {
-        this.emitStateChange({
-          type: PaintBrushTypeEnum.Undo,
-          color: this.color,
-          ready: this.ready,
-          state: popState,
-          uuid: this.uuid
-        });
-      }
-      const $ctx = (_a = this.canvas[this.uuid]) == null ? void 0 : _a.getContext("2d");
-      if (!this.canvas[this.uuid]) {
+      const c = this.data[this.uuid].pop();
+      c && this.emitStateChange({
+        type: w.Undo,
+        color: this.color,
+        ready: this.ready,
+        state: c,
+        uuid: this.uuid
+      });
+      const d = (u = this.canvas[this.uuid]) == null ? void 0 : u.getContext("2d");
+      if (!this.canvas[this.uuid])
         return;
-      }
-      const { width, height } = this.canvas[this.uuid];
-      if ($ctx) {
-        $ctx.clearRect(0, 0, width, height);
-      }
-      this.data[this.uuid].forEach((ld) => this.handleDrawLine(this.uuid, ld, { withUndo: true }));
-    });
-    const a_close = document.createElement("a");
-    a_close.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close";
-    a_close.addEventListener("click", (e) => {
-      e.stopPropagation();
-      this.closeBrush();
-      if (this.configs.onClickClose) {
-        this.configs.onClickClose();
-      }
+      const { width: _, height: l } = this.canvas[this.uuid];
+      d && d.clearRect(0, 0, _, l), this.data[this.uuid].forEach((h) => this.handleDrawLine(this.uuid, h, { withUndo: !0 }));
     });
-    const $A = [a_undo, a_close];
-    $A.forEach(($a) => {
-      const $i = document.createElement("i");
-      $i.className = "brush-icon";
-      const $span = document.createElement("span");
-      $span.className = "brush-txt";
-      $span.innerText = $a.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText;
-      $a.appendChild($i);
-      $a.appendChild($span);
-    });
-    ctrl_inner.appendChild(a_undo);
-    ctrl_inner.appendChild(a_close);
-    ctrl.appendChild(ctrl_inner);
-    this.container.appendChild(ctrl);
-    return ctrl;
+    const s = document.createElement("a");
+    return s.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close", s.addEventListener("click", (a) => {
+      a.stopPropagation(), this.closeBrush(), this.configs.onClickClose && this.configs.onClickClose();
+    }), [r, s].forEach((a) => {
+      const c = document.createElement("i");
+      c.className = "brush-icon";
+      const d = document.createElement("span");
+      d.className = "brush-txt", d.innerText = a.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, a.appendChild(c), a.appendChild(d);
+    }), n.appendChild(r), n.appendChild(s), e.appendChild(n), this.container.appendChild(e), e;
   }
   openBrush() {
     if (this.ready)
       return;
-    if (!this.canvas[this.uuid]) {
-      this.canvas[this.uuid] = this.initCanvas("_paintBrush-canvas");
-    }
-    this.container.className = "brushing";
-    const $curCanvas = this.canvas[this.uuid];
-    const $ctx = $curCanvas.getContext("2d");
-    $ctx.clearRect(0, 0, $curCanvas.width, $curCanvas.height);
-    this.openBrushHandle();
-    this.ready = true;
-    this.emit("readyChange", true);
+    this.canvas[this.uuid] || (this.canvas[this.uuid] = this.initCanvas("_paintBrush-canvas")), this.container.className = "brushing";
+    const e = this.canvas[this.uuid];
+    e.getContext("2d").clearRect(0, 0, e.width, e.height), this.openBrushHandle(), this.ready = !0, this.emit("readyChange", !0);
   }
   closeBrush() {
-    if (!this.ready)
-      return;
-    this.container.className = "";
-    this.data = {};
-    this.tempLine = {};
-    Object.keys(this.canvas).forEach((key) => {
-      this.canvas[key].ontouchstart = () => false;
-      this.canvas[key].ontouchmove = () => false;
-      this.canvas[key].ontouchend = () => false;
-      this.canvas[key].ontouchcancel = () => false;
-      const $ctx = this.canvas[key].getContext("2d");
-      if ($ctx) {
-        $ctx.clearRect(0, 0, this.canvas[key].width, this.canvas[key].height);
-      }
-    });
-    this.ready = false;
-    this.emit("readyChange", false);
-    this.emitStateChange({
-      type: PaintBrushTypeEnum.Exit,
+    !this.ready || (this.container.className = "", this.data = {}, this.tempLine = {}, Object.keys(this.canvas).forEach((e) => {
+      this.canvas[e].ontouchstart = () => !1, this.canvas[e].ontouchmove = () => !1, this.canvas[e].ontouchend = () => !1, this.canvas[e].ontouchcancel = () => !1;
+      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: w.Exit,
       color: this.color,
-      ready: false,
+      ready: !1,
       uuid: this.uuid
-    });
+    }));
   }
-  updateCurrentColor(color) {
-    const currentCanvas = this.canvas[this.uuid];
-    if (!currentCanvas)
-      return;
-    const currentCtx = currentCanvas.getContext("2d");
-    if (!currentCtx)
+  updateCurrentColor(e) {
+    const n = this.canvas[this.uuid];
+    if (!n)
       return;
-    this.configs.currentColor = color;
-    currentCtx.strokeStyle = color;
+    const r = n.getContext("2d");
+    !r || (this.configs.currentColor = e, r.strokeStyle = e);
   }
   openBrushHandle() {
-    const currentCanvas = this.canvas[this.uuid];
-    if (!currentCanvas)
+    const e = this.canvas[this.uuid];
+    if (!e)
       return;
-    const currentCtx = currentCanvas.getContext("2d");
-    if (!currentCtx)
+    const n = e.getContext("2d");
+    if (!n)
       return;
-    const color = this.color || "#6D92FF";
-    currentCtx.strokeStyle = color;
-    let begin = null;
-    let points = [];
-    let move;
-    let line = [];
-    let startTime = 0;
-    const draw = (beginPoint, controlPoint, endPoint) => {
-      const color2 = this.color || "#ff0000";
-      currentCtx.strokeStyle = color2;
-      currentCtx.beginPath();
-      currentCtx.moveTo(beginPoint.x, beginPoint.y);
-      currentCtx.quadraticCurveTo(controlPoint.x, controlPoint.y, endPoint.x, endPoint.y);
-      currentCtx.stroke();
+    const r = this.color || "#6D92FF";
+    n.strokeStyle = r;
+    let s = null, o = [], a, c = [], d = 0;
+    const _ = (l, u, h) => {
+      const p = this.color || "#ff0000";
+      n.strokeStyle = p, n.beginPath(), n.moveTo(l.x, l.y), n.quadraticCurveTo(u.x, u.y, h.x, h.y), n.stroke();
     };
-    currentCanvas.onmousedown = (e) => {
-      e.preventDefault();
-      startTime = Date.now();
-      const x = e.clientX;
-      const y = e.clientY;
-      points = [];
-      points.push({ x, y });
-      begin = { x, y };
-      move = transformCoords({ x, y }, this.clientWidth, this.clientHeight);
-      line = [];
-    };
-    currentCanvas.onmousemove = (e) => {
-      e.preventDefault();
-      if (!begin)
+    e.onmousedown = (l) => {
+      l.preventDefault(), d = Date.now();
+      const u = l.clientX, h = l.clientY;
+      o = [], o.push({ x: u, y: h }), s = { x: u, y: h }, a = I({ x: u, y: h }, this.clientWidth, this.clientHeight), c = [];
+    }, e.onmousemove = (l) => {
+      if (l.preventDefault(), !s)
         return;
-      const x = Number(e.clientX);
-      const y = Number(e.clientY);
-      if (Math.abs(x - begin.x) < 5 && Math.abs(y - begin.y) < 5) {
+      const u = Number(l.clientX), h = Number(l.clientY);
+      if (Math.abs(u - s.x) < 5 && Math.abs(h - s.y) < 5 || (o.push({ x: u, y: h }), c.push(I({ x: u, y: h }, this.clientWidth, this.clientHeight)), o.length < 3))
         return;
-      }
-      points.push({ x, y });
-      line.push(transformCoords({ x, y }, this.clientWidth, this.clientHeight));
-      if (points.length < 3) {
+      const { control: p, end: f } = M(o);
+      !p || !f || (_(s, p, f), s = f);
+    }, e.onmouseup = (l) => {
+      if (l.preventDefault(), s = null, o.length < 3)
         return;
-      }
-      const { control, end } = getQuadraticCurvePoint(points);
-      if (!control || !end) {
-        return;
-      }
-      draw(begin, control, end);
-      begin = end;
-    };
-    currentCanvas.onmouseup = (e) => {
-      e.preventDefault();
-      begin = null;
-      if (points.length < 3)
-        return;
-      if (!this.data[this.uuid]) {
-        this.data[this.uuid] = [];
-      }
-      const duration = Date.now() - startTime;
-      const state2 = {
-        move: Object.assign({}, move),
+      this.data[this.uuid] || (this.data[this.uuid] = []);
+      const u = Date.now() - d, h = {
+        move: Object.assign({}, a),
         uuid: this.uuid,
-        line: [...line],
+        line: [...c],
         color: this.color,
-        duration: duration < 1280 ? duration : duration < 2e3 ? 1280 : 0
+        duration: u < 1280 ? u : u < 2e3 ? 1280 : 0
       };
-      this.data[this.uuid].push(state2);
-      nextFrame(() => {
+      this.data[this.uuid].push(h), D(() => {
         this.emitStateChange({
-          type: PaintBrushTypeEnum.Drawline,
+          type: w.Drawline,
           color: this.color,
           ready: this.ready,
-          state: state2,
+          state: h,
           uuid: this.uuid
         });
       });
-    };
-    currentCanvas.ontouchstart = (e) => {
-      e.preventDefault();
-      startTime = Date.now();
-      const x = e.touches[0].clientX;
-      const y = e.touches[0].clientY;
-      points = [];
-      points.push({ x, y });
-      begin = { x, y };
-      console.log("ontouchstart", x, y, begin);
-      move = transformCoords({ x, y }, this.clientWidth, this.clientHeight);
-      line = [];
-    };
-    currentCanvas.ontouchmove = (e) => {
-      e.preventDefault();
-      if (!begin)
-        return;
-      const x = Number(e.touches[0].clientX);
-      const y = Number(e.touches[0].clientY);
-      if (Math.abs(x - begin.x) < 5 && Math.abs(y - begin.y) < 5)
+    }, e.ontouchstart = (l) => {
+      l.preventDefault(), d = Date.now();
+      const u = l.touches[0].clientX, h = l.touches[0].clientY;
+      o = [], o.push({ x: u, y: h }), s = { x: u, y: h }, console.log("ontouchstart", u, h, s), a = I({ x: u, y: h }, this.clientWidth, this.clientHeight), c = [];
+    }, e.ontouchmove = (l) => {
+      if (l.preventDefault(), !s)
         return;
-      points.push({ x, y });
-      line.push(transformCoords({ x, y }, this.clientWidth, this.clientHeight));
-      if (points.length < 3)
+      const u = Number(l.touches[0].clientX), h = Number(l.touches[0].clientY);
+      if (Math.abs(u - s.x) < 5 && Math.abs(h - s.y) < 5 || (o.push({ x: u, y: h }), c.push(I({ x: u, y: h }, this.clientWidth, this.clientHeight)), o.length < 3))
         return;
-      const { control, end } = getQuadraticCurvePoint(points);
-      if (!control || !end)
-        return;
-      draw(begin, control, end);
-      begin = end;
-    };
-    currentCanvas.ontouchend = currentCanvas.ontouchcancel = (e) => {
-      e.preventDefault();
-      begin = null;
-      if (points.length < 3)
+      const { control: p, end: f } = M(o);
+      !p || !f || (_(s, p, f), s = f);
+    }, e.ontouchend = e.ontouchcancel = (l) => {
+      if (l.preventDefault(), s = null, o.length < 3)
         return;
-      if (!this.data[this.uuid]) {
-        this.data[this.uuid] = [];
-      }
-      const duration = Date.now() - startTime;
-      const state2 = {
-        move: Object.assign({}, move),
-        line: [...line],
+      this.data[this.uuid] || (this.data[this.uuid] = []);
+      const u = Date.now() - d, h = {
+        move: Object.assign({}, a),
+        line: [...c],
         uuid: this.uuid,
         color: this.color,
-        duration: duration < 1280 ? duration : duration < 2e3 ? 1280 : 0
+        duration: u < 1280 ? u : u < 2e3 ? 1280 : 0
       };
-      this.data[this.uuid].push(state2);
-      nextFrame(() => {
+      this.data[this.uuid].push(h), D(() => {
         this.emitStateChange({
-          type: PaintBrushTypeEnum.Drawline,
+          type: w.Drawline,
           color: this.color,
           ready: this.ready,
-          state: state2,
+          state: h,
           uuid: this.uuid
         });
       });
     };
   }
-  emitStateChange(action, userAction = true) {
-    if (action.type !== PaintBrushTypeEnum.Drawline) {
-      this.emit("stateChange", action, userAction);
+  emitStateChange(e, n = !0) {
+    if (e.type !== w.Drawline) {
+      this.emit("stateChange", e, n);
       return;
     }
-    const timestamp = Date.now();
-    const state2 = action.state;
-    if (!state2)
-      return;
-    if (!state2.line)
+    const r = Date.now(), s = e.state;
+    if (!s || !s.line)
       return;
-    const sliceCount = Math.ceil(state2.line.length / 100);
-    for (let i = 0; i < sliceCount; i++) {
-      const localityAction = {
+    const o = Math.ceil(s.line.length / 100);
+    for (let a = 0; a < o; a++) {
+      const c = {
         uuid: this.uuid,
         color: this.color,
         ready: this.ready,
-        type: action.type,
+        type: e.type,
         state: {
           uuid: this.uuid,
-          move: state2.move,
-          duration: state2.duration,
+          move: s.move,
+          duration: s.duration,
           color: this.color,
-          line: state2.line.slice(i * 100, (i + 1) * 100)
+          line: s.line.slice(a * 100, (a + 1) * 100)
         },
-        timestamp,
-        end: i === sliceCount - 1
+        timestamp: r,
+        end: a === o - 1
       };
-      execInterval(i, 20, () => {
-        this.emit("stateChange", localityAction, userAction);
+      $(a, 20, () => {
+        this.emit("stateChange", c, n);
       });
     }
   }
-  action(action) {
-    const { ready, type, uuid: uuid2 } = action;
-    if (!ready && this.ready) {
+  action(e) {
+    const { ready: n, type: r, uuid: s } = e;
+    if (!n && this.ready) {
       this.closeBrush();
       return;
     }
-    if (ready && !this.ready) {
+    if (n && !this.ready) {
       this.openBrush();
       return;
     }
-    if (!this.ready) {
-      return;
-    }
-    switch (type) {
-      case PaintBrushTypeEnum.Drawline:
-        const { state: state2, timestamp, end } = action;
-        if (!timestamp)
-          return;
-        if (!state2)
-          return;
-        this.tempLine[timestamp] = [].concat(this.tempLine[timestamp] || [], state2.line);
-        if (end) {
-          Object.assign(state2, { line: this.tempLine[timestamp] });
-          this.handleDrawLine(uuid2, state2, {}, () => delete this.tempLine[timestamp]);
-        }
-        break;
-      case PaintBrushTypeEnum.Undo:
-        this.handleUndo(uuid2);
-        break;
-    }
-  }
-  handleDrawLine(_uuid, data, { withUndo = false }, callback = noop) {
-    if (!data || Object.prototype.toString.call(data) != "[object Object]" || Object.keys(data).length === 0) {
-      return;
-    }
-    console.log("handleDrawLine", data, data.line);
-    queue(() => {
-      return new Promise((resolve) => {
-        if (!withUndo) {
-          if (!this.canvas[_uuid]) {
-            this.canvas[_uuid] = this.initCanvas("_paintBrush-canvas--sync");
-          }
-          if (!this.data[_uuid]) {
-            this.data[_uuid] = [];
-          }
-          this.data[_uuid].push(data);
-        }
-        if (!this.canvas[_uuid]) {
-          return;
-        }
-        const $ctx = this.canvas[_uuid].getContext("2d");
-        if (!$ctx)
-          return;
-        const { line = [], color = "black", duration = 0, uuid: uuid2 } = data;
-        const move = unTransformCoords(data.move || {}, this.clientWidth, this.clientHeight);
-        let points = [move];
-        $ctx.strokeStyle = color;
-        $ctx.beginPath();
-        $ctx.moveTo(move.x, move.y);
-        if (duration && !withUndo) {
-          let drawCache = [];
-          const self2 = this;
-          self2.tween = tween({ step: 0 }, { step: line.length - 1 }, duration).onUpdate(({ step }) => {
-            var _a;
-            self2.tweening = true;
-            if (!self2.ready) {
-              $ctx.clearRect(0, 0, self2.canvas[uuid2].width, self2.canvas[uuid2].height);
-              return (_a = self2.tween) == null ? void 0 : _a.stop();
-            }
-            const i = Math.floor(step);
-            if (!drawCache.find((dc) => dc === i)) {
-              drawCache.push(i);
-              console.log("__debug__", line, line[i], i);
-              points.push(unTransformCoords(line[i], self2.clientWidth, self2.clientHeight));
-              if (points.length < 3)
-                return;
-              const { control, end } = getQuadraticCurvePoint(points);
-              if (!control || !end)
-                return;
-              $ctx.quadraticCurveTo(control.x, control.y, end.x, end.y);
-              $ctx.stroke();
-            }
-          }).onComplete((e) => {
-            self2.tween = void 0;
-            self2.tweening = false;
-            drawCache = [];
-            points = [];
-            if (callback)
-              callback();
-            resolve();
-          });
-        } else {
-          for (let i = 0; i < line.length; i++) {
-            points.push(unTransformCoords(line[i], this.clientWidth, this.clientHeight));
-            if (points.length < 3)
-              continue;
-            const { control, end } = getQuadraticCurvePoint(points);
-            if (!control || !end)
-              continue;
-            $ctx.quadraticCurveTo(control.x, control.y, end.x, end.y);
+    if (!!this.ready)
+      switch (r) {
+        case w.Drawline:
+          const { state: o, timestamp: a, end: c } = e;
+          if (!a || !o)
+            return;
+          this.tempLine[a] = [].concat(this.tempLine[a] || [], o.line), c && (Object.assign(o, { line: this.tempLine[a] }), this.handleDrawLine(s, o, {}, () => delete this.tempLine[a]));
+          break;
+        case w.Undo:
+          this.handleUndo(s);
+          break;
+      }
+  }
+  handleDrawLine(e, n, { withUndo: r = !1 }, s = N) {
+    !n || Object.prototype.toString.call(n) != "[object Object]" || Object.keys(n).length === 0 || (console.log("handleDrawLine", n, n.line), W(() => new Promise((o) => {
+      if (r || (this.canvas[e] || (this.canvas[e] = this.initCanvas("_paintBrush-canvas--sync")), this.data[e] || (this.data[e] = []), this.data[e].push(n)), !this.canvas[e])
+        return;
+      const a = this.canvas[e].getContext("2d");
+      if (!a)
+        return;
+      const { line: c = [], color: d = "black", duration: _ = 0, uuid: l } = n, u = R(n.move || {}, this.clientWidth, this.clientHeight);
+      let h = [u];
+      if (a.strokeStyle = d, a.beginPath(), a.moveTo(u.x, u.y), _ && !r) {
+        let p = [];
+        const f = this;
+        f.tween = Q({ step: 0 }, { step: c.length - 1 }, _).onUpdate(({ step: b }) => {
+          var k;
+          if (f.tweening = !0, !f.ready)
+            return a.clearRect(0, 0, f.canvas[l].width, f.canvas[l].height), (k = f.tween) == null ? void 0 : k.stop();
+          const x = Math.floor(b);
+          if (!p.find((B) => B === x)) {
+            if (p.push(x), console.log("__debug__", c, c[x], x), h.push(R(c[x], f.clientWidth, f.clientHeight)), h.length < 3)
+              return;
+            const { control: B, end: O } = M(h);
+            if (!B || !O)
+              return;
+            a.quadraticCurveTo(B.x, B.y, O.x, O.y), a.stroke();
           }
-          $ctx.stroke();
-          points = [];
-          if (callback)
-            callback();
-          resolve();
+        }).onComplete((b) => {
+          f.tween = void 0, f.tweening = !1, p = [], h = [], s && s(), o();
+        });
+      } else {
+        for (let p = 0; p < c.length; p++) {
+          if (h.push(R(c[p], this.clientWidth, this.clientHeight)), h.length < 3)
+            continue;
+          const { control: f, end: b } = M(h);
+          !f || !b || a.quadraticCurveTo(f.x, f.y, b.x, b.y);
         }
-      });
-    });
+        a.stroke(), h = [], s && s(), o();
+      }
+    })));
   }
-  handleUndo(uuid2) {
-    console.log("handleUndo", uuid2, this.canvas[uuid2]);
-    if (!this.canvas[uuid2] || !this.data[uuid2] || this.data[uuid2].length === 0) {
+  handleUndo(e) {
+    if (console.log("handleUndo", e, this.canvas[e]), !this.canvas[e] || !this.data[e] || this.data[e].length === 0)
       return;
-    }
-    this.data[uuid2].pop();
-    const handle = () => {
-      var _a;
-      const $ctx = (_a = this.canvas[uuid2]) == null ? void 0 : _a.getContext("2d");
-      if ($ctx) {
-        $ctx.clearRect(0, 0, this.canvas[uuid2].width, this.canvas[uuid2].height);
-      }
-      this.data[uuid2].forEach((ld) => this.handleDrawLine(uuid2, ld, { withUndo: true }));
+    this.data[e].pop();
+    const n = () => {
+      var s;
+      const r = (s = this.canvas[e]) == null ? void 0 : s.getContext("2d");
+      r && r.clearRect(0, 0, this.canvas[e].width, this.canvas[e].height), this.data[e].forEach((o) => this.handleDrawLine(e, o, { withUndo: !0 }));
     };
     if (this.tween && this.tweening) {
-      this.tween.stop();
-      nextFrame(handle, 60);
+      this.tween.stop(), D(n, 60);
       return;
     }
-    handle();
+    n();
   }
   destroyBrush() {
-    this.closeBrush();
-    this.ready = false;
-    this.emit("readyChange", true);
+    this.closeBrush(), this.ready = !1, this.emit("readyChange", !0);
   }
 }
-class PaintBrush {
-  constructor(configs = {}) {
-    __publicField(this, "controller");
-    const _configs = Object.assign({
+class et {
+  constructor(i = {}) {
+    g(this, "controller");
+    const e = Object.assign({
       currentColor: "#f44336",
       onUndoText: "\u56DE\u9000",
       onExitText: "\u5173\u95ED"
-    }, configs);
-    this.controller = new Controller(_configs);
+    }, i);
+    this.controller = new V(e);
   }
-  on(name, callback) {
-    this.controller.on(name, callback);
+  on(i, e) {
+    this.controller.on(i, e);
   }
-  off(name, callback) {
-    this.controller.off(name, callback);
+  off(i, e) {
+    this.controller.off(i, e);
   }
-  once(name, callback) {
-    this.controller.once(name, callback);
+  once(i, e) {
+    this.controller.once(i, e);
   }
   show() {
     this.controller.openBrush();
   }
-  action(action) {
-    this.controller.action(action);
+  action(i) {
+    this.controller.action(i);
   }
   get state() {
     return this.controller.state;
@@ -1443,8 +854,11 @@ class PaintBrush {
   dispose() {
     return this.controller.destroyBrush();
   }
-  setCurrentColor(color) {
-    this.controller.updateCurrentColor(color);
+  setCurrentColor(i) {
+    this.controller.updateCurrentColor(i);
   }
 }
-export { PaintBrush, PaintBrushTypeEnum };
+export {
+  et as PaintBrush,
+  w as PaintBrushTypeEnum
+};