!(function (t, e) {
  'object' == typeof exports && 'undefined' != typeof module
    ? (module.exports = e())
    : 'function' == typeof define && define.amd
    ? define(e)
    : ((t =
        'undefined' != typeof globalThis ? globalThis : t || self).Konva = e());
})(this, function () {
  'use strict';
  /*
   * Konva JavaScript Framework v7.2.5
   * http://konvajs.org/
   * Licensed under the MIT
   * Date: Thu Apr 29 2021
   *
   * Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS)
   * Modified work Copyright (C) 2014 - present by Anton Lavrenov (Konva)
   *
   * @license
   */ var t = Math.PI / 180;
  const e = function (t) {
      var e = t.indexOf('msie ');
      if (e > 0) return parseInt(t.substring(e + 5, t.indexOf('.', e)), 10);
      if (t.indexOf('trident/') > 0) {
        var i = t.indexOf('rv:');
        return parseInt(t.substring(i + 3, t.indexOf('.', i)), 10);
      }
      var r = t.indexOf('edge/');
      return r > 0 && parseInt(t.substring(r + 5, t.indexOf('.', r)), 10);
    },
    i = function (t) {
      var i = t.toLowerCase(),
        r =
          /(chrome)[ /]([\w.]+)/.exec(i) ||
          /(webkit)[ /]([\w.]+)/.exec(i) ||
          /(opera)(?:.*version|)[ /]([\w.]+)/.exec(i) ||
          /(msie) ([\w.]+)/.exec(i) ||
          (i.indexOf('compatible') < 0 &&
            /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(i)) ||
          [],
        a = !!t.match(
          /Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i
        ),
        n = !!t.match(/IEMobile/i);
      return {
        browser: r[1] || '',
        version: r[2] || '0',
        isIE: e(i),
        mobile: a,
        ieMobile: n,
      };
    },
    r =
      'undefined' != typeof global
        ? global
        : 'undefined' != typeof window
        ? window
        : 'undefined' != typeof WorkerGlobalScope
        ? self
        : {},
    a = {
      _global: r,
      version: '7.2.5',
      isBrowser:
        'undefined' != typeof window &&
        ('[object Window]' === {}.toString.call(window) ||
          '[object global]' === {}.toString.call(window)),
      isUnminified: /param/.test(function (t) {}.toString()),
      dblClickWindow: 400,
      getAngle: (e) => (a.angleDeg ? e * t : e),
      enableTrace: !1,
      _pointerEventsEnabled: !1,
      autoDrawEnabled: !1,
      hitOnDragEnabled: !1,
      captureTouchEventsEnabled: !1,
      listenClickTap: !1,
      inDblClickWindow: !1,
      pixelRatio:
        ('undefined' != typeof window && window.devicePixelRatio) || 1,
      dragDistance: 3,
      angleDeg: !0,
      showWarnings: !0,
      dragButtons: [0, 1],
      isDragging: () => a.DD.isDragging,
      isDragReady: () => !!a.DD.node,
      UA: i((r.navigator && r.navigator.userAgent) || ''),
      document: r.document,
      _injectGlobal(t) {
        r.Konva = t;
      },
      _parseUA: i,
    },
    n = {},
    s = (t) => {
      (n[t.prototype.getClassName()] = t), (a[t.prototype.getClassName()] = t);
    };
  a._injectGlobal(a);
  class o {
    constructor(t = [1, 0, 0, 1, 0, 0]) {
      (this.dirty = !1), (this.m = (t && t.slice()) || [1, 0, 0, 1, 0, 0]);
    }
    reset() {
      (this.m[0] = 1),
        (this.m[1] = 0),
        (this.m[2] = 0),
        (this.m[3] = 1),
        (this.m[4] = 0),
        (this.m[5] = 0);
    }
    copy() {
      return new o(this.m);
    }
    copyInto(t) {
      (t.m[0] = this.m[0]),
        (t.m[1] = this.m[1]),
        (t.m[2] = this.m[2]),
        (t.m[3] = this.m[3]),
        (t.m[4] = this.m[4]),
        (t.m[5] = this.m[5]);
    }
    point(t) {
      var e = this.m;
      return {
        x: e[0] * t.x + e[2] * t.y + e[4],
        y: e[1] * t.x + e[3] * t.y + e[5],
      };
    }
    translate(t, e) {
      return (
        (this.m[4] += this.m[0] * t + this.m[2] * e),
        (this.m[5] += this.m[1] * t + this.m[3] * e),
        this
      );
    }
    scale(t, e) {
      return (
        (this.m[0] *= t),
        (this.m[1] *= t),
        (this.m[2] *= e),
        (this.m[3] *= e),
        this
      );
    }
    rotate(t) {
      var e = Math.cos(t),
        i = Math.sin(t),
        r = this.m[0] * e + this.m[2] * i,
        a = this.m[1] * e + this.m[3] * i,
        n = this.m[0] * -i + this.m[2] * e,
        s = this.m[1] * -i + this.m[3] * e;
      return (
        (this.m[0] = r), (this.m[1] = a), (this.m[2] = n), (this.m[3] = s), this
      );
    }
    getTranslation() {
      return { x: this.m[4], y: this.m[5] };
    }
    skew(t, e) {
      var i = this.m[0] + this.m[2] * e,
        r = this.m[1] + this.m[3] * e,
        a = this.m[2] + this.m[0] * t,
        n = this.m[3] + this.m[1] * t;
      return (
        (this.m[0] = i), (this.m[1] = r), (this.m[2] = a), (this.m[3] = n), this
      );
    }
    multiply(t) {
      var e = this.m[0] * t.m[0] + this.m[2] * t.m[1],
        i = this.m[1] * t.m[0] + this.m[3] * t.m[1],
        r = this.m[0] * t.m[2] + this.m[2] * t.m[3],
        a = this.m[1] * t.m[2] + this.m[3] * t.m[3],
        n = this.m[0] * t.m[4] + this.m[2] * t.m[5] + this.m[4],
        s = this.m[1] * t.m[4] + this.m[3] * t.m[5] + this.m[5];
      return (
        (this.m[0] = e),
        (this.m[1] = i),
        (this.m[2] = r),
        (this.m[3] = a),
        (this.m[4] = n),
        (this.m[5] = s),
        this
      );
    }
    invert() {
      var t = 1 / (this.m[0] * this.m[3] - this.m[1] * this.m[2]),
        e = this.m[3] * t,
        i = -this.m[1] * t,
        r = -this.m[2] * t,
        a = this.m[0] * t,
        n = t * (this.m[2] * this.m[5] - this.m[3] * this.m[4]),
        s = t * (this.m[1] * this.m[4] - this.m[0] * this.m[5]);
      return (
        (this.m[0] = e),
        (this.m[1] = i),
        (this.m[2] = r),
        (this.m[3] = a),
        (this.m[4] = n),
        (this.m[5] = s),
        this
      );
    }
    getMatrix() {
      return this.m;
    }
    setAbsolutePosition(t, e) {
      var i = this.m[0],
        r = this.m[1],
        a = this.m[2],
        n = this.m[3],
        s = this.m[4],
        o = (i * (e - this.m[5]) - r * (t - s)) / (i * n - r * a),
        h = (t - s - a * o) / i;
      return this.translate(h, o);
    }
    decompose() {
      var t = this.m[0],
        e = this.m[1],
        i = this.m[2],
        r = this.m[3],
        a = t * r - e * i;
      let n = {
        x: this.m[4],
        y: this.m[5],
        rotation: 0,
        scaleX: 0,
        scaleY: 0,
        skewX: 0,
        skewY: 0,
      };
      if (0 != t || 0 != e) {
        var s = Math.sqrt(t * t + e * e);
        (n.rotation = e > 0 ? Math.acos(t / s) : -Math.acos(t / s)),
          (n.scaleX = s),
          (n.scaleY = a / s),
          (n.skewX = (t * i + e * r) / a),
          (n.skewY = 0);
      } else if (0 != i || 0 != r) {
        var o = Math.sqrt(i * i + r * r);
        (n.rotation =
          Math.PI / 2 - (r > 0 ? Math.acos(-i / o) : -Math.acos(i / o))),
          (n.scaleX = a / o),
          (n.scaleY = o),
          (n.skewX = 0),
          (n.skewY = (t * i + e * r) / a);
      }
      return (n.rotation = u._getRotation(n.rotation)), n;
    }
  }
  var h = Math.PI / 180,
    l = 180 / Math.PI,
    d = {
      aliceblue: [240, 248, 255],
      antiquewhite: [250, 235, 215],
      aqua: [0, 255, 255],
      aquamarine: [127, 255, 212],
      azure: [240, 255, 255],
      beige: [245, 245, 220],
      bisque: [255, 228, 196],
      black: [0, 0, 0],
      blanchedalmond: [255, 235, 205],
      blue: [0, 0, 255],
      blueviolet: [138, 43, 226],
      brown: [165, 42, 42],
      burlywood: [222, 184, 135],
      cadetblue: [95, 158, 160],
      chartreuse: [127, 255, 0],
      chocolate: [210, 105, 30],
      coral: [255, 127, 80],
      cornflowerblue: [100, 149, 237],
      cornsilk: [255, 248, 220],
      crimson: [220, 20, 60],
      cyan: [0, 255, 255],
      darkblue: [0, 0, 139],
      darkcyan: [0, 139, 139],
      darkgoldenrod: [184, 132, 11],
      darkgray: [169, 169, 169],
      darkgreen: [0, 100, 0],
      darkgrey: [169, 169, 169],
      darkkhaki: [189, 183, 107],
      darkmagenta: [139, 0, 139],
      darkolivegreen: [85, 107, 47],
      darkorange: [255, 140, 0],
      darkorchid: [153, 50, 204],
      darkred: [139, 0, 0],
      darksalmon: [233, 150, 122],
      darkseagreen: [143, 188, 143],
      darkslateblue: [72, 61, 139],
      darkslategray: [47, 79, 79],
      darkslategrey: [47, 79, 79],
      darkturquoise: [0, 206, 209],
      darkviolet: [148, 0, 211],
      deeppink: [255, 20, 147],
      deepskyblue: [0, 191, 255],
      dimgray: [105, 105, 105],
      dimgrey: [105, 105, 105],
      dodgerblue: [30, 144, 255],
      firebrick: [178, 34, 34],
      floralwhite: [255, 255, 240],
      forestgreen: [34, 139, 34],
      fuchsia: [255, 0, 255],
      gainsboro: [220, 220, 220],
      ghostwhite: [248, 248, 255],
      gold: [255, 215, 0],
      goldenrod: [218, 165, 32],
      gray: [128, 128, 128],
      green: [0, 128, 0],
      greenyellow: [173, 255, 47],
      grey: [128, 128, 128],
      honeydew: [240, 255, 240],
      hotpink: [255, 105, 180],
      indianred: [205, 92, 92],
      indigo: [75, 0, 130],
      ivory: [255, 255, 240],
      khaki: [240, 230, 140],
      lavender: [230, 230, 250],
      lavenderblush: [255, 240, 245],
      lawngreen: [124, 252, 0],
      lemonchiffon: [255, 250, 205],
      lightblue: [173, 216, 230],
      lightcoral: [240, 128, 128],
      lightcyan: [224, 255, 255],
      lightgoldenrodyellow: [250, 250, 210],
      lightgray: [211, 211, 211],
      lightgreen: [144, 238, 144],
      lightgrey: [211, 211, 211],
      lightpink: [255, 182, 193],
      lightsalmon: [255, 160, 122],
      lightseagreen: [32, 178, 170],
      lightskyblue: [135, 206, 250],
      lightslategray: [119, 136, 153],
      lightslategrey: [119, 136, 153],
      lightsteelblue: [176, 196, 222],
      lightyellow: [255, 255, 224],
      lime: [0, 255, 0],
      limegreen: [50, 205, 50],
      linen: [250, 240, 230],
      magenta: [255, 0, 255],
      maroon: [128, 0, 0],
      mediumaquamarine: [102, 205, 170],
      mediumblue: [0, 0, 205],
      mediumorchid: [186, 85, 211],
      mediumpurple: [147, 112, 219],
      mediumseagreen: [60, 179, 113],
      mediumslateblue: [123, 104, 238],
      mediumspringgreen: [0, 250, 154],
      mediumturquoise: [72, 209, 204],
      mediumvioletred: [199, 21, 133],
      midnightblue: [25, 25, 112],
      mintcream: [245, 255, 250],
      mistyrose: [255, 228, 225],
      moccasin: [255, 228, 181],
      navajowhite: [255, 222, 173],
      navy: [0, 0, 128],
      oldlace: [253, 245, 230],
      olive: [128, 128, 0],
      olivedrab: [107, 142, 35],
      orange: [255, 165, 0],
      orangered: [255, 69, 0],
      orchid: [218, 112, 214],
      palegoldenrod: [238, 232, 170],
      palegreen: [152, 251, 152],
      paleturquoise: [175, 238, 238],
      palevioletred: [219, 112, 147],
      papayawhip: [255, 239, 213],
      peachpuff: [255, 218, 185],
      peru: [205, 133, 63],
      pink: [255, 192, 203],
      plum: [221, 160, 203],
      powderblue: [176, 224, 230],
      purple: [128, 0, 128],
      rebeccapurple: [102, 51, 153],
      red: [255, 0, 0],
      rosybrown: [188, 143, 143],
      royalblue: [65, 105, 225],
      saddlebrown: [139, 69, 19],
      salmon: [250, 128, 114],
      sandybrown: [244, 164, 96],
      seagreen: [46, 139, 87],
      seashell: [255, 245, 238],
      sienna: [160, 82, 45],
      silver: [192, 192, 192],
      skyblue: [135, 206, 235],
      slateblue: [106, 90, 205],
      slategray: [119, 128, 144],
      slategrey: [119, 128, 144],
      snow: [255, 255, 250],
      springgreen: [0, 255, 127],
      steelblue: [70, 130, 180],
      tan: [210, 180, 140],
      teal: [0, 128, 128],
      thistle: [216, 191, 216],
      transparent: [255, 255, 255, 0],
      tomato: [255, 99, 71],
      turquoise: [64, 224, 208],
      violet: [238, 130, 238],
      wheat: [245, 222, 179],
      white: [255, 255, 255],
      whitesmoke: [245, 245, 245],
      yellow: [255, 255, 0],
      yellowgreen: [154, 205, 5],
    },
    c = /rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/,
    g = [];
  const u = {
    _isElement: (t) => !(!t || 1 != t.nodeType),
    _isFunction: (t) => !!(t && t.constructor && t.call && t.apply),
    _isPlainObject: (t) => !!t && t.constructor === Object,
    _isArray: (t) => '[object Array]' === Object.prototype.toString.call(t),
    _isNumber: (t) =>
      '[object Number]' === Object.prototype.toString.call(t) &&
      !isNaN(t) &&
      isFinite(t),
    _isString: (t) => '[object String]' === Object.prototype.toString.call(t),
    _isBoolean: (t) => '[object Boolean]' === Object.prototype.toString.call(t),
    isObject: (t) => t instanceof Object,
    isValidSelector(t) {
      if ('string' != typeof t) return !1;
      var e = t[0];
      return '#' === e || '.' === e || e === e.toUpperCase();
    },
    _sign: (t) => (0 === t || t > 0 ? 1 : -1),
    requestAnimFrame(t) {
      g.push(t);
      const e =
        ('undefined' != typeof requestAnimationFrame &&
          requestAnimationFrame) ||
        function (t) {
          setTimeout(t, 60);
        };
      1 === g.length &&
        e(function () {
          const t = g;
          (g = []),
            t.forEach(function (t) {
              t();
            });
        });
    },
    createCanvasElement() {
      var t = document.createElement('canvas');
      try {
        t.style = t.style || {};
      } catch (t) {}
      return t;
    },
    createImageElement: () => document.createElement('img'),
    _isInDocument(t) {
      for (; (t = t.parentNode); ) if (t == document) return !0;
      return !1;
    },
    _simplifyArray(t) {
      var e,
        i,
        r = [],
        a = t.length,
        n = u;
      for (e = 0; e < a; e++)
        (i = t[e]),
          n._isNumber(i)
            ? (i = Math.round(1e3 * i) / 1e3)
            : n._isString(i) || (i += ''),
          r.push(i);
      return r;
    },
    _urlToImage(t, e) {
      var i = u.createImageElement();
      (i.onload = function () {
        e(i);
      }),
        (i.src = t);
    },
    _rgbToHex: (t, e, i) =>
      ((1 << 24) + (t << 16) + (e << 8) + i).toString(16).slice(1),
    _hexToRgb(t) {
      t = t.replace('#', '');
      var e = parseInt(t, 16);
      return { r: (e >> 16) & 255, g: (e >> 8) & 255, b: 255 & e };
    },
    getRandomColor() {
      for (
        var t = ((16777215 * Math.random()) << 0).toString(16);
        t.length < 6;

      )
        t = '0' + t;
      return '#' + t;
    },
    get: (t, e) => (void 0 === t ? e : t),
    getRGB(t) {
      var e;
      return t in d
        ? { r: (e = d[t])[0], g: e[1], b: e[2] }
        : '#' === t[0]
        ? this._hexToRgb(t.substring(1))
        : 'rgb(' === t.substr(0, 4)
        ? ((e = c.exec(t.replace(/ /g, ''))),
          {
            r: parseInt(e[1], 10),
            g: parseInt(e[2], 10),
            b: parseInt(e[3], 10),
          })
        : { r: 0, g: 0, b: 0 };
    },
    colorToRGBA: (t) => (
      (t = t || 'black'),
      u._namedColorToRBA(t) ||
        u._hex3ColorToRGBA(t) ||
        u._hex6ColorToRGBA(t) ||
        u._rgbColorToRGBA(t) ||
        u._rgbaColorToRGBA(t) ||
        u._hslColorToRGBA(t)
    ),
    _namedColorToRBA(t) {
      var e = d[t.toLowerCase()];
      return e ? { r: e[0], g: e[1], b: e[2], a: 1 } : null;
    },
    _rgbColorToRGBA(t) {
      if (0 === t.indexOf('rgb(')) {
        var e = (t = t.match(/rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number);
        return { r: e[0], g: e[1], b: e[2], a: 1 };
      }
    },
    _rgbaColorToRGBA(t) {
      if (0 === t.indexOf('rgba(')) {
        var e = (t = t.match(/rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number);
        return { r: e[0], g: e[1], b: e[2], a: e[3] };
      }
    },
    _hex6ColorToRGBA(t) {
      if ('#' === t[0] && 7 === t.length)
        return {
          r: parseInt(t.slice(1, 3), 16),
          g: parseInt(t.slice(3, 5), 16),
          b: parseInt(t.slice(5, 7), 16),
          a: 1,
        };
    },
    _hex3ColorToRGBA(t) {
      if ('#' === t[0] && 4 === t.length)
        return {
          r: parseInt(t[1] + t[1], 16),
          g: parseInt(t[2] + t[2], 16),
          b: parseInt(t[3] + t[3], 16),
          a: 1,
        };
    },
    _hslColorToRGBA(t) {
      if (/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.test(t)) {
        const [e, ...i] = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(t),
          r = Number(i[0]) / 360,
          a = Number(i[1]) / 100,
          n = Number(i[2]) / 100;
        let s, o, h;
        if (0 === a)
          return (
            (h = 255 * n),
            { r: Math.round(h), g: Math.round(h), b: Math.round(h), a: 1 }
          );
        s = n < 0.5 ? n * (1 + a) : n + a - n * a;
        const l = 2 * n - s,
          d = [0, 0, 0];
        for (let t = 0; t < 3; t++)
          (o = r + (1 / 3) * -(t - 1)),
            o < 0 && o++,
            o > 1 && o--,
            (h =
              6 * o < 1
                ? l + 6 * (s - l) * o
                : 2 * o < 1
                ? s
                : 3 * o < 2
                ? l + (s - l) * (2 / 3 - o) * 6
                : l),
            (d[t] = 255 * h);
        return {
          r: Math.round(d[0]),
          g: Math.round(d[1]),
          b: Math.round(d[2]),
          a: 1,
        };
      }
    },
    haveIntersection: (t, e) =>
      !(
        e.x > t.x + t.width ||
        e.x + e.width < t.x ||
        e.y > t.y + t.height ||
        e.y + e.height < t.y
      ),
    cloneObject(t) {
      var e = {};
      for (var i in t)
        this._isPlainObject(t[i])
          ? (e[i] = this.cloneObject(t[i]))
          : this._isArray(t[i])
          ? (e[i] = this.cloneArray(t[i]))
          : (e[i] = t[i]);
      return e;
    },
    cloneArray: (t) => t.slice(0),
    _degToRad: (t) => t * h,
    _radToDeg: (t) => t * l,
    _getRotation: (t) => (a.angleDeg ? u._radToDeg(t) : t),
    _capitalize: (t) => t.charAt(0).toUpperCase() + t.slice(1),
    throw(t) {
      throw new Error('Konva error: ' + t);
    },
    error(t) {
      console.error('Konva error: ' + t);
    },
    warn(t) {
      a.showWarnings && console.warn('Konva warning: ' + t);
    },
    extend(t, e) {
      function i() {
        this.constructor = t;
      }
      i.prototype = e.prototype;
      var r = t.prototype;
      for (var a in ((t.prototype = new i()), r))
        r.hasOwnProperty(a) && (t.prototype[a] = r[a]);
      (t.__super__ = e.prototype), (t.super = e);
    },
    _getControlPoints(t, e, i, r, a, n, s) {
      var o = Math.sqrt(Math.pow(i - t, 2) + Math.pow(r - e, 2)),
        h = Math.sqrt(Math.pow(a - i, 2) + Math.pow(n - r, 2)),
        l = (s * o) / (o + h),
        d = (s * h) / (o + h);
      return [
        i - l * (a - t),
        r - l * (n - e),
        i + d * (a - t),
        r + d * (n - e),
      ];
    },
    _expandPoints(t, e) {
      var i,
        r,
        a = t.length,
        n = [];
      for (i = 2; i < a - 2; i += 2)
        (r = u._getControlPoints(
          t[i - 2],
          t[i - 1],
          t[i],
          t[i + 1],
          t[i + 2],
          t[i + 3],
          e
        )),
          isNaN(r[0]) ||
            (n.push(r[0]),
            n.push(r[1]),
            n.push(t[i]),
            n.push(t[i + 1]),
            n.push(r[2]),
            n.push(r[3]));
      return n;
    },
    each(t, e) {
      for (var i in t) e(i, t[i]);
    },
    _inRange: (t, e, i) => e <= t && t < i,
    _getProjectionToSegment(t, e, i, r, a, n) {
      var s,
        o,
        h,
        l = (t - i) * (t - i) + (e - r) * (e - r);
      if (0 == l) (s = t), (o = e), (h = (a - i) * (a - i) + (n - r) * (n - r));
      else {
        var d = ((a - t) * (i - t) + (n - e) * (r - e)) / l;
        d < 0
          ? ((s = t), (o = e), (h = (t - a) * (t - a) + (e - n) * (e - n)))
          : d > 1
          ? ((s = i), (o = r), (h = (i - a) * (i - a) + (r - n) * (r - n)))
          : (h =
              ((s = t + d * (i - t)) - a) * (s - a) +
              ((o = e + d * (r - e)) - n) * (o - n));
      }
      return [s, o, h];
    },
    _getProjectionToLine(t, e, i) {
      var r = u.cloneObject(t),
        a = Number.MAX_VALUE;
      return (
        e.forEach(function (n, s) {
          if (i || s !== e.length - 1) {
            var o = e[(s + 1) % e.length],
              h = u._getProjectionToSegment(n.x, n.y, o.x, o.y, t.x, t.y),
              l = h[0],
              d = h[1],
              c = h[2];
            c < a && ((r.x = l), (r.y = d), (a = c));
          }
        }),
        r
      );
    },
    _prepareArrayForTween(t, e, i) {
      var r,
        a = [],
        n = [];
      if (t.length > e.length) {
        var s = e;
        (e = t), (t = s);
      }
      for (r = 0; r < t.length; r += 2) a.push({ x: t[r], y: t[r + 1] });
      for (r = 0; r < e.length; r += 2) n.push({ x: e[r], y: e[r + 1] });
      var o = [];
      return (
        n.forEach(function (t) {
          var e = u._getProjectionToLine(t, a, i);
          o.push(e.x), o.push(e.y);
        }),
        o
      );
    },
    _prepareToStringify(t) {
      var e;
      for (var i in ((t.visitedByCircularReferenceRemoval = !0), t))
        if (t.hasOwnProperty(i) && t[i] && 'object' == typeof t[i])
          if (
            ((e = Object.getOwnPropertyDescriptor(t, i)),
            t[i].visitedByCircularReferenceRemoval || u._isElement(t[i]))
          ) {
            if (!e.configurable) return null;
            delete t[i];
          } else if (null === u._prepareToStringify(t[i])) {
            if (!e.configurable) return null;
            delete t[i];
          }
      return delete t.visitedByCircularReferenceRemoval, t;
    },
    _assign(t, e) {
      for (var i in e) t[i] = e[i];
      return t;
    },
    _getFirstPointerId: (t) =>
      t.touches ? t.changedTouches[0].identifier : 999,
  };
  function f(t) {
    return u._isString(t)
      ? '"' + t + '"'
      : '[object Number]' === Object.prototype.toString.call(t) ||
        u._isBoolean(t)
      ? t
      : Object.prototype.toString.call(t);
  }
  function p(t) {
    return t > 255 ? 255 : t < 0 ? 0 : Math.round(t);
  }
  function v() {
    if (a.isUnminified)
      return function (t, e) {
        return (
          u._isNumber(t) ||
            u.warn(
              f(t) +
                ' is a not valid value for "' +
                e +
                '" attribute. The value should be a number.'
            ),
          t
        );
      };
  }
  function m(t) {
    if (a.isUnminified)
      return function (e, i) {
        let r = u._isNumber(e),
          a = u._isArray(e) && e.length == t;
        return (
          r ||
            a ||
            u.warn(
              f(e) +
                ' is a not valid value for "' +
                i +
                '" attribute. The value should be a number or Array<number>(' +
                t +
                ')'
            ),
          e
        );
      };
  }
  function _() {
    if (a.isUnminified)
      return function (t, e) {
        return (
          u._isNumber(t) ||
            'auto' === t ||
            u.warn(
              f(t) +
                ' is a not valid value for "' +
                e +
                '" attribute. The value should be a number or "auto".'
            ),
          t
        );
      };
  }
  function y() {
    if (a.isUnminified)
      return function (t, e) {
        return (
          u._isString(t) ||
            u.warn(
              f(t) +
                ' is a not valid value for "' +
                e +
                '" attribute. The value should be a string.'
            ),
          t
        );
      };
  }
  function x() {
    if (a.isUnminified)
      return function (t, e) {
        const i = u._isString(t),
          r = '[object CanvasGradient]' === Object.prototype.toString.call(t);
        return (
          i ||
            r ||
            u.warn(
              f(t) +
                ' is a not valid value for "' +
                e +
                '" attribute. The value should be a string or a native gradient.'
            ),
          t
        );
      };
  }
  function b() {
    if (a.isUnminified)
      return function (t, e) {
        return (
          !0 === t ||
            !1 === t ||
            u.warn(
              f(t) +
                ' is a not valid value for "' +
                e +
                '" attribute. The value should be a boolean.'
            ),
          t
        );
      };
  }
  const S = {
    addGetterSetter(t, e, i, r, a) {
      S.addGetter(t, e, i),
        S.addSetter(t, e, r, a),
        S.addOverloadedGetterSetter(t, e);
    },
    addGetter(t, e, i) {
      var r = 'get' + u._capitalize(e);
      t.prototype[r] =
        t.prototype[r] ||
        function () {
          var t = this.attrs[e];
          return void 0 === t ? i : t;
        };
    },
    addSetter(t, e, i, r) {
      var a = 'set' + u._capitalize(e);
      t.prototype[a] || S.overWriteSetter(t, e, i, r);
    },
    overWriteSetter(t, e, i, r) {
      var a = 'set' + u._capitalize(e);
      t.prototype[a] = function (t) {
        return (
          i && null != t && (t = i.call(this, t, e)),
          this._setAttr(e, t),
          r && r.call(this),
          this
        );
      };
    },
    addComponentsGetterSetter(t, e, i, r, n) {
      var s,
        o,
        h = i.length,
        l = u._capitalize,
        d = 'get' + l(e),
        c = 'set' + l(e);
      t.prototype[d] = function () {
        var t = {};
        for (s = 0; s < h; s++) t[(o = i[s])] = this.getAttr(e + l(o));
        return t;
      };
      var g = (function (t) {
        if (a.isUnminified)
          return function (e, i) {
            return (
              u.isObject(e) ||
                u.warn(
                  f(e) +
                    ' is a not valid value for "' +
                    i +
                    '" attribute. The value should be an object with properties ' +
                    t
                ),
              e
            );
          };
      })(i);
      (t.prototype[c] = function (t) {
        var i,
          a = this.attrs[e];
        for (i in (r && (t = r.call(this, t)), g && g.call(this, t, e), t))
          t.hasOwnProperty(i) && this._setAttr(e + l(i), t[i]);
        return this._fireChangeEvent(e, a, t), n && n.call(this), this;
      }),
        S.addOverloadedGetterSetter(t, e);
    },
    addOverloadedGetterSetter(t, e) {
      var i = u._capitalize(e),
        r = 'set' + i,
        a = 'get' + i;
      t.prototype[e] = function () {
        return arguments.length ? (this[r](arguments[0]), this) : this[a]();
      };
    },
    addDeprecatedGetterSetter(t, e, i, r) {
      u.error('Adding deprecated ' + e);
      var a = 'get' + u._capitalize(e),
        n =
          e +
          ' property is deprecated and will be removed soon. Look at Konva change log for more information.';
      (t.prototype[a] = function () {
        u.error(n);
        var t = this.attrs[e];
        return void 0 === t ? i : t;
      }),
        S.addSetter(t, e, r, function () {
          u.error(n);
        }),
        S.addOverloadedGetterSetter(t, e);
    },
    backCompat(t, e) {
      u.each(e, function (e, i) {
        var r = t.prototype[i],
          a = 'get' + u._capitalize(e),
          n = 'set' + u._capitalize(e);
        function s() {
          r.apply(this, arguments),
            u.error(
              '"' +
                e +
                '" method is deprecated and will be removed soon. Use ""' +
                i +
                '" instead.'
            );
        }
        (t.prototype[e] = s), (t.prototype[a] = s), (t.prototype[n] = s);
      });
    },
    afterSetFilter() {
      this._filterUpToDate = !1;
    },
  };
  var w = [
    'arc',
    'arcTo',
    'beginPath',
    'bezierCurveTo',
    'clearRect',
    'clip',
    'closePath',
    'createLinearGradient',
    'createPattern',
    'createRadialGradient',
    'drawImage',
    'ellipse',
    'fill',
    'fillText',
    'getImageData',
    'createImageData',
    'lineTo',
    'moveTo',
    'putImageData',
    'quadraticCurveTo',
    'rect',
    'restore',
    'rotate',
    'save',
    'scale',
    'setLineDash',
    'setTransform',
    'stroke',
    'strokeText',
    'transform',
    'translate',
  ];
  class C {
    constructor(t) {
      (this.canvas = t),
        (this._context = t._canvas.getContext('2d')),
        a.enableTrace && ((this.traceArr = []), this._enableTrace());
    }
    fillShape(t) {
      t.fillEnabled() && this._fill(t);
    }
    _fill(t) {}
    strokeShape(t) {
      t.hasStroke() && this._stroke(t);
    }
    _stroke(t) {}
    fillStrokeShape(t) {
      t.attrs.fillAfterStrokeEnabled
        ? (this.strokeShape(t), this.fillShape(t))
        : (this.fillShape(t), this.strokeShape(t));
    }
    getTrace(t) {
      var e,
        i,
        r,
        a,
        n = this.traceArr,
        s = n.length,
        o = '';
      for (e = 0; e < s; e++)
        (r = (i = n[e]).method)
          ? ((a = i.args),
            (o += r),
            t
              ? (o += '()')
              : u._isArray(a[0])
              ? (o += '([' + a.join(',') + '])')
              : (o += '(' + a.join(',') + ')'))
          : ((o += i.property), t || (o += '=' + i.val)),
          (o += ';');
      return o;
    }
    clearTrace() {
      this.traceArr = [];
    }
    _trace(t) {
      var e = this.traceArr;
      e.push(t), e.length >= 100 && e.shift();
    }
    reset() {
      var t = this.getCanvas().getPixelRatio();
      this.setTransform(1 * t, 0, 0, 1 * t, 0, 0);
    }
    getCanvas() {
      return this.canvas;
    }
    clear(t) {
      var e = this.getCanvas();
      t
        ? this.clearRect(t.x || 0, t.y || 0, t.width || 0, t.height || 0)
        : this.clearRect(
            0,
            0,
            e.getWidth() / e.pixelRatio,
            e.getHeight() / e.pixelRatio
          );
    }
    _applyLineCap(t) {
      var e = t.getLineCap();
      e && this.setAttr('lineCap', e);
    }
    _applyOpacity(t) {
      var e = t.getAbsoluteOpacity();
      1 !== e && this.setAttr('globalAlpha', e);
    }
    _applyLineJoin(t) {
      var e = t.attrs.lineJoin;
      e && this.setAttr('lineJoin', e);
    }
    setAttr(t, e) {
      this._context[t] = e;
    }
    arc(t, e, i, r, a, n) {
      this._context.arc(t, e, i, r, a, n);
    }
    arcTo(t, e, i, r, a) {
      this._context.arcTo(t, e, i, r, a);
    }
    beginPath() {
      this._context.beginPath();
    }
    bezierCurveTo(t, e, i, r, a, n) {
      this._context.bezierCurveTo(t, e, i, r, a, n);
    }
    clearRect(t, e, i, r) {
      this._context.clearRect(t, e, i, r);
    }
    clip() {
      this._context.clip();
    }
    closePath() {
      this._context.closePath();
    }
    createImageData(t, e) {
      var i = arguments;
      return 2 === i.length
        ? this._context.createImageData(t, e)
        : 1 === i.length
        ? this._context.createImageData(t)
        : void 0;
    }
    createLinearGradient(t, e, i, r) {
      return this._context.createLinearGradient(t, e, i, r);
    }
    createPattern(t, e) {
      return this._context.createPattern(t, e);
    }
    createRadialGradient(t, e, i, r, a, n) {
      return this._context.createRadialGradient(t, e, i, r, a, n);
    }
    drawImage(t, e, i, r, a, n, s, o, h) {
      var l = arguments,
        d = this._context;
      3 === l.length
        ? d.drawImage(t, e, i)
        : 5 === l.length
        ? d.drawImage(t, e, i, r, a)
        : 9 === l.length && d.drawImage(t, e, i, r, a, n, s, o, h);
    }
    ellipse(t, e, i, r, a, n, s, o) {
      this._context.ellipse(t, e, i, r, a, n, s, o);
    }
    isPointInPath(t, e) {
      return this._context.isPointInPath(t, e);
    }
    fill() {
      this._context.fill();
    }
    fillRect(t, e, i, r) {
      this._context.fillRect(t, e, i, r);
    }
    strokeRect(t, e, i, r) {
      this._context.strokeRect(t, e, i, r);
    }
    fillText(t, e, i) {
      this._context.fillText(t, e, i);
    }
    measureText(t) {
      return this._context.measureText(t);
    }
    getImageData(t, e, i, r) {
      return this._context.getImageData(t, e, i, r);
    }
    lineTo(t, e) {
      this._context.lineTo(t, e);
    }
    moveTo(t, e) {
      this._context.moveTo(t, e);
    }
    rect(t, e, i, r) {
      this._context.rect(t, e, i, r);
    }
    putImageData(t, e, i) {
      this._context.putImageData(t, e, i);
    }
    quadraticCurveTo(t, e, i, r) {
      this._context.quadraticCurveTo(t, e, i, r);
    }
    restore() {
      this._context.restore();
    }
    rotate(t) {
      this._context.rotate(t);
    }
    save() {
      this._context.save();
    }
    scale(t, e) {
      this._context.scale(t, e);
    }
    setLineDash(t) {
      this._context.setLineDash
        ? this._context.setLineDash(t)
        : 'mozDash' in this._context
        ? (this._context.mozDash = t)
        : 'webkitLineDash' in this._context &&
          (this._context.webkitLineDash = t);
    }
    getLineDash() {
      return this._context.getLineDash();
    }
    setTransform(t, e, i, r, a, n) {
      this._context.setTransform(t, e, i, r, a, n);
    }
    stroke() {
      this._context.stroke();
    }
    strokeText(t, e, i, r) {
      this._context.strokeText(t, e, i, r);
    }
    transform(t, e, i, r, a, n) {
      this._context.transform(t, e, i, r, a, n);
    }
    translate(t, e) {
      this._context.translate(t, e);
    }
    _enableTrace() {
      var t,
        e,
        i = this,
        r = w.length,
        a = this.setAttr,
        n = function (t) {
          var r,
            a = i[t];
          i[t] = function () {
            return (
              (e = u._simplifyArray(Array.prototype.slice.call(arguments, 0))),
              (r = a.apply(i, arguments)),
              i._trace({ method: t, args: e }),
              r
            );
          };
        };
      for (t = 0; t < r; t++) n(w[t]);
      i.setAttr = function () {
        a.apply(i, arguments);
        var t = arguments[0],
          e = arguments[1];
        ('shadowOffsetX' !== t &&
          'shadowOffsetY' !== t &&
          'shadowBlur' !== t) ||
          (e /= this.canvas.getPixelRatio()),
          i._trace({ property: t, val: e });
      };
    }
    _applyGlobalCompositeOperation(t) {
      var e = t.getGlobalCompositeOperation();
      'source-over' !== e && this.setAttr('globalCompositeOperation', e);
    }
  }
  [
    'fillStyle',
    'strokeStyle',
    'shadowColor',
    'shadowBlur',
    'shadowOffsetX',
    'shadowOffsetY',
    'lineCap',
    'lineDashOffset',
    'lineJoin',
    'lineWidth',
    'miterLimit',
    'font',
    'textAlign',
    'textBaseline',
    'globalAlpha',
    'globalCompositeOperation',
    'imageSmoothingEnabled',
  ].forEach(function (t) {
    Object.defineProperty(C.prototype, t, {
      get() {
        return this._context[t];
      },
      set(e) {
        this._context[t] = e;
      },
    });
  });
  class P extends C {
    _fillColor(t) {
      var e = t.fill();
      this.setAttr('fillStyle', e), t._fillFunc(this);
    }
    _fillPattern(t) {
      var e = t.getFillPatternX(),
        i = t.getFillPatternY(),
        r = a.getAngle(t.getFillPatternRotation()),
        n = t.getFillPatternOffsetX(),
        s = t.getFillPatternOffsetY();
      t.getFillPatternScaleX(),
        t.getFillPatternScaleY(),
        (e || i) && this.translate(e || 0, i || 0),
        r && this.rotate(r),
        (n || s) && this.translate(-1 * n, -1 * s),
        this.setAttr('fillStyle', t._getFillPattern()),
        t._fillFunc(this);
    }
    _fillLinearGradient(t) {
      var e = t._getLinearGradient();
      e && (this.setAttr('fillStyle', e), t._fillFunc(this));
    }
    _fillRadialGradient(t) {
      var e = t._getRadialGradient();
      e && (this.setAttr('fillStyle', e), t._fillFunc(this));
    }
    _fill(t) {
      var e = t.fill(),
        i = t.getFillPriority();
      if (e && 'color' === i) this._fillColor(t);
      else {
        var r = t.getFillPatternImage();
        if (r && 'pattern' === i) this._fillPattern(t);
        else {
          var a = t.getFillLinearGradientColorStops();
          if (a && 'linear-gradient' === i) this._fillLinearGradient(t);
          else {
            var n = t.getFillRadialGradientColorStops();
            n && 'radial-gradient' === i
              ? this._fillRadialGradient(t)
              : e
              ? this._fillColor(t)
              : r
              ? this._fillPattern(t)
              : a
              ? this._fillLinearGradient(t)
              : n && this._fillRadialGradient(t);
          }
        }
      }
    }
    _strokeLinearGradient(t) {
      var e = t.getStrokeLinearGradientStartPoint(),
        i = t.getStrokeLinearGradientEndPoint(),
        r = t.getStrokeLinearGradientColorStops(),
        a = this.createLinearGradient(e.x, e.y, i.x, i.y);
      if (r) {
        for (var n = 0; n < r.length; n += 2) a.addColorStop(r[n], r[n + 1]);
        this.setAttr('strokeStyle', a);
      }
    }
    _stroke(t) {
      var e = t.dash(),
        i = t.getStrokeScaleEnabled();
      if (t.hasStroke()) {
        if (!i) {
          this.save();
          var r = this.getCanvas().getPixelRatio();
          this.setTransform(r, 0, 0, r, 0, 0);
        }
        this._applyLineCap(t),
          e &&
            t.dashEnabled() &&
            (this.setLineDash(e),
            this.setAttr('lineDashOffset', t.dashOffset())),
          this.setAttr('lineWidth', t.strokeWidth()),
          t.getShadowForStrokeEnabled() ||
            this.setAttr('shadowColor', 'rgba(0,0,0,0)'),
          t.getStrokeLinearGradientColorStops()
            ? this._strokeLinearGradient(t)
            : this.setAttr('strokeStyle', t.stroke()),
          t._strokeFunc(this),
          i || this.restore();
      }
    }
    _applyShadow(t) {
      var e = u,
        i = e.get(t.getShadowRGBA(), 'black'),
        r = e.get(t.getShadowBlur(), 5),
        a = e.get(t.getShadowOffset(), { x: 0, y: 0 }),
        n = t.getAbsoluteScale(),
        s = this.canvas.getPixelRatio(),
        o = n.x * s,
        h = n.y * s;
      this.setAttr('shadowColor', i),
        this.setAttr('shadowBlur', r * Math.min(Math.abs(o), Math.abs(h))),
        this.setAttr('shadowOffsetX', a.x * o),
        this.setAttr('shadowOffsetY', a.y * h);
    }
  }
  class k extends C {
    _fill(t) {
      this.save(),
        this.setAttr('fillStyle', t.colorKey),
        t._fillFuncHit(this),
        this.restore();
    }
    strokeShape(t) {
      t.hasHitStroke() && this._stroke(t);
    }
    _stroke(t) {
      if (t.hasHitStroke()) {
        var e = t.getStrokeScaleEnabled();
        if (!e) {
          this.save();
          var i = this.getCanvas().getPixelRatio();
          this.setTransform(i, 0, 0, i, 0, 0);
        }
        this._applyLineCap(t);
        var r = t.hitStrokeWidth(),
          a = 'auto' === r ? t.strokeWidth() : r;
        this.setAttr('lineWidth', a),
          this.setAttr('strokeStyle', t.colorKey),
          t._strokeFuncHit(this),
          e || this.restore();
      }
    }
  }
  var T;
  class A {
    constructor(t) {
      (this.pixelRatio = 1),
        (this.width = 0),
        (this.height = 0),
        (this.isCache = !1);
      var e =
        (t || {}).pixelRatio ||
        a.pixelRatio ||
        (function () {
          if (T) return T;
          var t = u.createCanvasElement().getContext('2d');
          return (T =
            (a._global.devicePixelRatio || 1) /
            (t.webkitBackingStorePixelRatio ||
              t.mozBackingStorePixelRatio ||
              t.msBackingStorePixelRatio ||
              t.oBackingStorePixelRatio ||
              t.backingStorePixelRatio ||
              1));
        })();
      (this.pixelRatio = e),
        (this._canvas = u.createCanvasElement()),
        (this._canvas.style.padding = '0'),
        (this._canvas.style.margin = '0'),
        (this._canvas.style.border = '0'),
        (this._canvas.style.background = 'transparent'),
        (this._canvas.style.position = 'absolute'),
        (this._canvas.style.top = '0'),
        (this._canvas.style.left = '0');
    }
    getContext() {
      return this.context;
    }
    getPixelRatio() {
      return this.pixelRatio;
    }
    setPixelRatio(t) {
      var e = this.pixelRatio;
      (this.pixelRatio = t),
        this.setSize(this.getWidth() / e, this.getHeight() / e);
    }
    setWidth(t) {
      (this.width = this._canvas.width = t * this.pixelRatio),
        (this._canvas.style.width = t + 'px');
      var e = this.pixelRatio;
      this.getContext()._context.scale(e, e);
    }
    setHeight(t) {
      (this.height = this._canvas.height = t * this.pixelRatio),
        (this._canvas.style.height = t + 'px');
      var e = this.pixelRatio;
      this.getContext()._context.scale(e, e);
    }
    getWidth() {
      return this.width;
    }
    getHeight() {
      return this.height;
    }
    setSize(t, e) {
      this.setWidth(t || 0), this.setHeight(e || 0);
    }
    toDataURL(t, e) {
      try {
        return this._canvas.toDataURL(t, e);
      } catch (t) {
        try {
          return this._canvas.toDataURL();
        } catch (t) {
          return (
            u.error(
              'Unable to get data URL. ' +
                t.message +
                ' For more info read https://konvajs.org/docs/posts/Tainted_Canvas.html.'
            ),
            ''
          );
        }
      }
    }
  }
  S.addGetterSetter(A, 'pixelRatio', void 0, v());
  class M extends A {
    constructor(t = { width: 0, height: 0 }) {
      super(t), (this.context = new P(this)), this.setSize(t.width, t.height);
    }
  }
  class G extends A {
    constructor(t = { width: 0, height: 0 }) {
      super(t),
        (this.hitCanvas = !0),
        (this.context = new k(this)),
        this.setSize(t.width, t.height);
    }
  }
  const E = {
    get isDragging() {
      var t = !1;
      return (
        E._dragElements.forEach((e) => {
          'dragging' === e.dragStatus && (t = !0);
        }),
        t
      );
    },
    justDragged: !1,
    get node() {
      var t;
      return (
        E._dragElements.forEach((e) => {
          t = e.node;
        }),
        t
      );
    },
    _dragElements: new Map(),
    _drag(t) {
      const e = [];
      E._dragElements.forEach((i, r) => {
        const { node: a } = i,
          n = a.getStage();
        n.setPointersPositions(t),
          void 0 === i.pointerId && (i.pointerId = u._getFirstPointerId(t));
        const s = n._changedPointerPositions.find((t) => t.id === i.pointerId);
        if (s) {
          if ('dragging' !== i.dragStatus) {
            var o = a.dragDistance();
            if (
              Math.max(
                Math.abs(s.x - i.startPointerPos.x),
                Math.abs(s.y - i.startPointerPos.y)
              ) < o
            )
              return;
            if ((a.startDrag({ evt: t }), !a.isDragging())) return;
          }
          a._setDragPosition(t, i), e.push(a);
        }
      }),
        e.forEach((e) => {
          e.fire('dragmove', { type: 'dragmove', target: e, evt: t }, !0);
        });
    },
    _endDragBefore(t) {
      E._dragElements.forEach((e, i) => {
        const { node: r } = e,
          n = r.getStage();
        t && n.setPointersPositions(t);
        if (!n._changedPointerPositions.find((t) => t.id === e.pointerId))
          return;
        ('dragging' !== e.dragStatus && 'stopped' !== e.dragStatus) ||
          ((E.justDragged = !0),
          (a.listenClickTap = !1),
          (e.dragStatus = 'stopped'));
        const s = e.node.getLayer() || (e.node instanceof a.Stage && e.node);
        s && s.batchDraw();
      });
    },
    _endDragAfter(t) {
      E._dragElements.forEach((e, i) => {
        'stopped' === e.dragStatus &&
          e.node.fire(
            'dragend',
            { type: 'dragend', target: e.node, evt: t },
            !0
          ),
          'dragging' !== e.dragStatus && E._dragElements.delete(i);
      });
    },
  };
  a.isBrowser &&
    (window.addEventListener('mouseup', E._endDragBefore, !0),
    window.addEventListener('touchend', E._endDragBefore, !0),
    window.addEventListener('mousemove', E._drag),
    window.addEventListener('touchmove', E._drag),
    window.addEventListener('mouseup', E._endDragAfter, !1),
    window.addEventListener('touchend', E._endDragAfter, !1));
  const R = {},
    L = {},
    D = function (t, e) {
      t && R[t] === e && delete R[t];
    },
    I = function (t, e) {
      e && (L[e] || (L[e] = []), L[e].push(t));
    },
    O = function (t, e) {
      if (t) {
        var i = L[t];
        if (i) {
          for (var r = 0; r < i.length; r++) {
            i[r]._id === e && i.splice(r, 1);
          }
          0 === i.length && delete L[t];
        }
      }
    };
  var F = [
    'xChange.konva',
    'yChange.konva',
    'scaleXChange.konva',
    'scaleYChange.konva',
    'skewXChange.konva',
    'skewYChange.konva',
    'rotationChange.konva',
    'offsetXChange.konva',
    'offsetYChange.konva',
    'transformsEnabledChange.konva',
  ].join(' ');
  const B = [];
  let N = 1;
  class z {
    constructor(t) {
      (this._id = N++),
        (this.eventListeners = {}),
        (this.attrs = {}),
        (this.index = 0),
        (this._allEventListeners = null),
        (this.parent = null),
        (this._cache = new Map()),
        (this._attachedDepsListeners = new Map()),
        (this._lastPos = null),
        (this._batchingTransformChange = !1),
        (this._needClearTransformCache = !1),
        (this._filterUpToDate = !1),
        (this._isUnderCache = !1),
        (this._dragEventId = null),
        (this._shouldFireChangeEvents = !1),
        this.setAttrs(t),
        (this._shouldFireChangeEvents = !0);
    }
    hasChildren() {
      return !1;
    }
    getChildren() {
      return B;
    }
    _clearCache(t) {
      ('transform' !== t && 'absoluteTransform' !== t) || !this._cache.get(t)
        ? t
          ? this._cache.delete(t)
          : this._cache.clear()
        : (this._cache.get(t).dirty = !0);
    }
    _getCache(t, e) {
      var i = this._cache.get(t);
      return (
        (void 0 === i ||
          (('transform' === t || 'absoluteTransform' === t) &&
            !0 === i.dirty)) &&
          ((i = e.call(this)), this._cache.set(t, i)),
        i
      );
    }
    _calculate(t, e, i) {
      if (!this._attachedDepsListeners.get(t)) {
        const i = e.map((t) => t + 'Change.konva').join(' ');
        this.on(i, () => {
          this._clearCache(t);
        }),
          this._attachedDepsListeners.set(t, !0);
      }
      return this._getCache(t, i);
    }
    _getCanvasCache() {
      return this._cache.get('canvas');
    }
    _clearSelfAndDescendantCache(t, e) {
      this._clearCache(t),
        e && 'absoluteTransform' === t && this.fire('_clearTransformCache');
    }
    clearCache() {
      return (
        this._cache.delete('canvas'), this._clearSelfAndDescendantCache(), this
      );
    }
    cache(t) {
      var e = t || {},
        i = {};
      (void 0 !== e.x &&
        void 0 !== e.y &&
        void 0 !== e.width &&
        void 0 !== e.height) ||
        (i = this.getClientRect({
          skipTransform: !0,
          relativeTo: this.getParent(),
        }));
      var r = Math.ceil(e.width || i.width),
        a = Math.ceil(e.height || i.height),
        n = e.pixelRatio,
        s = void 0 === e.x ? i.x : e.x,
        o = void 0 === e.y ? i.y : e.y,
        h = e.offset || 0,
        l = e.drawBorder || !1;
      if (r && a) {
        (s -= h), (o -= h);
        var d = new M({
            pixelRatio: n,
            width: (r += 2 * h),
            height: (a += 2 * h),
          }),
          c = new M({ pixelRatio: n, width: 0, height: 0 }),
          g = new G({ pixelRatio: 1, width: r, height: a }),
          f = d.getContext(),
          p = g.getContext();
        return (
          (g.isCache = !0),
          (d.isCache = !0),
          this._cache.delete('canvas'),
          (this._filterUpToDate = !1),
          !1 === e.imageSmoothingEnabled &&
            ((d.getContext()._context.imageSmoothingEnabled = !1),
            (c.getContext()._context.imageSmoothingEnabled = !1)),
          f.save(),
          p.save(),
          f.translate(-s, -o),
          p.translate(-s, -o),
          (this._isUnderCache = !0),
          this._clearSelfAndDescendantCache('absoluteOpacity'),
          this._clearSelfAndDescendantCache('absoluteScale'),
          this.drawScene(d, this),
          this.drawHit(g, this),
          (this._isUnderCache = !1),
          f.restore(),
          p.restore(),
          l &&
            (f.save(),
            f.beginPath(),
            f.rect(0, 0, r, a),
            f.closePath(),
            f.setAttr('strokeStyle', 'red'),
            f.setAttr('lineWidth', 5),
            f.stroke(),
            f.restore()),
          this._cache.set('canvas', {
            scene: d,
            filter: c,
            hit: g,
            x: s,
            y: o,
          }),
          this
        );
      }
      u.error(
        'Can not cache the node. Width or height of the node equals 0. Caching is skipped.'
      );
    }
    isCached() {
      return this._cache.has('canvas');
    }
    getClientRect(t) {
      throw new Error('abstract "getClientRect" method call');
    }
    _transformedRect(t, e) {
      var i,
        r,
        a,
        n,
        s = [
          { x: t.x, y: t.y },
          { x: t.x + t.width, y: t.y },
          { x: t.x + t.width, y: t.y + t.height },
          { x: t.x, y: t.y + t.height },
        ],
        o = this.getAbsoluteTransform(e);
      return (
        s.forEach(function (t) {
          var e = o.point(t);
          void 0 === i && ((i = a = e.x), (r = n = e.y)),
            (i = Math.min(i, e.x)),
            (r = Math.min(r, e.y)),
            (a = Math.max(a, e.x)),
            (n = Math.max(n, e.y));
        }),
        { x: i, y: r, width: a - i, height: n - r }
      );
    }
    _drawCachedSceneCanvas(t) {
      t.save(), t._applyOpacity(this), t._applyGlobalCompositeOperation(this);
      const e = this._getCanvasCache();
      t.translate(e.x, e.y);
      var i = this._getCachedSceneCanvas(),
        r = i.pixelRatio;
      t.drawImage(i._canvas, 0, 0, i.width / r, i.height / r), t.restore();
    }
    _drawCachedHitCanvas(t) {
      var e = this._getCanvasCache(),
        i = e.hit;
      t.save(),
        t.translate(e.x, e.y),
        t.drawImage(i._canvas, 0, 0),
        t.restore();
    }
    _getCachedSceneCanvas() {
      var t,
        e,
        i,
        r,
        a = this.filters(),
        n = this._getCanvasCache(),
        s = n.scene,
        o = n.filter,
        h = o.getContext();
      if (a) {
        if (!this._filterUpToDate) {
          var l = s.pixelRatio;
          o.setSize(s.width / s.pixelRatio, s.height / s.pixelRatio);
          try {
            for (
              t = a.length,
                h.clear(),
                h.drawImage(
                  s._canvas,
                  0,
                  0,
                  s.getWidth() / l,
                  s.getHeight() / l
                ),
                e = h.getImageData(0, 0, o.getWidth(), o.getHeight()),
                i = 0;
              i < t;
              i++
            )
              'function' == typeof (r = a[i])
                ? (r.call(this, e), h.putImageData(e, 0, 0))
                : u.error(
                    'Filter should be type of function, but got ' +
                      typeof r +
                      ' instead. Please check correct filters'
                  );
          } catch (t) {
            u.error(
              'Unable to apply filter. ' +
                t.message +
                ' This post my help you https://konvajs.org/docs/posts/Tainted_Canvas.html.'
            );
          }
          this._filterUpToDate = !0;
        }
        return o;
      }
      return s;
    }
    on(t, e) {
      if (
        (this._cache && this._cache.delete('allEventListeners'),
        3 === arguments.length)
      )
        return this._delegate.apply(this, arguments);
      var i,
        r,
        a,
        n,
        s = t.split(' '),
        o = s.length;
      for (i = 0; i < o; i++)
        (a = (r = s[i].split('.'))[0]),
          (n = r[1] || ''),
          this.eventListeners[a] || (this.eventListeners[a] = []),
          this.eventListeners[a].push({ name: n, handler: e });
      return this;
    }
    off(t, e) {
      var i,
        r,
        a,
        n,
        s,
        o = (t || '').split(' '),
        h = o.length;
      if ((this._cache && this._cache.delete('allEventListeners'), !t))
        for (r in this.eventListeners) this._off(r);
      for (i = 0; i < h; i++)
        if (((n = (a = o[i].split('.'))[0]), (s = a[1]), n))
          this.eventListeners[n] && this._off(n, s, e);
        else for (r in this.eventListeners) this._off(r, s, e);
      return this;
    }
    dispatchEvent(t) {
      var e = { target: this, type: t.type, evt: t };
      return this.fire(t.type, e), this;
    }
    addEventListener(t, e) {
      return (
        this.on(t, function (t) {
          e.call(this, t.evt);
        }),
        this
      );
    }
    removeEventListener(t) {
      return this.off(t), this;
    }
    _delegate(t, e, i) {
      var r = this;
      this.on(t, function (t) {
        for (var a = t.target.findAncestors(e, !0, r), n = 0; n < a.length; n++)
          ((t = u.cloneObject(t)).currentTarget = a[n]), i.call(a[n], t);
      });
    }
    remove() {
      return (
        this.isDragging() && this.stopDrag(),
        E._dragElements.delete(this._id),
        this._remove(),
        this
      );
    }
    _clearCaches() {
      this._clearSelfAndDescendantCache('absoluteTransform'),
        this._clearSelfAndDescendantCache('absoluteOpacity'),
        this._clearSelfAndDescendantCache('absoluteScale'),
        this._clearSelfAndDescendantCache('stage'),
        this._clearSelfAndDescendantCache('visible'),
        this._clearSelfAndDescendantCache('listening');
    }
    _remove() {
      this._clearCaches();
      var t = this.getParent();
      t &&
        t.children &&
        (t.children.splice(this.index, 1),
        t._setChildrenIndices(),
        (this.parent = null));
    }
    destroy() {
      D(this.id(), this);
      for (var t = (this.name() || '').split(/\s/g), e = 0; e < t.length; e++) {
        var i = t[e];
        O(i, this._id);
      }
      return this.remove(), this;
    }
    getAttr(t) {
      var e = 'get' + u._capitalize(t);
      return u._isFunction(this[e]) ? this[e]() : this.attrs[t];
    }
    getAncestors() {
      for (var t = this.getParent(), e = []; t; )
        e.push(t), (t = t.getParent());
      return e;
    }
    getAttrs() {
      return this.attrs || {};
    }
    setAttrs(t) {
      return (
        this._batchTransformChanges(() => {
          var e, i;
          if (!t) return this;
          for (e in t)
            'children' !== e &&
              ((i = 'set' + u._capitalize(e)),
              u._isFunction(this[i]) ? this[i](t[e]) : this._setAttr(e, t[e]));
        }),
        this
      );
    }
    isListening() {
      return this._getCache('listening', this._isListening);
    }
    _isListening(t) {
      if (!this.listening()) return !1;
      const e = this.getParent();
      return !e || e === t || this === t || e._isListening(t);
    }
    isVisible() {
      return this._getCache('visible', this._isVisible);
    }
    _isVisible(t) {
      if (!this.visible()) return !1;
      const e = this.getParent();
      return !e || e === t || this === t || e._isVisible(t);
    }
    shouldDrawHit(t, e = !1) {
      if (t) return this._isVisible(t) && this._isListening(t);
      var i = this.getLayer(),
        r = !1;
      E._dragElements.forEach((t) => {
        'dragging' === t.dragStatus &&
          ('Stage' === t.node.nodeType || t.node.getLayer() === i) &&
          (r = !0);
      });
      var n = !e && !a.hitOnDragEnabled && r;
      return this.isListening() && this.isVisible() && !n;
    }
    show() {
      return this.visible(!0), this;
    }
    hide() {
      return this.visible(!1), this;
    }
    getZIndex() {
      return this.index || 0;
    }
    getAbsoluteZIndex() {
      var t,
        e,
        i,
        r,
        a = this.getDepth(),
        n = this,
        s = 0;
      return (
        'Stage' !== n.nodeType &&
          (function o(h) {
            for (t = [], e = h.length, i = 0; i < e; i++)
              (r = h[i]),
                s++,
                'Shape' !== r.nodeType &&
                  (t = t.concat(r.getChildren().slice())),
                r._id === n._id && (i = e);
            t.length > 0 && t[0].getDepth() <= a && o(t);
          })(n.getStage().getChildren()),
        s
      );
    }
    getDepth() {
      for (var t = 0, e = this.parent; e; ) t++, (e = e.parent);
      return t;
    }
    _batchTransformChanges(t) {
      (this._batchingTransformChange = !0),
        t(),
        (this._batchingTransformChange = !1),
        this._needClearTransformCache &&
          (this._clearCache('transform'),
          this._clearSelfAndDescendantCache('absoluteTransform', !0)),
        (this._needClearTransformCache = !1);
    }
    setPosition(t) {
      return (
        this._batchTransformChanges(() => {
          this.x(t.x), this.y(t.y);
        }),
        this
      );
    }
    getPosition() {
      return { x: this.x(), y: this.y() };
    }
    getAbsolutePosition(t) {
      let e = !1,
        i = this.parent;
      for (; i; ) {
        if (i.isCached()) {
          e = !0;
          break;
        }
        i = i.parent;
      }
      e && !t && (t = !0);
      var r = this.getAbsoluteTransform(t).getMatrix(),
        a = new o(),
        n = this.offset();
      return (a.m = r.slice()), a.translate(n.x, n.y), a.getTranslation();
    }
    setAbsolutePosition(t) {
      var e = this._clearTransform();
      (this.attrs.x = e.x),
        (this.attrs.y = e.y),
        delete e.x,
        delete e.y,
        this._clearCache('transform');
      var i = this._getAbsoluteTransform().copy();
      return (
        i.invert(),
        i.translate(t.x, t.y),
        (t = {
          x: this.attrs.x + i.getTranslation().x,
          y: this.attrs.y + i.getTranslation().y,
        }),
        this._setTransform(e),
        this.setPosition({ x: t.x, y: t.y }),
        this._clearCache('transform'),
        this._clearSelfAndDescendantCache('absoluteTransform'),
        this
      );
    }
    _setTransform(t) {
      var e;
      for (e in t) this.attrs[e] = t[e];
    }
    _clearTransform() {
      var t = {
        x: this.x(),
        y: this.y(),
        rotation: this.rotation(),
        scaleX: this.scaleX(),
        scaleY: this.scaleY(),
        offsetX: this.offsetX(),
        offsetY: this.offsetY(),
        skewX: this.skewX(),
        skewY: this.skewY(),
      };
      return (
        (this.attrs.x = 0),
        (this.attrs.y = 0),
        (this.attrs.rotation = 0),
        (this.attrs.scaleX = 1),
        (this.attrs.scaleY = 1),
        (this.attrs.offsetX = 0),
        (this.attrs.offsetY = 0),
        (this.attrs.skewX = 0),
        (this.attrs.skewY = 0),
        t
      );
    }
    move(t) {
      var e = t.x,
        i = t.y,
        r = this.x(),
        a = this.y();
      return (
        void 0 !== e && (r += e),
        void 0 !== i && (a += i),
        this.setPosition({ x: r, y: a }),
        this
      );
    }
    _eachAncestorReverse(t, e) {
      var i,
        r,
        a = [],
        n = this.getParent();
      if (!e || e._id !== this._id) {
        for (a.unshift(this); n && (!e || n._id !== e._id); )
          a.unshift(n), (n = n.parent);
        for (i = a.length, r = 0; r < i; r++) t(a[r]);
      }
    }
    rotate(t) {
      return this.rotation(this.rotation() + t), this;
    }
    moveToTop() {
      if (!this.parent)
        return u.warn('Node has no parent. moveToTop function is ignored.'), !1;
      var t = this.index;
      return (
        this.parent.children.splice(t, 1),
        this.parent.children.push(this),
        this.parent._setChildrenIndices(),
        !0
      );
    }
    moveUp() {
      if (!this.parent)
        return u.warn('Node has no parent. moveUp function is ignored.'), !1;
      var t = this.index;
      return (
        t < this.parent.getChildren().length - 1 &&
        (this.parent.children.splice(t, 1),
        this.parent.children.splice(t + 1, 0, this),
        this.parent._setChildrenIndices(),
        !0)
      );
    }
    moveDown() {
      if (!this.parent)
        return u.warn('Node has no parent. moveDown function is ignored.'), !1;
      var t = this.index;
      return (
        t > 0 &&
        (this.parent.children.splice(t, 1),
        this.parent.children.splice(t - 1, 0, this),
        this.parent._setChildrenIndices(),
        !0)
      );
    }
    moveToBottom() {
      if (!this.parent)
        return (
          u.warn('Node has no parent. moveToBottom function is ignored.'), !1
        );
      var t = this.index;
      return (
        t > 0 &&
        (this.parent.children.splice(t, 1),
        this.parent.children.unshift(this),
        this.parent._setChildrenIndices(),
        !0)
      );
    }
    setZIndex(t) {
      if (!this.parent)
        return u.warn('Node has no parent. zIndex parameter is ignored.'), this;
      (t < 0 || t >= this.parent.children.length) &&
        u.warn(
          'Unexpected value ' +
            t +
            ' for zIndex property. zIndex is just index of a node in children of its parent. Expected value is from 0 to ' +
            (this.parent.children.length - 1) +
            '.'
        );
      var e = this.index;
      return (
        this.parent.children.splice(e, 1),
        this.parent.children.splice(t, 0, this),
        this.parent._setChildrenIndices(),
        this
      );
    }
    getAbsoluteOpacity() {
      return this._getCache('absoluteOpacity', this._getAbsoluteOpacity);
    }
    _getAbsoluteOpacity() {
      var t = this.opacity(),
        e = this.getParent();
      return e && !e._isUnderCache && (t *= e.getAbsoluteOpacity()), t;
    }
    moveTo(t) {
      return this.getParent() !== t && (this._remove(), t.add(this)), this;
    }
    toObject() {
      var t,
        e,
        i,
        r,
        a = {},
        n = this.getAttrs();
      for (t in ((a.attrs = {}), n))
        (e = n[t]),
          (u.isObject(e) && !u._isPlainObject(e) && !u._isArray(e)) ||
            ((i = 'function' == typeof this[t] && this[t]),
            delete n[t],
            (r = i ? i.call(this) : null),
            (n[t] = e),
            r !== e && (a.attrs[t] = e));
      return (a.className = this.getClassName()), u._prepareToStringify(a);
    }
    toJSON() {
      return JSON.stringify(this.toObject());
    }
    getParent() {
      return this.parent;
    }
    findAncestors(t, e, i) {
      var r = [];
      e && this._isMatch(t) && r.push(this);
      for (var a = this.parent; a; ) {
        if (a === i) return r;
        a._isMatch(t) && r.push(a), (a = a.parent);
      }
      return r;
    }
    isAncestorOf(t) {
      return !1;
    }
    findAncestor(t, e, i) {
      return this.findAncestors(t, e, i)[0];
    }
    _isMatch(t) {
      if (!t) return !1;
      if ('function' == typeof t) return t(this);
      var e,
        i,
        r = t.replace(/ /g, '').split(','),
        a = r.length;
      for (e = 0; e < a; e++)
        if (
          ((i = r[e]),
          u.isValidSelector(i) ||
            (u.warn(
              'Selector "' +
                i +
                '" is invalid. Allowed selectors examples are "#foo", ".bar" or "Group".'
            ),
            u.warn(
              'If you have a custom shape with such className, please change it to start with upper letter like "Triangle".'
            ),
            u.warn('Konva is awesome, right?')),
          '#' === i.charAt(0))
        ) {
          if (this.id() === i.slice(1)) return !0;
        } else if ('.' === i.charAt(0)) {
          if (this.hasName(i.slice(1))) return !0;
        } else if (this.className === i || this.nodeType === i) return !0;
      return !1;
    }
    getLayer() {
      var t = this.getParent();
      return t ? t.getLayer() : null;
    }
    getStage() {
      return this._getCache('stage', this._getStage);
    }
    _getStage() {
      var t = this.getParent();
      return t ? t.getStage() : void 0;
    }
    fire(t, e = {}, i) {
      return (
        (e.target = e.target || this),
        i ? this._fireAndBubble(t, e) : this._fire(t, e),
        this
      );
    }
    getAbsoluteTransform(t) {
      return t
        ? this._getAbsoluteTransform(t)
        : this._getCache('absoluteTransform', this._getAbsoluteTransform);
    }
    _getAbsoluteTransform(t) {
      var e;
      if (t)
        return (
          (e = new o()),
          this._eachAncestorReverse(function (t) {
            var i = t.transformsEnabled();
            'all' === i
              ? e.multiply(t.getTransform())
              : 'position' === i &&
                e.translate(t.x() - t.offsetX(), t.y() - t.offsetY());
          }, t),
          e
        );
      (e = this._cache.get('absoluteTransform') || new o()),
        this.parent
          ? this.parent.getAbsoluteTransform().copyInto(e)
          : e.reset();
      var i = this.transformsEnabled();
      if ('all' === i) e.multiply(this.getTransform());
      else if ('position' === i) {
        const t = this.attrs.x || 0,
          i = this.attrs.y || 0,
          r = this.attrs.offsetX || 0,
          a = this.attrs.offsetY || 0;
        e.translate(t - r, i - a);
      }
      return (e.dirty = !1), e;
    }
    getAbsoluteScale(t) {
      for (var e = this; e; ) e._isUnderCache && (t = e), (e = e.getParent());
      const i = this.getAbsoluteTransform(t).decompose();
      return { x: i.scaleX, y: i.scaleY };
    }
    getAbsoluteRotation() {
      return this.getAbsoluteTransform().decompose().rotation;
    }
    getTransform() {
      return this._getCache('transform', this._getTransform);
    }
    _getTransform() {
      var t,
        e,
        i = this._cache.get('transform') || new o();
      i.reset();
      var r = this.x(),
        n = this.y(),
        s = a.getAngle(this.rotation()),
        h = null !== (t = this.attrs.scaleX) && void 0 !== t ? t : 1,
        l = null !== (e = this.attrs.scaleY) && void 0 !== e ? e : 1,
        d = this.attrs.skewX || 0,
        c = this.attrs.skewY || 0,
        g = this.attrs.offsetX || 0,
        u = this.attrs.offsetY || 0;
      return (
        (0 === r && 0 === n) || i.translate(r, n),
        0 !== s && i.rotate(s),
        (0 === d && 0 === c) || i.skew(d, c),
        (1 === h && 1 === l) || i.scale(h, l),
        (0 === g && 0 === u) || i.translate(-1 * g, -1 * u),
        (i.dirty = !1),
        i
      );
    }
    clone(t) {
      var e,
        i,
        r,
        a,
        n,
        s = u.cloneObject(this.attrs);
      for (e in t) s[e] = t[e];
      var o = new this.constructor(s);
      for (e in this.eventListeners)
        for (r = (i = this.eventListeners[e]).length, a = 0; a < r; a++)
          (n = i[a]).name.indexOf('konva') < 0 &&
            (o.eventListeners[e] || (o.eventListeners[e] = []),
            o.eventListeners[e].push(n));
      return o;
    }
    _toKonvaCanvas(t) {
      t = t || {};
      var e = this.getClientRect(),
        i = this.getStage(),
        r = void 0 !== t.x ? t.x : e.x,
        a = void 0 !== t.y ? t.y : e.y,
        n = t.pixelRatio || 1,
        s = new M({
          width: t.width || e.width || (i ? i.width() : 0),
          height: t.height || e.height || (i ? i.height() : 0),
          pixelRatio: n,
        }),
        o = s.getContext();
      return (
        o.save(),
        (r || a) && o.translate(-1 * r, -1 * a),
        this.drawScene(s),
        o.restore(),
        s
      );
    }
    toCanvas(t) {
      return this._toKonvaCanvas(t)._canvas;
    }
    toDataURL(t) {
      var e = (t = t || {}).mimeType || null,
        i = t.quality || null,
        r = this._toKonvaCanvas(t).toDataURL(e, i);
      return t.callback && t.callback(r), r;
    }
    toImage(t) {
      if (!t || !t.callback)
        throw 'callback required for toImage method config argument';
      var e = t.callback;
      delete t.callback,
        u._urlToImage(this.toDataURL(t), function (t) {
          e(t);
        });
    }
    setSize(t) {
      return this.width(t.width), this.height(t.height), this;
    }
    getSize() {
      return { width: this.width(), height: this.height() };
    }
    getClassName() {
      return this.className || this.nodeType;
    }
    getType() {
      return this.nodeType;
    }
    getDragDistance() {
      return void 0 !== this.attrs.dragDistance
        ? this.attrs.dragDistance
        : this.parent
        ? this.parent.getDragDistance()
        : a.dragDistance;
    }
    _off(t, e, i) {
      var r,
        a,
        n,
        s = this.eventListeners[t];
      for (r = 0; r < s.length; r++)
        if (
          ((a = s[r].name),
          (n = s[r].handler),
          !(
            ('konva' === a && 'konva' !== e) ||
            (e && a !== e) ||
            (i && i !== n)
          ))
        ) {
          if ((s.splice(r, 1), 0 === s.length)) {
            delete this.eventListeners[t];
            break;
          }
          r--;
        }
    }
    _fireChangeEvent(t, e, i) {
      this._fire(t + 'Change', { oldVal: e, newVal: i });
    }
    setId(t) {
      var e = this.id();
      return (
        D(e, this),
        (function (t, e) {
          e && (R[e] = t);
        })(this, t),
        this._setAttr('id', t),
        this
      );
    }
    setName(t) {
      var e,
        i,
        r = (this.name() || '').split(/\s/g),
        a = (t || '').split(/\s/g);
      for (i = 0; i < r.length; i++)
        (e = r[i]), -1 === a.indexOf(e) && e && O(e, this._id);
      for (i = 0; i < a.length; i++)
        (e = a[i]), -1 === r.indexOf(e) && e && I(this, e);
      return this._setAttr('name', t), this;
    }
    addName(t) {
      if (!this.hasName(t)) {
        var e = this.name(),
          i = e ? e + ' ' + t : t;
        this.setName(i);
      }
      return this;
    }
    hasName(t) {
      if (!t) return !1;
      const e = this.name();
      return !!e && -1 !== (e || '').split(/\s/g).indexOf(t);
    }
    removeName(t) {
      var e = (this.name() || '').split(/\s/g),
        i = e.indexOf(t);
      return -1 !== i && (e.splice(i, 1), this.setName(e.join(' '))), this;
    }
    setAttr(t, e) {
      var i = this['set' + u._capitalize(t)];
      return u._isFunction(i) ? i.call(this, e) : this._setAttr(t, e), this;
    }
    _setAttr(t, e, i = !1) {
      var r = this.attrs[t];
      if (
        (r !== e || u.isObject(e)) &&
        (null == e ? delete this.attrs[t] : (this.attrs[t] = e),
        this._shouldFireChangeEvents && this._fireChangeEvent(t, r, e),
        a.autoDrawEnabled)
      ) {
        const t = this.getLayer() || this.getStage();
        null == t || t.batchDraw();
      }
    }
    _setComponentAttr(t, e, i) {
      var r;
      void 0 !== i &&
        ((r = this.attrs[t]) || (this.attrs[t] = this.getAttr(t)),
        (this.attrs[t][e] = i),
        this._fireChangeEvent(t, r, i));
    }
    _fireAndBubble(t, e, i) {
      if (
        (e && 'Shape' === this.nodeType && (e.target = this),
        !(
          ('mouseenter' === t || 'mouseleave' === t) &&
          ((i && (this === i || (this.isAncestorOf && this.isAncestorOf(i)))) ||
            ('Stage' === this.nodeType && !i))
        ))
      ) {
        this._fire(t, e);
        var r =
          ('mouseenter' === t || 'mouseleave' === t) &&
          i &&
          i.isAncestorOf &&
          i.isAncestorOf(this) &&
          !i.isAncestorOf(this.parent);
        ((e && !e.cancelBubble) || !e) &&
          this.parent &&
          this.parent.isListening() &&
          !r &&
          (i && i.parent
            ? this._fireAndBubble.call(this.parent, t, e, i)
            : this._fireAndBubble.call(this.parent, t, e));
      }
    }
    _getProtoListeners(t) {
      let e = this._cache.get('allEventListeners');
      if (!e) {
        e = {};
        let t = Object.getPrototypeOf(this);
        for (; t; )
          if (t.eventListeners) {
            for (var i in t.eventListeners) {
              const r = t.eventListeners[i],
                a = e[i] || [];
              e[i] = r.concat(a);
            }
            t = Object.getPrototypeOf(t);
          } else t = Object.getPrototypeOf(t);
        this._cache.set('allEventListeners', e);
      }
      return e[t];
    }
    _fire(t, e) {
      ((e = e || {}).currentTarget = this), (e.type = t);
      const i = this._getProtoListeners(t);
      if (i) for (var r = 0; r < i.length; r++) i[r].handler.call(this, e);
      const a = this.eventListeners[t];
      if (a) for (r = 0; r < a.length; r++) a[r].handler.call(this, e);
    }
    draw() {
      return this.drawScene(), this.drawHit(), this;
    }
    _createDragElement(t) {
      var e = t ? t.pointerId : void 0,
        i = this.getStage(),
        r = this.getAbsolutePosition(),
        a = i._getPointerById(e) || i._changedPointerPositions[0] || r;
      E._dragElements.set(this._id, {
        node: this,
        startPointerPos: a,
        offset: { x: a.x - r.x, y: a.y - r.y },
        dragStatus: 'ready',
        pointerId: e,
      });
    }
    startDrag(t, e = !0) {
      E._dragElements.has(this._id) || this._createDragElement(t);
      (E._dragElements.get(this._id).dragStatus = 'dragging'),
        this.fire(
          'dragstart',
          { type: 'dragstart', target: this, evt: t && t.evt },
          e
        );
    }
    _setDragPosition(t, e) {
      const i = this.getStage()._getPointerById(e.pointerId);
      if (i) {
        var r = { x: i.x - e.offset.x, y: i.y - e.offset.y },
          a = this.dragBoundFunc();
        if (void 0 !== a) {
          const e = a.call(this, r, t);
          e
            ? (r = e)
            : u.warn(
                'dragBoundFunc did not return any value. That is unexpected behavior. You must return new absolute position from dragBoundFunc.'
              );
        }
        (this._lastPos && this._lastPos.x === r.x && this._lastPos.y === r.y) ||
          (this.setAbsolutePosition(r),
          this.getLayer()
            ? this.getLayer().batchDraw()
            : this.getStage() && this.getStage().batchDraw()),
          (this._lastPos = r);
      }
    }
    stopDrag(t) {
      const e = E._dragElements.get(this._id);
      e && (e.dragStatus = 'stopped'), E._endDragBefore(t), E._endDragAfter(t);
    }
    setDraggable(t) {
      this._setAttr('draggable', t), this._dragChange();
    }
    isDragging() {
      const t = E._dragElements.get(this._id);
      return !!t && 'dragging' === t.dragStatus;
    }
    _listenDrag() {
      this._dragCleanup(),
        this.on('mousedown.konva touchstart.konva', function (t) {
          if (
            (!(void 0 !== t.evt.button) ||
              a.dragButtons.indexOf(t.evt.button) >= 0) &&
            !this.isDragging()
          ) {
            var e = !1;
            E._dragElements.forEach((t) => {
              this.isAncestorOf(t.node) && (e = !0);
            }),
              e || this._createDragElement(t);
          }
        });
    }
    _dragChange() {
      if (this.attrs.draggable) this._listenDrag();
      else {
        if ((this._dragCleanup(), !this.getStage())) return;
        const t = E._dragElements.get(this._id),
          e = t && 'dragging' === t.dragStatus,
          i = t && 'ready' === t.dragStatus;
        e ? this.stopDrag() : i && E._dragElements.delete(this._id);
      }
    }
    _dragCleanup() {
      this.off('mousedown.konva'), this.off('touchstart.konva');
    }
    static create(t, e) {
      return u._isString(t) && (t = JSON.parse(t)), this._createNode(t, e);
    }
    static _createNode(t, e) {
      var i,
        r,
        a,
        s = z.prototype.getClassName.call(t),
        o = t.children;
      e && (t.attrs.container = e),
        n[s] ||
          (u.warn(
            'Can not find a node with class name "' +
              s +
              '". Fallback to "Shape".'
          ),
          (s = 'Shape'));
      if (((i = new (0, n[s])(t.attrs)), o))
        for (r = o.length, a = 0; a < r; a++) i.add(z._createNode(o[a]));
      return i;
    }
  }
  (z.prototype.nodeType = 'Node'),
    (z.prototype._attrsAffectingSize = []),
    (z.prototype.eventListeners = {}),
    z.prototype.on.call(z.prototype, F, function () {
      this._batchingTransformChange
        ? (this._needClearTransformCache = !0)
        : (this._clearCache('transform'),
          this._clearSelfAndDescendantCache('absoluteTransform'));
    }),
    z.prototype.on.call(z.prototype, 'visibleChange.konva', function () {
      this._clearSelfAndDescendantCache('visible');
    }),
    z.prototype.on.call(z.prototype, 'listeningChange.konva', function () {
      this._clearSelfAndDescendantCache('listening');
    }),
    z.prototype.on.call(z.prototype, 'opacityChange.konva', function () {
      this._clearSelfAndDescendantCache('absoluteOpacity');
    });
  const W = S.addGetterSetter;
  W(z, 'zIndex'),
    W(z, 'absolutePosition'),
    W(z, 'position'),
    W(z, 'x', 0, v()),
    W(z, 'y', 0, v()),
    W(z, 'globalCompositeOperation', 'source-over', y()),
    W(z, 'opacity', 1, v()),
    W(z, 'name', '', y()),
    W(z, 'id', '', y()),
    W(z, 'rotation', 0, v()),
    S.addComponentsGetterSetter(z, 'scale', ['x', 'y']),
    W(z, 'scaleX', 1, v()),
    W(z, 'scaleY', 1, v()),
    S.addComponentsGetterSetter(z, 'skew', ['x', 'y']),
    W(z, 'skewX', 0, v()),
    W(z, 'skewY', 0, v()),
    S.addComponentsGetterSetter(z, 'offset', ['x', 'y']),
    W(z, 'offsetX', 0, v()),
    W(z, 'offsetY', 0, v()),
    W(z, 'dragDistance', null, v()),
    W(z, 'width', 0, v()),
    W(z, 'height', 0, v()),
    W(z, 'listening', !0, b()),
    W(z, 'preventDefault', !0, b()),
    W(z, 'filters', null, function (t) {
      return (this._filterUpToDate = !1), t;
    }),
    W(z, 'visible', !0, b()),
    W(z, 'transformsEnabled', 'all', y()),
    W(z, 'size'),
    W(z, 'dragBoundFunc'),
    W(z, 'draggable', !1, b()),
    S.backCompat(z, {
      rotateDeg: 'rotate',
      setRotationDeg: 'setRotation',
      getRotationDeg: 'getRotation',
    });
  class H extends z {
    constructor() {
      super(...arguments), (this.children = []);
    }
    getChildren(t) {
      if (!t) return this.children || [];
      const e = this.children || [];
      var i = [];
      return (
        e.forEach(function (e) {
          t(e) && i.push(e);
        }),
        i
      );
    }
    hasChildren() {
      return this.getChildren().length > 0;
    }
    removeChildren() {
      return (
        this.getChildren().forEach((t) => {
          (t.parent = null), (t.index = 0), t.remove();
        }),
        (this.children = []),
        this
      );
    }
    destroyChildren() {
      return (
        this.getChildren().forEach((t) => {
          (t.parent = null), (t.index = 0), t.destroy();
        }),
        (this.children = []),
        this
      );
    }
    add(...t) {
      if (arguments.length > 1) {
        for (var e = 0; e < arguments.length; e++) this.add(arguments[e]);
        return this;
      }
      var i = t[0];
      return i.getParent()
        ? (i.moveTo(this), this)
        : (this._validateAdd(i),
          i._clearCaches(),
          (i.index = this.getChildren().length),
          (i.parent = this),
          this.getChildren().push(i),
          this._fire('add', { child: i }),
          this);
    }
    destroy() {
      return (
        this.hasChildren() && this.destroyChildren(), super.destroy(), this
      );
    }
    find(t) {
      return this._generalFind(t, !1);
    }
    findOne(t) {
      var e = this._generalFind(t, !0);
      return e.length > 0 ? e[0] : void 0;
    }
    _generalFind(t, e) {
      var i = [];
      return (
        this._descendants((r) => {
          const a = r._isMatch(t);
          return a && i.push(r), !(!a || !e);
        }),
        i
      );
    }
    _descendants(t) {
      let e = !1;
      const i = this.getChildren();
      for (const r of i) {
        if (((e = t(r)), e)) return !0;
        if (r.hasChildren() && ((e = r._descendants(t)), e)) return !0;
      }
      return !1;
    }
    toObject() {
      var t = z.prototype.toObject.call(this);
      return (
        (t.children = []),
        this.getChildren().forEach((e) => {
          t.children.push(e.toObject());
        }),
        t
      );
    }
    isAncestorOf(t) {
      for (var e = t.getParent(); e; ) {
        if (e._id === this._id) return !0;
        e = e.getParent();
      }
      return !1;
    }
    clone(t) {
      var e = z.prototype.clone.call(this, t);
      return (
        this.getChildren().forEach(function (t) {
          e.add(t.clone());
        }),
        e
      );
    }
    getAllIntersections(t) {
      var e = [];
      return (
        this.find('Shape').forEach(function (i) {
          i.isVisible() && i.intersects(t) && e.push(i);
        }),
        e
      );
    }
    _clearSelfAndDescendantCache(t, e) {
      var i;
      super._clearSelfAndDescendantCache(t, e),
        this.isCached() ||
          null === (i = this.children) ||
          void 0 === i ||
          i.forEach(function (i) {
            i._clearSelfAndDescendantCache(t, e);
          });
    }
    _setChildrenIndices() {
      var t;
      null === (t = this.children) ||
        void 0 === t ||
        t.forEach(function (t, e) {
          t.index = e;
        });
    }
    drawScene(t, e) {
      var i = this.getLayer(),
        r = t || (i && i.getCanvas()),
        a = r && r.getContext(),
        n = this._getCanvasCache(),
        s = n && n.scene,
        o = r && r.isCache;
      if (!this.isVisible() && !o) return this;
      if (s) {
        a.save();
        var h = this.getAbsoluteTransform(e).getMatrix();
        a.transform(h[0], h[1], h[2], h[3], h[4], h[5]),
          this._drawCachedSceneCanvas(a),
          a.restore();
      } else this._drawChildren('drawScene', r, e);
      return this;
    }
    drawHit(t, e) {
      if (!this.shouldDrawHit(e)) return this;
      var i = this.getLayer(),
        r = t || (i && i.hitCanvas),
        a = r && r.getContext(),
        n = this._getCanvasCache();
      if (n && n.hit) {
        a.save();
        var s = this.getAbsoluteTransform(e).getMatrix();
        a.transform(s[0], s[1], s[2], s[3], s[4], s[5]),
          this._drawCachedHitCanvas(a),
          a.restore();
      } else this._drawChildren('drawHit', r, e);
      return this;
    }
    _drawChildren(t, e, i) {
      var r,
        a = e && e.getContext(),
        n = this.clipWidth(),
        s = this.clipHeight(),
        o = this.clipFunc(),
        h = (n && s) || o;
      const l = i === this;
      if (h) {
        a.save();
        var d = this.getAbsoluteTransform(i),
          c = d.getMatrix();
        if ((a.transform(c[0], c[1], c[2], c[3], c[4], c[5]), a.beginPath(), o))
          o.call(this, a, this);
        else {
          var g = this.clipX(),
            u = this.clipY();
          a.rect(g, u, n, s);
        }
        a.clip(),
          (c = d.copy().invert().getMatrix()),
          a.transform(c[0], c[1], c[2], c[3], c[4], c[5]);
      }
      var f =
        !l &&
        'source-over' !== this.globalCompositeOperation() &&
        'drawScene' === t;
      f && (a.save(), a._applyGlobalCompositeOperation(this)),
        null === (r = this.children) ||
          void 0 === r ||
          r.forEach(function (r) {
            r[t](e, i);
          }),
        f && a.restore(),
        h && a.restore();
    }
    getClientRect(t) {
      var e,
        i,
        r,
        a,
        n,
        s = (t = t || {}).skipTransform,
        o = t.relativeTo,
        h = { x: 1 / 0, y: 1 / 0, width: 0, height: 0 },
        l = this;
      null === (e = this.children) ||
        void 0 === e ||
        e.forEach(function (e) {
          if (e.visible()) {
            var s = e.getClientRect({
              relativeTo: l,
              skipShadow: t.skipShadow,
              skipStroke: t.skipStroke,
            });
            (0 === s.width && 0 === s.height) ||
              (void 0 === i
                ? ((i = s.x),
                  (r = s.y),
                  (a = s.x + s.width),
                  (n = s.y + s.height))
                : ((i = Math.min(i, s.x)),
                  (r = Math.min(r, s.y)),
                  (a = Math.max(a, s.x + s.width)),
                  (n = Math.max(n, s.y + s.height))));
          }
        });
      for (var d = this.find('Shape'), c = !1, g = 0; g < d.length; g++) {
        if (d[g]._isVisible(this)) {
          c = !0;
          break;
        }
      }
      return (
        (h =
          c && void 0 !== i
            ? { x: i, y: r, width: a - i, height: n - r }
            : { x: 0, y: 0, width: 0, height: 0 }),
        s ? h : this._transformedRect(h, o)
      );
    }
  }
  S.addComponentsGetterSetter(H, 'clip', ['x', 'y', 'width', 'height']),
    S.addGetterSetter(H, 'clipX', void 0, v()),
    S.addGetterSetter(H, 'clipY', void 0, v()),
    S.addGetterSetter(H, 'clipWidth', void 0, v()),
    S.addGetterSetter(H, 'clipHeight', void 0, v()),
    S.addGetterSetter(H, 'clipFunc');
  const Y = new Map(),
    X = void 0 !== a._global.PointerEvent;
  function j(t) {
    return Y.get(t);
  }
  function U(t) {
    return { evt: t, pointerId: t.pointerId };
  }
  function q(t, e) {
    return Y.get(t) === e;
  }
  function K(t, e) {
    V(t);
    e.getStage() &&
      (Y.set(t, e),
      X &&
        e._fire('gotpointercapture', U(new PointerEvent('gotpointercapture'))));
  }
  function V(t, e) {
    const i = Y.get(t);
    if (!i) return;
    const r = i.getStage();
    r && r.content,
      Y.delete(t),
      X &&
        i._fire(
          'lostpointercapture',
          U(new PointerEvent('lostpointercapture'))
        );
  }
  var Q = [
      'mouseenter',
      'mousedown',
      'mousemove',
      'mouseup',
      'mouseleave',
      'touchstart',
      'touchmove',
      'touchend',
      'mouseover',
      'wheel',
      'contextmenu',
      'pointerdown',
      'pointermove',
      'pointerup',
      'pointercancel',
      'lostpointercapture',
    ],
    J = Q.length;
  function Z(t, e) {
    t.content.addEventListener(
      e,
      function (i) {
        t['_' + e](i);
      },
      !1
    );
  }
  const $ = [];
  function tt(t = {}) {
    return (
      (t.clipFunc || t.clipWidth || t.clipHeight) &&
        u.warn(
          'Stage does not support clipping. Please use clip for Layers or Groups.'
        ),
      t
    );
  }
  class et extends H {
    constructor(t) {
      super(tt(t)),
        (this._pointerPositions = []),
        (this._changedPointerPositions = []),
        this._buildDOM(),
        this._bindContentEvents(),
        $.push(this),
        this.on('widthChange.konva heightChange.konva', this._resizeDOM),
        this.on('visibleChange.konva', this._checkVisibility),
        this.on(
          'clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva',
          () => {
            tt(this.attrs);
          }
        ),
        this._checkVisibility();
    }
    _validateAdd(t) {
      const e = 'Layer' === t.getType(),
        i = 'FastLayer' === t.getType();
      e || i || u.throw('You may only add layers to the stage.');
    }
    _checkVisibility() {
      if (!this.content) return;
      const t = this.visible() ? '' : 'none';
      this.content.style.display = t;
    }
    setContainer(t) {
      if ('string' == typeof t) {
        if ('.' === t.charAt(0)) {
          var e = t.slice(1);
          t = document.getElementsByClassName(e)[0];
        } else {
          var i;
          (i = '#' !== t.charAt(0) ? t : t.slice(1)),
            (t = document.getElementById(i));
        }
        if (!t) throw 'Can not find container in document with id ' + i;
      }
      return (
        this._setAttr('container', t),
        this.content &&
          (this.content.parentElement &&
            this.content.parentElement.removeChild(this.content),
          t.appendChild(this.content)),
        this
      );
    }
    shouldDrawHit() {
      return !0;
    }
    clear() {
      var t,
        e = this.children,
        i = e.length;
      for (t = 0; t < i; t++) e[t].clear();
      return this;
    }
    clone(t) {
      return (
        t || (t = {}),
        (t.container =
          'undefined' != typeof document && document.createElement('div')),
        H.prototype.clone.call(this, t)
      );
    }
    destroy() {
      super.destroy();
      var t = this.content;
      t && u._isInDocument(t) && this.container().removeChild(t);
      var e = $.indexOf(this);
      return e > -1 && $.splice(e, 1), this;
    }
    getPointerPosition() {
      const t = this._pointerPositions[0] || this._changedPointerPositions[0];
      return t
        ? { x: t.x, y: t.y }
        : (u.warn(
            'Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);'
          ),
          null);
    }
    _getPointerById(t) {
      return this._pointerPositions.find((e) => e.id === t);
    }
    getPointersPositions() {
      return this._pointerPositions;
    }
    getStage() {
      return this;
    }
    getContent() {
      return this.content;
    }
    _toKonvaCanvas(t) {
      ((t = t || {}).x = t.x || 0),
        (t.y = t.y || 0),
        (t.width = t.width || this.width()),
        (t.height = t.height || this.height());
      var e = new M({
          width: t.width,
          height: t.height,
          pixelRatio: t.pixelRatio || 1,
        }),
        i = e.getContext()._context,
        r = this.children;
      return (
        (t.x || t.y) && i.translate(-1 * t.x, -1 * t.y),
        r.forEach(function (e) {
          if (e.isVisible()) {
            var r = e._toKonvaCanvas(t);
            i.drawImage(
              r._canvas,
              t.x,
              t.y,
              r.getWidth() / r.getPixelRatio(),
              r.getHeight() / r.getPixelRatio()
            );
          }
        }),
        e
      );
    }
    getIntersection(t, e) {
      if (!t) return null;
      var i,
        r = this.children;
      for (i = r.length - 1; i >= 0; i--) {
        const a = r[i].getIntersection(t, e);
        if (a) return a;
      }
      return null;
    }
    _resizeDOM() {
      var t = this.width(),
        e = this.height();
      this.content &&
        ((this.content.style.width = t + 'px'),
        (this.content.style.height = e + 'px')),
        this.bufferCanvas.setSize(t, e),
        this.bufferHitCanvas.setSize(t, e),
        this.children.forEach((i) => {
          i.setSize({ width: t, height: e }), i.draw();
        });
    }
    add(t, ...e) {
      if (arguments.length > 1) {
        for (var i = 0; i < arguments.length; i++) this.add(arguments[i]);
        return this;
      }
      super.add(t);
      var r = this.children.length;
      return (
        r > 5 &&
          u.warn(
            'The stage has ' +
              r +
              ' layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group.'
          ),
        t.setSize({ width: this.width(), height: this.height() }),
        t.draw(),
        a.isBrowser && this.content.appendChild(t.canvas._canvas),
        this
      );
    }
    getParent() {
      return null;
    }
    getLayer() {
      return null;
    }
    hasPointerCapture(t) {
      return q(t, this);
    }
    setPointerCapture(t) {
      K(t, this);
    }
    releaseCapture(t) {
      V(t);
    }
    getLayers() {
      return this.children;
    }
    _bindContentEvents() {
      if (a.isBrowser) for (var t = 0; t < J; t++) Z(this, Q[t]);
    }
    _mouseenter(t) {
      this.setPointersPositions(t),
        this._fire('mouseenter', { evt: t, target: this, currentTarget: this });
    }
    _mouseover(t) {
      this.setPointersPositions(t),
        this._fire('contentMouseover', { evt: t }),
        this._fire('mouseover', { evt: t, target: this, currentTarget: this });
    }
    _mouseleave(t) {
      var e;
      this.setPointersPositions(t);
      var i = (
          null === (e = this.targetShape) || void 0 === e
            ? void 0
            : e.getStage()
        )
          ? this.targetShape
          : null,
        r = !E.isDragging || a.hitOnDragEnabled;
      i && r
        ? (i._fireAndBubble('mouseout', { evt: t }),
          i._fireAndBubble('mouseleave', { evt: t }),
          this._fire('mouseleave', {
            evt: t,
            target: this,
            currentTarget: this,
          }),
          (this.targetShape = null))
        : r &&
          (this._fire('mouseleave', {
            evt: t,
            target: this,
            currentTarget: this,
          }),
          this._fire('mouseout', {
            evt: t,
            target: this,
            currentTarget: this,
          })),
        (this.pointerPos = void 0),
        (this._pointerPositions = []),
        this._fire('contentMouseout', { evt: t });
    }
    _mousemove(t) {
      var e;
      if (a.UA.ieMobile) return this._touchmove(t);
      this.setPointersPositions(t);
      var i = u._getFirstPointerId(t),
        r = (
          null === (e = this.targetShape) || void 0 === e
            ? void 0
            : e.getStage()
        )
          ? this.targetShape
          : null,
        n = !E.isDragging || a.hitOnDragEnabled;
      if (n) {
        const e = this.getIntersection(this.getPointerPosition());
        if (e && e.isListening())
          n && r !== e
            ? (r &&
                (r._fireAndBubble('mouseout', { evt: t, pointerId: i }, e),
                r._fireAndBubble('mouseleave', { evt: t, pointerId: i }, e)),
              e._fireAndBubble('mouseover', { evt: t, pointerId: i }, r),
              e._fireAndBubble('mouseenter', { evt: t, pointerId: i }, r),
              e._fireAndBubble('mousemove', { evt: t, pointerId: i }),
              (this.targetShape = e))
            : e._fireAndBubble('mousemove', { evt: t, pointerId: i });
        else
          r &&
            n &&
            (r._fireAndBubble('mouseout', { evt: t, pointerId: i }),
            r._fireAndBubble('mouseleave', { evt: t, pointerId: i }),
            this._fire('mouseover', {
              evt: t,
              target: this,
              currentTarget: this,
              pointerId: i,
            }),
            (this.targetShape = null)),
            this._fire('mousemove', {
              evt: t,
              target: this,
              currentTarget: this,
              pointerId: i,
            });
        this._fire('contentMousemove', { evt: t });
      }
      t.cancelable && t.preventDefault();
    }
    _mousedown(t) {
      if (a.UA.ieMobile) return this._touchstart(t);
      this.setPointersPositions(t);
      var e = u._getFirstPointerId(t),
        i = this.getIntersection(this.getPointerPosition());
      (E.justDragged = !1),
        (a.listenClickTap = !0),
        i && i.isListening()
          ? ((this.clickStartShape = i),
            i._fireAndBubble('mousedown', { evt: t, pointerId: e }))
          : this._fire('mousedown', {
              evt: t,
              target: this,
              currentTarget: this,
              pointerId: e,
            }),
        this._fire('contentMousedown', { evt: t });
    }
    _mouseup(t) {
      if (a.UA.ieMobile) return this._touchend(t);
      this.setPointersPositions(t);
      var e = u._getFirstPointerId(t),
        i = this.getIntersection(this.getPointerPosition()),
        r = this.clickStartShape,
        n = this.clickEndShape,
        s = !1;
      a.inDblClickWindow
        ? ((s = !0), clearTimeout(this.dblTimeout))
        : E.justDragged ||
          ((a.inDblClickWindow = !0), clearTimeout(this.dblTimeout)),
        (this.dblTimeout = setTimeout(function () {
          a.inDblClickWindow = !1;
        }, a.dblClickWindow)),
        i && i.isListening()
          ? ((this.clickEndShape = i),
            i._fireAndBubble('mouseup', { evt: t, pointerId: e }),
            a.listenClickTap &&
              r &&
              r._id === i._id &&
              (i._fireAndBubble('click', { evt: t, pointerId: e }),
              s &&
                n &&
                n === i &&
                i._fireAndBubble('dblclick', { evt: t, pointerId: e })))
          : ((this.clickEndShape = null),
            this._fire('mouseup', {
              evt: t,
              target: this,
              currentTarget: this,
              pointerId: e,
            }),
            a.listenClickTap &&
              this._fire('click', {
                evt: t,
                target: this,
                currentTarget: this,
                pointerId: e,
              }),
            s &&
              this._fire('dblclick', {
                evt: t,
                target: this,
                currentTarget: this,
                pointerId: e,
              })),
        this._fire('contentMouseup', { evt: t }),
        a.listenClickTap &&
          (this._fire('contentClick', { evt: t }),
          s && this._fire('contentDblclick', { evt: t })),
        (a.listenClickTap = !1),
        t.cancelable && t.preventDefault();
    }
    _contextmenu(t) {
      this.setPointersPositions(t);
      var e = this.getIntersection(this.getPointerPosition());
      e && e.isListening()
        ? e._fireAndBubble('contextmenu', { evt: t })
        : this._fire('contextmenu', {
            evt: t,
            target: this,
            currentTarget: this,
          }),
        this._fire('contentContextmenu', { evt: t });
    }
    _touchstart(t) {
      this.setPointersPositions(t);
      var e = !1;
      this._changedPointerPositions.forEach((i) => {
        var r = this.getIntersection(i);
        (a.listenClickTap = !0), (E.justDragged = !1);
        r &&
          r.isListening() &&
          (a.captureTouchEventsEnabled && r.setPointerCapture(i.id),
          (this.tapStartShape = r),
          r._fireAndBubble('touchstart', { evt: t, pointerId: i.id }, this),
          (e = !0),
          r.isListening() &&
            r.preventDefault() &&
            t.cancelable &&
            t.preventDefault());
      }),
        e ||
          this._fire('touchstart', {
            evt: t,
            target: this,
            currentTarget: this,
            pointerId: this._changedPointerPositions[0].id,
          }),
        this._fire('contentTouchstart', { evt: t });
    }
    _touchmove(t) {
      if ((this.setPointersPositions(t), !E.isDragging || a.hitOnDragEnabled)) {
        var e = !1,
          i = {};
        this._changedPointerPositions.forEach((r) => {
          const a = j(r.id) || this.getIntersection(r);
          a &&
            a.isListening() &&
            (i[a._id] ||
              ((i[a._id] = !0),
              a._fireAndBubble('touchmove', { evt: t, pointerId: r.id }),
              (e = !0),
              a.isListening() &&
                a.preventDefault() &&
                t.cancelable &&
                t.preventDefault()));
        }),
          e ||
            this._fire('touchmove', {
              evt: t,
              target: this,
              currentTarget: this,
              pointerId: this._changedPointerPositions[0].id,
            }),
          this._fire('contentTouchmove', { evt: t });
      }
      E.isDragging &&
        E.node.preventDefault() &&
        t.cancelable &&
        t.preventDefault();
    }
    _touchend(t) {
      this.setPointersPositions(t);
      var e = this.tapEndShape,
        i = !1;
      a.inDblClickWindow
        ? ((i = !0), clearTimeout(this.dblTimeout))
        : E.justDragged ||
          ((a.inDblClickWindow = !0), clearTimeout(this.dblTimeout)),
        (this.dblTimeout = setTimeout(function () {
          a.inDblClickWindow = !1;
        }, a.dblClickWindow));
      var r = !1,
        n = {},
        s = !1,
        o = !1;
      this._changedPointerPositions.forEach((h) => {
        var l = j(h.id) || this.getIntersection(h);
        l && l.releaseCapture(h.id);
        l &&
          l.isListening() &&
          (n[l._id] ||
            ((n[l._id] = !0),
            (this.tapEndShape = l),
            l._fireAndBubble('touchend', { evt: t, pointerId: h.id }),
            (r = !0),
            a.listenClickTap &&
              l === this.tapStartShape &&
              ((s = !0),
              l._fireAndBubble('tap', { evt: t, pointerId: h.id }),
              i &&
                e &&
                e === l &&
                ((o = !0),
                l._fireAndBubble('dbltap', { evt: t, pointerId: h.id }))),
            l.isListening() &&
              l.preventDefault() &&
              t.cancelable &&
              t.preventDefault()));
      }),
        r ||
          this._fire('touchend', {
            evt: t,
            target: this,
            currentTarget: this,
            pointerId: this._changedPointerPositions[0].id,
          }),
        a.listenClickTap &&
          !s &&
          ((this.tapEndShape = null),
          this._fire('tap', {
            evt: t,
            target: this,
            currentTarget: this,
            pointerId: this._changedPointerPositions[0].id,
          })),
        i &&
          !o &&
          this._fire('dbltap', {
            evt: t,
            target: this,
            currentTarget: this,
            pointerId: this._changedPointerPositions[0].id,
          }),
        this._fire('contentTouchend', { evt: t }),
        a.listenClickTap &&
          (this._fire('contentTap', { evt: t }),
          i && this._fire('contentDbltap', { evt: t })),
        this.preventDefault() && t.cancelable && t.preventDefault(),
        (a.listenClickTap = !1);
    }
    _wheel(t) {
      this.setPointersPositions(t);
      var e = this.getIntersection(this.getPointerPosition());
      e && e.isListening()
        ? e._fireAndBubble('wheel', { evt: t })
        : this._fire('wheel', { evt: t, target: this, currentTarget: this }),
        this._fire('contentWheel', { evt: t });
    }
    _pointerdown(t) {
      if (!a._pointerEventsEnabled) return;
      this.setPointersPositions(t);
      const e =
        j(t.pointerId) || this.getIntersection(this.getPointerPosition());
      e && e._fireAndBubble('pointerdown', U(t));
    }
    _pointermove(t) {
      if (!a._pointerEventsEnabled) return;
      this.setPointersPositions(t);
      const e =
        j(t.pointerId) || this.getIntersection(this.getPointerPosition());
      e && e._fireAndBubble('pointermove', U(t));
    }
    _pointerup(t) {
      if (!a._pointerEventsEnabled) return;
      this.setPointersPositions(t);
      const e =
        j(t.pointerId) || this.getIntersection(this.getPointerPosition());
      e && e._fireAndBubble('pointerup', U(t)), V(t.pointerId);
    }
    _pointercancel(t) {
      if (!a._pointerEventsEnabled) return;
      this.setPointersPositions(t);
      const e =
        j(t.pointerId) || this.getIntersection(this.getPointerPosition());
      e && e._fireAndBubble('pointerup', U(t)), V(t.pointerId);
    }
    _lostpointercapture(t) {
      V(t.pointerId);
    }
    setPointersPositions(t) {
      var e = this._getContentPosition(),
        i = null,
        r = null;
      void 0 !== (t = t || window.event).touches
        ? ((this._pointerPositions = []),
          (this._changedPointerPositions = []),
          Array.prototype.forEach.call(t.touches, (t) => {
            this._pointerPositions.push({
              id: t.identifier,
              x: (t.clientX - e.left) / e.scaleX,
              y: (t.clientY - e.top) / e.scaleY,
            });
          }),
          Array.prototype.forEach.call(t.changedTouches || t.touches, (t) => {
            this._changedPointerPositions.push({
              id: t.identifier,
              x: (t.clientX - e.left) / e.scaleX,
              y: (t.clientY - e.top) / e.scaleY,
            });
          }))
        : ((i = (t.clientX - e.left) / e.scaleX),
          (r = (t.clientY - e.top) / e.scaleY),
          (this.pointerPos = { x: i, y: r }),
          (this._pointerPositions = [
            { x: i, y: r, id: u._getFirstPointerId(t) },
          ]),
          (this._changedPointerPositions = [
            { x: i, y: r, id: u._getFirstPointerId(t) },
          ]));
    }
    _setPointerPosition(t) {
      u.warn(
        'Method _setPointerPosition is deprecated. Use "stage.setPointersPositions(event)" instead.'
      ),
        this.setPointersPositions(t);
    }
    _getContentPosition() {
      if (!this.content || !this.content.getBoundingClientRect)
        return { top: 0, left: 0, scaleX: 1, scaleY: 1 };
      var t = this.content.getBoundingClientRect();
      return {
        top: t.top,
        left: t.left,
        scaleX: t.width / this.content.clientWidth || 1,
        scaleY: t.height / this.content.clientHeight || 1,
      };
    }
    _buildDOM() {
      if (
        ((this.bufferCanvas = new M({
          width: this.width(),
          height: this.height(),
        })),
        (this.bufferHitCanvas = new G({
          pixelRatio: 1,
          width: this.width(),
          height: this.height(),
        })),
        a.isBrowser)
      ) {
        var t = this.container();
        if (!t) throw 'Stage has no container. A container is required.';
        (t.innerHTML = ''),
          (this.content = document.createElement('div')),
          (this.content.style.position = 'relative'),
          (this.content.style.userSelect = 'none'),
          (this.content.className = 'konvajs-content'),
          this.content.setAttribute('role', 'presentation'),
          t.appendChild(this.content),
          this._resizeDOM();
      }
    }
    cache() {
      return (
        u.warn(
          'Cache function is not allowed for stage. You may use cache only for layers, groups and shapes.'
        ),
        this
      );
    }
    clearCache() {
      return this;
    }
    batchDraw() {
      return (
        this.children.forEach(function (t) {
          t.batchDraw();
        }),
        this
      );
    }
  }
  (et.prototype.nodeType = 'Stage'), s(et), S.addGetterSetter(et, 'container');
  let it;
  function rt() {
    return it || ((it = u.createCanvasElement().getContext('2d')), it);
  }
  const at = {};
  class nt extends z {
    constructor(t) {
      let e;
      for (super(t); (e = u.getRandomColor()), !e || e in at; );
      (this.colorKey = e), (at[e] = this);
    }
    getContext() {
      return this.getLayer().getContext();
    }
    getCanvas() {
      return this.getLayer().getCanvas();
    }
    getSceneFunc() {
      return this.attrs.sceneFunc || this._sceneFunc;
    }
    getHitFunc() {
      return this.attrs.hitFunc || this._hitFunc;
    }
    hasShadow() {
      return this._getCache('hasShadow', this._hasShadow);
    }
    _hasShadow() {
      return (
        this.shadowEnabled() &&
        0 !== this.shadowOpacity() &&
        !!(
          this.shadowColor() ||
          this.shadowBlur() ||
          this.shadowOffsetX() ||
          this.shadowOffsetY()
        )
      );
    }
    _getFillPattern() {
      return this._getCache('patternImage', this.__getFillPattern);
    }
    __getFillPattern() {
      if (this.fillPatternImage()) {
        const t = rt().createPattern(
          this.fillPatternImage(),
          this.fillPatternRepeat() || 'repeat'
        );
        return (
          t &&
            t.setTransform &&
            t.setTransform({
              a: this.fillPatternScaleX(),
              b: 0,
              c: 0,
              d: this.fillPatternScaleY(),
              e: 0,
              f: 0,
            }),
          t
        );
      }
    }
    _getLinearGradient() {
      return this._getCache('linearGradient', this.__getLinearGradient);
    }
    __getLinearGradient() {
      var t = this.fillLinearGradientColorStops();
      if (t) {
        for (
          var e = rt(),
            i = this.fillLinearGradientStartPoint(),
            r = this.fillLinearGradientEndPoint(),
            a = e.createLinearGradient(i.x, i.y, r.x, r.y),
            n = 0;
          n < t.length;
          n += 2
        )
          a.addColorStop(t[n], t[n + 1]);
        return a;
      }
    }
    _getRadialGradient() {
      return this._getCache('radialGradient', this.__getRadialGradient);
    }
    __getRadialGradient() {
      var t = this.fillRadialGradientColorStops();
      if (t) {
        for (
          var e = rt(),
            i = this.fillRadialGradientStartPoint(),
            r = this.fillRadialGradientEndPoint(),
            a = e.createRadialGradient(
              i.x,
              i.y,
              this.fillRadialGradientStartRadius(),
              r.x,
              r.y,
              this.fillRadialGradientEndRadius()
            ),
            n = 0;
          n < t.length;
          n += 2
        )
          a.addColorStop(t[n], t[n + 1]);
        return a;
      }
    }
    getShadowRGBA() {
      return this._getCache('shadowRGBA', this._getShadowRGBA);
    }
    _getShadowRGBA() {
      if (this.hasShadow()) {
        var t = u.colorToRGBA(this.shadowColor());
        return (
          'rgba(' +
          t.r +
          ',' +
          t.g +
          ',' +
          t.b +
          ',' +
          t.a * (this.shadowOpacity() || 1) +
          ')'
        );
      }
    }
    hasFill() {
      return this._calculate(
        'hasFill',
        [
          'fillEnabled',
          'fill',
          'fillPatternImage',
          'fillLinearGradientColorStops',
          'fillRadialGradientColorStops',
        ],
        () =>
          this.fillEnabled() &&
          !!(
            this.fill() ||
            this.fillPatternImage() ||
            this.fillLinearGradientColorStops() ||
            this.fillRadialGradientColorStops()
          )
      );
    }
    hasStroke() {
      return this._calculate(
        'hasStroke',
        [
          'strokeEnabled',
          'strokeWidth',
          'stroke',
          'strokeLinearGradientColorStops',
        ],
        () =>
          this.strokeEnabled() &&
          this.strokeWidth() &&
          !(!this.stroke() && !this.strokeLinearGradientColorStops())
      );
    }
    hasHitStroke() {
      const t = this.hitStrokeWidth();
      return 'auto' === t ? this.hasStroke() : this.strokeEnabled() && !!t;
    }
    intersects(t) {
      var e = this.getStage().bufferHitCanvas;
      return (
        e.getContext().clear(),
        this.drawHit(e, null, !0),
        e.context.getImageData(Math.round(t.x), Math.round(t.y), 1, 1).data[3] >
          0
      );
    }
    destroy() {
      return (
        z.prototype.destroy.call(this),
        delete at[this.colorKey],
        delete this.colorKey,
        this
      );
    }
    _useBufferCanvas(t) {
      var e;
      if (!this.getStage()) return !1;
      if (!(null === (e = this.attrs.perfectDrawEnabled) || void 0 === e || e))
        return !1;
      const i = t || this.hasFill(),
        r = this.hasStroke(),
        a = 1 !== this.getAbsoluteOpacity();
      if (i && r && a) return !0;
      const n = this.hasShadow(),
        s = this.shadowForStrokeEnabled();
      return !!(i && r && n && s);
    }
    setStrokeHitEnabled(t) {
      u.warn(
        'strokeHitEnabled property is deprecated. Please use hitStrokeWidth instead.'
      ),
        t ? this.hitStrokeWidth('auto') : this.hitStrokeWidth(0);
    }
    getStrokeHitEnabled() {
      return 0 !== this.hitStrokeWidth();
    }
    getSelfRect() {
      var t = this.size();
      return {
        x: this._centroid ? -t.width / 2 : 0,
        y: this._centroid ? -t.height / 2 : 0,
        width: t.width,
        height: t.height,
      };
    }
    getClientRect(t = {}) {
      const e = t.skipTransform,
        i = t.relativeTo,
        r = this.getSelfRect(),
        a = (!t.skipStroke && this.hasStroke() && this.strokeWidth()) || 0,
        n = r.width + a,
        s = r.height + a,
        o = !t.skipShadow && this.hasShadow(),
        h = o ? this.shadowOffsetX() : 0,
        l = o ? this.shadowOffsetY() : 0,
        d = n + Math.abs(h),
        c = s + Math.abs(l),
        g = (o && this.shadowBlur()) || 0,
        u = d + 2 * g,
        f = c + 2 * g;
      let p = 0;
      Math.round(a / 2) !== a / 2 && (p = 1);
      const v = {
        width: u + p,
        height: f + p,
        x: -Math.round(a / 2 + g) + Math.min(h, 0) + r.x,
        y: -Math.round(a / 2 + g) + Math.min(l, 0) + r.y,
      };
      return e ? v : this._transformedRect(v, i);
    }
    drawScene(t, e) {
      var i,
        r,
        a = this.getLayer(),
        n = t || a.getCanvas(),
        s = n.getContext(),
        o = this._getCanvasCache(),
        h = this.getSceneFunc(),
        l = this.hasShadow(),
        d = n.isCache,
        c = n.isCache,
        g = e === this;
      if (!this.isVisible() && !d) return this;
      if (o) {
        s.save();
        var u = this.getAbsoluteTransform(e).getMatrix();
        return (
          s.transform(u[0], u[1], u[2], u[3], u[4], u[5]),
          this._drawCachedSceneCanvas(s),
          s.restore(),
          this
        );
      }
      if (!h) return this;
      if ((s.save(), this._useBufferCanvas() && !c)) {
        (r = (i = this.getStage().bufferCanvas).getContext()).clear(),
          r.save(),
          r._applyLineJoin(this);
        var f = this.getAbsoluteTransform(e).getMatrix();
        r.transform(f[0], f[1], f[2], f[3], f[4], f[5]),
          h.call(this, r, this),
          r.restore();
        var p = i.pixelRatio;
        l && s._applyShadow(this),
          s._applyOpacity(this),
          s._applyGlobalCompositeOperation(this),
          s.drawImage(i._canvas, 0, 0, i.width / p, i.height / p);
      } else {
        if ((s._applyLineJoin(this), !g)) {
          f = this.getAbsoluteTransform(e).getMatrix();
          s.transform(f[0], f[1], f[2], f[3], f[4], f[5]),
            s._applyOpacity(this),
            s._applyGlobalCompositeOperation(this);
        }
        l && s._applyShadow(this), h.call(this, s, this);
      }
      return s.restore(), this;
    }
    drawHit(t, e, i = !1) {
      if (!this.shouldDrawHit(e, i)) return this;
      var r = this.getLayer(),
        a = t || r.hitCanvas,
        n = a && a.getContext(),
        s = this.hitFunc() || this.sceneFunc(),
        o = this._getCanvasCache(),
        h = o && o.hit;
      if (
        (this.colorKey ||
          u.warn(
            'Looks like your canvas has a destroyed shape in it. Do not reuse shape after you destroyed it. If you want to reuse shape you should call remove() instead of destroy()'
          ),
        h)
      ) {
        n.save();
        var l = this.getAbsoluteTransform(e).getMatrix();
        return (
          n.transform(l[0], l[1], l[2], l[3], l[4], l[5]),
          this._drawCachedHitCanvas(n),
          n.restore(),
          this
        );
      }
      if (!s) return this;
      n.save(), n._applyLineJoin(this);
      if (!(this === e)) {
        var d = this.getAbsoluteTransform(e).getMatrix();
        n.transform(d[0], d[1], d[2], d[3], d[4], d[5]);
      }
      return s.call(this, n, this), n.restore(), this;
    }
    drawHitFromCache(t = 0) {
      var e,
        i,
        r,
        a,
        n,
        s = this._getCanvasCache(),
        o = this._getCachedSceneCanvas(),
        h = s.hit,
        l = h.getContext(),
        d = h.getWidth(),
        c = h.getHeight();
      l.clear(), l.drawImage(o._canvas, 0, 0, d, c);
      try {
        for (
          r = (i = (e = l.getImageData(0, 0, d, c)).data).length,
            a = u._hexToRgb(this.colorKey),
            n = 0;
          n < r;
          n += 4
        )
          i[n + 3] > t
            ? ((i[n] = a.r),
              (i[n + 1] = a.g),
              (i[n + 2] = a.b),
              (i[n + 3] = 255))
            : (i[n + 3] = 0);
        l.putImageData(e, 0, 0);
      } catch (t) {
        u.error(
          'Unable to draw hit graph from cached scene canvas. ' + t.message
        );
      }
      return this;
    }
    hasPointerCapture(t) {
      return q(t, this);
    }
    setPointerCapture(t) {
      K(t, this);
    }
    releaseCapture(t) {
      V(t);
    }
  }
  (nt.prototype._fillFunc = function (t) {
    t.fill();
  }),
    (nt.prototype._strokeFunc = function (t) {
      t.stroke();
    }),
    (nt.prototype._fillFuncHit = function (t) {
      t.fill();
    }),
    (nt.prototype._strokeFuncHit = function (t) {
      t.stroke();
    }),
    (nt.prototype._centroid = !1),
    (nt.prototype.nodeType = 'Shape'),
    s(nt),
    (nt.prototype.eventListeners = {}),
    nt.prototype.on.call(
      nt.prototype,
      'shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva',
      function () {
        this._clearCache('hasShadow');
      }
    ),
    nt.prototype.on.call(
      nt.prototype,
      'shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva',
      function () {
        this._clearCache('shadowRGBA');
      }
    ),
    nt.prototype.on.call(
      nt.prototype,
      'fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva',
      function () {
        this._clearCache('patternImage');
      }
    ),
    nt.prototype.on.call(
      nt.prototype,
      'fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva',
      function () {
        this._clearCache('linearGradient');
      }
    ),
    nt.prototype.on.call(
      nt.prototype,
      'fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva',
      function () {
        this._clearCache('radialGradient');
      }
    ),
    S.addGetterSetter(nt, 'stroke', void 0, x()),
    S.addGetterSetter(nt, 'strokeWidth', 2, v()),
    S.addGetterSetter(nt, 'fillAfterStrokeEnabled', !1),
    S.addGetterSetter(nt, 'hitStrokeWidth', 'auto', _()),
    S.addGetterSetter(nt, 'strokeHitEnabled', !0, b()),
    S.addGetterSetter(nt, 'perfectDrawEnabled', !0, b()),
    S.addGetterSetter(nt, 'shadowForStrokeEnabled', !0, b()),
    S.addGetterSetter(nt, 'lineJoin'),
    S.addGetterSetter(nt, 'lineCap'),
    S.addGetterSetter(nt, 'sceneFunc'),
    S.addGetterSetter(nt, 'hitFunc'),
    S.addGetterSetter(nt, 'dash'),
    S.addGetterSetter(nt, 'dashOffset', 0, v()),
    S.addGetterSetter(nt, 'shadowColor', void 0, y()),
    S.addGetterSetter(nt, 'shadowBlur', 0, v()),
    S.addGetterSetter(nt, 'shadowOpacity', 1, v()),
    S.addComponentsGetterSetter(nt, 'shadowOffset', ['x', 'y']),
    S.addGetterSetter(nt, 'shadowOffsetX', 0, v()),
    S.addGetterSetter(nt, 'shadowOffsetY', 0, v()),
    S.addGetterSetter(nt, 'fillPatternImage'),
    S.addGetterSetter(nt, 'fill', void 0, x()),
    S.addGetterSetter(nt, 'fillPatternX', 0, v()),
    S.addGetterSetter(nt, 'fillPatternY', 0, v()),
    S.addGetterSetter(nt, 'fillLinearGradientColorStops'),
    S.addGetterSetter(nt, 'strokeLinearGradientColorStops'),
    S.addGetterSetter(nt, 'fillRadialGradientStartRadius', 0),
    S.addGetterSetter(nt, 'fillRadialGradientEndRadius', 0),
    S.addGetterSetter(nt, 'fillRadialGradientColorStops'),
    S.addGetterSetter(nt, 'fillPatternRepeat', 'repeat'),
    S.addGetterSetter(nt, 'fillEnabled', !0),
    S.addGetterSetter(nt, 'strokeEnabled', !0),
    S.addGetterSetter(nt, 'shadowEnabled', !0),
    S.addGetterSetter(nt, 'dashEnabled', !0),
    S.addGetterSetter(nt, 'strokeScaleEnabled', !0),
    S.addGetterSetter(nt, 'fillPriority', 'color'),
    S.addComponentsGetterSetter(nt, 'fillPatternOffset', ['x', 'y']),
    S.addGetterSetter(nt, 'fillPatternOffsetX', 0, v()),
    S.addGetterSetter(nt, 'fillPatternOffsetY', 0, v()),
    S.addComponentsGetterSetter(nt, 'fillPatternScale', ['x', 'y']),
    S.addGetterSetter(nt, 'fillPatternScaleX', 1, v()),
    S.addGetterSetter(nt, 'fillPatternScaleY', 1, v()),
    S.addComponentsGetterSetter(nt, 'fillLinearGradientStartPoint', ['x', 'y']),
    S.addComponentsGetterSetter(nt, 'strokeLinearGradientStartPoint', [
      'x',
      'y',
    ]),
    S.addGetterSetter(nt, 'fillLinearGradientStartPointX', 0),
    S.addGetterSetter(nt, 'strokeLinearGradientStartPointX', 0),
    S.addGetterSetter(nt, 'fillLinearGradientStartPointY', 0),
    S.addGetterSetter(nt, 'strokeLinearGradientStartPointY', 0),
    S.addComponentsGetterSetter(nt, 'fillLinearGradientEndPoint', ['x', 'y']),
    S.addComponentsGetterSetter(nt, 'strokeLinearGradientEndPoint', ['x', 'y']),
    S.addGetterSetter(nt, 'fillLinearGradientEndPointX', 0),
    S.addGetterSetter(nt, 'strokeLinearGradientEndPointX', 0),
    S.addGetterSetter(nt, 'fillLinearGradientEndPointY', 0),
    S.addGetterSetter(nt, 'strokeLinearGradientEndPointY', 0),
    S.addComponentsGetterSetter(nt, 'fillRadialGradientStartPoint', ['x', 'y']),
    S.addGetterSetter(nt, 'fillRadialGradientStartPointX', 0),
    S.addGetterSetter(nt, 'fillRadialGradientStartPointY', 0),
    S.addComponentsGetterSetter(nt, 'fillRadialGradientEndPoint', ['x', 'y']),
    S.addGetterSetter(nt, 'fillRadialGradientEndPointX', 0),
    S.addGetterSetter(nt, 'fillRadialGradientEndPointY', 0),
    S.addGetterSetter(nt, 'fillPatternRotation', 0),
    S.backCompat(nt, {
      dashArray: 'dash',
      getDashArray: 'getDash',
      setDashArray: 'getDash',
      drawFunc: 'sceneFunc',
      getDrawFunc: 'getSceneFunc',
      setDrawFunc: 'setSceneFunc',
      drawHitFunc: 'hitFunc',
      getDrawHitFunc: 'getHitFunc',
      setDrawHitFunc: 'setHitFunc',
    });
  var st = [
      { x: 0, y: 0 },
      { x: -1, y: -1 },
      { x: 1, y: -1 },
      { x: 1, y: 1 },
      { x: -1, y: 1 },
    ],
    ot = st.length;
  class ht extends H {
    constructor(t) {
      super(t),
        (this.canvas = new M()),
        (this.hitCanvas = new G({ pixelRatio: 1 })),
        (this._waitingForDraw = !1),
        this.on('visibleChange.konva', this._checkVisibility),
        this._checkVisibility(),
        this.on('imageSmoothingEnabledChange.konva', this._setSmoothEnabled),
        this._setSmoothEnabled();
    }
    createPNGStream() {
      return this.canvas._canvas.createPNGStream();
    }
    getCanvas() {
      return this.canvas;
    }
    getNativeCanvasElement() {
      return this.canvas._canvas;
    }
    getHitCanvas() {
      return this.hitCanvas;
    }
    getContext() {
      return this.getCanvas().getContext();
    }
    clear(t) {
      return (
        this.getContext().clear(t),
        this.getHitCanvas().getContext().clear(t),
        this
      );
    }
    setZIndex(t) {
      super.setZIndex(t);
      var e = this.getStage();
      return (
        e &&
          (e.content.removeChild(this.getCanvas()._canvas),
          t < e.children.length - 1
            ? e.content.insertBefore(
                this.getCanvas()._canvas,
                e.children[t + 1].getCanvas()._canvas
              )
            : e.content.appendChild(this.getCanvas()._canvas)),
        this
      );
    }
    moveToTop() {
      z.prototype.moveToTop.call(this);
      var t = this.getStage();
      return (
        t &&
          (t.content.removeChild(this.getCanvas()._canvas),
          t.content.appendChild(this.getCanvas()._canvas)),
        !0
      );
    }
    moveUp() {
      if (!z.prototype.moveUp.call(this)) return !1;
      var t = this.getStage();
      return (
        !!t &&
        (t.content.removeChild(this.getCanvas()._canvas),
        this.index < t.children.length - 1
          ? t.content.insertBefore(
              this.getCanvas()._canvas,
              t.children[this.index + 1].getCanvas()._canvas
            )
          : t.content.appendChild(this.getCanvas()._canvas),
        !0)
      );
    }
    moveDown() {
      if (z.prototype.moveDown.call(this)) {
        var t = this.getStage();
        if (t) {
          var e = t.children;
          t.content.removeChild(this.getCanvas()._canvas),
            t.content.insertBefore(
              this.getCanvas()._canvas,
              e[this.index + 1].getCanvas()._canvas
            );
        }
        return !0;
      }
      return !1;
    }
    moveToBottom() {
      if (z.prototype.moveToBottom.call(this)) {
        var t = this.getStage();
        if (t) {
          var e = t.children;
          t.content.removeChild(this.getCanvas()._canvas),
            t.content.insertBefore(
              this.getCanvas()._canvas,
              e[1].getCanvas()._canvas
            );
        }
        return !0;
      }
      return !1;
    }
    getLayer() {
      return this;
    }
    remove() {
      var t = this.getCanvas()._canvas;
      return (
        z.prototype.remove.call(this),
        t && t.parentNode && u._isInDocument(t) && t.parentNode.removeChild(t),
        this
      );
    }
    getStage() {
      return this.parent;
    }
    setSize({ width: t, height: e }) {
      return (
        this.canvas.setSize(t, e),
        this.hitCanvas.setSize(t, e),
        this._setSmoothEnabled(),
        this
      );
    }
    _validateAdd(t) {
      var e = t.getType();
      'Group' !== e &&
        'Shape' !== e &&
        u.throw('You may only add groups and shapes to a layer.');
    }
    _toKonvaCanvas(t) {
      return (
        ((t = t || {}).width = t.width || this.getWidth()),
        (t.height = t.height || this.getHeight()),
        (t.x = void 0 !== t.x ? t.x : this.x()),
        (t.y = void 0 !== t.y ? t.y : this.y()),
        z.prototype._toKonvaCanvas.call(this, t)
      );
    }
    _checkVisibility() {
      const t = this.visible();
      this.canvas._canvas.style.display = t ? 'block' : 'none';
    }
    _setSmoothEnabled() {
      this.getContext()._context.imageSmoothingEnabled = this.imageSmoothingEnabled();
    }
    getWidth() {
      if (this.parent) return this.parent.width();
    }
    setWidth() {
      u.warn(
        'Can not change width of layer. Use "stage.width(value)" function instead.'
      );
    }
    getHeight() {
      if (this.parent) return this.parent.height();
    }
    setHeight() {
      u.warn(
        'Can not change height of layer. Use "stage.height(value)" function instead.'
      );
    }
    batchDraw() {
      return (
        this._waitingForDraw ||
          ((this._waitingForDraw = !0),
          u.requestAnimFrame(() => {
            this.draw(), (this._waitingForDraw = !1);
          })),
        this
      );
    }
    getIntersection(t, e) {
      if (!this.isListening() || !this.isVisible()) return null;
      for (var i = 1, r = !1; ; ) {
        for (let a = 0; a < ot; a++) {
          const n = st[a],
            s = this._getIntersection({ x: t.x + n.x * i, y: t.y + n.y * i }),
            o = s.shape;
          if (o && e) return o.findAncestor(e, !0);
          if (o) return o;
          if (((r = !!s.antialiased), !s.antialiased)) break;
        }
        if (!r) return null;
        i += 1;
      }
    }
    _getIntersection(t) {
      const e = this.hitCanvas.pixelRatio,
        i = this.hitCanvas.context.getImageData(
          Math.round(t.x * e),
          Math.round(t.y * e),
          1,
          1
        ).data,
        r = i[3];
      if (255 === r) {
        const t = u._rgbToHex(i[0], i[1], i[2]),
          e = at['#' + t];
        return e ? { shape: e } : { antialiased: !0 };
      }
      return r > 0 ? { antialiased: !0 } : {};
    }
    drawScene(t, e) {
      var i = this.getLayer(),
        r = t || (i && i.getCanvas());
      return (
        this._fire('beforeDraw', { node: this }),
        this.clearBeforeDraw() && r.getContext().clear(),
        H.prototype.drawScene.call(this, r, e),
        this._fire('draw', { node: this }),
        this
      );
    }
    drawHit(t, e) {
      var i = this.getLayer(),
        r = t || (i && i.hitCanvas);
      return (
        i && i.clearBeforeDraw() && i.getHitCanvas().getContext().clear(),
        H.prototype.drawHit.call(this, r, e),
        this
      );
    }
    enableHitGraph() {
      return this.hitGraphEnabled(!0), this;
    }
    disableHitGraph() {
      return this.hitGraphEnabled(!1), this;
    }
    setHitGraphEnabled(t) {
      u.warn(
        'hitGraphEnabled method is deprecated. Please use layer.listening() instead.'
      ),
        this.listening(t);
    }
    getHitGraphEnabled(t) {
      return (
        u.warn(
          'hitGraphEnabled method is deprecated. Please use layer.listening() instead.'
        ),
        this.listening()
      );
    }
    toggleHitCanvas() {
      if (this.parent) {
        var t = this.parent;
        !!this.hitCanvas._canvas.parentNode
          ? t.content.removeChild(this.hitCanvas._canvas)
          : t.content.appendChild(this.hitCanvas._canvas);
      }
    }
  }
  (ht.prototype.nodeType = 'Layer'),
    s(ht),
    S.addGetterSetter(ht, 'imageSmoothingEnabled', !0),
    S.addGetterSetter(ht, 'clearBeforeDraw', !0),
    S.addGetterSetter(ht, 'hitGraphEnabled', !0, b());
  class lt extends ht {
    constructor(t) {
      super(t),
        this.listening(!1),
        u.warn(
          'Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.'
        );
    }
  }
  (lt.prototype.nodeType = 'FastLayer'), s(lt);
  class dt extends H {
    _validateAdd(t) {
      var e = t.getType();
      'Group' !== e &&
        'Shape' !== e &&
        u.throw('You may only add groups and shapes to groups.');
    }
  }
  (dt.prototype.nodeType = 'Group'), s(dt);
  var ct =
    r.performance && r.performance.now
      ? function () {
          return r.performance.now();
        }
      : function () {
          return new Date().getTime();
        };
  class gt {
    constructor(t, e) {
      (this.id = gt.animIdCounter++),
        (this.frame = { time: 0, timeDiff: 0, lastTime: ct(), frameRate: 0 }),
        (this.func = t),
        this.setLayers(e);
    }
    setLayers(t) {
      var e = [];
      return (e = t ? (t.length > 0 ? t : [t]) : []), (this.layers = e), this;
    }
    getLayers() {
      return this.layers;
    }
    addLayer(t) {
      var e,
        i = this.layers,
        r = i.length;
      for (e = 0; e < r; e++) if (i[e]._id === t._id) return !1;
      return this.layers.push(t), !0;
    }
    isRunning() {
      var t,
        e = gt.animations,
        i = e.length;
      for (t = 0; t < i; t++) if (e[t].id === this.id) return !0;
      return !1;
    }
    start() {
      return (
        this.stop(),
        (this.frame.timeDiff = 0),
        (this.frame.lastTime = ct()),
        gt._addAnimation(this),
        this
      );
    }
    stop() {
      return gt._removeAnimation(this), this;
    }
    _updateFrameObject(t) {
      (this.frame.timeDiff = t - this.frame.lastTime),
        (this.frame.lastTime = t),
        (this.frame.time += this.frame.timeDiff),
        (this.frame.frameRate = 1e3 / this.frame.timeDiff);
    }
    static _addAnimation(t) {
      this.animations.push(t), this._handleAnimation();
    }
    static _removeAnimation(t) {
      var e,
        i = t.id,
        r = this.animations,
        a = r.length;
      for (e = 0; e < a; e++)
        if (r[e].id === i) {
          this.animations.splice(e, 1);
          break;
        }
    }
    static _runFrames() {
      var t,
        e,
        i,
        r,
        a,
        n,
        s,
        o,
        h = {},
        l = this.animations;
      for (r = 0; r < l.length; r++)
        if (
          ((e = (t = l[r]).layers),
          (i = t.func),
          t._updateFrameObject(ct()),
          (n = e.length),
          !i || !1 !== i.call(t, t.frame))
        )
          for (a = 0; a < n; a++) void 0 !== (s = e[a])._id && (h[s._id] = s);
      for (o in h) h.hasOwnProperty(o) && h[o].draw();
    }
    static _animationLoop() {
      var t = gt;
      t.animations.length
        ? (t._runFrames(), u.requestAnimFrame(t._animationLoop))
        : (t.animRunning = !1);
    }
    static _handleAnimation() {
      this.animRunning ||
        ((this.animRunning = !0), u.requestAnimFrame(this._animationLoop));
    }
  }
  (gt.animations = []), (gt.animIdCounter = 0), (gt.animRunning = !1);
  var ut = { node: 1, duration: 1, easing: 1, onFinish: 1, yoyo: 1 },
    ft = 0,
    pt = ['fill', 'stroke', 'shadowColor'];
  class vt {
    constructor(t, e, i, r, a, n, s) {
      (this.prop = t),
        (this.propFunc = e),
        (this.begin = r),
        (this._pos = r),
        (this.duration = n),
        (this._change = 0),
        (this.prevPos = 0),
        (this.yoyo = s),
        (this._time = 0),
        (this._position = 0),
        (this._startTime = 0),
        (this._finish = 0),
        (this.func = i),
        (this._change = a - this.begin),
        this.pause();
    }
    fire(t) {
      var e = this[t];
      e && e();
    }
    setTime(t) {
      t > this.duration
        ? this.yoyo
          ? ((this._time = this.duration), this.reverse())
          : this.finish()
        : t < 0
        ? this.yoyo
          ? ((this._time = 0), this.play())
          : this.reset()
        : ((this._time = t), this.update());
    }
    getTime() {
      return this._time;
    }
    setPosition(t) {
      (this.prevPos = this._pos), this.propFunc(t), (this._pos = t);
    }
    getPosition(t) {
      return (
        void 0 === t && (t = this._time),
        this.func(t, this.begin, this._change, this.duration)
      );
    }
    play() {
      (this.state = 2),
        (this._startTime = this.getTimer() - this._time),
        this.onEnterFrame(),
        this.fire('onPlay');
    }
    reverse() {
      (this.state = 3),
        (this._time = this.duration - this._time),
        (this._startTime = this.getTimer() - this._time),
        this.onEnterFrame(),
        this.fire('onReverse');
    }
    seek(t) {
      this.pause(), (this._time = t), this.update(), this.fire('onSeek');
    }
    reset() {
      this.pause(), (this._time = 0), this.update(), this.fire('onReset');
    }
    finish() {
      this.pause(),
        (this._time = this.duration),
        this.update(),
        this.fire('onFinish');
    }
    update() {
      this.setPosition(this.getPosition(this._time)), this.fire('onUpdate');
    }
    onEnterFrame() {
      var t = this.getTimer() - this._startTime;
      2 === this.state
        ? this.setTime(t)
        : 3 === this.state && this.setTime(this.duration - t);
    }
    pause() {
      (this.state = 1), this.fire('onPause');
    }
    getTimer() {
      return new Date().getTime();
    }
  }
  class mt {
    constructor(t) {
      var e,
        i,
        r = this,
        n = t.node,
        s = n._id,
        o = t.easing || _t.Linear,
        h = !!t.yoyo;
      (e = void 0 === t.duration ? 0.3 : 0 === t.duration ? 0.001 : t.duration),
        (this.node = n),
        (this._id = ft++);
      var l = n.getLayer() || (n instanceof a.Stage ? n.getLayers() : null);
      for (i in (l ||
        u.error(
          'Tween constructor have `node` that is not in a layer. Please add node into layer first.'
        ),
      (this.anim = new gt(function () {
        r.tween.onEnterFrame();
      }, l)),
      (this.tween = new vt(
        i,
        function (t) {
          r._tweenFunc(t);
        },
        o,
        0,
        1,
        1e3 * e,
        h
      )),
      this._addListeners(),
      mt.attrs[s] || (mt.attrs[s] = {}),
      mt.attrs[s][this._id] || (mt.attrs[s][this._id] = {}),
      mt.tweens[s] || (mt.tweens[s] = {}),
      t))
        void 0 === ut[i] && this._addAttr(i, t[i]);
      this.reset(),
        (this.onFinish = t.onFinish),
        (this.onReset = t.onReset),
        (this.onUpdate = t.onUpdate);
    }
    _addAttr(t, e) {
      var i,
        r,
        a,
        n,
        s,
        o,
        h,
        l,
        d = this.node,
        c = d._id;
      if (
        ((a = mt.tweens[c][t]) && delete mt.attrs[c][a][t],
        (i = d.getAttr(t)),
        u._isArray(e))
      )
        if (
          ((r = []),
          (s = Math.max(e.length, i.length)),
          'points' === t &&
            e.length !== i.length &&
            (e.length > i.length
              ? ((h = i), (i = u._prepareArrayForTween(i, e, d.closed())))
              : ((o = e), (e = u._prepareArrayForTween(e, i, d.closed())))),
          0 === t.indexOf('fill'))
        )
          for (n = 0; n < s; n++)
            if (n % 2 == 0) r.push(e[n] - i[n]);
            else {
              var g = u.colorToRGBA(i[n]);
              (l = u.colorToRGBA(e[n])),
                (i[n] = g),
                r.push({
                  r: l.r - g.r,
                  g: l.g - g.g,
                  b: l.b - g.b,
                  a: l.a - g.a,
                });
            }
        else for (n = 0; n < s; n++) r.push(e[n] - i[n]);
      else
        -1 !== pt.indexOf(t)
          ? ((i = u.colorToRGBA(i)),
            (r = {
              r: (l = u.colorToRGBA(e)).r - i.r,
              g: l.g - i.g,
              b: l.b - i.b,
              a: l.a - i.a,
            }))
          : (r = e - i);
      (mt.attrs[c][this._id][t] = {
        start: i,
        diff: r,
        end: e,
        trueEnd: o,
        trueStart: h,
      }),
        (mt.tweens[c][t] = this._id);
    }
    _tweenFunc(t) {
      var e,
        i,
        r,
        a,
        n,
        s,
        o,
        h,
        l = this.node,
        d = mt.attrs[l._id][this._id];
      for (e in d) {
        if (((r = (i = d[e]).start), (a = i.diff), (h = i.end), u._isArray(r)))
          if (
            ((n = []),
            (o = Math.max(r.length, h.length)),
            0 === e.indexOf('fill'))
          )
            for (s = 0; s < o; s++)
              s % 2 == 0
                ? n.push((r[s] || 0) + a[s] * t)
                : n.push(
                    'rgba(' +
                      Math.round(r[s].r + a[s].r * t) +
                      ',' +
                      Math.round(r[s].g + a[s].g * t) +
                      ',' +
                      Math.round(r[s].b + a[s].b * t) +
                      ',' +
                      (r[s].a + a[s].a * t) +
                      ')'
                  );
          else for (s = 0; s < o; s++) n.push((r[s] || 0) + a[s] * t);
        else
          n =
            -1 !== pt.indexOf(e)
              ? 'rgba(' +
                Math.round(r.r + a.r * t) +
                ',' +
                Math.round(r.g + a.g * t) +
                ',' +
                Math.round(r.b + a.b * t) +
                ',' +
                (r.a + a.a * t) +
                ')'
              : r + a * t;
        l.setAttr(e, n);
      }
    }
    _addListeners() {
      (this.tween.onPlay = () => {
        this.anim.start();
      }),
        (this.tween.onReverse = () => {
          this.anim.start();
        }),
        (this.tween.onPause = () => {
          this.anim.stop();
        }),
        (this.tween.onFinish = () => {
          var t = this.node,
            e = mt.attrs[t._id][this._id];
          e.points && e.points.trueEnd && t.setAttr('points', e.points.trueEnd),
            this.onFinish && this.onFinish.call(this);
        }),
        (this.tween.onReset = () => {
          var t = this.node,
            e = mt.attrs[t._id][this._id];
          e.points && e.points.trueStart && t.points(e.points.trueStart),
            this.onReset && this.onReset();
        }),
        (this.tween.onUpdate = () => {
          this.onUpdate && this.onUpdate.call(this);
        });
    }
    play() {
      return this.tween.play(), this;
    }
    reverse() {
      return this.tween.reverse(), this;
    }
    reset() {
      return this.tween.reset(), this;
    }
    seek(t) {
      return this.tween.seek(1e3 * t), this;
    }
    pause() {
      return this.tween.pause(), this;
    }
    finish() {
      return this.tween.finish(), this;
    }
    destroy() {
      var t,
        e = this.node._id,
        i = this._id,
        r = mt.tweens[e];
      for (t in (this.pause(), r)) delete mt.tweens[e][t];
      delete mt.attrs[e][i];
    }
  }
  (mt.attrs = {}),
    (mt.tweens = {}),
    (z.prototype.to = function (t) {
      var e = t.onFinish;
      (t.node = this),
        (t.onFinish = function () {
          this.destroy(), e && e();
        }),
        new mt(t).play();
    });
  const _t = {
      BackEaseIn(t, e, i, r) {
        var a = 1.70158;
        return i * (t /= r) * t * ((a + 1) * t - a) + e;
      },
      BackEaseOut(t, e, i, r) {
        var a = 1.70158;
        return i * ((t = t / r - 1) * t * ((a + 1) * t + a) + 1) + e;
      },
      BackEaseInOut(t, e, i, r) {
        var a = 1.70158;
        return (t /= r / 2) < 1
          ? (i / 2) * (t * t * ((1 + (a *= 1.525)) * t - a)) + e
          : (i / 2) * ((t -= 2) * t * ((1 + (a *= 1.525)) * t + a) + 2) + e;
      },
      ElasticEaseIn(t, e, i, r, a, n) {
        var s = 0;
        return 0 === t
          ? e
          : 1 == (t /= r)
          ? e + i
          : (n || (n = 0.3 * r),
            !a || a < Math.abs(i)
              ? ((a = i), (s = n / 4))
              : (s = (n / (2 * Math.PI)) * Math.asin(i / a)),
            -a *
              Math.pow(2, 10 * (t -= 1)) *
              Math.sin(((t * r - s) * (2 * Math.PI)) / n) +
              e);
      },
      ElasticEaseOut(t, e, i, r, a, n) {
        var s = 0;
        return 0 === t
          ? e
          : 1 == (t /= r)
          ? e + i
          : (n || (n = 0.3 * r),
            !a || a < Math.abs(i)
              ? ((a = i), (s = n / 4))
              : (s = (n / (2 * Math.PI)) * Math.asin(i / a)),
            a *
              Math.pow(2, -10 * t) *
              Math.sin(((t * r - s) * (2 * Math.PI)) / n) +
              i +
              e);
      },
      ElasticEaseInOut(t, e, i, r, a, n) {
        var s = 0;
        return 0 === t
          ? e
          : 2 == (t /= r / 2)
          ? e + i
          : (n || (n = r * (0.3 * 1.5)),
            !a || a < Math.abs(i)
              ? ((a = i), (s = n / 4))
              : (s = (n / (2 * Math.PI)) * Math.asin(i / a)),
            t < 1
              ? a *
                  Math.pow(2, 10 * (t -= 1)) *
                  Math.sin(((t * r - s) * (2 * Math.PI)) / n) *
                  -0.5 +
                e
              : a *
                  Math.pow(2, -10 * (t -= 1)) *
                  Math.sin(((t * r - s) * (2 * Math.PI)) / n) *
                  0.5 +
                i +
                e);
      },
      BounceEaseOut: (t, e, i, r) =>
        (t /= r) < 1 / 2.75
          ? i * (7.5625 * t * t) + e
          : t < 2 / 2.75
          ? i * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + e
          : t < 2.5 / 2.75
          ? i * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + e
          : i * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + e,
      BounceEaseIn: (t, e, i, r) => i - _t.BounceEaseOut(r - t, 0, i, r) + e,
      BounceEaseInOut: (t, e, i, r) =>
        t < r / 2
          ? 0.5 * _t.BounceEaseIn(2 * t, 0, i, r) + e
          : 0.5 * _t.BounceEaseOut(2 * t - r, 0, i, r) + 0.5 * i + e,
      EaseIn: (t, e, i, r) => i * (t /= r) * t + e,
      EaseOut: (t, e, i, r) => -i * (t /= r) * (t - 2) + e,
      EaseInOut: (t, e, i, r) =>
        (t /= r / 2) < 1
          ? (i / 2) * t * t + e
          : (-i / 2) * (--t * (t - 2) - 1) + e,
      StrongEaseIn: (t, e, i, r) => i * (t /= r) * t * t * t * t + e,
      StrongEaseOut: (t, e, i, r) =>
        i * ((t = t / r - 1) * t * t * t * t + 1) + e,
      StrongEaseInOut: (t, e, i, r) =>
        (t /= r / 2) < 1
          ? (i / 2) * t * t * t * t * t + e
          : (i / 2) * ((t -= 2) * t * t * t * t + 2) + e,
      Linear: (t, e, i, r) => (i * t) / r + e,
    },
    yt = u._assign(a, {
      Util: u,
      Transform: o,
      Node: z,
      ids: R,
      names: L,
      Container: H,
      Stage: et,
      stages: $,
      Layer: ht,
      FastLayer: lt,
      Group: dt,
      DD: E,
      Shape: nt,
      shapes: at,
      Animation: gt,
      Tween: mt,
      Easings: _t,
      Context: C,
      Canvas: A,
    });
  class xt extends nt {
    _sceneFunc(t) {
      var e = a.getAngle(this.angle()),
        i = this.clockwise();
      t.beginPath(),
        t.arc(0, 0, this.outerRadius(), 0, e, i),
        t.arc(0, 0, this.innerRadius(), e, 0, !i),
        t.closePath(),
        t.fillStrokeShape(this);
    }
    getWidth() {
      return 2 * this.outerRadius();
    }
    getHeight() {
      return 2 * this.outerRadius();
    }
    setWidth(t) {
      this.outerRadius(t / 2);
    }
    setHeight(t) {
      this.outerRadius(t / 2);
    }
  }
  (xt.prototype._centroid = !0),
    (xt.prototype.className = 'Arc'),
    (xt.prototype._attrsAffectingSize = ['innerRadius', 'outerRadius']),
    s(xt),
    S.addGetterSetter(xt, 'innerRadius', 0, v()),
    S.addGetterSetter(xt, 'outerRadius', 0, v()),
    S.addGetterSetter(xt, 'angle', 0, v()),
    S.addGetterSetter(xt, 'clockwise', !1, b());
  class bt extends nt {
    constructor(t) {
      super(t),
        this.on(
          'pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva',
          function () {
            this._clearCache('tensionPoints');
          }
        );
    }
    _sceneFunc(t) {
      var e,
        i,
        r,
        a = this.points(),
        n = a.length,
        s = this.tension(),
        o = this.closed(),
        h = this.bezier();
      if (n) {
        if ((t.beginPath(), t.moveTo(a[0], a[1]), 0 !== s && n > 4)) {
          for (
            i = (e = this.getTensionPoints()).length,
              r = o ? 0 : 4,
              o || t.quadraticCurveTo(e[0], e[1], e[2], e[3]);
            r < i - 2;

          )
            t.bezierCurveTo(e[r++], e[r++], e[r++], e[r++], e[r++], e[r++]);
          o || t.quadraticCurveTo(e[i - 2], e[i - 1], a[n - 2], a[n - 1]);
        } else if (h)
          for (r = 2; r < n; )
            t.bezierCurveTo(a[r++], a[r++], a[r++], a[r++], a[r++], a[r++]);
        else for (r = 2; r < n; r += 2) t.lineTo(a[r], a[r + 1]);
        o ? (t.closePath(), t.fillStrokeShape(this)) : t.strokeShape(this);
      }
    }
    getTensionPoints() {
      return this._getCache('tensionPoints', this._getTensionPoints);
    }
    _getTensionPoints() {
      return this.closed()
        ? this._getTensionPointsClosed()
        : u._expandPoints(this.points(), this.tension());
    }
    _getTensionPointsClosed() {
      var t = this.points(),
        e = t.length,
        i = this.tension(),
        r = u._getControlPoints(t[e - 2], t[e - 1], t[0], t[1], t[2], t[3], i),
        a = u._getControlPoints(
          t[e - 4],
          t[e - 3],
          t[e - 2],
          t[e - 1],
          t[0],
          t[1],
          i
        ),
        n = u._expandPoints(t, i);
      return [r[2], r[3]]
        .concat(n)
        .concat([
          a[0],
          a[1],
          t[e - 2],
          t[e - 1],
          a[2],
          a[3],
          r[0],
          r[1],
          t[0],
          t[1],
        ]);
    }
    getWidth() {
      return this.getSelfRect().width;
    }
    getHeight() {
      return this.getSelfRect().height;
    }
    getSelfRect() {
      var t = this.points();
      if (t.length < 4)
        return { x: t[0] || 0, y: t[1] || 0, width: 0, height: 0 };
      for (
        var e,
          i,
          r = (t =
            0 !== this.tension()
              ? [
                  t[0],
                  t[1],
                  ...this._getTensionPoints(),
                  t[t.length - 2],
                  t[t.length - 1],
                ]
              : this.points())[0],
          a = t[0],
          n = t[1],
          s = t[1],
          o = 0;
        o < t.length / 2;
        o++
      )
        (e = t[2 * o]),
          (i = t[2 * o + 1]),
          (r = Math.min(r, e)),
          (a = Math.max(a, e)),
          (n = Math.min(n, i)),
          (s = Math.max(s, i));
      return { x: r, y: n, width: a - r, height: s - n };
    }
  }
  (bt.prototype.className = 'Line'),
    (bt.prototype._attrsAffectingSize = ['points', 'bezier', 'tension']),
    s(bt),
    S.addGetterSetter(bt, 'closed', !1),
    S.addGetterSetter(bt, 'bezier', !1),
    S.addGetterSetter(bt, 'tension', 0, v()),
    S.addGetterSetter(
      bt,
      'points',
      [],
      (function () {
        if (a.isUnminified)
          return function (t, e) {
            return (
              u._isArray(t)
                ? t.forEach(function (t) {
                    u._isNumber(t) ||
                      u.warn(
                        '"' +
                          e +
                          '" attribute has non numeric element ' +
                          t +
                          '. Make sure that all elements are numbers.'
                      );
                  })
                : u.warn(
                    f(t) +
                      ' is a not valid value for "' +
                      e +
                      '" attribute. The value should be a array of numbers.'
                  ),
              t
            );
          };
      })()
    );
  class St extends bt {
    _sceneFunc(t) {
      super._sceneFunc(t);
      var e = 2 * Math.PI,
        i = this.points(),
        r = i,
        a = 0 !== this.tension() && i.length > 4;
      a && (r = this.getTensionPoints());
      var n,
        s,
        o = i.length;
      a
        ? ((n = i[o - 2] - (r[r.length - 2] + r[r.length - 4]) / 2),
          (s = i[o - 1] - (r[r.length - 1] + r[r.length - 3]) / 2))
        : ((n = i[o - 2] - i[o - 4]), (s = i[o - 1] - i[o - 3]));
      var h = (Math.atan2(s, n) + e) % e,
        l = this.pointerLength(),
        d = this.pointerWidth();
      t.save(),
        t.beginPath(),
        t.translate(i[o - 2], i[o - 1]),
        t.rotate(h),
        t.moveTo(0, 0),
        t.lineTo(-l, d / 2),
        t.lineTo(-l, -d / 2),
        t.closePath(),
        t.restore(),
        this.pointerAtBeginning() &&
          (t.save(),
          t.translate(i[0], i[1]),
          a
            ? ((n = (r[0] + r[2]) / 2 - i[0]), (s = (r[1] + r[3]) / 2 - i[1]))
            : ((n = i[2] - i[0]), (s = i[3] - i[1])),
          t.rotate((Math.atan2(-s, -n) + e) % e),
          t.moveTo(0, 0),
          t.lineTo(-l, d / 2),
          t.lineTo(-l, -d / 2),
          t.closePath(),
          t.restore());
      var c = this.dashEnabled();
      c && ((this.attrs.dashEnabled = !1), t.setLineDash([])),
        t.fillStrokeShape(this),
        c && (this.attrs.dashEnabled = !0);
    }
    getSelfRect() {
      const t = super.getSelfRect(),
        e = this.pointerWidth() / 2;
      return {
        x: t.x - e,
        y: t.y - e,
        width: t.width + 2 * e,
        height: t.height + 2 * e,
      };
    }
  }
  (St.prototype.className = 'Arrow'),
    s(St),
    S.addGetterSetter(St, 'pointerLength', 10, v()),
    S.addGetterSetter(St, 'pointerWidth', 10, v()),
    S.addGetterSetter(St, 'pointerAtBeginning', !1);
  class wt extends nt {
    _sceneFunc(t) {
      t.beginPath(),
        t.arc(0, 0, this.attrs.radius || 0, 0, 2 * Math.PI, !1),
        t.closePath(),
        t.fillStrokeShape(this);
    }
    getWidth() {
      return 2 * this.radius();
    }
    getHeight() {
      return 2 * this.radius();
    }
    setWidth(t) {
      this.radius() !== t / 2 && this.radius(t / 2);
    }
    setHeight(t) {
      this.radius() !== t / 2 && this.radius(t / 2);
    }
  }
  (wt.prototype._centroid = !0),
    (wt.prototype.className = 'Circle'),
    (wt.prototype._attrsAffectingSize = ['radius']),
    s(wt),
    S.addGetterSetter(wt, 'radius', 0, v());
  class Ct extends nt {
    _sceneFunc(t) {
      var e = this.radiusX(),
        i = this.radiusY();
      t.beginPath(),
        t.save(),
        e !== i && t.scale(1, i / e),
        t.arc(0, 0, e, 0, 2 * Math.PI, !1),
        t.restore(),
        t.closePath(),
        t.fillStrokeShape(this);
    }
    getWidth() {
      return 2 * this.radiusX();
    }
    getHeight() {
      return 2 * this.radiusY();
    }
    setWidth(t) {
      this.radiusX(t / 2);
    }
    setHeight(t) {
      this.radiusY(t / 2);
    }
  }
  (Ct.prototype.className = 'Ellipse'),
    (Ct.prototype._centroid = !0),
    (Ct.prototype._attrsAffectingSize = ['radiusX', 'radiusY']),
    s(Ct),
    S.addComponentsGetterSetter(Ct, 'radius', ['x', 'y']),
    S.addGetterSetter(Ct, 'radiusX', 0, v()),
    S.addGetterSetter(Ct, 'radiusY', 0, v());
  class Pt extends nt {
    _useBufferCanvas() {
      return super._useBufferCanvas(!0);
    }
    _sceneFunc(t) {
      const e = this.getWidth(),
        i = this.getHeight(),
        r = this.attrs.image;
      let a;
      if (r) {
        const t = this.attrs.cropWidth,
          n = this.attrs.cropHeight;
        a =
          t && n
            ? [r, this.cropX(), this.cropY(), t, n, 0, 0, e, i]
            : [r, 0, 0, e, i];
      }
      (this.hasFill() || this.hasStroke()) &&
        (t.beginPath(),
        t.rect(0, 0, e, i),
        t.closePath(),
        t.fillStrokeShape(this)),
        r && t.drawImage.apply(t, a);
    }
    _hitFunc(t) {
      var e = this.width(),
        i = this.height();
      t.beginPath(), t.rect(0, 0, e, i), t.closePath(), t.fillStrokeShape(this);
    }
    getWidth() {
      var t, e;
      return null !== (t = this.attrs.width) && void 0 !== t
        ? t
        : null === (e = this.image()) || void 0 === e
        ? void 0
        : e.width;
    }
    getHeight() {
      var t, e;
      return null !== (t = this.attrs.height) && void 0 !== t
        ? t
        : null === (e = this.image()) || void 0 === e
        ? void 0
        : e.height;
    }
    static fromURL(t, e) {
      var i = u.createImageElement();
      (i.onload = function () {
        var t = new Pt({ image: i });
        e(t);
      }),
        (i.crossOrigin = 'Anonymous'),
        (i.src = t);
    }
  }
  (Pt.prototype.className = 'Image'),
    s(Pt),
    S.addGetterSetter(Pt, 'image'),
    S.addComponentsGetterSetter(Pt, 'crop', ['x', 'y', 'width', 'height']),
    S.addGetterSetter(Pt, 'cropX', 0, v()),
    S.addGetterSetter(Pt, 'cropY', 0, v()),
    S.addGetterSetter(Pt, 'cropWidth', 0, v()),
    S.addGetterSetter(Pt, 'cropHeight', 0, v());
  var kt = [
      'fontFamily',
      'fontSize',
      'fontStyle',
      'padding',
      'lineHeight',
      'text',
      'width',
      'height',
    ],
    Tt = kt.length;
  class At extends dt {
    constructor(t) {
      super(t),
        this.on('add.konva', function (t) {
          this._addListeners(t.child), this._sync();
        });
    }
    getText() {
      return this.find('Text')[0];
    }
    getTag() {
      return this.find('Tag')[0];
    }
    _addListeners(t) {
      var e,
        i = this,
        r = function () {
          i._sync();
        };
      for (e = 0; e < Tt; e++) t.on(kt[e] + 'Change.konva', r);
    }
    getWidth() {
      return this.getText().width();
    }
    getHeight() {
      return this.getText().height();
    }
    _sync() {
      var t,
        e,
        i,
        r,
        a,
        n,
        s,
        o = this.getText(),
        h = this.getTag();
      if (o && h) {
        switch (
          ((t = o.width()),
          (e = o.height()),
          (i = h.pointerDirection()),
          (r = h.pointerWidth()),
          (s = h.pointerHeight()),
          (a = 0),
          (n = 0),
          i)
        ) {
          case 'up':
            (a = t / 2), (n = -1 * s);
            break;
          case 'right':
            (a = t + r), (n = e / 2);
            break;
          case 'down':
            (a = t / 2), (n = e + s);
            break;
          case 'left':
            (a = -1 * r), (n = e / 2);
        }
        h.setAttrs({ x: -1 * a, y: -1 * n, width: t, height: e }),
          o.setAttrs({ x: -1 * a, y: -1 * n });
      }
    }
  }
  (At.prototype.className = 'Label'), s(At);
  class Mt extends nt {
    _sceneFunc(t) {
      var e = this.width(),
        i = this.height(),
        r = this.pointerDirection(),
        a = this.pointerWidth(),
        n = this.pointerHeight(),
        s = this.cornerRadius();
      let o = 0,
        h = 0,
        l = 0,
        d = 0;
      'number' == typeof s
        ? (o = h = l = d = Math.min(s, e / 2, i / 2))
        : ((o = Math.min(s[0] || 0, e / 2, i / 2)),
          (h = Math.min(s[1] || 0, e / 2, i / 2)),
          (d = Math.min(s[2] || 0, e / 2, i / 2)),
          (l = Math.min(s[3] || 0, e / 2, i / 2))),
        t.beginPath(),
        t.moveTo(o, 0),
        'up' === r &&
          (t.lineTo((e - a) / 2, 0),
          t.lineTo(e / 2, -1 * n),
          t.lineTo((e + a) / 2, 0)),
        t.lineTo(e - h, 0),
        t.arc(e - h, h, h, (3 * Math.PI) / 2, 0, !1),
        'right' === r &&
          (t.lineTo(e, (i - n) / 2),
          t.lineTo(e + a, i / 2),
          t.lineTo(e, (i + n) / 2)),
        t.lineTo(e, i - d),
        t.arc(e - d, i - d, d, 0, Math.PI / 2, !1),
        'down' === r &&
          (t.lineTo((e + a) / 2, i),
          t.lineTo(e / 2, i + n),
          t.lineTo((e - a) / 2, i)),
        t.lineTo(l, i),
        t.arc(l, i - l, l, Math.PI / 2, Math.PI, !1),
        'left' === r &&
          (t.lineTo(0, (i + n) / 2),
          t.lineTo(-1 * a, i / 2),
          t.lineTo(0, (i - n) / 2)),
        t.lineTo(0, o),
        t.arc(o, o, o, Math.PI, (3 * Math.PI) / 2, !1),
        t.closePath(),
        t.fillStrokeShape(this);
    }
    getSelfRect() {
      var t = 0,
        e = 0,
        i = this.pointerWidth(),
        r = this.pointerHeight(),
        a = this.pointerDirection(),
        n = this.width(),
        s = this.height();
      return (
        'up' === a
          ? ((e -= r), (s += r))
          : 'down' === a
          ? (s += r)
          : 'left' === a
          ? ((t -= 1.5 * i), (n += i))
          : 'right' === a && (n += 1.5 * i),
        { x: t, y: e, width: n, height: s }
      );
    }
  }
  (Mt.prototype.className = 'Tag'),
    s(Mt),
    S.addGetterSetter(Mt, 'pointerDirection', 'none'),
    S.addGetterSetter(Mt, 'pointerWidth', 0, v()),
    S.addGetterSetter(Mt, 'pointerHeight', 0, v()),
    S.addGetterSetter(Mt, 'cornerRadius', 0, m(4));
  class Gt extends nt {
    constructor(t) {
      super(t),
        (this.dataArray = []),
        (this.pathLength = 0),
        (this.dataArray = Gt.parsePathData(this.data())),
        (this.pathLength = 0);
      for (var e = 0; e < this.dataArray.length; ++e)
        this.pathLength += this.dataArray[e].pathLength;
      this.on('dataChange.konva', function () {
        (this.dataArray = Gt.parsePathData(this.data())), (this.pathLength = 0);
        for (var t = 0; t < this.dataArray.length; ++t)
          this.pathLength += this.dataArray[t].pathLength;
      });
    }
    _sceneFunc(t) {
      var e = this.dataArray;
      t.beginPath();
      for (var i = !1, r = 0; r < e.length; r++) {
        var a = e[r].command,
          n = e[r].points;
        switch (a) {
          case 'L':
            t.lineTo(n[0], n[1]);
            break;
          case 'M':
            t.moveTo(n[0], n[1]);
            break;
          case 'C':
            t.bezierCurveTo(n[0], n[1], n[2], n[3], n[4], n[5]);
            break;
          case 'Q':
            t.quadraticCurveTo(n[0], n[1], n[2], n[3]);
            break;
          case 'A':
            var s = n[0],
              o = n[1],
              h = n[2],
              l = n[3],
              d = n[4],
              c = n[5],
              g = n[6],
              u = n[7],
              f = h > l ? h : l,
              p = h > l ? 1 : h / l,
              v = h > l ? l / h : 1;
            t.translate(s, o),
              t.rotate(g),
              t.scale(p, v),
              t.arc(0, 0, f, d, d + c, 1 - u),
              t.scale(1 / p, 1 / v),
              t.rotate(-g),
              t.translate(-s, -o);
            break;
          case 'z':
            (i = !0), t.closePath();
        }
      }
      i || this.hasFill() ? t.fillStrokeShape(this) : t.strokeShape(this);
    }
    getSelfRect() {
      var t = [];
      this.dataArray.forEach(function (e) {
        if ('A' === e.command) {
          var i = e.points[4],
            r = e.points[5],
            a = e.points[4] + r,
            n = Math.PI / 180;
          if ((Math.abs(i - a) < n && (n = Math.abs(i - a)), r < 0))
            for (let r = i - n; r > a; r -= n) {
              const i = Gt.getPointOnEllipticalArc(
                e.points[0],
                e.points[1],
                e.points[2],
                e.points[3],
                r,
                0
              );
              t.push(i.x, i.y);
            }
          else
            for (let r = i + n; r < a; r += n) {
              const i = Gt.getPointOnEllipticalArc(
                e.points[0],
                e.points[1],
                e.points[2],
                e.points[3],
                r,
                0
              );
              t.push(i.x, i.y);
            }
        } else if ('C' === e.command)
          for (let i = 0; i <= 1; i += 0.01) {
            const r = Gt.getPointOnCubicBezier(
              i,
              e.start.x,
              e.start.y,
              e.points[0],
              e.points[1],
              e.points[2],
              e.points[3],
              e.points[4],
              e.points[5]
            );
            t.push(r.x, r.y);
          }
        else t = t.concat(e.points);
      });
      for (
        var e, i, r = t[0], a = t[0], n = t[1], s = t[1], o = 0;
        o < t.length / 2;
        o++
      )
        (e = t[2 * o]),
          (i = t[2 * o + 1]),
          isNaN(e) || ((r = Math.min(r, e)), (a = Math.max(a, e))),
          isNaN(i) || ((n = Math.min(n, i)), (s = Math.max(s, i)));
      return {
        x: Math.round(r),
        y: Math.round(n),
        width: Math.round(a - r),
        height: Math.round(s - n),
      };
    }
    getLength() {
      return this.pathLength;
    }
    getPointAtLength(t) {
      var e,
        i = 0,
        r = this.dataArray.length;
      if (!r) return null;
      for (; i < r && t > this.dataArray[i].pathLength; )
        (t -= this.dataArray[i].pathLength), ++i;
      if (i === r)
        return { x: (e = this.dataArray[i - 1].points.slice(-2))[0], y: e[1] };
      if (t < 0.01)
        return { x: (e = this.dataArray[i].points.slice(0, 2))[0], y: e[1] };
      var a = this.dataArray[i],
        n = a.points;
      switch (a.command) {
        case 'L':
          return Gt.getPointOnLine(t, a.start.x, a.start.y, n[0], n[1]);
        case 'C':
          return Gt.getPointOnCubicBezier(
            t / a.pathLength,
            a.start.x,
            a.start.y,
            n[0],
            n[1],
            n[2],
            n[3],
            n[4],
            n[5]
          );
        case 'Q':
          return Gt.getPointOnQuadraticBezier(
            t / a.pathLength,
            a.start.x,
            a.start.y,
            n[0],
            n[1],
            n[2],
            n[3]
          );
        case 'A':
          var s = n[0],
            o = n[1],
            h = n[2],
            l = n[3],
            d = n[4],
            c = n[5],
            g = n[6];
          return (
            (d += (c * t) / a.pathLength),
            Gt.getPointOnEllipticalArc(s, o, h, l, d, g)
          );
      }
      return null;
    }
    static getLineLength(t, e, i, r) {
      return Math.sqrt((i - t) * (i - t) + (r - e) * (r - e));
    }
    static getPointOnLine(t, e, i, r, a, n, s) {
      void 0 === n && (n = e), void 0 === s && (s = i);
      var o = (a - i) / (r - e + 1e-8),
        h = Math.sqrt((t * t) / (1 + o * o));
      r < e && (h *= -1);
      var l,
        d = o * h;
      if (r === e) l = { x: n, y: s + d };
      else if ((s - i) / (n - e + 1e-8) === o) l = { x: n + h, y: s + d };
      else {
        var c,
          g,
          u = this.getLineLength(e, i, r, a),
          f = (n - e) * (r - e) + (s - i) * (a - i);
        (c = e + (f /= u * u) * (r - e)), (g = i + f * (a - i));
        var p = this.getLineLength(n, s, c, g),
          v = Math.sqrt(t * t - p * p);
        (h = Math.sqrt((v * v) / (1 + o * o))),
          r < e && (h *= -1),
          (l = { x: c + h, y: g + (d = o * h) });
      }
      return l;
    }
    static getPointOnCubicBezier(t, e, i, r, a, n, s, o, h) {
      function l(t) {
        return t * t * t;
      }
      function d(t) {
        return 3 * t * t * (1 - t);
      }
      function c(t) {
        return 3 * t * (1 - t) * (1 - t);
      }
      function g(t) {
        return (1 - t) * (1 - t) * (1 - t);
      }
      return {
        x: o * l(t) + n * d(t) + r * c(t) + e * g(t),
        y: h * l(t) + s * d(t) + a * c(t) + i * g(t),
      };
    }
    static getPointOnQuadraticBezier(t, e, i, r, a, n, s) {
      function o(t) {
        return t * t;
      }
      function h(t) {
        return 2 * t * (1 - t);
      }
      function l(t) {
        return (1 - t) * (1 - t);
      }
      return {
        x: n * o(t) + r * h(t) + e * l(t),
        y: s * o(t) + a * h(t) + i * l(t),
      };
    }
    static getPointOnEllipticalArc(t, e, i, r, a, n) {
      var s = Math.cos(n),
        o = Math.sin(n),
        h = i * Math.cos(a),
        l = r * Math.sin(a);
      return { x: t + (h * s - l * o), y: e + (h * o + l * s) };
    }
    static parsePathData(t) {
      if (!t) return [];
      var e = t,
        i = [
          'm',
          'M',
          'l',
          'L',
          'v',
          'V',
          'h',
          'H',
          'z',
          'Z',
          'c',
          'C',
          'q',
          'Q',
          't',
          'T',
          's',
          'S',
          'a',
          'A',
        ];
      e = e.replace(new RegExp(' ', 'g'), ',');
      for (var r = 0; r < i.length; r++)
        e = e.replace(new RegExp(i[r], 'g'), '|' + i[r]);
      var a,
        n = e.split('|'),
        s = [],
        o = [],
        h = 0,
        l = 0,
        d = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:e[-+]?\d+)?)/gi;
      for (r = 1; r < n.length; r++) {
        var c = n[r],
          g = c.charAt(0);
        for (c = c.slice(1), o.length = 0; (a = d.exec(c)); ) o.push(a[0]);
        for (var u = [], f = 0, p = o.length; f < p; f++) {
          var v = parseFloat(o[f]);
          isNaN(v) ? u.push(0) : u.push(v);
        }
        for (; u.length > 0 && !isNaN(u[0]); ) {
          var m,
            _,
            y,
            x,
            b,
            S,
            w,
            C,
            P,
            k,
            T = null,
            A = [],
            M = h,
            G = l;
          switch (g) {
            case 'l':
              (h += u.shift()), (l += u.shift()), (T = 'L'), A.push(h, l);
              break;
            case 'L':
              (h = u.shift()), (l = u.shift()), A.push(h, l);
              break;
            case 'm':
              var E = u.shift(),
                R = u.shift();
              if (
                ((h += E),
                (l += R),
                (T = 'M'),
                s.length > 2 && 'z' === s[s.length - 1].command)
              )
                for (var L = s.length - 2; L >= 0; L--)
                  if ('M' === s[L].command) {
                    (h = s[L].points[0] + E), (l = s[L].points[1] + R);
                    break;
                  }
              A.push(h, l), (g = 'l');
              break;
            case 'M':
              (h = u.shift()),
                (l = u.shift()),
                (T = 'M'),
                A.push(h, l),
                (g = 'L');
              break;
            case 'h':
              (h += u.shift()), (T = 'L'), A.push(h, l);
              break;
            case 'H':
              (h = u.shift()), (T = 'L'), A.push(h, l);
              break;
            case 'v':
              (l += u.shift()), (T = 'L'), A.push(h, l);
              break;
            case 'V':
              (l = u.shift()), (T = 'L'), A.push(h, l);
              break;
            case 'C':
              A.push(u.shift(), u.shift(), u.shift(), u.shift()),
                (h = u.shift()),
                (l = u.shift()),
                A.push(h, l);
              break;
            case 'c':
              A.push(
                h + u.shift(),
                l + u.shift(),
                h + u.shift(),
                l + u.shift()
              ),
                (h += u.shift()),
                (l += u.shift()),
                (T = 'C'),
                A.push(h, l);
              break;
            case 'S':
              (_ = h),
                (y = l),
                'C' === (m = s[s.length - 1]).command &&
                  ((_ = h + (h - m.points[2])), (y = l + (l - m.points[3]))),
                A.push(_, y, u.shift(), u.shift()),
                (h = u.shift()),
                (l = u.shift()),
                (T = 'C'),
                A.push(h, l);
              break;
            case 's':
              (_ = h),
                (y = l),
                'C' === (m = s[s.length - 1]).command &&
                  ((_ = h + (h - m.points[2])), (y = l + (l - m.points[3]))),
                A.push(_, y, h + u.shift(), l + u.shift()),
                (h += u.shift()),
                (l += u.shift()),
                (T = 'C'),
                A.push(h, l);
              break;
            case 'Q':
              A.push(u.shift(), u.shift()),
                (h = u.shift()),
                (l = u.shift()),
                A.push(h, l);
              break;
            case 'q':
              A.push(h + u.shift(), l + u.shift()),
                (h += u.shift()),
                (l += u.shift()),
                (T = 'Q'),
                A.push(h, l);
              break;
            case 'T':
              (_ = h),
                (y = l),
                'Q' === (m = s[s.length - 1]).command &&
                  ((_ = h + (h - m.points[0])), (y = l + (l - m.points[1]))),
                (h = u.shift()),
                (l = u.shift()),
                (T = 'Q'),
                A.push(_, y, h, l);
              break;
            case 't':
              (_ = h),
                (y = l),
                'Q' === (m = s[s.length - 1]).command &&
                  ((_ = h + (h - m.points[0])), (y = l + (l - m.points[1]))),
                (h += u.shift()),
                (l += u.shift()),
                (T = 'Q'),
                A.push(_, y, h, l);
              break;
            case 'A':
              (x = u.shift()),
                (b = u.shift()),
                (S = u.shift()),
                (w = u.shift()),
                (C = u.shift()),
                (P = h),
                (k = l),
                (h = u.shift()),
                (l = u.shift()),
                (T = 'A'),
                (A = this.convertEndpointToCenterParameterization(
                  P,
                  k,
                  h,
                  l,
                  w,
                  C,
                  x,
                  b,
                  S
                ));
              break;
            case 'a':
              (x = u.shift()),
                (b = u.shift()),
                (S = u.shift()),
                (w = u.shift()),
                (C = u.shift()),
                (P = h),
                (k = l),
                (h += u.shift()),
                (l += u.shift()),
                (T = 'A'),
                (A = this.convertEndpointToCenterParameterization(
                  P,
                  k,
                  h,
                  l,
                  w,
                  C,
                  x,
                  b,
                  S
                ));
          }
          s.push({
            command: T || g,
            points: A,
            start: { x: M, y: G },
            pathLength: this.calcLength(M, G, T || g, A),
          });
        }
        ('z' !== g && 'Z' !== g) ||
          s.push({ command: 'z', points: [], start: void 0, pathLength: 0 });
      }
      return s;
    }
    static calcLength(t, e, i, r) {
      var a,
        n,
        s,
        o,
        h = Gt;
      switch (i) {
        case 'L':
          return h.getLineLength(t, e, r[0], r[1]);
        case 'C':
          for (
            a = 0,
              n = h.getPointOnCubicBezier(
                0,
                t,
                e,
                r[0],
                r[1],
                r[2],
                r[3],
                r[4],
                r[5]
              ),
              o = 0.01;
            o <= 1;
            o += 0.01
          )
            (s = h.getPointOnCubicBezier(
              o,
              t,
              e,
              r[0],
              r[1],
              r[2],
              r[3],
              r[4],
              r[5]
            )),
              (a += h.getLineLength(n.x, n.y, s.x, s.y)),
              (n = s);
          return a;
        case 'Q':
          for (
            a = 0,
              n = h.getPointOnQuadraticBezier(0, t, e, r[0], r[1], r[2], r[3]),
              o = 0.01;
            o <= 1;
            o += 0.01
          )
            (s = h.getPointOnQuadraticBezier(o, t, e, r[0], r[1], r[2], r[3])),
              (a += h.getLineLength(n.x, n.y, s.x, s.y)),
              (n = s);
          return a;
        case 'A':
          a = 0;
          var l = r[4],
            d = r[5],
            c = r[4] + d,
            g = Math.PI / 180;
          if (
            (Math.abs(l - c) < g && (g = Math.abs(l - c)),
            (n = h.getPointOnEllipticalArc(r[0], r[1], r[2], r[3], l, 0)),
            d < 0)
          )
            for (o = l - g; o > c; o -= g)
              (s = h.getPointOnEllipticalArc(r[0], r[1], r[2], r[3], o, 0)),
                (a += h.getLineLength(n.x, n.y, s.x, s.y)),
                (n = s);
          else
            for (o = l + g; o < c; o += g)
              (s = h.getPointOnEllipticalArc(r[0], r[1], r[2], r[3], o, 0)),
                (a += h.getLineLength(n.x, n.y, s.x, s.y)),
                (n = s);
          return (
            (s = h.getPointOnEllipticalArc(r[0], r[1], r[2], r[3], c, 0)),
            (a += h.getLineLength(n.x, n.y, s.x, s.y))
          );
      }
      return 0;
    }
    static convertEndpointToCenterParameterization(t, e, i, r, a, n, s, o, h) {
      var l = h * (Math.PI / 180),
        d = (Math.cos(l) * (t - i)) / 2 + (Math.sin(l) * (e - r)) / 2,
        c = (-1 * Math.sin(l) * (t - i)) / 2 + (Math.cos(l) * (e - r)) / 2,
        g = (d * d) / (s * s) + (c * c) / (o * o);
      g > 1 && ((s *= Math.sqrt(g)), (o *= Math.sqrt(g)));
      var u = Math.sqrt(
        (s * s * (o * o) - s * s * (c * c) - o * o * (d * d)) /
          (s * s * (c * c) + o * o * (d * d))
      );
      a === n && (u *= -1), isNaN(u) && (u = 0);
      var f = (u * s * c) / o,
        p = (u * -o * d) / s,
        v = (t + i) / 2 + Math.cos(l) * f - Math.sin(l) * p,
        m = (e + r) / 2 + Math.sin(l) * f + Math.cos(l) * p,
        _ = function (t) {
          return Math.sqrt(t[0] * t[0] + t[1] * t[1]);
        },
        y = function (t, e) {
          return (t[0] * e[0] + t[1] * e[1]) / (_(t) * _(e));
        },
        x = function (t, e) {
          return (t[0] * e[1] < t[1] * e[0] ? -1 : 1) * Math.acos(y(t, e));
        },
        b = x([1, 0], [(d - f) / s, (c - p) / o]),
        S = [(d - f) / s, (c - p) / o],
        w = [(-1 * d - f) / s, (-1 * c - p) / o],
        C = x(S, w);
      return (
        y(S, w) <= -1 && (C = Math.PI),
        y(S, w) >= 1 && (C = 0),
        0 === n && C > 0 && (C -= 2 * Math.PI),
        1 === n && C < 0 && (C += 2 * Math.PI),
        [v, m, s, o, b, C, l, n]
      );
    }
  }
  (Gt.prototype.className = 'Path'),
    (Gt.prototype._attrsAffectingSize = ['data']),
    s(Gt),
    S.addGetterSetter(Gt, 'data');
  class Et extends nt {
    _sceneFunc(t) {
      var e = this.cornerRadius(),
        i = this.width(),
        r = this.height();
      if ((t.beginPath(), e)) {
        let a = 0,
          n = 0,
          s = 0,
          o = 0;
        'number' == typeof e
          ? (a = n = s = o = Math.min(e, i / 2, r / 2))
          : ((a = Math.min(e[0] || 0, i / 2, r / 2)),
            (n = Math.min(e[1] || 0, i / 2, r / 2)),
            (o = Math.min(e[2] || 0, i / 2, r / 2)),
            (s = Math.min(e[3] || 0, i / 2, r / 2))),
          t.moveTo(a, 0),
          t.lineTo(i - n, 0),
          t.arc(i - n, n, n, (3 * Math.PI) / 2, 0, !1),
          t.lineTo(i, r - o),
          t.arc(i - o, r - o, o, 0, Math.PI / 2, !1),
          t.lineTo(s, r),
          t.arc(s, r - s, s, Math.PI / 2, Math.PI, !1),
          t.lineTo(0, a),
          t.arc(a, a, a, Math.PI, (3 * Math.PI) / 2, !1);
      } else t.rect(0, 0, i, r);
      t.closePath(), t.fillStrokeShape(this);
    }
  }
  (Et.prototype.className = 'Rect'),
    s(Et),
    S.addGetterSetter(Et, 'cornerRadius', 0, m(4));
  class Rt extends nt {
    _sceneFunc(t) {
      const e = this._getPoints();
      t.beginPath(), t.moveTo(e[0].x, e[0].y);
      for (var i = 1; i < e.length; i++) t.lineTo(e[i].x, e[i].y);
      t.closePath(), t.fillStrokeShape(this);
    }
    _getPoints() {
      const t = this.attrs.sides,
        e = this.attrs.radius || 0,
        i = [];
      for (var r = 0; r < t; r++)
        i.push({
          x: e * Math.sin((2 * r * Math.PI) / t),
          y: -1 * e * Math.cos((2 * r * Math.PI) / t),
        });
      return i;
    }
    getSelfRect() {
      const t = this._getPoints();
      var e = t[0].x,
        i = t[0].y,
        r = t[0].x,
        a = t[0].y;
      return (
        t.forEach((t) => {
          (e = Math.min(e, t.x)),
            (i = Math.max(i, t.x)),
            (r = Math.min(r, t.y)),
            (a = Math.max(a, t.y));
        }),
        { x: e, y: r, width: i - e, height: a - r }
      );
    }
    getWidth() {
      return 2 * this.radius();
    }
    getHeight() {
      return 2 * this.radius();
    }
    setWidth(t) {
      this.radius(t / 2);
    }
    setHeight(t) {
      this.radius(t / 2);
    }
  }
  (Rt.prototype.className = 'RegularPolygon'),
    (Rt.prototype._centroid = !0),
    (Rt.prototype._attrsAffectingSize = ['radius']),
    s(Rt),
    S.addGetterSetter(Rt, 'radius', 0, v()),
    S.addGetterSetter(Rt, 'sides', 0, v());
  var Lt = 2 * Math.PI;
  class Dt extends nt {
    _sceneFunc(t) {
      t.beginPath(),
        t.arc(0, 0, this.innerRadius(), 0, Lt, !1),
        t.moveTo(this.outerRadius(), 0),
        t.arc(0, 0, this.outerRadius(), Lt, 0, !0),
        t.closePath(),
        t.fillStrokeShape(this);
    }
    getWidth() {
      return 2 * this.outerRadius();
    }
    getHeight() {
      return 2 * this.outerRadius();
    }
    setWidth(t) {
      this.outerRadius(t / 2);
    }
    setHeight(t) {
      this.outerRadius(t / 2);
    }
  }
  (Dt.prototype.className = 'Ring'),
    (Dt.prototype._centroid = !0),
    (Dt.prototype._attrsAffectingSize = ['innerRadius', 'outerRadius']),
    s(Dt),
    S.addGetterSetter(Dt, 'innerRadius', 0, v()),
    S.addGetterSetter(Dt, 'outerRadius', 0, v());
  class It extends nt {
    constructor(t) {
      super(t),
        (this._updated = !0),
        (this.anim = new gt(() => {
          var t = this._updated;
          return (this._updated = !1), t;
        })),
        this.on('animationChange.konva', function () {
          this.frameIndex(0);
        }),
        this.on('frameIndexChange.konva', function () {
          this._updated = !0;
        }),
        this.on('frameRateChange.konva', function () {
          this.anim.isRunning() &&
            (clearInterval(this.interval), this._setInterval());
        });
    }
    _sceneFunc(t) {
      var e = this.animation(),
        i = this.frameIndex(),
        r = 4 * i,
        a = this.animations()[e],
        n = this.frameOffsets(),
        s = a[r + 0],
        o = a[r + 1],
        h = a[r + 2],
        l = a[r + 3],
        d = this.image();
      if (
        ((this.hasFill() || this.hasStroke()) &&
          (t.beginPath(),
          t.rect(0, 0, h, l),
          t.closePath(),
          t.fillStrokeShape(this)),
        d)
      )
        if (n) {
          var c = n[e],
            g = 2 * i;
          t.drawImage(d, s, o, h, l, c[g + 0], c[g + 1], h, l);
        } else t.drawImage(d, s, o, h, l, 0, 0, h, l);
    }
    _hitFunc(t) {
      var e = this.animation(),
        i = this.frameIndex(),
        r = 4 * i,
        a = this.animations()[e],
        n = this.frameOffsets(),
        s = a[r + 2],
        o = a[r + 3];
      if ((t.beginPath(), n)) {
        var h = n[e],
          l = 2 * i;
        t.rect(h[l + 0], h[l + 1], s, o);
      } else t.rect(0, 0, s, o);
      t.closePath(), t.fillShape(this);
    }
    _useBufferCanvas() {
      return super._useBufferCanvas(!0);
    }
    _setInterval() {
      var t = this;
      this.interval = setInterval(function () {
        t._updateIndex();
      }, 1e3 / this.frameRate());
    }
    start() {
      if (!this.isRunning()) {
        var t = this.getLayer();
        this.anim.setLayers(t), this._setInterval(), this.anim.start();
      }
    }
    stop() {
      this.anim.stop(), clearInterval(this.interval);
    }
    isRunning() {
      return this.anim.isRunning();
    }
    _updateIndex() {
      var t = this.frameIndex(),
        e = this.animation();
      t < this.animations()[e].length / 4 - 1
        ? this.frameIndex(t + 1)
        : this.frameIndex(0);
    }
  }
  (It.prototype.className = 'Sprite'),
    s(It),
    S.addGetterSetter(It, 'animation'),
    S.addGetterSetter(It, 'animations'),
    S.addGetterSetter(It, 'frameOffsets'),
    S.addGetterSetter(It, 'image'),
    S.addGetterSetter(It, 'frameIndex', 0, v()),
    S.addGetterSetter(It, 'frameRate', 17, v()),
    S.backCompat(It, {
      index: 'frameIndex',
      getIndex: 'getFrameIndex',
      setIndex: 'setFrameIndex',
    });
  class Ot extends nt {
    _sceneFunc(t) {
      var e = this.innerRadius(),
        i = this.outerRadius(),
        r = this.numPoints();
      t.beginPath(), t.moveTo(0, 0 - i);
      for (var a = 1; a < 2 * r; a++) {
        var n = a % 2 == 0 ? i : e,
          s = n * Math.sin((a * Math.PI) / r),
          o = -1 * n * Math.cos((a * Math.PI) / r);
        t.lineTo(s, o);
      }
      t.closePath(), t.fillStrokeShape(this);
    }
    getWidth() {
      return 2 * this.outerRadius();
    }
    getHeight() {
      return 2 * this.outerRadius();
    }
    setWidth(t) {
      this.outerRadius(t / 2);
    }
    setHeight(t) {
      this.outerRadius(t / 2);
    }
  }
  function Ft(t) {
    return Array.from(t);
  }
  (Ot.prototype.className = 'Star'),
    (Ot.prototype._centroid = !0),
    (Ot.prototype._attrsAffectingSize = ['innerRadius', 'outerRadius']),
    s(Ot),
    S.addGetterSetter(Ot, 'numPoints', 5, v()),
    S.addGetterSetter(Ot, 'innerRadius', 0, v()),
    S.addGetterSetter(Ot, 'outerRadius', 0, v());
  var Bt,
    Nt = [
      'fontFamily',
      'fontSize',
      'fontStyle',
      'fontVariant',
      'padding',
      'align',
      'verticalAlign',
      'lineHeight',
      'text',
      'width',
      'height',
      'wrap',
      'ellipsis',
      'letterSpacing',
    ],
    zt = Nt.length;
  function Wt() {
    return Bt || (Bt = u.createCanvasElement().getContext('2d'));
  }
  class Ht extends nt {
    constructor(t) {
      super(
        (function (t) {
          return (
            (t = t || {}).fillLinearGradientColorStops ||
              t.fillRadialGradientColorStops ||
              t.fillPatternImage ||
              (t.fill = t.fill || 'black'),
            t
          );
        })(t)
      ),
        (this._partialTextX = 0),
        (this._partialTextY = 0);
      for (var e = 0; e < zt; e++)
        this.on(Nt[e] + 'Change.konva', this._setTextData);
      this._setTextData();
    }
    _sceneFunc(t) {
      var e = this.textArr,
        i = e.length;
      if (this.text()) {
        var r,
          a = this.padding(),
          n = this.fontSize(),
          s = this.lineHeight() * n,
          o = this.verticalAlign(),
          h = 0,
          l = this.align(),
          d = this.getWidth(),
          c = this.letterSpacing(),
          g = this.fill(),
          u = this.textDecoration(),
          f = -1 !== u.indexOf('underline'),
          p = -1 !== u.indexOf('line-through'),
          v = 0,
          m = ((v = s / 2), 0),
          _ = 0;
        for (
          t.setAttr('font', this._getContextFont()),
            t.setAttr('textBaseline', 'middle'),
            t.setAttr('textAlign', 'left'),
            'middle' === o
              ? (h = (this.getHeight() - i * s - 2 * a) / 2)
              : 'bottom' === o && (h = this.getHeight() - i * s - 2 * a),
            t.translate(a, h + a),
            r = 0;
          r < i;
          r++
        ) {
          (m = 0), (_ = 0);
          var y,
            x,
            b,
            S = e[r],
            w = S.text,
            C = S.width,
            P = r !== i - 1;
          if (
            (t.save(),
            'right' === l
              ? (m += d - C - 2 * a)
              : 'center' === l && (m += (d - C - 2 * a) / 2),
            f &&
              (t.save(),
              t.beginPath(),
              t.moveTo(m, v + _ + Math.round(n / 2)),
              (x = 0 === (y = w.split(' ').length - 1)),
              (b = 'justify' === l && P && !x ? d - 2 * a : C),
              t.lineTo(m + Math.round(b), v + _ + Math.round(n / 2)),
              (t.lineWidth = n / 15),
              (t.strokeStyle = g),
              t.stroke(),
              t.restore()),
            p &&
              (t.save(),
              t.beginPath(),
              t.moveTo(m, v + _),
              (x = 0 === (y = w.split(' ').length - 1)),
              (b = 'justify' === l && P && !x ? d - 2 * a : C),
              t.lineTo(m + Math.round(b), v + _),
              (t.lineWidth = n / 15),
              (t.strokeStyle = g),
              t.stroke(),
              t.restore()),
            0 !== c || 'justify' === l)
          ) {
            y = w.split(' ').length - 1;
            for (var k = Ft(w), T = 0; T < k.length; T++) {
              var A = k[T];
              ' ' === A &&
                r !== i - 1 &&
                'justify' === l &&
                (m += (d - 2 * a - C) / y),
                (this._partialTextX = m),
                (this._partialTextY = v + _),
                (this._partialText = A),
                t.fillStrokeShape(this),
                (m += this.measureSize(A).width + c);
            }
          } else
            (this._partialTextX = m),
              (this._partialTextY = v + _),
              (this._partialText = w),
              t.fillStrokeShape(this);
          t.restore(), i > 1 && (v += s);
        }
      }
    }
    _hitFunc(t) {
      var e = this.getWidth(),
        i = this.getHeight();
      t.beginPath(), t.rect(0, 0, e, i), t.closePath(), t.fillStrokeShape(this);
    }
    setText(t) {
      var e = u._isString(t) ? t : null == t ? '' : t + '';
      return this._setAttr('text', e), this;
    }
    getWidth() {
      return 'auto' === this.attrs.width || void 0 === this.attrs.width
        ? this.getTextWidth() + 2 * this.padding()
        : this.attrs.width;
    }
    getHeight() {
      return 'auto' === this.attrs.height || void 0 === this.attrs.height
        ? this.fontSize() * this.textArr.length * this.lineHeight() +
            2 * this.padding()
        : this.attrs.height;
    }
    getTextWidth() {
      return this.textWidth;
    }
    getTextHeight() {
      return (
        u.warn(
          'text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height.'
        ),
        this.textHeight
      );
    }
    measureSize(t) {
      var e,
        i = Wt(),
        r = this.fontSize();
      return (
        i.save(),
        (i.font = this._getContextFont()),
        (e = i.measureText(t)),
        i.restore(),
        { width: e.width, height: r }
      );
    }
    _getContextFont() {
      return a.UA.isIE
        ? this.fontStyle() + ' ' + this.fontSize() + 'px ' + this.fontFamily()
        : this.fontStyle() +
            ' ' +
            this.fontVariant() +
            ' ' +
            this.fontSize() +
            'px ' +
            this.fontFamily()
              .split(',')
              .map((t) => {
                const e = (t = t.trim()).indexOf(' ') >= 0,
                  i = t.indexOf('"') >= 0 || t.indexOf("'") >= 0;
                return e && !i && (t = `"${t}"`), t;
              })
              .join(', ');
    }
    _addTextLine(t) {
      'justify' === this.align() && (t = t.trim());
      var e = this._getTextWidth(t);
      return this.textArr.push({ text: t, width: e });
    }
    _getTextWidth(t) {
      var e = this.letterSpacing(),
        i = t.length;
      return Wt().measureText(t).width + (i ? e * (i - 1) : 0);
    }
    _setTextData() {
      var t = this.text().split('\n'),
        e = +this.fontSize(),
        i = 0,
        r = this.lineHeight() * e,
        a = this.attrs.width,
        n = this.attrs.height,
        s = 'auto' !== a && void 0 !== a,
        o = 'auto' !== n && void 0 !== n,
        h = this.padding(),
        l = a - 2 * h,
        d = n - 2 * h,
        c = 0,
        g = this.wrap(),
        u = 'none' !== g,
        f = 'char' !== g && u,
        p = this.ellipsis();
      (this.textArr = []), (Wt().font = this._getContextFont());
      for (
        var v = p ? this._getTextWidth('…') : 0, m = 0, _ = t.length;
        m < _;
        ++m
      ) {
        var y = t[m],
          x = this._getTextWidth(y);
        if (s && x > l)
          for (; y.length > 0; ) {
            for (var b = 0, S = y.length, w = '', C = 0; b < S; ) {
              var P = (b + S) >>> 1,
                k = y.slice(0, P + 1),
                T = this._getTextWidth(k) + v;
              T <= l ? ((b = P + 1), (w = k), (C = T)) : (S = P);
            }
            if (!w) break;
            if (f) {
              var A,
                M = y[w.length];
              (A =
                (' ' === M || '-' === M) && C <= l
                  ? w.length
                  : Math.max(w.lastIndexOf(' '), w.lastIndexOf('-')) + 1) > 0 &&
                ((b = A), (w = w.slice(0, b)), (C = this._getTextWidth(w)));
            }
            if (
              ((w = w.trimRight()),
              this._addTextLine(w),
              (i = Math.max(i, C)),
              (c += r),
              !u || (o && c + r > d))
            ) {
              var G = this.textArr[this.textArr.length - 1];
              if (G)
                if (p)
                  this._getTextWidth(G.text + '…') < l ||
                    (G.text = G.text.slice(0, G.text.length - 3)),
                    this.textArr.splice(this.textArr.length - 1, 1),
                    this._addTextLine(G.text + '…');
              break;
            }
            if (
              (y = (y = y.slice(b)).trimLeft()).length > 0 &&
              (x = this._getTextWidth(y)) <= l
            ) {
              this._addTextLine(y), (c += r), (i = Math.max(i, x));
              break;
            }
          }
        else this._addTextLine(y), (c += r), (i = Math.max(i, x));
        if (o && c + r > d) break;
      }
      (this.textHeight = e), (this.textWidth = i);
    }
    getStrokeScaleEnabled() {
      return !0;
    }
  }
  (Ht.prototype._fillFunc = function (t) {
    t.fillText(this._partialText, this._partialTextX, this._partialTextY);
  }),
    (Ht.prototype._strokeFunc = function (t) {
      t.strokeText(this._partialText, this._partialTextX, this._partialTextY);
    }),
    (Ht.prototype.className = 'Text'),
    (Ht.prototype._attrsAffectingSize = [
      'text',
      'fontSize',
      'padding',
      'wrap',
      'lineHeight',
      'letterSpacing',
    ]),
    s(Ht),
    S.overWriteSetter(Ht, 'width', _()),
    S.overWriteSetter(Ht, 'height', _()),
    S.addGetterSetter(Ht, 'fontFamily', 'Arial'),
    S.addGetterSetter(Ht, 'fontSize', 12, v()),
    S.addGetterSetter(Ht, 'fontStyle', 'normal'),
    S.addGetterSetter(Ht, 'fontVariant', 'normal'),
    S.addGetterSetter(Ht, 'padding', 0, v()),
    S.addGetterSetter(Ht, 'align', 'left'),
    S.addGetterSetter(Ht, 'verticalAlign', 'top'),
    S.addGetterSetter(Ht, 'lineHeight', 1, v()),
    S.addGetterSetter(Ht, 'wrap', 'word'),
    S.addGetterSetter(Ht, 'ellipsis', !1, b()),
    S.addGetterSetter(Ht, 'letterSpacing', 0, v()),
    S.addGetterSetter(Ht, 'text', '', y()),
    S.addGetterSetter(Ht, 'textDecoration', '');
  function Yt(t) {
    t.fillText(this.partialText, 0, 0);
  }
  function Xt(t) {
    t.strokeText(this.partialText, 0, 0);
  }
  class jt extends nt {
    constructor(t) {
      super(t),
        (this.dummyCanvas = u.createCanvasElement()),
        (this.dataArray = []),
        (this.dataArray = Gt.parsePathData(this.attrs.data)),
        this.on('dataChange.konva', function () {
          (this.dataArray = Gt.parsePathData(this.attrs.data)),
            this._setTextData();
        }),
        this.on(
          'textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva',
          this._setTextData
        ),
        t &&
          t.getKerning &&
          (u.warn(
            'getKerning TextPath API is deprecated. Please use "kerningFunc" instead.'
          ),
          this.kerningFunc(t.getKerning)),
        this._setTextData();
    }
    _sceneFunc(t) {
      t.setAttr('font', this._getContextFont()),
        t.setAttr('textBaseline', this.textBaseline()),
        t.setAttr('textAlign', 'left'),
        t.save();
      var e = this.textDecoration(),
        i = this.fill(),
        r = this.fontSize(),
        a = this.glyphInfo;
      'underline' === e && t.beginPath();
      for (var n = 0; n < a.length; n++) {
        t.save();
        var s = a[n].p0;
        t.translate(s.x, s.y),
          t.rotate(a[n].rotation),
          (this.partialText = a[n].text),
          t.fillStrokeShape(this),
          'underline' === e &&
            (0 === n && t.moveTo(0, r / 2 + 1), t.lineTo(r, r / 2 + 1)),
          t.restore();
      }
      'underline' === e &&
        ((t.strokeStyle = i), (t.lineWidth = r / 20), t.stroke()),
        t.restore();
    }
    _hitFunc(t) {
      t.beginPath();
      var e = this.glyphInfo;
      if (e.length >= 1) {
        var i = e[0].p0;
        t.moveTo(i.x, i.y);
      }
      for (var r = 0; r < e.length; r++) {
        var a = e[r].p1;
        t.lineTo(a.x, a.y);
      }
      t.setAttr('lineWidth', this.fontSize()),
        t.setAttr('strokeStyle', this.colorKey),
        t.stroke();
    }
    getTextWidth() {
      return this.textWidth;
    }
    getTextHeight() {
      return (
        u.warn(
          'text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height.'
        ),
        this.textHeight
      );
    }
    setText(t) {
      return Ht.prototype.setText.call(this, t);
    }
    _getContextFont() {
      return Ht.prototype._getContextFont.call(this);
    }
    _getTextSize(t) {
      var e = this.dummyCanvas.getContext('2d');
      e.save(), (e.font = this._getContextFont());
      var i = e.measureText(t);
      return (
        e.restore(),
        { width: i.width, height: parseInt(this.attrs.fontSize, 10) }
      );
    }
    _setTextData() {
      var t = this,
        e = this._getTextSize(this.attrs.text),
        i = this.letterSpacing(),
        r = this.align(),
        a = this.kerningFunc();
      (this.textWidth = e.width), (this.textHeight = e.height);
      var n = Math.max(
        this.textWidth + ((this.attrs.text || '').length - 1) * i,
        0
      );
      this.glyphInfo = [];
      for (var s = 0, o = 0; o < t.dataArray.length; o++)
        t.dataArray[o].pathLength > 0 && (s += t.dataArray[o].pathLength);
      var h = 0;
      'center' === r && (h = Math.max(0, s / 2 - n / 2)),
        'right' === r && (h = Math.max(0, s - n));
      for (
        var l,
          d,
          c,
          g = Ft(this.text()),
          u = this.text().split(' ').length - 1,
          f = -1,
          p = 0,
          v = function () {
            p = 0;
            for (var e = t.dataArray, i = f + 1; i < e.length; i++) {
              if (e[i].pathLength > 0) return (f = i), e[i];
              'M' === e[i].command &&
                (l = { x: e[i].points[0], y: e[i].points[1] });
            }
            return {};
          },
          m = function (e) {
            var a = t._getTextSize(e).width + i;
            ' ' === e && 'justify' === r && (a += (s - n) / u);
            var o = 0,
              h = 0;
            for (d = void 0; Math.abs(a - o) / a > 0.01 && h < 20; ) {
              h++;
              for (var g = o; void 0 === c; )
                (c = v()) &&
                  g + c.pathLength < a &&
                  ((g += c.pathLength), (c = void 0));
              if (c === {} || void 0 === l) return;
              var f = !1;
              switch (c.command) {
                case 'L':
                  Gt.getLineLength(l.x, l.y, c.points[0], c.points[1]) > a
                    ? (d = Gt.getPointOnLine(
                        a,
                        l.x,
                        l.y,
                        c.points[0],
                        c.points[1],
                        l.x,
                        l.y
                      ))
                    : (c = void 0);
                  break;
                case 'A':
                  var m = c.points[4],
                    _ = c.points[5],
                    y = c.points[4] + _;
                  0 === p
                    ? (p = m + 1e-8)
                    : a > o
                    ? (p += ((Math.PI / 180) * _) / Math.abs(_))
                    : (p -= ((Math.PI / 360) * _) / Math.abs(_)),
                    ((_ < 0 && p < y) || (_ >= 0 && p > y)) &&
                      ((p = y), (f = !0)),
                    (d = Gt.getPointOnEllipticalArc(
                      c.points[0],
                      c.points[1],
                      c.points[2],
                      c.points[3],
                      p,
                      c.points[6]
                    ));
                  break;
                case 'C':
                  0 === p
                    ? (p = a > c.pathLength ? 1e-8 : a / c.pathLength)
                    : a > o
                    ? (p += (a - o) / c.pathLength / 2)
                    : (p = Math.max(p - (o - a) / c.pathLength / 2, 0)),
                    p > 1 && ((p = 1), (f = !0)),
                    (d = Gt.getPointOnCubicBezier(
                      p,
                      c.start.x,
                      c.start.y,
                      c.points[0],
                      c.points[1],
                      c.points[2],
                      c.points[3],
                      c.points[4],
                      c.points[5]
                    ));
                  break;
                case 'Q':
                  0 === p
                    ? (p = a / c.pathLength)
                    : a > o
                    ? (p += (a - o) / c.pathLength)
                    : (p -= (o - a) / c.pathLength),
                    p > 1 && ((p = 1), (f = !0)),
                    (d = Gt.getPointOnQuadraticBezier(
                      p,
                      c.start.x,
                      c.start.y,
                      c.points[0],
                      c.points[1],
                      c.points[2],
                      c.points[3]
                    ));
              }
              void 0 !== d && (o = Gt.getLineLength(l.x, l.y, d.x, d.y)),
                f && ((f = !1), (c = void 0));
            }
          },
          _ = h / (t._getTextSize('C').width + i) - 1,
          y = 0;
        y < _ && (m('C'), void 0 !== l && void 0 !== d);
        y++
      )
        l = d;
      for (
        var x = 0;
        x < g.length && (m(g[x]), void 0 !== l && void 0 !== d);
        x++
      ) {
        var b = Gt.getLineLength(l.x, l.y, d.x, d.y),
          S = 0;
        if (a)
          try {
            S = a(g[x - 1], g[x]) * this.fontSize();
          } catch (t) {
            S = 0;
          }
        (l.x += S), (d.x += S), (this.textWidth += S);
        var w = Gt.getPointOnLine(S + b / 2, l.x, l.y, d.x, d.y),
          C = Math.atan2(d.y - l.y, d.x - l.x);
        this.glyphInfo.push({
          transposeX: w.x,
          transposeY: w.y,
          text: g[x],
          rotation: C,
          p0: l,
          p1: d,
        }),
          (l = d);
      }
    }
    getSelfRect() {
      if (!this.glyphInfo.length) return { x: 0, y: 0, width: 0, height: 0 };
      var t = [];
      this.glyphInfo.forEach(function (e) {
        t.push(e.p0.x), t.push(e.p0.y), t.push(e.p1.x), t.push(e.p1.y);
      });
      for (
        var e,
          i,
          r = t[0] || 0,
          a = t[0] || 0,
          n = t[1] || 0,
          s = t[1] || 0,
          o = 0;
        o < t.length / 2;
        o++
      )
        (e = t[2 * o]),
          (i = t[2 * o + 1]),
          (r = Math.min(r, e)),
          (a = Math.max(a, e)),
          (n = Math.min(n, i)),
          (s = Math.max(s, i));
      var h = this.fontSize();
      return {
        x: r - h / 2,
        y: n - h / 2,
        width: a - r + h,
        height: s - n + h,
      };
    }
  }
  (jt.prototype._fillFunc = Yt),
    (jt.prototype._strokeFunc = Xt),
    (jt.prototype._fillFuncHit = Yt),
    (jt.prototype._strokeFuncHit = Xt),
    (jt.prototype.className = 'TextPath'),
    (jt.prototype._attrsAffectingSize = ['text', 'fontSize', 'data']),
    s(jt),
    S.addGetterSetter(jt, 'data'),
    S.addGetterSetter(jt, 'fontFamily', 'Arial'),
    S.addGetterSetter(jt, 'fontSize', 12, v()),
    S.addGetterSetter(jt, 'fontStyle', 'normal'),
    S.addGetterSetter(jt, 'align', 'left'),
    S.addGetterSetter(jt, 'letterSpacing', 0, v()),
    S.addGetterSetter(jt, 'textBaseline', 'middle'),
    S.addGetterSetter(jt, 'fontVariant', 'normal'),
    S.addGetterSetter(jt, 'text', ''),
    S.addGetterSetter(jt, 'textDecoration', null),
    S.addGetterSetter(jt, 'kerningFunc', null);
  var Ut = [
      'resizeEnabledChange',
      'rotateAnchorOffsetChange',
      'rotateEnabledChange',
      'enabledAnchorsChange',
      'anchorSizeChange',
      'borderEnabledChange',
      'borderStrokeChange',
      'borderStrokeWidthChange',
      'borderDashChange',
      'anchorStrokeChange',
      'anchorStrokeWidthChange',
      'anchorFillChange',
      'anchorCornerRadiusChange',
      'ignoreStrokeChange',
    ]
      .map((t) => t + '.tr-konva')
      .join(' '),
    qt = [
      'widthChange',
      'heightChange',
      'scaleXChange',
      'scaleYChange',
      'skewXChange',
      'skewYChange',
      'rotationChange',
      'offsetXChange',
      'offsetYChange',
      'transformsEnabledChange',
      'strokeWidthChange',
    ]
      .map((t) => t + '.tr-konva')
      .join(' '),
    Kt = {
      'top-left': -45,
      'top-center': 0,
      'top-right': 45,
      'middle-right': -90,
      'middle-left': 90,
      'bottom-left': -135,
      'bottom-center': 180,
      'bottom-right': 135,
    };
  const Vt = 'ontouchstart' in a._global;
  var Qt = [
    'top-left',
    'top-center',
    'top-right',
    'middle-right',
    'middle-left',
    'bottom-left',
    'bottom-center',
    'bottom-right',
  ];
  function Jt(t, e, i) {
    const r = i.x + (t.x - i.x) * Math.cos(e) - (t.y - i.y) * Math.sin(e),
      a = i.y + (t.x - i.x) * Math.sin(e) + (t.y - i.y) * Math.cos(e);
    return Object.assign(Object.assign({}, t), {
      rotation: t.rotation + e,
      x: r,
      y: a,
    });
  }
  function Zt(t, e) {
    return Jt(
      t,
      e,
      (function (t) {
        return {
          x:
            t.x +
            (t.width / 2) * Math.cos(t.rotation) +
            (t.height / 2) * Math.sin(-t.rotation),
          y:
            t.y +
            (t.height / 2) * Math.cos(t.rotation) +
            (t.width / 2) * Math.sin(t.rotation),
        };
      })(t)
    );
  }
  class $t extends dt {
    constructor(t) {
      super(t),
        (this._transforming = !1),
        this._createElements(),
        (this._handleMouseMove = this._handleMouseMove.bind(this)),
        (this._handleMouseUp = this._handleMouseUp.bind(this)),
        (this.update = this.update.bind(this)),
        this.on(Ut, this.update),
        this.getNode() && this.update();
    }
    attachTo(t) {
      return this.setNode(t), this;
    }
    setNode(t) {
      return (
        u.warn(
          'tr.setNode(shape), tr.node(shape) and tr.attachTo(shape) methods are deprecated. Please use tr.nodes(nodesArray) instead.'
        ),
        this.setNodes([t])
      );
    }
    getNode() {
      return this._nodes && this._nodes[0];
    }
    setNodes(t = []) {
      return (
        this._nodes && this._nodes.length && this.detach(),
        (this._nodes = t),
        1 === t.length
          ? this.rotation(t[0].getAbsoluteRotation())
          : this.rotation(0),
        this._nodes.forEach((t) => {
          const e = t._attrsAffectingSize
              .map((t) => t + 'Change.tr-konva')
              .join(' '),
            i = () => {
              1 === this.nodes().length &&
                this.rotation(this.nodes()[0].getAbsoluteRotation()),
                this._resetTransformCache(),
                this._transforming || this.isDragging() || this.update();
            };
          t.on(e, i),
            t.on(qt, i),
            t.on('_clearTransformCache.tr-konva', i),
            t.on('xChange.tr-konva yChange.tr-konva', i),
            this._proxyDrag(t);
        }),
        this._resetTransformCache(),
        !!this.findOne('.top-left') && this.update(),
        this
      );
    }
    _proxyDrag(t) {
      let e;
      t.on('dragstart.tr-konva', (i) => {
        (e = t.getAbsolutePosition()),
          this.isDragging() ||
            t === this.findOne('.back') ||
            this.startDrag(i, !1);
      }),
        t.on('dragmove.tr-konva', (i) => {
          if (!e) return;
          const r = t.getAbsolutePosition(),
            a = r.x - e.x,
            n = r.y - e.y;
          this.nodes().forEach((e) => {
            if (e === t) return;
            if (e.isDragging()) return;
            const r = e.getAbsolutePosition();
            e.setAbsolutePosition({ x: r.x + a, y: r.y + n }), e.startDrag(i);
          }),
            (e = null);
        });
    }
    getNodes() {
      return this._nodes || [];
    }
    getActiveAnchor() {
      return this._movingAnchorName;
    }
    detach() {
      this._nodes &&
        this._nodes.forEach((t) => {
          t.off('.tr-konva');
        }),
        (this._nodes = []),
        this._resetTransformCache();
    }
    _resetTransformCache() {
      this._clearCache('nodesRect'),
        this._clearCache('transform'),
        this._clearSelfAndDescendantCache('absoluteTransform');
    }
    _getNodeRect() {
      return this._getCache('nodesRect', this.__getNodeRect);
    }
    __getNodeShape(t, e = this.rotation(), i) {
      var r = t.getClientRect({
          skipTransform: !0,
          skipShadow: !0,
          skipStroke: this.ignoreStroke(),
        }),
        n = t.getAbsoluteScale(i),
        s = t.getAbsolutePosition(i),
        o = r.x * n.x - t.offsetX() * n.x,
        h = r.y * n.y - t.offsetY() * n.y;
      const l =
        (a.getAngle(t.getAbsoluteRotation()) + 2 * Math.PI) % (2 * Math.PI);
      return Jt(
        {
          x: s.x + o * Math.cos(l) + h * Math.sin(-l),
          y: s.y + h * Math.cos(l) + o * Math.sin(l),
          width: r.width * n.x,
          height: r.height * n.y,
          rotation: l,
        },
        -a.getAngle(e),
        { x: 0, y: 0 }
      );
    }
    __getNodeRect() {
      if (!this.getNode())
        return { x: -1e8, y: -1e8, width: 0, height: 0, rotation: 0 };
      const t = [];
      this.nodes().map((e) => {
        const i = e.getClientRect({
          skipTransform: !0,
          skipShadow: !0,
          skipStroke: this.ignoreStroke(),
        });
        var r = [
            { x: i.x, y: i.y },
            { x: i.x + i.width, y: i.y },
            { x: i.x + i.width, y: i.y + i.height },
            { x: i.x, y: i.y + i.height },
          ],
          a = e.getAbsoluteTransform();
        r.forEach(function (e) {
          var i = a.point(e);
          t.push(i);
        });
      });
      const e = new o();
      var i, r, n, s;
      e.rotate(-a.getAngle(this.rotation())),
        t.forEach(function (t) {
          var a = e.point(t);
          void 0 === i && ((i = n = a.x), (r = s = a.y)),
            (i = Math.min(i, a.x)),
            (r = Math.min(r, a.y)),
            (n = Math.max(n, a.x)),
            (s = Math.max(s, a.y));
        }),
        e.invert();
      const h = e.point({ x: i, y: r });
      return {
        x: h.x,
        y: h.y,
        width: n - i,
        height: s - r,
        rotation: a.getAngle(this.rotation()),
      };
    }
    getX() {
      return this._getNodeRect().x;
    }
    getY() {
      return this._getNodeRect().y;
    }
    getWidth() {
      return this._getNodeRect().width;
    }
    getHeight() {
      return this._getNodeRect().height;
    }
    _createElements() {
      this._createBack(),
        Qt.forEach(
          function (t) {
            this._createAnchor(t);
          }.bind(this)
        ),
        this._createAnchor('rotater');
    }
    _createAnchor(t) {
      var e = new Et({
          stroke: 'rgb(0, 161, 255)',
          fill: 'white',
          strokeWidth: 1,
          name: t + ' _anchor',
          dragDistance: 0,
          draggable: !0,
          hitStrokeWidth: Vt ? 10 : 'auto',
        }),
        i = this;
      e.on('mousedown touchstart', function (t) {
        i._handleMouseDown(t);
      }),
        e.on('dragstart', (t) => {
          e.stopDrag(), (t.cancelBubble = !0);
        }),
        e.on('dragend', (t) => {
          t.cancelBubble = !0;
        }),
        e.on('mouseenter', () => {
          var i = a.getAngle(this.rotation()),
            r = (function (t, e) {
              if ('rotater' === t) return 'crosshair';
              e += u._degToRad(Kt[t] || 0);
              var i = ((u._radToDeg(e) % 360) + 360) % 360;
              return u._inRange(i, 337.5, 360) || u._inRange(i, 0, 22.5)
                ? 'ns-resize'
                : u._inRange(i, 22.5, 67.5)
                ? 'nesw-resize'
                : u._inRange(i, 67.5, 112.5)
                ? 'ew-resize'
                : u._inRange(i, 112.5, 157.5)
                ? 'nwse-resize'
                : u._inRange(i, 157.5, 202.5)
                ? 'ns-resize'
                : u._inRange(i, 202.5, 247.5)
                ? 'nesw-resize'
                : u._inRange(i, 247.5, 292.5)
                ? 'ew-resize'
                : u._inRange(i, 292.5, 337.5)
                ? 'nwse-resize'
                : (u.error(
                    'Transformer has unknown angle for cursor detection: ' + i
                  ),
                  'pointer');
            })(t, i);
          (e.getStage().content.style.cursor = r), (this._cursorChange = !0);
        }),
        e.on('mouseout', () => {
          (e.getStage().content.style.cursor = ''), (this._cursorChange = !1);
        }),
        this.add(e);
    }
    _createBack() {
      var t = new nt({
        name: 'back',
        width: 0,
        height: 0,
        draggable: !0,
        sceneFunc(t) {
          var e = this.getParent(),
            i = e.padding();
          t.beginPath(),
            t.rect(-i, -i, this.width() + 2 * i, this.height() + 2 * i),
            t.moveTo(this.width() / 2, -i),
            e.rotateEnabled() &&
              t.lineTo(
                this.width() / 2,
                -e.rotateAnchorOffset() * u._sign(this.height()) - i
              ),
            t.fillStrokeShape(this);
        },
        hitFunc: (t, e) => {
          if (this.shouldOverdrawWholeArea()) {
            var i = this.padding();
            t.beginPath(),
              t.rect(-i, -i, e.width() + 2 * i, e.height() + 2 * i),
              t.fillStrokeShape(e);
          }
        },
      });
      this.add(t),
        this._proxyDrag(t),
        t.on('dragstart', (t) => {
          t.cancelBubble = !0;
        }),
        t.on('dragmove', (t) => {
          t.cancelBubble = !0;
        }),
        t.on('dragend', (t) => {
          t.cancelBubble = !0;
        });
    }
    _handleMouseDown(t) {
      this._movingAnchorName = t.target.name().split(' ')[0];
      var e = this._getNodeRect(),
        i = e.width,
        r = e.height,
        a = Math.sqrt(Math.pow(i, 2) + Math.pow(r, 2));
      (this.sin = Math.abs(r / a)),
        (this.cos = Math.abs(i / a)),
        window.addEventListener('mousemove', this._handleMouseMove),
        window.addEventListener('touchmove', this._handleMouseMove),
        window.addEventListener('mouseup', this._handleMouseUp, !0),
        window.addEventListener('touchend', this._handleMouseUp, !0),
        (this._transforming = !0);
      var n = t.target.getAbsolutePosition(),
        s = t.target.getStage().getPointerPosition();
      (this._anchorDragOffset = { x: s.x - n.x, y: s.y - n.y }),
        this._fire('transformstart', { evt: t, target: this.getNode() }),
        this._nodes.forEach((e) => {
          e._fire('transformstart', { evt: t, target: e });
        });
    }
    _handleMouseMove(t) {
      var e,
        i,
        r,
        n = this.findOne('.' + this._movingAnchorName),
        s = n.getStage();
      s.setPointersPositions(t);
      const o = s.getPointerPosition();
      var h = {
        x: o.x - this._anchorDragOffset.x,
        y: o.y - this._anchorDragOffset.y,
      };
      const l = n.getAbsolutePosition();
      n.setAbsolutePosition(h);
      const d = n.getAbsolutePosition();
      if (l.x !== d.x || l.y !== d.y)
        if ('rotater' !== this._movingAnchorName) {
          var c = this.keepRatio() || t.shiftKey,
            g = this.centeredScaling() || t.altKey;
          if ('top-left' === this._movingAnchorName) {
            if (c) {
              var u = g
                ? { x: this.width() / 2, y: this.height() / 2 }
                : {
                    x: this.findOne('.bottom-right').x(),
                    y: this.findOne('.bottom-right').y(),
                  };
              r = Math.sqrt(
                Math.pow(u.x - n.x(), 2) + Math.pow(u.y - n.y(), 2)
              );
              var f = this.findOne('.top-left').x() > u.x ? -1 : 1,
                p = this.findOne('.top-left').y() > u.y ? -1 : 1;
              (e = r * this.cos * f),
                (i = r * this.sin * p),
                this.findOne('.top-left').x(u.x - e),
                this.findOne('.top-left').y(u.y - i);
            }
          } else if ('top-center' === this._movingAnchorName)
            this.findOne('.top-left').y(n.y());
          else if ('top-right' === this._movingAnchorName) {
            if (c) {
              u = g
                ? { x: this.width() / 2, y: this.height() / 2 }
                : {
                    x: this.findOne('.bottom-left').x(),
                    y: this.findOne('.bottom-left').y(),
                  };
              r = Math.sqrt(
                Math.pow(n.x() - u.x, 2) + Math.pow(u.y - n.y(), 2)
              );
              (f = this.findOne('.top-right').x() < u.x ? -1 : 1),
                (p = this.findOne('.top-right').y() > u.y ? -1 : 1);
              (e = r * this.cos * f),
                (i = r * this.sin * p),
                this.findOne('.top-right').x(u.x + e),
                this.findOne('.top-right').y(u.y - i);
            }
            var v = n.position();
            this.findOne('.top-left').y(v.y),
              this.findOne('.bottom-right').x(v.x);
          } else if ('middle-left' === this._movingAnchorName)
            this.findOne('.top-left').x(n.x());
          else if ('middle-right' === this._movingAnchorName)
            this.findOne('.bottom-right').x(n.x());
          else if ('bottom-left' === this._movingAnchorName) {
            if (c) {
              u = g
                ? { x: this.width() / 2, y: this.height() / 2 }
                : {
                    x: this.findOne('.top-right').x(),
                    y: this.findOne('.top-right').y(),
                  };
              r = Math.sqrt(
                Math.pow(u.x - n.x(), 2) + Math.pow(n.y() - u.y, 2)
              );
              (f = u.x < n.x() ? -1 : 1), (p = n.y() < u.y ? -1 : 1);
              (e = r * this.cos * f),
                (i = r * this.sin * p),
                n.x(u.x - e),
                n.y(u.y + i);
            }
            (v = n.position()),
              this.findOne('.top-left').x(v.x),
              this.findOne('.bottom-right').y(v.y);
          } else if ('bottom-center' === this._movingAnchorName)
            this.findOne('.bottom-right').y(n.y());
          else if ('bottom-right' === this._movingAnchorName) {
            if (c) {
              u = g
                ? { x: this.width() / 2, y: this.height() / 2 }
                : {
                    x: this.findOne('.top-left').x(),
                    y: this.findOne('.top-left').y(),
                  };
              r = Math.sqrt(
                Math.pow(n.x() - u.x, 2) + Math.pow(n.y() - u.y, 2)
              );
              (f = this.findOne('.bottom-right').x() < u.x ? -1 : 1),
                (p = this.findOne('.bottom-right').y() < u.y ? -1 : 1);
              (e = r * this.cos * f),
                (i = r * this.sin * p),
                this.findOne('.bottom-right').x(u.x + e),
                this.findOne('.bottom-right').y(u.y + i);
            }
          } else
            console.error(
              new Error(
                'Wrong position argument of selection resizer: ' +
                  this._movingAnchorName
              )
            );
          if ((g = this.centeredScaling() || t.altKey)) {
            var m = this.findOne('.top-left'),
              _ = this.findOne('.bottom-right'),
              y = m.x(),
              x = m.y(),
              b = this.getWidth() - _.x(),
              S = this.getHeight() - _.y();
            _.move({ x: -y, y: -x }), m.move({ x: b, y: S });
          }
          var w = this.findOne('.top-left').getAbsolutePosition();
          (e = w.x), (i = w.y);
          var C =
              this.findOne('.bottom-right').x() - this.findOne('.top-left').x(),
            P =
              this.findOne('.bottom-right').y() - this.findOne('.top-left').y();
          this._fitNodesInto(
            {
              x: e,
              y: i,
              width: C,
              height: P,
              rotation: a.getAngle(this.rotation()),
            },
            t
          );
        } else {
          var k = this._getNodeRect();
          (e = n.x() - k.width / 2), (i = -n.y() + k.height / 2);
          let r = Math.atan2(-i, e) + Math.PI / 2;
          k.height < 0 && (r -= Math.PI);
          const s = a.getAngle(this.rotation()) + r,
            o = a.getAngle(this.rotationSnapTolerance()),
            h = Zt(
              k,
              (function (t, e, i) {
                let r = e;
                for (let n = 0; n < t.length; n++) {
                  const s = a.getAngle(t[n]),
                    o = Math.abs(s - e) % (2 * Math.PI);
                  Math.min(o, 2 * Math.PI - o) < i && (r = s);
                }
                return r;
              })(this.rotationSnaps(), s, o) - k.rotation
            );
          this._fitNodesInto(h, t);
        }
    }
    _handleMouseUp(t) {
      this._removeEvents(t);
    }
    getAbsoluteTransform() {
      return this.getTransform();
    }
    _removeEvents(t) {
      if (this._transforming) {
        (this._transforming = !1),
          window.removeEventListener('mousemove', this._handleMouseMove),
          window.removeEventListener('touchmove', this._handleMouseMove),
          window.removeEventListener('mouseup', this._handleMouseUp, !0),
          window.removeEventListener('touchend', this._handleMouseUp, !0);
        var e = this.getNode();
        this._fire('transformend', { evt: t, target: e }),
          e &&
            this._nodes.forEach((e) => {
              e._fire('transformend', { evt: t, target: e });
            }),
          (this._movingAnchorName = null);
      }
    }
    _fitNodesInto(t, e) {
      var i = this._getNodeRect();
      if (u._inRange(t.width, 2 * -this.padding() - 1, 1))
        return void this.update();
      if (u._inRange(t.height, 2 * -this.padding() - 1, 1))
        return void this.update();
      var r = new o();
      if (
        (r.rotate(a.getAngle(this.rotation())),
        this._movingAnchorName &&
          t.width < 0 &&
          this._movingAnchorName.indexOf('left') >= 0)
      ) {
        const e = r.point({ x: 2 * -this.padding(), y: 0 });
        (t.x += e.x),
          (t.y += e.y),
          (t.width += 2 * this.padding()),
          (this._movingAnchorName = this._movingAnchorName.replace(
            'left',
            'right'
          )),
          (this._anchorDragOffset.x -= e.x),
          (this._anchorDragOffset.y -= e.y);
      } else if (
        this._movingAnchorName &&
        t.width < 0 &&
        this._movingAnchorName.indexOf('right') >= 0
      ) {
        const e = r.point({ x: 2 * this.padding(), y: 0 });
        (this._movingAnchorName = this._movingAnchorName.replace(
          'right',
          'left'
        )),
          (this._anchorDragOffset.x -= e.x),
          (this._anchorDragOffset.y -= e.y),
          (t.width += 2 * this.padding());
      }
      if (
        this._movingAnchorName &&
        t.height < 0 &&
        this._movingAnchorName.indexOf('top') >= 0
      ) {
        const e = r.point({ x: 0, y: 2 * -this.padding() });
        (t.x += e.x),
          (t.y += e.y),
          (this._movingAnchorName = this._movingAnchorName.replace(
            'top',
            'bottom'
          )),
          (this._anchorDragOffset.x -= e.x),
          (this._anchorDragOffset.y -= e.y),
          (t.height += 2 * this.padding());
      } else if (
        this._movingAnchorName &&
        t.height < 0 &&
        this._movingAnchorName.indexOf('bottom') >= 0
      ) {
        const e = r.point({ x: 0, y: 2 * this.padding() });
        (this._movingAnchorName = this._movingAnchorName.replace(
          'bottom',
          'top'
        )),
          (this._anchorDragOffset.x -= e.x),
          (this._anchorDragOffset.y -= e.y),
          (t.height += 2 * this.padding());
      }
      if (this.boundBoxFunc()) {
        const e = this.boundBoxFunc()(i, t);
        e
          ? (t = e)
          : u.warn(
              'boundBoxFunc returned falsy. You should return new bound rect from it!'
            );
      }
      const n = new o();
      n.translate(i.x, i.y),
        n.rotate(i.rotation),
        n.scale(i.width / 1e7, i.height / 1e7);
      const s = new o();
      s.translate(t.x, t.y),
        s.rotate(t.rotation),
        s.scale(t.width / 1e7, t.height / 1e7);
      const h = s.multiply(n.invert());
      this._nodes.forEach((t) => {
        var i;
        const r = t.getParent().getAbsoluteTransform(),
          a = t.getTransform().copy();
        a.translate(t.offsetX(), t.offsetY());
        const n = new o();
        n.multiply(r.copy().invert()).multiply(h).multiply(r).multiply(a);
        const s = n.decompose();
        t.setAttrs(s),
          this._fire('transform', { evt: e, target: t }),
          t._fire('transform', { evt: e, target: t }),
          null === (i = t.getLayer()) || void 0 === i || i.batchDraw();
      }),
        this.rotation(u._getRotation(t.rotation)),
        this._resetTransformCache(),
        this.update(),
        this.getLayer().batchDraw();
    }
    forceUpdate() {
      this._resetTransformCache(), this.update();
    }
    _batchChangeChild(t, e) {
      this.findOne(t).setAttrs(e);
    }
    update() {
      var t,
        e = this._getNodeRect();
      this.rotation(u._getRotation(e.rotation));
      var i = e.width,
        r = e.height,
        a = this.enabledAnchors(),
        n = this.resizeEnabled(),
        s = this.padding(),
        o = this.anchorSize();
      this.find('._anchor').forEach((t) => {
        t.setAttrs({
          width: o,
          height: o,
          offsetX: o / 2,
          offsetY: o / 2,
          stroke: this.anchorStroke(),
          strokeWidth: this.anchorStrokeWidth(),
          fill: this.anchorFill(),
          cornerRadius: this.anchorCornerRadius(),
        });
      }),
        this._batchChangeChild('.top-left', {
          x: 0,
          y: 0,
          offsetX: o / 2 + s,
          offsetY: o / 2 + s,
          visible: n && a.indexOf('top-left') >= 0,
        }),
        this._batchChangeChild('.top-center', {
          x: i / 2,
          y: 0,
          offsetY: o / 2 + s,
          visible: n && a.indexOf('top-center') >= 0,
        }),
        this._batchChangeChild('.top-right', {
          x: i,
          y: 0,
          offsetX: o / 2 - s,
          offsetY: o / 2 + s,
          visible: n && a.indexOf('top-right') >= 0,
        }),
        this._batchChangeChild('.middle-left', {
          x: 0,
          y: r / 2,
          offsetX: o / 2 + s,
          visible: n && a.indexOf('middle-left') >= 0,
        }),
        this._batchChangeChild('.middle-right', {
          x: i,
          y: r / 2,
          offsetX: o / 2 - s,
          visible: n && a.indexOf('middle-right') >= 0,
        }),
        this._batchChangeChild('.bottom-left', {
          x: 0,
          y: r,
          offsetX: o / 2 + s,
          offsetY: o / 2 - s,
          visible: n && a.indexOf('bottom-left') >= 0,
        }),
        this._batchChangeChild('.bottom-center', {
          x: i / 2,
          y: r,
          offsetY: o / 2 - s,
          visible: n && a.indexOf('bottom-center') >= 0,
        }),
        this._batchChangeChild('.bottom-right', {
          x: i,
          y: r,
          offsetX: o / 2 - s,
          offsetY: o / 2 - s,
          visible: n && a.indexOf('bottom-right') >= 0,
        }),
        this._batchChangeChild('.rotater', {
          x: i / 2,
          y: -this.rotateAnchorOffset() * u._sign(r) - s,
          visible: this.rotateEnabled(),
        }),
        this._batchChangeChild('.back', {
          width: i,
          height: r,
          visible: this.borderEnabled(),
          stroke: this.borderStroke(),
          strokeWidth: this.borderStrokeWidth(),
          dash: this.borderDash(),
          x: 0,
          y: 0,
        }),
        null === (t = this.getLayer()) || void 0 === t || t.batchDraw();
    }
    isTransforming() {
      return this._transforming;
    }
    stopTransform() {
      if (this._transforming) {
        this._removeEvents();
        var t = this.findOne('.' + this._movingAnchorName);
        t && t.stopDrag();
      }
    }
    destroy() {
      return (
        this.getStage() &&
          this._cursorChange &&
          (this.getStage().content.style.cursor = ''),
        dt.prototype.destroy.call(this),
        this.detach(),
        this._removeEvents(),
        this
      );
    }
    toObject() {
      return z.prototype.toObject.call(this);
    }
  }
  ($t.prototype.className = 'Transformer'),
    s($t),
    S.addGetterSetter($t, 'enabledAnchors', Qt, function (t) {
      return (
        t instanceof Array || u.warn('enabledAnchors value should be an array'),
        t instanceof Array &&
          t.forEach(function (t) {
            -1 === Qt.indexOf(t) &&
              u.warn(
                'Unknown anchor name: ' +
                  t +
                  '. Available names are: ' +
                  Qt.join(', ')
              );
          }),
        t || []
      );
    }),
    S.addGetterSetter($t, 'resizeEnabled', !0),
    S.addGetterSetter($t, 'anchorSize', 10, v()),
    S.addGetterSetter($t, 'rotateEnabled', !0),
    S.addGetterSetter($t, 'rotationSnaps', []),
    S.addGetterSetter($t, 'rotateAnchorOffset', 50, v()),
    S.addGetterSetter($t, 'rotationSnapTolerance', 5, v()),
    S.addGetterSetter($t, 'borderEnabled', !0),
    S.addGetterSetter($t, 'anchorStroke', 'rgb(0, 161, 255)'),
    S.addGetterSetter($t, 'anchorStrokeWidth', 1, v()),
    S.addGetterSetter($t, 'anchorFill', 'white'),
    S.addGetterSetter($t, 'anchorCornerRadius', 0, v()),
    S.addGetterSetter($t, 'borderStroke', 'rgb(0, 161, 255)'),
    S.addGetterSetter($t, 'borderStrokeWidth', 1, v()),
    S.addGetterSetter($t, 'borderDash'),
    S.addGetterSetter($t, 'keepRatio', !0),
    S.addGetterSetter($t, 'centeredScaling', !1),
    S.addGetterSetter($t, 'ignoreStroke', !1),
    S.addGetterSetter($t, 'padding', 0, v()),
    S.addGetterSetter($t, 'node'),
    S.addGetterSetter($t, 'nodes'),
    S.addGetterSetter($t, 'boundBoxFunc'),
    S.addGetterSetter($t, 'shouldOverdrawWholeArea', !1),
    S.backCompat($t, {
      lineEnabled: 'borderEnabled',
      rotateHandlerOffset: 'rotateAnchorOffset',
      enabledHandlers: 'enabledAnchors',
    });
  class te extends nt {
    _sceneFunc(t) {
      t.beginPath(),
        t.arc(
          0,
          0,
          this.radius(),
          0,
          a.getAngle(this.angle()),
          this.clockwise()
        ),
        t.lineTo(0, 0),
        t.closePath(),
        t.fillStrokeShape(this);
    }
    getWidth() {
      return 2 * this.radius();
    }
    getHeight() {
      return 2 * this.radius();
    }
    setWidth(t) {
      this.radius(t / 2);
    }
    setHeight(t) {
      this.radius(t / 2);
    }
  }
  function ee() {
    (this.r = 0), (this.g = 0), (this.b = 0), (this.a = 0), (this.next = null);
  }
  (te.prototype.className = 'Wedge'),
    (te.prototype._centroid = !0),
    (te.prototype._attrsAffectingSize = ['radius']),
    s(te),
    S.addGetterSetter(te, 'radius', 0, v()),
    S.addGetterSetter(te, 'angle', 0, v()),
    S.addGetterSetter(te, 'clockwise', !1),
    S.backCompat(te, {
      angleDeg: 'angle',
      getAngleDeg: 'getAngle',
      setAngleDeg: 'setAngle',
    });
  var ie = [
      512,
      512,
      456,
      512,
      328,
      456,
      335,
      512,
      405,
      328,
      271,
      456,
      388,
      335,
      292,
      512,
      454,
      405,
      364,
      328,
      298,
      271,
      496,
      456,
      420,
      388,
      360,
      335,
      312,
      292,
      273,
      512,
      482,
      454,
      428,
      405,
      383,
      364,
      345,
      328,
      312,
      298,
      284,
      271,
      259,
      496,
      475,
      456,
      437,
      420,
      404,
      388,
      374,
      360,
      347,
      335,
      323,
      312,
      302,
      292,
      282,
      273,
      265,
      512,
      497,
      482,
      468,
      454,
      441,
      428,
      417,
      405,
      394,
      383,
      373,
      364,
      354,
      345,
      337,
      328,
      320,
      312,
      305,
      298,
      291,
      284,
      278,
      271,
      265,
      259,
      507,
      496,
      485,
      475,
      465,
      456,
      446,
      437,
      428,
      420,
      412,
      404,
      396,
      388,
      381,
      374,
      367,
      360,
      354,
      347,
      341,
      335,
      329,
      323,
      318,
      312,
      307,
      302,
      297,
      292,
      287,
      282,
      278,
      273,
      269,
      265,
      261,
      512,
      505,
      497,
      489,
      482,
      475,
      468,
      461,
      454,
      447,
      441,
      435,
      428,
      422,
      417,
      411,
      405,
      399,
      394,
      389,
      383,
      378,
      373,
      368,
      364,
      359,
      354,
      350,
      345,
      341,
      337,
      332,
      328,
      324,
      320,
      316,
      312,
      309,
      305,
      301,
      298,
      294,
      291,
      287,
      284,
      281,
      278,
      274,
      271,
      268,
      265,
      262,
      259,
      257,
      507,
      501,
      496,
      491,
      485,
      480,
      475,
      470,
      465,
      460,
      456,
      451,
      446,
      442,
      437,
      433,
      428,
      424,
      420,
      416,
      412,
      408,
      404,
      400,
      396,
      392,
      388,
      385,
      381,
      377,
      374,
      370,
      367,
      363,
      360,
      357,
      354,
      350,
      347,
      344,
      341,
      338,
      335,
      332,
      329,
      326,
      323,
      320,
      318,
      315,
      312,
      310,
      307,
      304,
      302,
      299,
      297,
      294,
      292,
      289,
      287,
      285,
      282,
      280,
      278,
      275,
      273,
      271,
      269,
      267,
      265,
      263,
      261,
      259,
    ],
    re = [
      9,
      11,
      12,
      13,
      13,
      14,
      14,
      15,
      15,
      15,
      15,
      16,
      16,
      16,
      16,
      17,
      17,
      17,
      17,
      17,
      17,
      17,
      18,
      18,
      18,
      18,
      18,
      18,
      18,
      18,
      18,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      19,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      20,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      21,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      22,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      23,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
      24,
    ];
  S.addGetterSetter(z, 'blurRadius', 0, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'brightness', 0, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'contrast', 0, v(), S.afterSetFilter);
  function ae(t, e, i, r, a) {
    var n = i - e,
      s = a - r;
    return 0 === n ? r + s / 2 : 0 === s ? r : s * ((t - e) / n) + r;
  }
  S.addGetterSetter(z, 'embossStrength', 0.5, v(), S.afterSetFilter),
    S.addGetterSetter(z, 'embossWhiteLevel', 0.5, v(), S.afterSetFilter),
    S.addGetterSetter(z, 'embossDirection', 'top-left', null, S.afterSetFilter),
    S.addGetterSetter(z, 'embossBlend', !1, null, S.afterSetFilter);
  S.addGetterSetter(z, 'enhance', 0, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'hue', 0, v(), S.afterSetFilter),
    S.addGetterSetter(z, 'saturation', 0, v(), S.afterSetFilter),
    S.addGetterSetter(z, 'luminance', 0, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'hue', 0, v(), S.afterSetFilter),
    S.addGetterSetter(z, 'saturation', 0, v(), S.afterSetFilter),
    S.addGetterSetter(z, 'value', 0, v(), S.afterSetFilter);
  function ne(t, e, i) {
    var r = 4 * (i * t.width + e),
      a = [];
    return a.push(t.data[r++], t.data[r++], t.data[r++], t.data[r++]), a;
  }
  function se(t, e) {
    return Math.sqrt(
      Math.pow(t[0] - e[0], 2) +
        Math.pow(t[1] - e[1], 2) +
        Math.pow(t[2] - e[2], 2)
    );
  }
  S.addGetterSetter(z, 'kaleidoscopePower', 2, v(), S.afterSetFilter),
    S.addGetterSetter(z, 'kaleidoscopeAngle', 0, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'threshold', 0, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'noise', 0.2, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'pixelSize', 8, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'levels', 0.5, v(), S.afterSetFilter);
  S.addGetterSetter(z, 'red', 0, function (t) {
    return (
      (this._filterUpToDate = !1), t > 255 ? 255 : t < 0 ? 0 : Math.round(t)
    );
  }),
    S.addGetterSetter(z, 'green', 0, function (t) {
      return (
        (this._filterUpToDate = !1), t > 255 ? 255 : t < 0 ? 0 : Math.round(t)
      );
    }),
    S.addGetterSetter(z, 'blue', 0, p, S.afterSetFilter);
  S.addGetterSetter(z, 'red', 0, function (t) {
    return (
      (this._filterUpToDate = !1), t > 255 ? 255 : t < 0 ? 0 : Math.round(t)
    );
  }),
    S.addGetterSetter(z, 'green', 0, function (t) {
      return (
        (this._filterUpToDate = !1), t > 255 ? 255 : t < 0 ? 0 : Math.round(t)
      );
    }),
    S.addGetterSetter(z, 'blue', 0, p, S.afterSetFilter),
    S.addGetterSetter(z, 'alpha', 1, function (t) {
      return (this._filterUpToDate = !1), t > 1 ? 1 : t < 0 ? 0 : t;
    });
  S.addGetterSetter(z, 'threshold', 0.5, v(), S.afterSetFilter);
  return yt.Util._assign(yt, {
    Arc: xt,
    Arrow: St,
    Circle: wt,
    Ellipse: Ct,
    Image: Pt,
    Label: At,
    Tag: Mt,
    Line: bt,
    Path: Gt,
    Rect: Et,
    RegularPolygon: Rt,
    Ring: Dt,
    Sprite: It,
    Star: Ot,
    Text: Ht,
    TextPath: jt,
    Transformer: $t,
    Wedge: te,
    Filters: {
      Blur: function (t) {
        var e = Math.round(this.blurRadius());
        e > 0 &&
          (function (t, e) {
            var i,
              r,
              a,
              n,
              s,
              o,
              h,
              l,
              d,
              c,
              g,
              u,
              f,
              p,
              v,
              m,
              _,
              y,
              x,
              b,
              S,
              w,
              C,
              P,
              k = t.data,
              T = t.width,
              A = t.height,
              M = e + e + 1,
              G = T - 1,
              E = A - 1,
              R = e + 1,
              L = (R * (R + 1)) / 2,
              D = new ee(),
              I = null,
              O = D,
              F = null,
              B = null,
              N = ie[e],
              z = re[e];
            for (a = 1; a < M; a++) (O = O.next = new ee()), a === R && (I = O);
            for (O.next = D, h = o = 0, r = 0; r < A; r++) {
              for (
                m = _ = y = x = l = d = c = g = 0,
                  u = R * (b = k[o]),
                  f = R * (S = k[o + 1]),
                  p = R * (w = k[o + 2]),
                  v = R * (C = k[o + 3]),
                  l += L * b,
                  d += L * S,
                  c += L * w,
                  g += L * C,
                  O = D,
                  a = 0;
                a < R;
                a++
              )
                (O.r = b), (O.g = S), (O.b = w), (O.a = C), (O = O.next);
              for (a = 1; a < R; a++)
                (n = o + ((G < a ? G : a) << 2)),
                  (l += (O.r = b = k[n]) * (P = R - a)),
                  (d += (O.g = S = k[n + 1]) * P),
                  (c += (O.b = w = k[n + 2]) * P),
                  (g += (O.a = C = k[n + 3]) * P),
                  (m += b),
                  (_ += S),
                  (y += w),
                  (x += C),
                  (O = O.next);
              for (F = D, B = I, i = 0; i < T; i++)
                (k[o + 3] = C = (g * N) >> z),
                  0 !== C
                    ? ((C = 255 / C),
                      (k[o] = ((l * N) >> z) * C),
                      (k[o + 1] = ((d * N) >> z) * C),
                      (k[o + 2] = ((c * N) >> z) * C))
                    : (k[o] = k[o + 1] = k[o + 2] = 0),
                  (l -= u),
                  (d -= f),
                  (c -= p),
                  (g -= v),
                  (u -= F.r),
                  (f -= F.g),
                  (p -= F.b),
                  (v -= F.a),
                  (n = (h + ((n = i + e + 1) < G ? n : G)) << 2),
                  (l += m += F.r = k[n]),
                  (d += _ += F.g = k[n + 1]),
                  (c += y += F.b = k[n + 2]),
                  (g += x += F.a = k[n + 3]),
                  (F = F.next),
                  (u += b = B.r),
                  (f += S = B.g),
                  (p += w = B.b),
                  (v += C = B.a),
                  (m -= b),
                  (_ -= S),
                  (y -= w),
                  (x -= C),
                  (B = B.next),
                  (o += 4);
              h += T;
            }
            for (i = 0; i < T; i++) {
              for (
                _ = y = x = m = d = c = g = l = 0,
                  u = R * (b = k[(o = i << 2)]),
                  f = R * (S = k[o + 1]),
                  p = R * (w = k[o + 2]),
                  v = R * (C = k[o + 3]),
                  l += L * b,
                  d += L * S,
                  c += L * w,
                  g += L * C,
                  O = D,
                  a = 0;
                a < R;
                a++
              )
                (O.r = b), (O.g = S), (O.b = w), (O.a = C), (O = O.next);
              for (s = T, a = 1; a <= e; a++)
                (o = (s + i) << 2),
                  (l += (O.r = b = k[o]) * (P = R - a)),
                  (d += (O.g = S = k[o + 1]) * P),
                  (c += (O.b = w = k[o + 2]) * P),
                  (g += (O.a = C = k[o + 3]) * P),
                  (m += b),
                  (_ += S),
                  (y += w),
                  (x += C),
                  (O = O.next),
                  a < E && (s += T);
              for (o = i, F = D, B = I, r = 0; r < A; r++)
                (k[(n = o << 2) + 3] = C = (g * N) >> z),
                  C > 0
                    ? ((C = 255 / C),
                      (k[n] = ((l * N) >> z) * C),
                      (k[n + 1] = ((d * N) >> z) * C),
                      (k[n + 2] = ((c * N) >> z) * C))
                    : (k[n] = k[n + 1] = k[n + 2] = 0),
                  (l -= u),
                  (d -= f),
                  (c -= p),
                  (g -= v),
                  (u -= F.r),
                  (f -= F.g),
                  (p -= F.b),
                  (v -= F.a),
                  (n = (i + ((n = r + R) < E ? n : E) * T) << 2),
                  (l += m += F.r = k[n]),
                  (d += _ += F.g = k[n + 1]),
                  (c += y += F.b = k[n + 2]),
                  (g += x += F.a = k[n + 3]),
                  (F = F.next),
                  (u += b = B.r),
                  (f += S = B.g),
                  (p += w = B.b),
                  (v += C = B.a),
                  (m -= b),
                  (_ -= S),
                  (y -= w),
                  (x -= C),
                  (B = B.next),
                  (o += T);
            }
          })(t, e);
      },
      Brighten: function (t) {
        var e,
          i = 255 * this.brightness(),
          r = t.data,
          a = r.length;
        for (e = 0; e < a; e += 4)
          (r[e] += i), (r[e + 1] += i), (r[e + 2] += i);
      },
      Contrast: function (t) {
        var e,
          i = Math.pow((this.contrast() + 100) / 100, 2),
          r = t.data,
          a = r.length,
          n = 150,
          s = 150,
          o = 150;
        for (e = 0; e < a; e += 4)
          (n = r[e]),
            (s = r[e + 1]),
            (o = r[e + 2]),
            (n /= 255),
            (n -= 0.5),
            (n *= i),
            (n += 0.5),
            (s /= 255),
            (s -= 0.5),
            (s *= i),
            (s += 0.5),
            (o /= 255),
            (o -= 0.5),
            (o *= i),
            (o += 0.5),
            (n = (n *= 255) < 0 ? 0 : n > 255 ? 255 : n),
            (s = (s *= 255) < 0 ? 0 : s > 255 ? 255 : s),
            (o = (o *= 255) < 0 ? 0 : o > 255 ? 255 : o),
            (r[e] = n),
            (r[e + 1] = s),
            (r[e + 2] = o);
      },
      Emboss: function (t) {
        var e = 10 * this.embossStrength(),
          i = 255 * this.embossWhiteLevel(),
          r = this.embossDirection(),
          a = this.embossBlend(),
          n = 0,
          s = 0,
          o = t.data,
          h = t.width,
          l = t.height,
          d = 4 * h,
          c = l;
        switch (r) {
          case 'top-left':
            (n = -1), (s = -1);
            break;
          case 'top':
            (n = -1), (s = 0);
            break;
          case 'top-right':
            (n = -1), (s = 1);
            break;
          case 'right':
            (n = 0), (s = 1);
            break;
          case 'bottom-right':
            (n = 1), (s = 1);
            break;
          case 'bottom':
            (n = 1), (s = 0);
            break;
          case 'bottom-left':
            (n = 1), (s = -1);
            break;
          case 'left':
            (n = 0), (s = -1);
            break;
          default:
            u.error('Unknown emboss direction: ' + r);
        }
        do {
          var g = (c - 1) * d,
            f = n;
          c + f < 1 && (f = 0), c + f > l && (f = 0);
          var p = (c - 1 + f) * h * 4,
            v = h;
          do {
            var m = g + 4 * (v - 1),
              _ = s;
            v + _ < 1 && (_ = 0), v + _ > h && (_ = 0);
            var y = p + 4 * (v - 1 + _),
              x = o[m] - o[y],
              b = o[m + 1] - o[y + 1],
              S = o[m + 2] - o[y + 2],
              w = x,
              C = w > 0 ? w : -w;
            if (
              ((b > 0 ? b : -b) > C && (w = b),
              (S > 0 ? S : -S) > C && (w = S),
              (w *= e),
              a)
            ) {
              var P = o[m] + w,
                k = o[m + 1] + w,
                T = o[m + 2] + w;
              (o[m] = P > 255 ? 255 : P < 0 ? 0 : P),
                (o[m + 1] = k > 255 ? 255 : k < 0 ? 0 : k),
                (o[m + 2] = T > 255 ? 255 : T < 0 ? 0 : T);
            } else {
              var A = i - w;
              A < 0 ? (A = 0) : A > 255 && (A = 255),
                (o[m] = o[m + 1] = o[m + 2] = A);
            }
          } while (--v);
        } while (--c);
      },
      Enhance: function (t) {
        var e,
          i,
          r,
          a,
          n = t.data,
          s = n.length,
          o = n[0],
          h = o,
          l = n[1],
          d = l,
          c = n[2],
          g = c,
          u = this.enhance();
        if (0 !== u) {
          for (a = 0; a < s; a += 4)
            (e = n[a + 0]) < o ? (o = e) : e > h && (h = e),
              (i = n[a + 1]) < l ? (l = i) : i > d && (d = i),
              (r = n[a + 2]) < c ? (c = r) : r > g && (g = r);
          var f, p, v, m, _, y, x, b, S;
          for (
            h === o && ((h = 255), (o = 0)),
              d === l && ((d = 255), (l = 0)),
              g === c && ((g = 255), (c = 0)),
              u > 0
                ? ((p = h + u * (255 - h)),
                  (v = o - u * (o - 0)),
                  (_ = d + u * (255 - d)),
                  (y = l - u * (l - 0)),
                  (b = g + u * (255 - g)),
                  (S = c - u * (c - 0)))
                : ((p = h + u * (h - (f = 0.5 * (h + o)))),
                  (v = o + u * (o - f)),
                  (_ = d + u * (d - (m = 0.5 * (d + l)))),
                  (y = l + u * (l - m)),
                  (b = g + u * (g - (x = 0.5 * (g + c)))),
                  (S = c + u * (c - x))),
              a = 0;
            a < s;
            a += 4
          )
            (n[a + 0] = ae(n[a + 0], o, h, v, p)),
              (n[a + 1] = ae(n[a + 1], l, d, y, _)),
              (n[a + 2] = ae(n[a + 2], c, g, S, b));
        }
      },
      Grayscale: function (t) {
        var e,
          i,
          r = t.data,
          a = r.length;
        for (e = 0; e < a; e += 4)
          (i = 0.34 * r[e] + 0.5 * r[e + 1] + 0.16 * r[e + 2]),
            (r[e] = i),
            (r[e + 1] = i),
            (r[e + 2] = i);
      },
      HSL: function (t) {
        var e,
          i,
          r,
          a,
          n,
          s = t.data,
          o = s.length,
          h = Math.pow(2, this.saturation()),
          l = Math.abs(this.hue() + 360) % 360,
          d = 127 * this.luminance(),
          c = 1 * h * Math.cos((l * Math.PI) / 180),
          g = 1 * h * Math.sin((l * Math.PI) / 180),
          u = 0.299 + 0.701 * c + 0.167 * g,
          f = 0.587 - 0.587 * c + 0.33 * g,
          p = 0.114 - 0.114 * c - 0.497 * g,
          v = 0.299 - 0.299 * c - 0.328 * g,
          m = 0.587 + 0.413 * c + 0.035 * g,
          _ = 0.114 - 0.114 * c + 0.293 * g,
          y = 0.299 - 0.3 * c + 1.25 * g,
          x = 0.587 - 0.586 * c - 1.05 * g,
          b = 0.114 + 0.886 * c - 0.2 * g;
        for (e = 0; e < o; e += 4)
          (i = s[e + 0]),
            (r = s[e + 1]),
            (a = s[e + 2]),
            (n = s[e + 3]),
            (s[e + 0] = u * i + f * r + p * a + d),
            (s[e + 1] = v * i + m * r + _ * a + d),
            (s[e + 2] = y * i + x * r + b * a + d),
            (s[e + 3] = n);
      },
      HSV: function (t) {
        var e,
          i,
          r,
          a,
          n,
          s = t.data,
          o = s.length,
          h = Math.pow(2, this.value()),
          l = Math.pow(2, this.saturation()),
          d = Math.abs(this.hue() + 360) % 360,
          c = h * l * Math.cos((d * Math.PI) / 180),
          g = h * l * Math.sin((d * Math.PI) / 180),
          u = 0.299 * h + 0.701 * c + 0.167 * g,
          f = 0.587 * h - 0.587 * c + 0.33 * g,
          p = 0.114 * h - 0.114 * c - 0.497 * g,
          v = 0.299 * h - 0.299 * c - 0.328 * g,
          m = 0.587 * h + 0.413 * c + 0.035 * g,
          _ = 0.114 * h - 0.114 * c + 0.293 * g,
          y = 0.299 * h - 0.3 * c + 1.25 * g,
          x = 0.587 * h - 0.586 * c - 1.05 * g,
          b = 0.114 * h + 0.886 * c - 0.2 * g;
        for (e = 0; e < o; e += 4)
          (i = s[e + 0]),
            (r = s[e + 1]),
            (a = s[e + 2]),
            (n = s[e + 3]),
            (s[e + 0] = u * i + f * r + p * a),
            (s[e + 1] = v * i + m * r + _ * a),
            (s[e + 2] = y * i + x * r + b * a),
            (s[e + 3] = n);
      },
      Invert: function (t) {
        var e,
          i = t.data,
          r = i.length;
        for (e = 0; e < r; e += 4)
          (i[e] = 255 - i[e]),
            (i[e + 1] = 255 - i[e + 1]),
            (i[e + 2] = 255 - i[e + 2]);
      },
      Kaleidoscope: function (t) {
        var e,
          i,
          r,
          a,
          n,
          s,
          o,
          h,
          l,
          d = t.width,
          c = t.height,
          g = Math.round(this.kaleidoscopePower()),
          f = Math.round(this.kaleidoscopeAngle()),
          p = Math.floor((d * (f % 360)) / 360);
        if (!(g < 1)) {
          var v = u.createCanvasElement();
          (v.width = d), (v.height = c);
          var m = v.getContext('2d').getImageData(0, 0, d, c);
          !(function (t, e, i) {
            var r,
              a,
              n,
              s,
              o = t.data,
              h = e.data,
              l = t.width,
              d = t.height,
              c = i.polarCenterX || l / 2,
              g = i.polarCenterY || d / 2,
              u = 0,
              f = 0,
              p = 0,
              v = 0,
              m = Math.sqrt(c * c + g * g);
            (a = l - c),
              (n = d - g),
              (m = (s = Math.sqrt(a * a + n * n)) > m ? s : m);
            var _,
              y,
              x,
              b,
              S = d,
              w = l,
              C = ((360 / w) * Math.PI) / 180;
            for (y = 0; y < w; y += 1)
              for (
                x = Math.sin(y * C), b = Math.cos(y * C), _ = 0;
                _ < S;
                _ += 1
              )
                (a = Math.floor(c + ((m * _) / S) * b)),
                  (u =
                    o[
                      (r =
                        4 * ((n = Math.floor(g + ((m * _) / S) * x)) * l + a)) +
                        0
                    ]),
                  (f = o[r + 1]),
                  (p = o[r + 2]),
                  (v = o[r + 3]),
                  (h[(r = 4 * (y + _ * l)) + 0] = u),
                  (h[r + 1] = f),
                  (h[r + 2] = p),
                  (h[r + 3] = v);
          })(t, m, { polarCenterX: d / 2, polarCenterY: c / 2 });
          for (var _ = d / Math.pow(2, g); _ <= 8; ) (_ *= 2), (g -= 1);
          var y = (_ = Math.ceil(_)),
            x = 0,
            b = y,
            S = 1;
          for (p + _ > d && ((x = y), (b = 0), (S = -1)), i = 0; i < c; i += 1)
            for (e = x; e !== b; e += S)
              (h = 4 * (d * i + (Math.round(e + p) % d))),
                (a = m.data[h + 0]),
                (n = m.data[h + 1]),
                (s = m.data[h + 2]),
                (o = m.data[h + 3]),
                (l = 4 * (d * i + e)),
                (m.data[l + 0] = a),
                (m.data[l + 1] = n),
                (m.data[l + 2] = s),
                (m.data[l + 3] = o);
          for (i = 0; i < c; i += 1)
            for (y = Math.floor(_), r = 0; r < g; r += 1) {
              for (e = 0; e < y + 1; e += 1)
                (h = 4 * (d * i + e)),
                  (a = m.data[h + 0]),
                  (n = m.data[h + 1]),
                  (s = m.data[h + 2]),
                  (o = m.data[h + 3]),
                  (l = 4 * (d * i + 2 * y - e - 1)),
                  (m.data[l + 0] = a),
                  (m.data[l + 1] = n),
                  (m.data[l + 2] = s),
                  (m.data[l + 3] = o);
              y *= 2;
            }
          !(function (t, e, i) {
            var r,
              a,
              n,
              s,
              o,
              h,
              l = t.data,
              d = e.data,
              c = t.width,
              g = t.height,
              u = i.polarCenterX || c / 2,
              f = i.polarCenterY || g / 2,
              p = 0,
              v = 0,
              m = 0,
              _ = 0,
              y = Math.sqrt(u * u + f * f);
            (a = c - u),
              (n = g - f),
              (y = (h = Math.sqrt(a * a + n * n)) > y ? h : y);
            var x,
              b,
              S,
              w = g,
              C = c,
              P = i.polarRotation || 0;
            for (a = 0; a < c; a += 1)
              for (n = 0; n < g; n += 1)
                (s = a - u),
                  (o = n - f),
                  (x = (Math.sqrt(s * s + o * o) * w) / y),
                  (b =
                    ((b =
                      ((180 * Math.atan2(o, s)) / Math.PI + 360 + P) % 360) *
                      C) /
                    360),
                  (S = Math.floor(b)),
                  (p = l[(r = 4 * (Math.floor(x) * c + S)) + 0]),
                  (v = l[r + 1]),
                  (m = l[r + 2]),
                  (_ = l[r + 3]),
                  (d[(r = 4 * (n * c + a)) + 0] = p),
                  (d[r + 1] = v),
                  (d[r + 2] = m),
                  (d[r + 3] = _);
          })(m, t, { polarRotation: 0 });
        }
      },
      Mask: function (t) {
        var e = (function (t, e) {
          var i = ne(t, 0, 0),
            r = ne(t, t.width - 1, 0),
            a = ne(t, 0, t.height - 1),
            n = ne(t, t.width - 1, t.height - 1),
            s = e || 10;
          if (se(i, r) < s && se(r, n) < s && se(n, a) < s && se(a, i) < s) {
            for (
              var o = (function (t) {
                  for (var e = [0, 0, 0], i = 0; i < t.length; i++)
                    (e[0] += t[i][0]), (e[1] += t[i][1]), (e[2] += t[i][2]);
                  return (
                    (e[0] /= t.length),
                    (e[1] /= t.length),
                    (e[2] /= t.length),
                    e
                  );
                })([r, i, n, a]),
                h = [],
                l = 0;
              l < t.width * t.height;
              l++
            ) {
              var d = se(o, [
                t.data[4 * l],
                t.data[4 * l + 1],
                t.data[4 * l + 2],
              ]);
              h[l] = d < s ? 0 : 255;
            }
            return h;
          }
        })(t, this.threshold());
        return (
          e &&
            (function (t, e) {
              for (var i = 0; i < t.width * t.height; i++)
                t.data[4 * i + 3] = e[i];
            })(
              t,
              (e = (function (t, e, i) {
                for (
                  var r = [
                      1 / 9,
                      1 / 9,
                      1 / 9,
                      1 / 9,
                      1 / 9,
                      1 / 9,
                      1 / 9,
                      1 / 9,
                      1 / 9,
                    ],
                    a = Math.round(Math.sqrt(r.length)),
                    n = Math.floor(a / 2),
                    s = [],
                    o = 0;
                  o < i;
                  o++
                )
                  for (var h = 0; h < e; h++) {
                    for (var l = o * e + h, d = 0, c = 0; c < a; c++)
                      for (var g = 0; g < a; g++) {
                        var u = o + c - n,
                          f = h + g - n;
                        if (u >= 0 && u < i && f >= 0 && f < e) {
                          var p = r[c * a + g];
                          d += t[u * e + f] * p;
                        }
                      }
                    s[l] = d;
                  }
                return s;
              })(
                (e = (function (t, e, i) {
                  for (
                    var r = [1, 1, 1, 1, 1, 1, 1, 1, 1],
                      a = Math.round(Math.sqrt(r.length)),
                      n = Math.floor(a / 2),
                      s = [],
                      o = 0;
                    o < i;
                    o++
                  )
                    for (var h = 0; h < e; h++) {
                      for (var l = o * e + h, d = 0, c = 0; c < a; c++)
                        for (var g = 0; g < a; g++) {
                          var u = o + c - n,
                            f = h + g - n;
                          if (u >= 0 && u < i && f >= 0 && f < e) {
                            var p = r[c * a + g];
                            d += t[u * e + f] * p;
                          }
                        }
                      s[l] = d >= 1020 ? 255 : 0;
                    }
                  return s;
                })(
                  (e = (function (t, e, i) {
                    for (
                      var r = [1, 1, 1, 1, 0, 1, 1, 1, 1],
                        a = Math.round(Math.sqrt(r.length)),
                        n = Math.floor(a / 2),
                        s = [],
                        o = 0;
                      o < i;
                      o++
                    )
                      for (var h = 0; h < e; h++) {
                        for (var l = o * e + h, d = 0, c = 0; c < a; c++)
                          for (var g = 0; g < a; g++) {
                            var u = o + c - n,
                              f = h + g - n;
                            if (u >= 0 && u < i && f >= 0 && f < e) {
                              var p = r[c * a + g];
                              d += t[u * e + f] * p;
                            }
                          }
                        s[l] = 2040 === d ? 255 : 0;
                      }
                    return s;
                  })(e, t.width, t.height)),
                  t.width,
                  t.height
                )),
                t.width,
                t.height
              ))
            ),
          t
        );
      },
      Noise: function (t) {
        var e,
          i = 255 * this.noise(),
          r = t.data,
          a = r.length,
          n = i / 2;
        for (e = 0; e < a; e += 4)
          (r[e + 0] += n - 2 * n * Math.random()),
            (r[e + 1] += n - 2 * n * Math.random()),
            (r[e + 2] += n - 2 * n * Math.random());
      },
      Pixelate: function (t) {
        var e,
          i,
          r,
          a,
          n,
          s,
          o,
          h,
          l,
          d,
          c,
          g,
          f,
          p,
          v = Math.ceil(this.pixelSize()),
          m = t.width,
          _ = t.height,
          y = Math.ceil(m / v),
          x = Math.ceil(_ / v),
          b = t.data;
        if (v <= 0) u.error('pixelSize value can not be <= 0');
        else
          for (g = 0; g < y; g += 1)
            for (f = 0; f < x; f += 1) {
              for (
                a = 0,
                  n = 0,
                  s = 0,
                  o = 0,
                  l = (h = g * v) + v,
                  c = (d = f * v) + v,
                  p = 0,
                  e = h;
                e < l;
                e += 1
              )
                if (!(e >= m))
                  for (i = d; i < c; i += 1)
                    i >= _ ||
                      ((a += b[(r = 4 * (m * i + e)) + 0]),
                      (n += b[r + 1]),
                      (s += b[r + 2]),
                      (o += b[r + 3]),
                      (p += 1));
              for (a /= p, n /= p, s /= p, o /= p, e = h; e < l; e += 1)
                if (!(e >= m))
                  for (i = d; i < c; i += 1)
                    i >= _ ||
                      ((b[(r = 4 * (m * i + e)) + 0] = a),
                      (b[r + 1] = n),
                      (b[r + 2] = s),
                      (b[r + 3] = o));
            }
      },
      Posterize: function (t) {
        var e,
          i = Math.round(254 * this.levels()) + 1,
          r = t.data,
          a = r.length,
          n = 255 / i;
        for (e = 0; e < a; e += 1) r[e] = Math.floor(r[e] / n) * n;
      },
      RGB: function (t) {
        var e,
          i,
          r = t.data,
          a = r.length,
          n = this.red(),
          s = this.green(),
          o = this.blue();
        for (e = 0; e < a; e += 4)
          (i = (0.34 * r[e] + 0.5 * r[e + 1] + 0.16 * r[e + 2]) / 255),
            (r[e] = i * n),
            (r[e + 1] = i * s),
            (r[e + 2] = i * o),
            (r[e + 3] = r[e + 3]);
      },
      RGBA: function (t) {
        var e,
          i,
          r = t.data,
          a = r.length,
          n = this.red(),
          s = this.green(),
          o = this.blue(),
          h = this.alpha();
        for (e = 0; e < a; e += 4)
          (i = 1 - h),
            (r[e] = n * h + r[e] * i),
            (r[e + 1] = s * h + r[e + 1] * i),
            (r[e + 2] = o * h + r[e + 2] * i);
      },
      Sepia: function (t) {
        var e,
          i,
          r,
          a,
          n = t.data,
          s = n.length;
        for (e = 0; e < s; e += 4)
          (i = n[e + 0]),
            (r = n[e + 1]),
            (a = n[e + 2]),
            (n[e + 0] = Math.min(255, 0.393 * i + 0.769 * r + 0.189 * a)),
            (n[e + 1] = Math.min(255, 0.349 * i + 0.686 * r + 0.168 * a)),
            (n[e + 2] = Math.min(255, 0.272 * i + 0.534 * r + 0.131 * a));
      },
      Solarize: function (t) {
        var e = t.data,
          i = t.width,
          r = 4 * i,
          a = t.height;
        do {
          var n = (a - 1) * r,
            s = i;
          do {
            var o = n + 4 * (s - 1),
              h = e[o],
              l = e[o + 1],
              d = e[o + 2];
            h > 127 && (h = 255 - h),
              l > 127 && (l = 255 - l),
              d > 127 && (d = 255 - d),
              (e[o] = h),
              (e[o + 1] = l),
              (e[o + 2] = d);
          } while (--s);
        } while (--a);
      },
      Threshold: function (t) {
        var e,
          i = 255 * this.threshold(),
          r = t.data,
          a = r.length;
        for (e = 0; e < a; e += 1) r[e] = r[e] < i ? 0 : 255;
      },
    },
  });
});