From 627c2d2e48af2e6f1f62c386c35704fb83b848e1 Mon Sep 17 00:00:00 2001
From: imnavajas <imnavajas@coit.es>
Date: Mon, 27 Nov 2023 15:35:43 +0100
Subject: [PATCH] Completado esquema cubierta con cotas

---
 ci4/app/Language/es/Presupuestos.php          |     2 +-
 .../cosidotapablanda/_previewItems.php        |    14 +-
 .../presupuestos/cosidotapablanda/previews.js |   158 +-
 httpdocs/themes/vuexy/css/sk-datatables.css   |     2 +-
 httpdocs/themes/vuexy/vendor/libs/two/two.js  | 21478 ++++++++--------
 .../themes/vuexy/vendor/libs/two/two.min.js   |    89 -
 6 files changed, 11101 insertions(+), 10642 deletions(-)
 delete mode 100644 httpdocs/themes/vuexy/vendor/libs/two/two.min.js

diff --git a/ci4/app/Language/es/Presupuestos.php b/ci4/app/Language/es/Presupuestos.php
index 7d2550ef..cebbfe8d 100644
--- a/ci4/app/Language/es/Presupuestos.php
+++ b/ci4/app/Language/es/Presupuestos.php
@@ -160,7 +160,7 @@ return [
     'preview' => 'Previsualización de configuraciones',
     'previewMaquina' => 'Configuración de máquina',
     'previewConfiguracionCubierta' => 'Configuración de cubierta',
-    'previewEsquemaCubierta' => 'Configuración de portada',
+    'previewEsquemaCubierta' => 'Esquema de cubierta',
     'resumen' => 'Resumen del presupuesto',
     'confirmar' => 'Confirmar presupuesto',
 
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php
index e1224796..f1272e2c 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php
@@ -37,14 +37,14 @@
                                 <?= lang("Presupuestos.previewConfiguracionCubierta") ?>
                             </button>
                         </li>
-                        <li id="tab-preview-esquema-portada" class="nav-item">
+                        <li id="tab-preview-esquema-cubierta" class="nav-item">
                             <button
                                     type="button"
                                     class="nav-link"
                                     role="tab"
                                     data-bs-toggle="tab"
-                                    data-bs-target="#preview-portada"
-                                    aria-controls="preview-portada"
+                                    data-bs-target="#preview-esquema-cubierta"
+                                    aria-controls="preview-esquema-cubierta"
                                     aria-selected="false">
                                 <?= lang("Presupuestos.previewEsquemaCubierta") ?>
                             </button>
@@ -204,7 +204,7 @@
                             </div>
                         </div>
 
-                        <div class="tab-pane fade" id="preview-portada" role="tabpanel">
+                        <div class="tab-pane fade" id="preview-esquema-cubierta" role="tabpanel">
                             <div class="row">
                                 <div class="col-3">
                                     <div class="p-4 mb-3 pb-3" >
@@ -298,17 +298,17 @@
 
     } );
 
-    $('#tab-preview-esquema-portada').on( "click", function() {
+    $('#tab-preview-esquema-cubierta').on( "click", function() {
 
         var altoLib = 400;
 
-        var portadaObjeto = {
+        var cubiertaObjeto = {
             altoLibro:altoLib,
             anchoLibro:altoLib * 0.67,
             solapas:0,
             lomo:altoLib * 0.21};
 
-        previewEsquemaCubierta(portadaObjeto);
+        previewEsquemaCubierta(cubiertaObjeto);
 
     } );
 
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js
index fb0e2681..b6c12005 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js
@@ -46,62 +46,156 @@ function previewConfiguracionCubierta(cubiertaObj) {
     formaCubierta.linewidth = 1;
 
     // Texts
-    _previewConfiguracionCubierta.makeText(cubiertaObj.altoLibro,  origenCubierta.x + (fullBookWith/2 -25), origenCubierta.y, styles);
-    _previewConfiguracionCubierta.makeText(fullBookWith,  origenCubierta.x, origenCubierta.y + (cubiertaObj.altoLibro/2-15) , styles);
+    _previewConfiguracionCubierta.makeText(cubiertaObj.altoLibro, origenCubierta.x + (fullBookWith / 2 - 25), origenCubierta.y, styles);
+    _previewConfiguracionCubierta.makeText(fullBookWith, origenCubierta.x, origenCubierta.y + (cubiertaObj.altoLibro / 2 - 15), styles);
 
     _previewConfiguracionCubierta.update();
 
     // Update preview info fields
-    $('#prevLibro').text(cubiertaObj.anchoLibro + "X" + cubiertaObj.altoLibro );
+    $('#prevLibro').text(cubiertaObj.anchoLibro + "X" + cubiertaObj.altoLibro);
     $('#prevLomo').text(cubiertaObj.lomo);
     $('#prevSolapas').text(cubiertaObj.solapas);
 
 }
 
 
-function previewEsquemaCubierta(portadaObj) {
+function previewEsquemaCubierta(esquemaCubiertaObj) {
+
+    // Variables locales
+    let altoLibro, anchoLibro, lomoLibro, anchoSolapa, anchoCubierta, altoSangrado, anchoSangrado;
+    let stylesEC = {
+        size: 24,
+        weight: 'bold',
+        family: 'Public Sans',
+    }
+
+    // Definicion de los parametros del Esquema de Cubierta (EC)
+    if (esquemaCubiertaObj.solapas == 0) {
+        altoLibro = 400;
+        anchoLibro = altoLibro * 0.67;
+        lomoLibro = altoLibro * 0.21;
+        anchoCubierta = (2 * anchoLibro) + lomoLibro;
+        altoSangrado = altoLibro * 1.04;
+        anchoSangrado = anchoCubierta * 1.03;
+    }else{
+        altoLibro = 400;
+        anchoLibro = altoLibro * 0.67;
+        anchoSolapa = altoLibro * 0.40;
+        lomoLibro = altoLibro * 0.22;
+        anchoCubierta = (2 * anchoLibro) + (2* anchoSolapa) + lomoLibro;
+        altoSangrado = altoLibro * 1.04;
+        anchoSangrado = anchoCubierta * 1.03;
+    }
 
     // Clear the canvas element
     $('#draw-portada').empty();
     // Get the element for placing the graphical elements
-    var divPortada = document.getElementById('draw-portada');
-    var _previewEsquemaCubierta = new Two({fitted: true}).appendTo(divPortada);
+    var divEC = document.getElementById('draw-portada');
+    var previewEC = new Two({fitted: true}).appendTo(divEC);
     // Calculate the center of the canvas element
-    var origenPortada = new Two.Vector(_previewEsquemaCubierta.width / 2, _previewEsquemaCubierta.height / 2);
+    var origenEC = new Two.Vector(previewEC.width / 2, previewEC.height / 2);
 
-    var solapas = _previewEsquemaCubierta.makeRectangle(
-        origenPortada.x,
-        origenPortada.y,
-        ((2 * portadaObj.anchoLibro) + (2 * (portadaObj.solapas + _offsetSolapas)) + portadaObj.lomo),
-        portadaObj.altoLibro);
+    /*var solapas = previewEC.makeRectangle(
+        origenEC.x,
+        origenEC.y,
+        ((2 * esquemaCubiertaObj.anchoLibro) + (2 * (esquemaCubiertaObj.solapas + _offsetSolapas)) + esquemaCubiertaObj.lomo),
+        esquemaCubiertaObj.altoLibro);
     solapas.stroke = '#5FD2B5';
     solapas.fill = '#5FD2B5';
-    solapas.linewidth = 1;
+    solapas.linewidth = 1;*/
 
-    var libro = _previewEsquemaCubierta.makeRectangle(
-        origenPortada.x,
-        origenPortada.y,
-        ((2 * portadaObj.anchoLibro) + portadaObj.lomo),
-        portadaObj.altoLibro);
-    libro.stroke = '#6997D3';
-    libro.fill = '#6997D3';
+    var sangrado = previewEC.makeRectangle(
+        origenEC.x,
+        origenEC.y,
+        anchoSangrado,
+        altoSangrado
+        );
+    sangrado.stroke = 'black';
+    sangrado.dashes = [5, 5];
+    sangrado.fill = '#FCEAF1';
+    sangrado.linewidth = 1;
+
+    var libro = previewEC.makeRectangle(
+        origenEC.x,
+        origenEC.y,
+        ((2 * anchoLibro) + lomoLibro),
+        altoLibro);
+    libro.stroke = 'black';
+    //libro.fill = '#6997D3';
     libro.linewidth = 1;
 
-    var lomo = _previewEsquemaCubierta.makeRectangle(
-        origenPortada.x,
-        origenPortada.y,
-        portadaObj.lomo,
-        portadaObj.altoLibro);
-    lomo.stroke = '#8171D4';
-    lomo.fill = '#8171D4';
+    var lomo = previewEC.makeRectangle(
+        origenEC.x,
+        origenEC.y,
+        lomoLibro,
+        altoLibro);
+    lomo.stroke = 'black';
+    lomo.fill = '#F4F8F2';
     lomo.linewidth = 1;
-    
-    _previewEsquemaCubierta.update();
+
+    // Cotas
+    var cotaAnchoCubierta = previewEC.makeDobleArrow(
+        origenEC.x - (lomoLibro / 2 + anchoLibro),
+        origenEC.y + (altoLibro / 2) + 35,
+        origenEC.x + (lomoLibro / 2 + anchoLibro),
+        origenEC.y + (altoLibro / 2) + 35,
+        10);
+    cotaAnchoCubierta.linewidth = 2;
+    var cotaAltoCubierta = previewEC.makeDobleArrow(
+        origenEC.x + (lomoLibro / 2 + anchoLibro) + 35,
+        origenEC.y + (altoLibro / 2),
+        origenEC.x + (lomoLibro / 2 + anchoLibro) + 35,
+        origenEC.y - (altoLibro / 2),
+        10);
+    cotaAltoCubierta.linewidth = 2;
+    var cotaLomo = previewEC.makeDobleArrow(
+        origenEC.x - (lomoLibro / 2),
+        origenEC.y + (altoLibro / 3),
+        origenEC.x + (lomoLibro / 2),
+        origenEC.y + (altoLibro / 3),
+        10);
+    cotaLomo.linewidth = 2;
+    var cotaContraportada = previewEC.makeDobleArrow(
+        origenEC.x - (lomoLibro / 2 + anchoLibro),
+        origenEC.y - (altoLibro / 3),
+        origenEC.x - (lomoLibro / 2),
+        origenEC.y - (altoLibro / 3),
+        10);
+    cotaContraportada.linewidth = 2;
+    var cotaPortada = previewEC.makeDobleArrow(
+        origenEC.x + (lomoLibro / 2),
+        origenEC.y - (altoLibro / 3),
+        origenEC.x + (lomoLibro / 2 + anchoLibro),
+        origenEC.y - (altoLibro / 3),
+        10);
+    cotaPortada.linewidth = 2;
+
+
+    // Textos:
+    // Titulos generales
+    previewEC.makeText("Portada", origenEC.x + (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC);
+    previewEC.makeText("Contraportada", origenEC.x - (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC);
+    let a = previewEC.makeText("Lomo", origenEC.x, origenEC.y, stylesEC).rotation = -Math.PI / 2;
+    // Sangrados
+    let styleSangrado = {size: 10, family: 'Public Sans', style: 'italic', fill: 'red'};
+    previewEC.makeText("Sangrado 3 mm", origenEC.x, origenEC.y + (altoLibro / 2 + 20), styleSangrado);
+    previewEC.makeText("Sangrado 3 mm", origenEC.x, origenEC.y - (altoLibro / 2 + 20), styleSangrado);
+    previewEC.makeText("Sangrado 3 mm", origenEC.x + (lomoLibro / 2 + anchoLibro + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2;
+    previewEC.makeText("Sangrado 3 mm", origenEC.x - (lomoLibro / 2 + anchoLibro + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2;
+    // Cotas
+    let styleCotas = {size: 12, family: 'Public Sans'};
+    previewEC.makeText(lomoLibro + " mm", origenEC.x, origenEC.y + (altoLibro / 3) + 15, styleCotas);
+    previewEC.makeText(anchoLibro + " mm", origenEC.x - (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
+    previewEC.makeText(anchoLibro + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
+    previewEC.makeText(altoLibro + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2;
+    previewEC.makeText(anchoCubierta + " mm", origenEC.x, origenEC.y + (altoLibro / 2) + 50, styleCotas);
+
+    previewEC.update();
 
     // Update preview info fields
-    $('#prevLibro').text(portadaObj.anchoLibro + "X" + portadaObj.altoLibro );
-    $('#prevLomo').text(portadaObj.lomo);
-    $('#prevSolapas').text(portadaObj.solapas);
+    $('#prevLibro').text(esquemaCubiertaObj.anchoLibro + "X" + esquemaCubiertaObj.altoLibro);
+    $('#prevLomo').text(esquemaCubiertaObj.lomo);
+    $('#prevSolapas').text(esquemaCubiertaObj.solapas);
 
 }
 
diff --git a/httpdocs/themes/vuexy/css/sk-datatables.css b/httpdocs/themes/vuexy/css/sk-datatables.css
index 391c2e1c..1b2b24a7 100644
--- a/httpdocs/themes/vuexy/css/sk-datatables.css
+++ b/httpdocs/themes/vuexy/css/sk-datatables.css
@@ -93,6 +93,6 @@ table.dataTable.table-hover>tbody>tr.selected:hover>* {
 
 div.draw-shapes {
     width: 95%;
-    height: 500px;
+    height: 550px;
     margin: 2.5% auto;
 }
diff --git a/httpdocs/themes/vuexy/vendor/libs/two/two.js b/httpdocs/themes/vuexy/vendor/libs/two/two.js
index 72a57d29..ee2778cf 100644
--- a/httpdocs/themes/vuexy/vendor/libs/two/two.js
+++ b/httpdocs/themes/vuexy/vendor/libs/two/two.js
@@ -22,8922 +22,9262 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 */
 var Two = (() => {
-  var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
-      for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
-    return to;
-  };
-  var __toCommonJS = (mod2) => __copyProps(__defProp({}, "__esModule", { value: true }), mod2);
-  var __publicField = (obj, key, value) => {
-    __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-    return value;
-  };
-
-  // src/two.js
-  var two_exports = {};
-  __export(two_exports, {
-    default: () => Two
-  });
-
-  // src/utils/path-commands.js
-  var Commands = {
-    move: "M",
-    line: "L",
-    curve: "C",
-    arc: "A",
-    close: "Z"
-  };
-
-  // src/utils/math.js
-  var math_exports = {};
-  __export(math_exports, {
-    HALF_PI: () => HALF_PI,
-    NumArray: () => NumArray,
-    TWO_PI: () => TWO_PI,
-    decomposeMatrix: () => decomposeMatrix,
-    getComputedMatrix: () => getComputedMatrix,
-    getPoT: () => getPoT,
-    lerp: () => lerp,
-    mod: () => mod,
-    setMatrix: () => setMatrix,
-    toFixed: () => toFixed
-  });
-
-  // src/utils/root.js
-  var root;
-  if (typeof window !== "undefined") {
-    root = window;
-  } else if (typeof global !== "undefined") {
-    root = global;
-  } else if (typeof self !== "undefined") {
-    root = self;
-  }
-
-  // src/utils/math.js
-  var Matrix;
-  var TWO_PI = Math.PI * 2;
-  var HALF_PI = Math.PI * 0.5;
-  function decomposeMatrix(matrix, b, c, d, e, f) {
-    let a;
-    if (arguments.length <= 1) {
-      a = matrix.a;
-      b = matrix.b;
-      c = matrix.c;
-      d = matrix.d;
-      e = matrix.e;
-      f = matrix.f;
-    } else {
-      a = matrix;
-    }
-    return {
-      translateX: e,
-      translateY: f,
-      scaleX: Math.sqrt(a * a + b * b),
-      scaleY: Math.sqrt(c * c + d * d),
-      rotation: 180 * Math.atan2(b, a) / Math.PI
+    var __defProp = Object.defineProperty;
+    var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames = Object.getOwnPropertyNames;
+    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value
+    }) : obj[key] = value;
+    var __export = (target, all) => {
+        for (var name in all)
+            __defProp(target, name, {get: all[name], enumerable: true});
     };
-  }
-  function setMatrix(matrix) {
-    Matrix = matrix;
-  }
-  function getComputedMatrix(object, matrix) {
-    matrix = matrix && matrix.identity() || new Matrix();
-    let parent = object;
-    const matrices = [];
-    while (parent && parent._matrix) {
-      matrices.push(parent._matrix);
-      parent = parent.parent;
-    }
-    matrices.reverse();
-    for (let i = 0; i < matrices.length; i++) {
-      const m = matrices[i];
-      const e = m.elements;
-      matrix.multiply(
-        e[0],
-        e[1],
-        e[2],
-        e[3],
-        e[4],
-        e[5],
-        e[6],
-        e[7],
-        e[8],
-        e[9]
-      );
-    }
-    return matrix;
-  }
-  function lerp(a, b, t) {
-    return t * (b - a) + a;
-  }
-  var pots = [2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096];
-  function getPoT(value) {
-    let i = 0;
-    while (pots[i] && pots[i] < value) {
-      i++;
-    }
-    return pots[i];
-  }
-  function mod(v, l) {
-    while (v < 0) {
-      v += l;
-    }
-    return v % l;
-  }
-  var NumArray = root.Float32Array || Array;
-  var floor = Math.floor;
-  function toFixed(v) {
-    return floor(v * 1e6) / 1e6;
-  }
-
-  // src/utils/curves.js
-  var curves_exports = {};
-  __export(curves_exports, {
-    Curve: () => Curve,
-    getAnchorsFromArcData: () => getAnchorsFromArcData,
-    getComponentOnCubicBezier: () => getComponentOnCubicBezier,
-    getControlPoints: () => getControlPoints,
-    getCurveBoundingBox: () => getCurveBoundingBox,
-    getCurveFromPoints: () => getCurveFromPoints,
-    getCurveLength: () => getCurveLength,
-    getReflection: () => getReflection,
-    integrate: () => integrate,
-    subdivide: () => subdivide
-  });
-
-  // src/events.js
-  var Events = class {
-    _events = {};
-    _bound = false;
-    constructor() {
-    }
-    addEventListener(name, handler) {
-      const list = this._events[name] || (this._events[name] = []);
-      list.push(handler);
-      this._bound = true;
-      return this;
-    }
-    on() {
-      return this.addEventListener.apply(this, arguments);
-    }
-    bind() {
-      return this.addEventListener.apply(this, arguments);
-    }
-    removeEventListener(name, handler) {
-      if (!this._events) {
-        return this;
-      }
-      if (!name && !handler) {
-        this._events = {};
-        this._bound = false;
-        return this;
-      }
-      const names = name ? [name] : Object.keys(this._events);
-      for (let i = 0, l = names.length; i < l; i++) {
-        name = names[i];
-        let list = this._events[name];
-        if (list) {
-          let events = [];
-          if (handler) {
-            for (let j = 0, k = list.length; j < k; j++) {
-              let e = list[j];
-              e = e.handler ? e.handler : e;
-              if (handler !== e) {
-                events.push(e);
-              }
-            }
-          }
-          this._events[name] = events;
+    var __copyProps = (to, from, except, desc) => {
+        if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames(from))
+                if (!__hasOwnProp.call(to, key) && key !== except)
+                    __defProp(to, key, {
+                        get: () => from[key],
+                        enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                    });
         }
-      }
-      return this;
-    }
-    off() {
-      return this.removeEventListener.apply(this, arguments);
-    }
-    unbind() {
-      return this.removeEventListener.apply(this, arguments);
-    }
-    dispatchEvent(name) {
-      if (!this._events) {
-        return this;
-      }
-      const args = Array.prototype.slice.call(arguments, 1);
-      const events = this._events[name];
-      if (events) {
-        for (let i = 0; i < events.length; i++) {
-          events[i].call(this, ...args);
-        }
-      }
-      return this;
-    }
-    trigger() {
-      return this.dispatchEvent.apply(this, arguments);
-    }
-    listen(obj, name, handler) {
-      const scope = this;
-      if (obj) {
-        e.obj = obj;
-        e.name = name;
-        e.handler = handler;
-        obj.on(name, e);
-      }
-      function e() {
-        handler.apply(scope, arguments);
-      }
-      return scope;
-    }
-    ignore(obj, name, handler) {
-      obj.off(name, handler);
-      return this;
-    }
-  };
-  __publicField(Events, "Types", {
-    play: "play",
-    pause: "pause",
-    update: "update",
-    render: "render",
-    resize: "resize",
-    change: "change",
-    remove: "remove",
-    insert: "insert",
-    order: "order",
-    load: "load"
-  });
-  __publicField(Events, "Methods", [
-    "addEventListener",
-    "on",
-    "removeEventListener",
-    "off",
-    "unbind",
-    "dispatchEvent",
-    "trigger",
-    "listen",
-    "ignore"
-  ]);
-
-  // src/vector.js
-  var proto = {
-    x: {
-      enumerable: true,
-      get: function() {
-        return this._x;
-      },
-      set: function(v) {
-        if (this._x !== v) {
-          this._x = v;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    },
-    y: {
-      enumerable: true,
-      get: function() {
-        return this._y;
-      },
-      set: function(v) {
-        if (this._y !== v) {
-          this._y = v;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    }
-  };
-  var _Vector = class extends Events {
-    _x = 0;
-    _y = 0;
-    constructor(x = 0, y = 0) {
-      super();
-      for (let prop in proto) {
-        Object.defineProperty(this, prop, proto[prop]);
-      }
-      this.x = x;
-      this.y = y;
-    }
-    static add(v1, v2) {
-      return new _Vector(v1.x + v2.x, v1.y + v2.y);
-    }
-    static sub(v1, v2) {
-      return new _Vector(v1.x - v2.x, v1.y - v2.y);
-    }
-    static subtract(v1, v2) {
-      return _Vector.sub(v1, v2);
-    }
-    static ratioBetween(v1, v2) {
-      return (v1.x * v2.x + v1.y * v2.y) / (v1.length() * v2.length());
-    }
-    static angleBetween(v1, v2) {
-      if (arguments.length >= 4) {
-        const dx2 = arguments[0] - arguments[2];
-        const dy2 = arguments[1] - arguments[3];
-        return Math.atan2(dy2, dx2);
-      }
-      const dx = v1.x - v2.x;
-      const dy = v1.y - v2.y;
-      return Math.atan2(dy, dx);
-    }
-    static distanceBetween(v1, v2) {
-      return Math.sqrt(_Vector.distanceBetweenSquared(v1, v2));
-    }
-    static distanceBetweenSquared(v1, v2) {
-      const dx = v1.x - v2.x;
-      const dy = v1.y - v2.y;
-      return dx * dx + dy * dy;
-    }
-    set(x, y) {
-      this.x = x;
-      this.y = y;
-      return this;
-    }
-    copy(v) {
-      this.x = v.x;
-      this.y = v.y;
-      return this;
-    }
-    clear() {
-      this.x = 0;
-      this.y = 0;
-      return this;
-    }
-    clone() {
-      return new _Vector(this.x, this.y);
-    }
-    add(x, y) {
-      if (arguments.length <= 0) {
-        return this;
-      } else if (arguments.length <= 1) {
-        if (typeof x === "number") {
-          this.x += x;
-          this.y += x;
-        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
-          this.x += x.x;
-          this.y += x.y;
-        }
-      } else {
-        this.x += x;
-        this.y += y;
-      }
-      return this;
-    }
-    addSelf(v) {
-      return this.add.apply(this, arguments);
-    }
-    sub(x, y) {
-      if (arguments.length <= 0) {
-        return this;
-      } else if (arguments.length <= 1) {
-        if (typeof x === "number") {
-          this.x -= x;
-          this.y -= x;
-        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
-          this.x -= x.x;
-          this.y -= x.y;
-        }
-      } else {
-        this.x -= x;
-        this.y -= y;
-      }
-      return this;
-    }
-    subtract() {
-      return this.sub.apply(this, arguments);
-    }
-    subSelf(v) {
-      return this.sub.apply(this, arguments);
-    }
-    subtractSelf(v) {
-      return this.sub.apply(this, arguments);
-    }
-    multiply(x, y) {
-      if (arguments.length <= 0) {
-        return this;
-      } else if (arguments.length <= 1) {
-        if (typeof x === "number") {
-          this.x *= x;
-          this.y *= x;
-        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
-          this.x *= x.x;
-          this.y *= x.y;
-        }
-      } else {
-        this.x *= x;
-        this.y *= y;
-      }
-      return this;
-    }
-    multiplySelf(v) {
-      return this.multiply.apply(this, arguments);
-    }
-    multiplyScalar(s) {
-      return this.multiply(s);
-    }
-    divide(x, y) {
-      if (arguments.length <= 0) {
-        return this;
-      } else if (arguments.length <= 1) {
-        if (typeof x === "number") {
-          this.x /= x;
-          this.y /= x;
-        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
-          this.x /= x.x;
-          this.y /= x.y;
-        }
-      } else {
-        this.x /= x;
-        this.y /= y;
-      }
-      if (isNaN(this.x)) {
-        this.x = 0;
-      }
-      if (isNaN(this.y)) {
-        this.y = 0;
-      }
-      return this;
-    }
-    divideSelf(v) {
-      return this.divide.apply(this, arguments);
-    }
-    divideScalar(s) {
-      return this.divide(s);
-    }
-    negate() {
-      return this.multiply(-1);
-    }
-    dot(v) {
-      return this.x * v.x + this.y * v.y;
-    }
-    length() {
-      return Math.sqrt(this.lengthSquared());
-    }
-    lengthSquared() {
-      return this.x * this.x + this.y * this.y;
-    }
-    normalize() {
-      return this.divideScalar(this.length());
-    }
-    distanceTo(v) {
-      return Math.sqrt(this.distanceToSquared(v));
-    }
-    distanceToSquared(v) {
-      const dx = this.x - v.x;
-      const dy = this.y - v.y;
-      return dx * dx + dy * dy;
-    }
-    setLength(l) {
-      return this.normalize().multiplyScalar(l);
-    }
-    equals(v, eps) {
-      eps = typeof eps === "undefined" ? 1e-4 : eps;
-      return this.distanceTo(v) < eps;
-    }
-    lerp(v, t) {
-      const x = (v.x - this.x) * t + this.x;
-      const y = (v.y - this.y) * t + this.y;
-      return this.set(x, y);
-    }
-    isZero(eps) {
-      eps = typeof eps === "undefined" ? 1e-4 : eps;
-      return this.length() < eps;
-    }
-    toString() {
-      return this.x + ", " + this.y;
-    }
-    toObject() {
-      return { x: this.x, y: this.y };
-    }
-    rotate(radians) {
-      const x = this.x;
-      const y = this.y;
-      const cos7 = Math.cos(radians);
-      const sin7 = Math.sin(radians);
-      this.x = x * cos7 - y * sin7;
-      this.y = x * sin7 + y * cos7;
-      return this;
-    }
-  };
-  var Vector = _Vector;
-  __publicField(Vector, "zero", new _Vector());
-  __publicField(Vector, "left", new _Vector(-1, 0));
-  __publicField(Vector, "right", new _Vector(1, 0));
-  __publicField(Vector, "up", new _Vector(0, -1));
-  __publicField(Vector, "down", new _Vector(0, 1));
-
-  // src/anchor.js
-  var Anchor = class extends Vector {
-    controls = {
-      left: new Vector(),
-      right: new Vector()
+        return to;
     };
-    _command = Commands.move;
-    _relative = true;
-    _rx = 0;
-    _ry = 0;
-    _xAxisRotation = 0;
-    _largeArcFlag = 0;
-    _sweepFlag = 1;
-    constructor(x = 0, y = 0, ax = 0, ay = 0, bx = 0, by = 0, command = Commands.move) {
-      super(x, y);
-      for (let prop in proto2) {
-        Object.defineProperty(this, prop, proto2[prop]);
-      }
-      this.command = command;
-      this.relative = true;
-      const broadcast = Anchor.makeBroadcast(this);
-      this.controls.left.set(ax, ay).addEventListener(Events.Types.change, broadcast);
-      this.controls.right.set(bx, by).addEventListener(Events.Types.change, broadcast);
-    }
-    static makeBroadcast(scope) {
-      return broadcast;
-      function broadcast() {
-        if (scope._bound) {
-          scope.dispatchEvent(Events.Types.change);
-        }
-      }
-    }
-    copy(v) {
-      this.x = v.x;
-      this.y = v.y;
-      if (typeof v.command === "string") {
-        this.command = v.command;
-      }
-      if (v.controls) {
-        if (v.controls.left) {
-          this.controls.left.copy(v.controls.left);
-        }
-        if (v.controls.right) {
-          this.controls.right.copy(v.controls.right);
-        }
-      }
-      if (typeof v.relative === "boolean") {
-        this.relative = v.relative;
-      }
-      if (typeof v.rx === "number") {
-        this.rx = v.rx;
-      }
-      if (typeof v.ry === "number") {
-        this.ry = v.ry;
-      }
-      if (typeof v.xAxisRotation === "number") {
-        this.xAxisRotation = v.xAxisRotation;
-      }
-      if (typeof v.largeArcFlag === "number") {
-        this.largeArcFlag = v.largeArcFlag;
-      }
-      if (typeof v.sweepFlag === "number") {
-        this.sweepFlag = v.sweepFlag;
-      }
-      return this;
-    }
-    clone() {
-      return new Anchor().copy(this);
-    }
-    toObject() {
-      return {
-        x: this.x,
-        y: this.y,
-        command: this.command,
-        relative: this.relative,
-        controls: {
-          left: this.controls.left.toObject(),
-          right: this.controls.right.toObject()
-        },
-        rx: this.rx,
-        ry: this.ry,
-        xAxisRotation: this.xAxisRotation,
-        largeArcFlag: this.largeArcFlag,
-        sweepFlag: this.sweepFlag
-      };
-    }
-    toString() {
-      return JSON.stringify(this.toObject());
-    }
-  };
-  var proto2 = {
-    command: {
-      enumerable: true,
-      get: function() {
-        return this._command;
-      },
-      set: function(command) {
-        if (this._command !== command) {
-          this._command = command;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    },
-    relative: {
-      enumerable: true,
-      get: function() {
-        return this._relative;
-      },
-      set: function(relative) {
-        if (this._relative !== !!relative) {
-          this._relative = !!relative;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    },
-    rx: {
-      enumerable: true,
-      get: function() {
-        return this._rx;
-      },
-      set: function(rx) {
-        if (this._rx !== rx) {
-          this._rx = rx;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    },
-    ry: {
-      enumerable: true,
-      get: function() {
-        return this._ry;
-      },
-      set: function(ry) {
-        if (this._ry !== ry) {
-          this._ry = ry;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    },
-    xAxisRotation: {
-      enumerable: true,
-      get: function() {
-        return this._xAxisRotation;
-      },
-      set: function(xAxisRotation) {
-        if (this._xAxisRotation !== xAxisRotation) {
-          this._xAxisRotation = xAxisRotation;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    },
-    largeArcFlag: {
-      enumerable: true,
-      get: function() {
-        return this._largeArcFlag;
-      },
-      set: function(largeArcFlag) {
-        if (this._largeArcFlag !== largeArcFlag) {
-          this._largeArcFlag = largeArcFlag;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    },
-    sweepFlag: {
-      get: function() {
-        return this._sweepFlag;
-      },
-      set: function(sweepFlag) {
-        if (this._sweepFlag !== sweepFlag) {
-          this._sweepFlag = sweepFlag;
-          if (this._bound) {
-            this.dispatchEvent(Events.Types.change);
-          }
-        }
-      }
-    }
-  };
-
-  // src/constants.js
-  var count = 0;
-  var Constants = {
-    nextFrameID: null,
-    Types: {
-      webgl: "WebGLRenderer",
-      svg: "SVGRenderer",
-      canvas: "CanvasRenderer"
-    },
-    Version: "v0.8.12",
-    PublishDate: "2023-10-16T17:55:26.551Z",
-    Identifier: "two-",
-    Resolution: 12,
-    AutoCalculateImportedMatrices: true,
-    Instances: [],
-    uniqueId: function() {
-      return count++;
-    }
-  };
-
-  // src/utils/curves.js
-  var Curve = {
-    CollinearityEpsilon: Math.pow(10, -30),
-    RecursionLimit: 16,
-    CuspLimit: 0,
-    Tolerance: {
-      distance: 0.25,
-      angle: 0,
-      epsilon: Number.EPSILON
-    },
-    abscissas: [
-      [0.5773502691896257],
-      [0, 0.7745966692414834],
-      [0.33998104358485626, 0.8611363115940526],
-      [0, 0.5384693101056831, 0.906179845938664],
-      [0.2386191860831969, 0.6612093864662645, 0.932469514203152],
-      [0, 0.4058451513773972, 0.7415311855993945, 0.9491079123427585],
-      [0.1834346424956498, 0.525532409916329, 0.7966664774136267, 0.9602898564975363],
-      [0, 0.3242534234038089, 0.6133714327005904, 0.8360311073266358, 0.9681602395076261],
-      [0.14887433898163122, 0.4333953941292472, 0.6794095682990244, 0.8650633666889845, 0.9739065285171717],
-      [0, 0.26954315595234496, 0.5190961292068118, 0.7301520055740494, 0.8870625997680953, 0.978228658146057],
-      [0.1252334085114689, 0.3678314989981802, 0.5873179542866175, 0.7699026741943047, 0.9041172563704749, 0.9815606342467192],
-      [0, 0.2304583159551348, 0.44849275103644687, 0.6423493394403402, 0.8015780907333099, 0.9175983992229779, 0.9841830547185881],
-      [0.10805494870734367, 0.31911236892788974, 0.5152486363581541, 0.6872929048116855, 0.827201315069765, 0.9284348836635735, 0.9862838086968123],
-      [0, 0.20119409399743451, 0.3941513470775634, 0.5709721726085388, 0.7244177313601701, 0.8482065834104272, 0.937273392400706, 0.9879925180204854],
-      [0.09501250983763744, 0.2816035507792589, 0.45801677765722737, 0.6178762444026438, 0.755404408355003, 0.8656312023878318, 0.9445750230732326, 0.9894009349916499]
-    ],
-    weights: [
-      [1],
-      [0.8888888888888888, 0.5555555555555556],
-      [0.6521451548625461, 0.34785484513745385],
-      [0.5688888888888889, 0.47862867049936647, 0.23692688505618908],
-      [0.46791393457269104, 0.3607615730481386, 0.17132449237917036],
-      [0.4179591836734694, 0.3818300505051189, 0.27970539148927664, 0.1294849661688697],
-      [0.362683783378362, 0.31370664587788727, 0.22238103445337448, 0.10122853629037626],
-      [0.3302393550012598, 0.31234707704000286, 0.26061069640293544, 0.1806481606948574, 0.08127438836157441],
-      [0.29552422471475287, 0.26926671930999635, 0.21908636251598204, 0.1494513491505806, 0.06667134430868814],
-      [0.2729250867779006, 0.26280454451024665, 0.23319376459199048, 0.18629021092773426, 0.1255803694649046, 0.05566856711617366],
-      [0.24914704581340277, 0.2334925365383548, 0.20316742672306592, 0.16007832854334622, 0.10693932599531843, 0.04717533638651183],
-      [0.2325515532308739, 0.22628318026289723, 0.2078160475368885, 0.17814598076194574, 0.13887351021978725, 0.09212149983772845, 0.04048400476531588],
-      [0.2152638534631578, 0.2051984637212956, 0.18553839747793782, 0.15720316715819355, 0.12151857068790319, 0.08015808715976021, 0.03511946033175186],
-      [0.2025782419255613, 0.19843148532711158, 0.1861610000155622, 0.16626920581699392, 0.13957067792615432, 0.10715922046717194, 0.07036604748810812, 0.03075324199611727],
-      [0.1894506104550685, 0.18260341504492358, 0.16915651939500254, 0.14959598881657674, 0.12462897125553388, 0.09515851168249279, 0.062253523938647894, 0.027152459411754096]
-    ]
-  };
-  function getComponentOnCubicBezier(t, a, b, c, d) {
-    const k = 1 - t;
-    return k * k * k * a + 3 * k * k * t * b + 3 * k * t * t * c + t * t * t * d;
-  }
-  function subdivide(x1, y1, x2, y2, x3, y3, x4, y4, limit) {
-    limit = limit || Curve.RecursionLimit;
-    const amount = limit + 1;
-    if (Math.abs(x1 - x4) < 1e-3 && Math.abs(y1 - y4) < 1e-3) {
-      return [new Anchor(x4, y4)];
-    }
-    const result = [];
-    for (let i = 0; i < amount; i++) {
-      const t = i / amount;
-      const x = getComponentOnCubicBezier(t, x1, x2, x3, x4);
-      const y = getComponentOnCubicBezier(t, y1, y2, y3, y4);
-      result.push(new Anchor(x, y));
-    }
-    return result;
-  }
-  function getCurveLength(x1, y1, x2, y2, x3, y3, x4, y4, limit) {
-    if (x1 === x2 && y1 === y2 && x3 === x4 && y3 === y4) {
-      const dx = x4 - x1;
-      const dy = y4 - y1;
-      return Math.sqrt(dx * dx + dy * dy);
-    }
-    const ax = 9 * (x2 - x3) + 3 * (x4 - x1), bx = 6 * (x1 + x3) - 12 * x2, cx = 3 * (x2 - x1), ay = 9 * (y2 - y3) + 3 * (y4 - y1), by = 6 * (y1 + y3) - 12 * y2, cy = 3 * (y2 - y1);
-    function integrand(t) {
-      const dx = (ax * t + bx) * t + cx, dy = (ay * t + by) * t + cy;
-      return Math.sqrt(dx * dx + dy * dy);
-    }
-    return integrate(
-      integrand,
-      0,
-      1,
-      limit || Curve.RecursionLimit
-    );
-  }
-  function getCurveBoundingBox(x1, y1, x2, y2, x3, y3, x4, y4) {
-    const tvalues = [];
-    const bounds = [[], []];
-    let a, b, c, t, t1, t2, b2ac, sqrtb2ac;
-    for (let i = 0; i < 2; ++i) {
-      if (i == 0) {
-        b = 6 * x1 - 12 * x2 + 6 * x3;
-        a = -3 * x1 + 9 * x2 - 9 * x3 + 3 * x4;
-        c = 3 * x2 - 3 * x1;
-      } else {
-        b = 6 * y1 - 12 * y2 + 6 * y3;
-        a = -3 * y1 + 9 * y2 - 9 * y3 + 3 * y4;
-        c = 3 * y2 - 3 * y1;
-      }
-      if (Math.abs(a) < 1e-12) {
-        if (Math.abs(b) < 1e-12) {
-          continue;
-        }
-        t = -c / b;
-        if (0 < t && t < 1) {
-          tvalues.push(t);
-        }
-        continue;
-      }
-      b2ac = b * b - 4 * c * a;
-      sqrtb2ac = Math.sqrt(b2ac);
-      if (b2ac < 0) {
-        continue;
-      }
-      t1 = (-b + sqrtb2ac) / (2 * a);
-      if (0 < t1 && t1 < 1) {
-        tvalues.push(t1);
-      }
-      t2 = (-b - sqrtb2ac) / (2 * a);
-      if (0 < t2 && t2 < 1) {
-        tvalues.push(t2);
-      }
-    }
-    let j = tvalues.length;
-    let jlen = j;
-    let mt;
-    while (j--) {
-      t = tvalues[j];
-      mt = 1 - t;
-      bounds[0][j] = mt * mt * mt * x1 + 3 * mt * mt * t * x2 + 3 * mt * t * t * x3 + t * t * t * x4;
-      bounds[1][j] = mt * mt * mt * y1 + 3 * mt * mt * t * y2 + 3 * mt * t * t * y3 + t * t * t * y4;
-    }
-    bounds[0][jlen] = x1;
-    bounds[1][jlen] = y1;
-    bounds[0][jlen + 1] = x4;
-    bounds[1][jlen + 1] = y4;
-    bounds[0].length = bounds[1].length = jlen + 2;
-    return {
-      min: { x: Math.min.apply(0, bounds[0]), y: Math.min.apply(0, bounds[1]) },
-      max: { x: Math.max.apply(0, bounds[0]), y: Math.max.apply(0, bounds[1]) }
+    var __toCommonJS = (mod2) => __copyProps(__defProp({}, "__esModule", {value: true}), mod2);
+    var __publicField = (obj, key, value) => {
+        __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+        return value;
     };
-  }
-  function integrate(f, a, b, n) {
-    let x = Curve.abscissas[n - 2], w = Curve.weights[n - 2], A = 0.5 * (b - a), B = A + a, i = 0, m = n + 1 >> 1, sum = n & 1 ? w[i++] * f(B) : 0;
-    while (i < m) {
-      const Ax = A * x[i];
-      sum += w[i++] * (f(B + Ax) + f(B - Ax));
-    }
-    return A * sum;
-  }
-  function getCurveFromPoints(points, closed2) {
-    const l = points.length, last = l - 1;
-    for (let i = 0; i < l; i++) {
-      const point = points[i];
-      const prev = closed2 ? mod(i - 1, l) : Math.max(i - 1, 0);
-      const next = closed2 ? mod(i + 1, l) : Math.min(i + 1, last);
-      const a = points[prev];
-      const b = point;
-      const c = points[next];
-      getControlPoints(a, b, c);
-      b.command = i === 0 ? Commands.move : Commands.curve;
-    }
-  }
-  function getControlPoints(a, b, c) {
-    const a1 = Vector.angleBetween(a, b);
-    const a2 = Vector.angleBetween(c, b);
-    let d1 = Vector.distanceBetween(a, b);
-    let d2 = Vector.distanceBetween(c, b);
-    let mid = (a1 + a2) / 2;
-    if (d1 < 1e-4 || d2 < 1e-4) {
-      if (typeof b.relative === "boolean" && !b.relative) {
-        b.controls.left.copy(b);
-        b.controls.right.copy(b);
-      }
-      return b;
-    }
-    d1 *= 0.33;
-    d2 *= 0.33;
-    if (a2 < a1) {
-      mid += HALF_PI;
-    } else {
-      mid -= HALF_PI;
-    }
-    b.controls.left.x = Math.cos(mid) * d1;
-    b.controls.left.y = Math.sin(mid) * d1;
-    mid -= Math.PI;
-    b.controls.right.x = Math.cos(mid) * d2;
-    b.controls.right.y = Math.sin(mid) * d2;
-    if (typeof b.relative === "boolean" && !b.relative) {
-      b.controls.left.x += b.x;
-      b.controls.left.y += b.y;
-      b.controls.right.x += b.x;
-      b.controls.right.y += b.y;
-    }
-    return b;
-  }
-  function getReflection(a, b, relative) {
-    return new Vector(
-      2 * a.x - (b.x + a.x) - (relative ? a.x : 0),
-      2 * a.y - (b.y + a.y) - (relative ? a.y : 0)
-    );
-  }
-  function getAnchorsFromArcData(center, xAxisRotation, rx, ry, ts, td, ccw) {
-    const resolution = Constants.Resolution;
-    const anchors = [];
-    for (let i = 0; i < resolution; i++) {
-      let pct = (i + 1) / resolution;
-      if (ccw) {
-        pct = 1 - pct;
-      }
-      const theta = pct * td + ts;
-      const x = rx * Math.cos(theta);
-      const y = ry * Math.sin(theta);
-      const anchor2 = new Anchor(x, y);
-      anchor2.command = Commands.line;
-      anchors.push(anchor2);
-    }
-  }
 
-  // src/utils/device-pixel-ratio.js
-  var devicePixelRatio = root.devicePixelRatio || 1;
-  function getBackingStoreRatio(ctx) {
-    return ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1;
-  }
-  function getRatio(ctx) {
-    return devicePixelRatio / getBackingStoreRatio(ctx);
-  }
+    // src/two.js
+    var two_exports = {};
+    __export(two_exports, {
+        default: () => Two
+    });
 
-  // src/utils/underscore.js
-  var slice = Array.prototype.slice;
-  function isArrayLike(collection) {
-    if (collection === null || collection === void 0)
-      return false;
-    const length = collection.length;
-    return typeof length == "number" && length >= 0 && length < 4294967296;
-  }
-  var _ = {
-    isNaN: function(obj) {
-      return typeof obj === "number" && obj !== +obj;
-    },
-    isElement: function(obj) {
-      return !!(obj && obj.nodeType === 1);
-    },
-    isObject: function(obj) {
-      const type = typeof obj;
-      return type === "function" || type === "object" && !!obj;
-    },
-    extend: function(base) {
-      const sources = slice.call(arguments, 1);
-      for (let i = 0; i < sources.length; i++) {
-        const obj = sources[i];
-        for (let k in obj) {
-          base[k] = obj[k];
-        }
-      }
-      return base;
-    },
-    defaults: function(base) {
-      const sources = slice.call(arguments, 1);
-      for (let i = 0; i < sources.length; i++) {
-        const obj = sources[i];
-        for (let k in obj) {
-          if (base[k] === void 0) {
-            base[k] = obj[k];
-          }
-        }
-      }
-      return base;
-    },
-    each: function(obj, iteratee, context) {
-      const ctx = context || this;
-      const keys = !isArrayLike(obj) && Object.keys(obj);
-      const length = (keys || obj).length;
-      for (let i = 0; i < length; i++) {
-        const k = keys ? keys[i] : i;
-        iteratee.call(ctx, obj[k], k, obj);
-      }
-      return obj;
-    },
-    performance: root.performance && root.performance.now ? root.performance : Date
-  };
+    // src/utils/path-commands.js
+    var Commands = {
+        move: "M",
+        line: "L",
+        curve: "C",
+        arc: "A",
+        close: "Z"
+    };
 
-  // src/element.js
-  var Element = class extends Events {
-    _flagId = false;
-    _flagClassName = false;
-    _renderer = {};
-    _id = "";
-    _className = "";
-    classList = [];
-    constructor() {
-      super();
-      for (let prop in proto3) {
-        Object.defineProperty(this, prop, proto3[prop]);
-      }
-    }
-    flagReset() {
-      this._flagId = this._flagClassName = false;
-    }
-  };
-  var proto3 = {
-    renderer: {
-      enumerable: false,
-      get: function() {
-        return this._renderer;
-      }
-    },
-    id: {
-      enumerable: true,
-      get: function() {
-        return this._id;
-      },
-      set: function(v) {
-        const id = this._id;
-        if (v === this._id) {
-          return;
-        }
-        this._id = v;
-        this._flagId = true;
-        if (this.parent) {
-          delete this.parent.children.ids[id];
-          this.parent.children.ids[this._id] = this;
-        }
-      }
-    },
-    className: {
-      enumerable: true,
-      get: function() {
-        return this._className;
-      },
-      set: function(v) {
-        if (this._className !== v) {
-          this._flagClassName = true;
-          this.classList = v.split(/\s+?/);
-          this._className = v;
-        }
-      }
-    }
-  };
+    // src/utils/math.js
+    var math_exports = {};
+    __export(math_exports, {
+        HALF_PI: () => HALF_PI,
+        NumArray: () => NumArray,
+        TWO_PI: () => TWO_PI,
+        decomposeMatrix: () => decomposeMatrix,
+        getComputedMatrix: () => getComputedMatrix,
+        getPoT: () => getPoT,
+        lerp: () => lerp,
+        mod: () => mod,
+        setMatrix: () => setMatrix,
+        toFixed: () => toFixed
+    });
 
-  // src/matrix.js
-  var cos = Math.cos;
-  var sin = Math.sin;
-  var tan = Math.tan;
-  var array = [];
-  var _Matrix = class extends Events {
-    elements = new NumArray(9);
-    manual = false;
-    constructor(a, b, c, d, e, f) {
-      super();
-      let elements = a;
-      if (!Array.isArray(elements)) {
-        elements = Array.prototype.slice.call(arguments);
-      }
-      this.identity();
-      if (elements.length > 0) {
-        this.set(elements);
-      }
+    // src/utils/root.js
+    var root;
+    if (typeof window !== "undefined") {
+        root = window;
+    } else if (typeof global !== "undefined") {
+        root = global;
+    } else if (typeof self !== "undefined") {
+        root = self;
     }
-    static Multiply(A, B, C) {
-      if (B.length <= 3) {
-        const e = A;
-        let x, y, z;
-        const a = B[0] || 0, b = B[1] || 0, c = B[2] || 0;
-        x = e[0] * a + e[1] * b + e[2] * c;
-        y = e[3] * a + e[4] * b + e[5] * c;
-        z = e[6] * a + e[7] * b + e[8] * c;
-        return [x, y, z];
-      }
-      const A0 = A[0], A1 = A[1], A2 = A[2];
-      const A3 = A[3], A4 = A[4], A5 = A[5];
-      const A6 = A[6], A7 = A[7], A8 = A[8];
-      const B0 = B[0], B1 = B[1], B2 = B[2];
-      const B3 = B[3], B4 = B[4], B5 = B[5];
-      const B6 = B[6], B7 = B[7], B8 = B[8];
-      C = C || new NumArray(9);
-      C[0] = A0 * B0 + A1 * B3 + A2 * B6;
-      C[1] = A0 * B1 + A1 * B4 + A2 * B7;
-      C[2] = A0 * B2 + A1 * B5 + A2 * B8;
-      C[3] = A3 * B0 + A4 * B3 + A5 * B6;
-      C[4] = A3 * B1 + A4 * B4 + A5 * B7;
-      C[5] = A3 * B2 + A4 * B5 + A5 * B8;
-      C[6] = A6 * B0 + A7 * B3 + A8 * B6;
-      C[7] = A6 * B1 + A7 * B4 + A8 * B7;
-      C[8] = A6 * B2 + A7 * B5 + A8 * B8;
-      return C;
-    }
-    set(a, b, c, d, e, f, g, h, i) {
-      if (typeof b === "undefined") {
-        const elements = a;
-        a = elements[0];
-        b = elements[1];
-        c = elements[2];
-        d = elements[3];
-        e = elements[4];
-        f = elements[5];
-        g = elements[6];
-        h = elements[7];
-        i = elements[8];
-      }
-      this.elements[0] = a;
-      this.elements[1] = b;
-      this.elements[2] = c;
-      this.elements[3] = d;
-      this.elements[4] = e;
-      this.elements[5] = f;
-      this.elements[6] = g;
-      this.elements[7] = h;
-      this.elements[8] = i;
-      return this.trigger(Events.Types.change);
-    }
-    copy(m) {
-      this.elements[0] = m.elements[0];
-      this.elements[1] = m.elements[1];
-      this.elements[2] = m.elements[2];
-      this.elements[3] = m.elements[3];
-      this.elements[4] = m.elements[4];
-      this.elements[5] = m.elements[5];
-      this.elements[6] = m.elements[6];
-      this.elements[7] = m.elements[7];
-      this.elements[8] = m.elements[8];
-      this.manual = m.manual;
-      return this.trigger(Events.Types.change);
-    }
-    identity() {
-      this.elements[0] = _Matrix.Identity[0];
-      this.elements[1] = _Matrix.Identity[1];
-      this.elements[2] = _Matrix.Identity[2];
-      this.elements[3] = _Matrix.Identity[3];
-      this.elements[4] = _Matrix.Identity[4];
-      this.elements[5] = _Matrix.Identity[5];
-      this.elements[6] = _Matrix.Identity[6];
-      this.elements[7] = _Matrix.Identity[7];
-      this.elements[8] = _Matrix.Identity[8];
-      return this.trigger(Events.Types.change);
-    }
-    multiply(a, b, c, d, e, f, g, h, i) {
-      if (typeof b === "undefined") {
-        this.elements[0] *= a;
-        this.elements[1] *= a;
-        this.elements[2] *= a;
-        this.elements[3] *= a;
-        this.elements[4] *= a;
-        this.elements[5] *= a;
-        this.elements[6] *= a;
-        this.elements[7] *= a;
-        this.elements[8] *= a;
-        return this.trigger(Events.Types.change);
-      }
-      if (typeof c === "undefined") {
-        c = 1;
-      }
-      if (typeof d === "undefined") {
-        a = a || 0;
-        b = b || 0;
-        c = c || 0;
-        e = this.elements;
-        const x = e[0] * a + e[1] * b + e[2] * c;
-        const y = e[3] * a + e[4] * b + e[5] * c;
-        const z = e[6] * a + e[7] * b + e[8] * c;
-        return [x, y, z];
-      }
-      const A = this.elements;
-      const B = [a, b, c, d, e, f, g, h, i];
-      const A0 = A[0], A1 = A[1], A2 = A[2];
-      const A3 = A[3], A4 = A[4], A5 = A[5];
-      const A6 = A[6], A7 = A[7], A8 = A[8];
-      const B0 = B[0], B1 = B[1], B2 = B[2];
-      const B3 = B[3], B4 = B[4], B5 = B[5];
-      const B6 = B[6], B7 = B[7], B8 = B[8];
-      this.elements[0] = A0 * B0 + A1 * B3 + A2 * B6;
-      this.elements[1] = A0 * B1 + A1 * B4 + A2 * B7;
-      this.elements[2] = A0 * B2 + A1 * B5 + A2 * B8;
-      this.elements[3] = A3 * B0 + A4 * B3 + A5 * B6;
-      this.elements[4] = A3 * B1 + A4 * B4 + A5 * B7;
-      this.elements[5] = A3 * B2 + A4 * B5 + A5 * B8;
-      this.elements[6] = A6 * B0 + A7 * B3 + A8 * B6;
-      this.elements[7] = A6 * B1 + A7 * B4 + A8 * B7;
-      this.elements[8] = A6 * B2 + A7 * B5 + A8 * B8;
-      return this.trigger(Events.Types.change);
-    }
-    inverse(out) {
-      const a = this.elements;
-      out = out || new _Matrix();
-      const a00 = a[0], a01 = a[1], a02 = a[2];
-      const a10 = a[3], a11 = a[4], a12 = a[5];
-      const a20 = a[6], a21 = a[7], a22 = a[8];
-      const b01 = a22 * a11 - a12 * a21;
-      const b11 = -a22 * a10 + a12 * a20;
-      const b21 = a21 * a10 - a11 * a20;
-      let det = a00 * b01 + a01 * b11 + a02 * b21;
-      if (!det) {
-        return null;
-      }
-      det = 1 / det;
-      out.elements[0] = b01 * det;
-      out.elements[1] = (-a22 * a01 + a02 * a21) * det;
-      out.elements[2] = (a12 * a01 - a02 * a11) * det;
-      out.elements[3] = b11 * det;
-      out.elements[4] = (a22 * a00 - a02 * a20) * det;
-      out.elements[5] = (-a12 * a00 + a02 * a10) * det;
-      out.elements[6] = b21 * det;
-      out.elements[7] = (-a21 * a00 + a01 * a20) * det;
-      out.elements[8] = (a11 * a00 - a01 * a10) * det;
-      return out;
-    }
-    scale(sx, sy) {
-      const l = arguments.length;
-      if (l <= 1) {
-        sy = sx;
-      }
-      return this.multiply(sx, 0, 0, 0, sy, 0, 0, 0, 1);
-    }
-    rotate(Number2) {
-      const c = cos(Number2);
-      const s = sin(Number2);
-      return this.multiply(c, -s, 0, s, c, 0, 0, 0, 1);
-    }
-    translate(x, y) {
-      return this.multiply(1, 0, x, 0, 1, y, 0, 0, 1);
-    }
-    skewX(Number2) {
-      const a = tan(Number2);
-      return this.multiply(1, a, 0, 0, 1, 0, 0, 0, 1);
-    }
-    skewY(Number2) {
-      const a = tan(Number2);
-      return this.multiply(1, 0, 0, a, 1, 0, 0, 0, 1);
-    }
-    toString(fullMatrix) {
-      array.length = 0;
-      this.toTransformArray(fullMatrix, array);
-      return array.map(toFixed).join(" ");
-    }
-    toTransformArray(fullMatrix, output) {
-      const elements = this.elements;
-      const hasOutput = !!output;
-      const a = elements[0];
-      const b = elements[1];
-      const c = elements[2];
-      const d = elements[3];
-      const e = elements[4];
-      const f = elements[5];
-      if (fullMatrix) {
-        const g = elements[6];
-        const h = elements[7];
-        const i = elements[8];
-        if (hasOutput) {
-          output[0] = a;
-          output[1] = d;
-          output[2] = g;
-          output[3] = b;
-          output[4] = e;
-          output[5] = h;
-          output[6] = c;
-          output[7] = f;
-          output[8] = i;
-          return;
-        }
-        return [
-          a,
-          d,
-          g,
-          b,
-          e,
-          h,
-          c,
-          f,
-          i
-        ];
-      }
-      if (hasOutput) {
-        output[0] = a;
-        output[1] = d;
-        output[2] = b;
-        output[3] = e;
-        output[4] = c;
-        output[5] = f;
-        return;
-      }
-      return [
-        a,
-        d,
-        b,
-        e,
-        c,
-        f
-      ];
-    }
-    toArray(fullMatrix, output) {
-      const elements = this.elements;
-      const hasOutput = !!output;
-      const a = elements[0];
-      const b = elements[1];
-      const c = elements[2];
-      const d = elements[3];
-      const e = elements[4];
-      const f = elements[5];
-      if (fullMatrix) {
-        const g = elements[6];
-        const h = elements[7];
-        const i = elements[8];
-        if (hasOutput) {
-          output[0] = a;
-          output[1] = b;
-          output[2] = c;
-          output[3] = d;
-          output[4] = e;
-          output[5] = f;
-          output[6] = g;
-          output[7] = h;
-          output[8] = i;
-          return;
-        }
-        return [
-          a,
-          b,
-          c,
-          d,
-          e,
-          f,
-          g,
-          h,
-          i
-        ];
-      }
-      if (hasOutput) {
-        output[0] = a;
-        output[1] = b;
-        output[2] = c;
-        output[3] = d;
-        output[4] = e;
-        output[5] = f;
-        return;
-      }
-      return [
-        a,
-        b,
-        c,
-        d,
-        e,
-        f
-      ];
-    }
-    toObject() {
-      return {
-        elements: this.toArray(true),
-        manual: !!this.manual
-      };
-    }
-    clone() {
-      return new _Matrix().copy(this);
-    }
-  };
-  var Matrix2 = _Matrix;
-  __publicField(Matrix2, "Identity", [
-    1,
-    0,
-    0,
-    0,
-    1,
-    0,
-    0,
-    0,
-    1
-  ]);
-  setMatrix(Matrix2);
 
-  // src/shape.js
-  var Shape = class extends Element {
-    _flagMatrix = true;
-    _flagScale = false;
-    _matrix = null;
-    _worldMatrix = null;
-    _position = null;
-    _rotation = 0;
-    _scale = 1;
-    _skewX = 0;
-    _skewY = 0;
-    constructor() {
-      super();
-      for (let prop in proto4) {
-        Object.defineProperty(this, prop, proto4[prop]);
-      }
-      this._renderer.flagMatrix = FlagMatrix.bind(this);
-      this.isShape = true;
-      this.id = Constants.Identifier + Constants.uniqueId();
-      this.matrix = new Matrix2();
-      this.worldMatrix = new Matrix2();
-      this.position = new Vector();
-      this.rotation = 0;
-      this.scale = 1;
-      this.skewX = 0;
-      this.skewY = 0;
-    }
-    get renderer() {
-      return this._renderer;
-    }
-    set renderer(v) {
-      this._renderer = v;
-    }
-    get translation() {
-      return proto4.position.get.apply(this, arguments);
-    }
-    set translation(v) {
-      proto4.position.set.apply(this, arguments);
-    }
-    addTo(group) {
-      group.add(this);
-      return this;
-    }
-    remove() {
-      if (!this.parent) {
-        return this;
-      }
-      this.parent.remove(this);
-      return this;
-    }
-    clone(parent) {
-      const clone = new Shape();
-      clone.position.copy(this.position);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone._update();
-    }
-    _update(bubbles) {
-      if (!this._matrix.manual && this._flagMatrix) {
-        this._matrix.identity().translate(this.position.x, this.position.y);
-        if (this._scale instanceof Vector) {
-          this._matrix.scale(this._scale.x, this._scale.y);
+    // src/utils/math.js
+    var Matrix;
+    var TWO_PI = Math.PI * 2;
+    var HALF_PI = Math.PI * 0.5;
+
+    function decomposeMatrix(matrix, b, c, d, e, f) {
+        let a;
+        if (arguments.length <= 1) {
+            a = matrix.a;
+            b = matrix.b;
+            c = matrix.c;
+            d = matrix.d;
+            e = matrix.e;
+            f = matrix.f;
         } else {
-          this._matrix.scale(this._scale);
+            a = matrix;
         }
-        this._matrix.rotate(this.rotation);
-        this._matrix.skewX(this.skewX);
-        this._matrix.skewY(this.skewY);
-      }
-      if (bubbles) {
-        if (this.parent && this.parent._update) {
-          this.parent._update();
-        }
-      }
-      return this;
+        return {
+            translateX: e,
+            translateY: f,
+            scaleX: Math.sqrt(a * a + b * b),
+            scaleY: Math.sqrt(c * c + d * d),
+            rotation: 180 * Math.atan2(b, a) / Math.PI
+        };
     }
-    flagReset() {
-      this._flagMatrix = this._flagScale = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var proto4 = {
-    position: {
-      enumerable: true,
-      get: function() {
-        return this._position;
-      },
-      set: function(v) {
-        if (this._position) {
-          this._position.unbind(Events.Types.change, this._renderer.flagMatrix);
-        }
-        this._position = v;
-        this._position.bind(Events.Types.change, this._renderer.flagMatrix);
-        FlagMatrix.call(this);
-      }
-    },
-    rotation: {
-      enumerable: true,
-      get: function() {
-        return this._rotation;
-      },
-      set: function(v) {
-        this._rotation = v;
-        this._flagMatrix = true;
-      }
-    },
-    scale: {
-      enumerable: true,
-      get: function() {
-        return this._scale;
-      },
-      set: function(v) {
-        if (this._scale instanceof Vector) {
-          this._scale.unbind(Events.Types.change, this._renderer.flagMatrix);
-        }
-        this._scale = v;
-        if (this._scale instanceof Vector) {
-          this._scale.bind(Events.Types.change, this._renderer.flagMatrix);
-        }
-        this._flagMatrix = true;
-        this._flagScale = true;
-      }
-    },
-    skewX: {
-      enumerable: true,
-      get: function() {
-        return this._skewX;
-      },
-      set: function(v) {
-        this._skewX = v;
-        this._flagMatrix = true;
-      }
-    },
-    skewY: {
-      enumerable: true,
-      get: function() {
-        return this._skewY;
-      },
-      set: function(v) {
-        this._skewY = v;
-        this._flagMatrix = true;
-      }
-    },
-    matrix: {
-      enumerable: true,
-      get: function() {
-        return this._matrix;
-      },
-      set: function(v) {
-        this._matrix = v;
-        this._flagMatrix = true;
-      }
-    },
-    worldMatrix: {
-      enumerable: true,
-      get: function() {
-        getComputedMatrix(this, this._worldMatrix);
-        return this._worldMatrix;
-      },
-      set: function(v) {
-        this._worldMatrix = v;
-      }
-    }
-  };
-  function FlagMatrix() {
-    this._flagMatrix = true;
-  }
 
-  // src/collection.js
-  var Collection = class extends Array {
-    _events = new Events();
-    get _bound() {
-      return this._events._bound;
+    function setMatrix(matrix) {
+        Matrix = matrix;
     }
-    set _bound(v) {
-      this._events._bound = v;
-    }
-    addEventListener() {
-      return this._events.addEventListener.apply(this, arguments);
-    }
-    on() {
-      return this._events.on.apply(this, arguments);
-    }
-    bind() {
-      return this._events.bind.apply(this, arguments);
-    }
-    removeEventListener() {
-      return this._events.removeEventListener.apply(this, arguments);
-    }
-    off() {
-      return this._events.off.apply(this, arguments);
-    }
-    unbind() {
-      return this._events.unbind.apply(this, arguments);
-    }
-    dispatchEvent() {
-      return this._events.dispatchEvent.apply(this, arguments);
-    }
-    trigger() {
-      return this._events.trigger.apply(this, arguments);
-    }
-    listen() {
-      return this._events.listen.apply(this, arguments);
-    }
-    ignore() {
-      return this._events.ignore.apply(this, arguments);
-    }
-    constructor() {
-      super();
-      if (arguments[0] && Array.isArray(arguments[0])) {
-        if (arguments[0].length > 0) {
-          this.push.apply(this, arguments[0]);
-        }
-      } else if (arguments.length > 0) {
-        this.push.apply(this, arguments);
-      }
-    }
-    pop() {
-      const popped = super.pop.apply(this, arguments);
-      this.trigger(Events.Types.remove, [popped]);
-      return popped;
-    }
-    shift() {
-      const shifted = super.shift.apply(this, arguments);
-      this.trigger(Events.Types.remove, [shifted]);
-      return shifted;
-    }
-    push() {
-      const pushed = super.push.apply(this, arguments);
-      this.trigger(Events.Types.insert, arguments);
-      return pushed;
-    }
-    unshift() {
-      const unshifted = super.unshift.apply(this, arguments);
-      this.trigger(Events.Types.insert, arguments);
-      return unshifted;
-    }
-    splice() {
-      const spliced = super.splice.apply(this, arguments);
-      this.trigger(Events.Types.remove, spliced);
-      if (arguments.length > 2) {
-        const inserted = this.slice(arguments[0], arguments[0] + arguments.length - 2);
-        this.trigger(Events.Types.insert, inserted);
-        this.trigger(Events.Types.order);
-      }
-      return spliced;
-    }
-    sort() {
-      super.sort.apply(this, arguments);
-      this.trigger(Events.Types.order);
-      return this;
-    }
-    reverse() {
-      super.reverse.apply(this, arguments);
-      this.trigger(Events.Types.order);
-      return this;
-    }
-    indexOf() {
-      return super.indexOf.apply(this, arguments);
-    }
-    map(func, scope) {
-      const results = [];
-      for (let key = 0; key < this.length; key++) {
-        const value = this[key];
-        let result;
-        if (scope) {
-          result = func.call(scope, value, key);
-        } else {
-          result = func(value, key);
-        }
-        results.push(result);
-      }
-      return results;
-    }
-  };
 
-  // src/children.js
-  var Children = class extends Collection {
-    ids = {};
-    constructor(children) {
-      children = Array.isArray(children) ? children : Array.prototype.slice.call(arguments);
-      super(children);
-      this.attach(children);
-      this.on(Events.Types.insert, this.attach);
-      this.on(Events.Types.remove, this.detach);
-    }
-    attach(children) {
-      for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        if (child && child.id) {
-          this.ids[child.id] = child;
+    function getComputedMatrix(object, matrix) {
+        matrix = matrix && matrix.identity() || new Matrix();
+        let parent = object;
+        const matrices = [];
+        while (parent && parent._matrix) {
+            matrices.push(parent._matrix);
+            parent = parent.parent;
         }
-      }
-      return this;
-    }
-    detach(children) {
-      for (let i = 0; i < children.length; i++) {
-        delete this.ids[children[i].id];
-      }
-      return this;
-    }
-  };
-
-  // src/group.js
-  var min = Math.min;
-  var max = Math.max;
-  var _Group = class extends Shape {
-    _flagAdditions = false;
-    _flagSubtractions = false;
-    _flagOrder = false;
-    _flagOpacity = true;
-    _flagBeginning = false;
-    _flagEnding = false;
-    _flagLength = false;
-    _flagMask = false;
-    _fill = "#fff";
-    _stroke = "#000";
-    _linewidth = 1;
-    _opacity = 1;
-    _visible = true;
-    _cap = "round";
-    _join = "round";
-    _miter = 4;
-    _closed = true;
-    _curved = false;
-    _automatic = true;
-    _beginning = 0;
-    _ending = 1;
-    _length = 0;
-    _mask = null;
-    constructor(children) {
-      super();
-      for (let prop in proto5) {
-        Object.defineProperty(this, prop, proto5[prop]);
-      }
-      this._renderer.type = "group";
-      this.additions = [];
-      this.subtractions = [];
-      this.children = Array.isArray(children) ? children : Array.prototype.slice.call(arguments);
-    }
-    static InsertChildren(children) {
-      for (let i = 0; i < children.length; i++) {
-        replaceParent.call(this, children[i], this);
-      }
-    }
-    static RemoveChildren(children) {
-      for (let i = 0; i < children.length; i++) {
-        replaceParent.call(this, children[i]);
-      }
-    }
-    static OrderChildren(children) {
-      this._flagOrder = true;
-    }
-    clone(parent) {
-      const clone = new _Group();
-      const children = this.children.map(function(child) {
-        return child.clone();
-      });
-      clone.add(children);
-      clone.opacity = this.opacity;
-      if (this.mask) {
-        clone.mask = this.mask;
-      }
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.className = this.className;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone._update();
-    }
-    toObject() {
-      const result = {
-        children: [],
-        translation: this.translation.toObject(),
-        rotation: this.rotation,
-        scale: this.scale instanceof Vector ? this.scale.toObject() : this.scale,
-        opacity: this.opacity,
-        className: this.className,
-        mask: this.mask ? this.mask.toObject() : null
-      };
-      if (this.matrix.manual) {
-        result.matrix = this.matrix.toObject();
-      }
-      _.each(this.children, function(child, i) {
-        result.children[i] = child.toObject();
-      }, this);
-      return result;
-    }
-    corner() {
-      const rect = this.getBoundingClientRect(true);
-      for (let i = 0; i < this.children.length; i++) {
-        const child = this.children[i];
-        child.translation.x -= rect.left;
-        child.translation.y -= rect.top;
-      }
-      if (this.mask) {
-        this.mask.translation.x -= rect.left;
-        this.mask.translation.y -= rect.top;
-      }
-      return this;
-    }
-    center() {
-      const rect = this.getBoundingClientRect(true);
-      const cx = rect.left + rect.width / 2 - this.translation.x;
-      const cy = rect.top + rect.height / 2 - this.translation.y;
-      for (let i = 0; i < this.children.length; i++) {
-        const child = this.children[i];
-        if (child.isShape) {
-          child.translation.x -= cx;
-          child.translation.y -= cy;
-        }
-      }
-      if (this.mask) {
-        this.mask.translation.x -= cx;
-        this.mask.translation.y -= cy;
-      }
-      return this;
-    }
-    getById(id) {
-      let found = null;
-      function search(node) {
-        if (node.id === id) {
-          return node;
-        } else if (node.children) {
-          for (let i = 0; i < node.children.length; i++) {
-            found = search(node.children[i]);
-            if (found) {
-              return found;
-            }
-          }
-        }
-        return null;
-      }
-      return search(this);
-    }
-    getByClassName(className) {
-      const found = [];
-      function search(node) {
-        if (Array.prototype.indexOf.call(node.classList, className) >= 0) {
-          found.push(node);
-        }
-        if (node.children) {
-          for (let i = 0; i < node.children.length; i++) {
-            const child = node.children[i];
-            search(child);
-          }
-        }
-        return found;
-      }
-      return search(this);
-    }
-    getByType(type) {
-      const found = [];
-      function search(node) {
-        if (node instanceof type) {
-          found.push(node);
-        }
-        if (node.children) {
-          for (let i = 0; i < node.children.length; i++) {
-            const child = node.children[i];
-            search(child);
-          }
-        }
-        return found;
-      }
-      return search(this);
-    }
-    add(objects) {
-      if (!(objects instanceof Array)) {
-        objects = Array.prototype.slice.call(arguments);
-      } else {
-        objects = objects.slice();
-      }
-      for (let i = 0; i < objects.length; i++) {
-        const child = objects[i];
-        if (!(child && child.id)) {
-          continue;
-        }
-        const index = Array.prototype.indexOf.call(this.children, child);
-        if (index >= 0) {
-          this.children.splice(index, 1);
-        }
-        this.children.push(child);
-      }
-      return this;
-    }
-    remove(objects) {
-      const l = arguments.length, grandparent = this.parent;
-      if (l <= 0 && grandparent) {
-        grandparent.remove(this);
-        return this;
-      }
-      if (!(objects instanceof Array)) {
-        objects = Array.prototype.slice.call(arguments);
-      } else {
-        objects = objects.slice();
-      }
-      for (let i = 0; i < objects.length; i++) {
-        const object = objects[i];
-        if (!object || !this.children.ids[object.id]) {
-          continue;
-        }
-        const index = this.children.indexOf(object);
-        if (index >= 0) {
-          this.children.splice(index, 1);
-        }
-      }
-      return this;
-    }
-    getBoundingClientRect(shallow) {
-      let rect, matrix, tc, lc, rc, bc;
-      this._update(true);
-      let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity;
-      const regex3 = /texture|gradient/i;
-      matrix = shallow ? this.matrix : this.worldMatrix;
-      for (let i = 0; i < this.children.length; i++) {
-        const child = this.children[i];
-        if (!child.visible || regex3.test(child._renderer.type)) {
-          continue;
-        }
-        rect = child.getBoundingClientRect(shallow);
-        tc = typeof rect.top !== "number" || _.isNaN(rect.top) || !isFinite(rect.top);
-        lc = typeof rect.left !== "number" || _.isNaN(rect.left) || !isFinite(rect.left);
-        rc = typeof rect.right !== "number" || _.isNaN(rect.right) || !isFinite(rect.right);
-        bc = typeof rect.bottom !== "number" || _.isNaN(rect.bottom) || !isFinite(rect.bottom);
-        if (tc || lc || rc || bc) {
-          continue;
-        }
-        if (shallow) {
-          const [ax, ay] = matrix.multiply(rect.left, rect.top);
-          const [bx, by] = matrix.multiply(rect.right, rect.top);
-          const [cx, cy] = matrix.multiply(rect.left, rect.bottom);
-          const [dx, dy] = matrix.multiply(rect.right, rect.bottom);
-          top = min(ay, by, cy, dy);
-          left = min(ax, bx, cx, dx);
-          right = max(ax, bx, cx, dx);
-          bottom = max(ay, by, cy, dy);
-        } else {
-          top = min(rect.top, top);
-          left = min(rect.left, left);
-          right = max(rect.right, right);
-          bottom = max(rect.bottom, bottom);
-        }
-      }
-      return {
-        top,
-        left,
-        right,
-        bottom,
-        width: right - left,
-        height: bottom - top
-      };
-    }
-    noFill() {
-      this.children.forEach(function(child) {
-        child.noFill();
-      });
-      return this;
-    }
-    noStroke() {
-      this.children.forEach(function(child) {
-        child.noStroke();
-      });
-      return this;
-    }
-    subdivide() {
-      const args = arguments;
-      this.children.forEach(function(child) {
-        child.subdivide.apply(child, args);
-      });
-      return this;
-    }
-    _update() {
-      let i, l, child;
-      if (this._flagBeginning || this._flagEnding) {
-        const beginning = Math.min(this._beginning, this._ending);
-        const ending = Math.max(this._beginning, this._ending);
-        const length = this.length;
-        let sum = 0;
-        const bd = beginning * length;
-        const ed = ending * length;
-        for (i = 0; i < this.children.length; i++) {
-          child = this.children[i];
-          l = child.length;
-          if (bd > sum + l) {
-            child.beginning = 1;
-            child.ending = 1;
-          } else if (ed < sum) {
-            child.beginning = 0;
-            child.ending = 0;
-          } else if (bd > sum && bd < sum + l) {
-            child.beginning = (bd - sum) / l;
-            child.ending = 1;
-          } else if (ed > sum && ed < sum + l) {
-            child.beginning = 0;
-            child.ending = (ed - sum) / l;
-          } else {
-            child.beginning = 0;
-            child.ending = 1;
-          }
-          sum += l;
-        }
-      }
-      return super._update.apply(this, arguments);
-    }
-    flagReset() {
-      if (this._flagAdditions) {
-        this.additions.length = 0;
-        this._flagAdditions = false;
-      }
-      if (this._flagSubtractions) {
-        this.subtractions.length = 0;
-        this._flagSubtractions = false;
-      }
-      this._flagOrder = this._flagMask = this._flagOpacity = this._flagBeginning = this._flagEnding = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var Group = _Group;
-  __publicField(Group, "Children", Children);
-  __publicField(Group, "Properties", [
-    "fill",
-    "stroke",
-    "linewidth",
-    "cap",
-    "join",
-    "miter",
-    "closed",
-    "curved",
-    "automatic"
-  ]);
-  var proto5 = {
-    visible: {
-      enumerable: true,
-      get: function() {
-        return this._visible;
-      },
-      set: function(v) {
-        this._flagVisible = this._visible !== v || this._flagVisible;
-        this._visible = v;
-      }
-    },
-    opacity: {
-      enumerable: true,
-      get: function() {
-        return this._opacity;
-      },
-      set: function(v) {
-        this._flagOpacity = this._opacity !== v || this._flagOpacity;
-        this._opacity = v;
-      }
-    },
-    beginning: {
-      enumerable: true,
-      get: function() {
-        return this._beginning;
-      },
-      set: function(v) {
-        this._flagBeginning = this._beginning !== v || this._flagBeginning;
-        this._beginning = v;
-      }
-    },
-    ending: {
-      enumerable: true,
-      get: function() {
-        return this._ending;
-      },
-      set: function(v) {
-        this._flagEnding = this._ending !== v || this._flagEnding;
-        this._ending = v;
-      }
-    },
-    length: {
-      enumerable: true,
-      get: function() {
-        if (this._flagLength || this._length <= 0) {
-          this._length = 0;
-          if (!this.children) {
-            return this._length;
-          }
-          for (let i = 0; i < this.children.length; i++) {
-            const child = this.children[i];
-            this._length += child.length;
-          }
-        }
-        return this._length;
-      }
-    },
-    fill: {
-      enumerable: true,
-      get: function() {
-        return this._fill;
-      },
-      set: function(v) {
-        this._fill = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.fill = v;
-        }
-      }
-    },
-    stroke: {
-      enumerable: true,
-      get: function() {
-        return this._stroke;
-      },
-      set: function(v) {
-        this._stroke = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.stroke = v;
-        }
-      }
-    },
-    linewidth: {
-      enumerable: true,
-      get: function() {
-        return this._linewidth;
-      },
-      set: function(v) {
-        this._linewidth = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.linewidth = v;
-        }
-      }
-    },
-    join: {
-      enumerable: true,
-      get: function() {
-        return this._join;
-      },
-      set: function(v) {
-        this._join = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.join = v;
-        }
-      }
-    },
-    miter: {
-      enumerable: true,
-      get: function() {
-        return this._miter;
-      },
-      set: function(v) {
-        this._miter = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.miter = v;
-        }
-      }
-    },
-    cap: {
-      enumerable: true,
-      get: function() {
-        return this._cap;
-      },
-      set: function(v) {
-        this._cap = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.cap = v;
-        }
-      }
-    },
-    closed: {
-      enumerable: true,
-      get: function() {
-        return this._closed;
-      },
-      set: function(v) {
-        this._closed = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.closed = v;
-        }
-      }
-    },
-    curved: {
-      enumerable: true,
-      get: function() {
-        return this._curved;
-      },
-      set: function(v) {
-        this._curved = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.curved = v;
-        }
-      }
-    },
-    automatic: {
-      enumerable: true,
-      get: function() {
-        return this._automatic;
-      },
-      set: function(v) {
-        this._automatic = v;
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          child.automatic = v;
-        }
-      }
-    },
-    children: {
-      enumerable: true,
-      get: function() {
-        return this._children;
-      },
-      set: function(children) {
-        const insertChildren = Group.InsertChildren.bind(this);
-        const removeChildren = Group.RemoveChildren.bind(this);
-        const orderChildren = Group.OrderChildren.bind(this);
-        if (this._children) {
-          this._children.unbind();
-          if (this._children.length > 0) {
-            removeChildren(this._children);
-          }
-        }
-        this._children = new Children(children);
-        this._children.bind(Events.Types.insert, insertChildren);
-        this._children.bind(Events.Types.remove, removeChildren);
-        this._children.bind(Events.Types.order, orderChildren);
-        if (children.length > 0) {
-          insertChildren(children);
-        }
-      }
-    },
-    mask: {
-      enumerable: true,
-      get: function() {
-        return this._mask;
-      },
-      set: function(v) {
-        this._mask = v;
-        this._flagMask = true;
-        if (_.isObject(v) && !v.clip) {
-          v.clip = true;
-        }
-      }
-    }
-  };
-  function replaceParent(child, newParent) {
-    const parent = child.parent;
-    let index;
-    if (parent === newParent) {
-      add();
-      return;
-    }
-    if (parent && parent.children.ids[child.id]) {
-      index = Array.prototype.indexOf.call(parent.children, child);
-      parent.children.splice(index, 1);
-      splice();
-    }
-    if (newParent) {
-      add();
-      return;
-    }
-    splice();
-    if (parent._flagAdditions && parent.additions.length === 0) {
-      parent._flagAdditions = false;
-    }
-    if (parent._flagSubtractions && parent.subtractions.length === 0) {
-      parent._flagSubtractions = false;
-    }
-    delete child.parent;
-    function add() {
-      if (newParent.subtractions.length > 0) {
-        index = Array.prototype.indexOf.call(newParent.subtractions, child);
-        if (index >= 0) {
-          newParent.subtractions.splice(index, 1);
-        }
-      }
-      if (newParent.additions.length > 0) {
-        index = Array.prototype.indexOf.call(newParent.additions, child);
-        if (index >= 0) {
-          newParent.additions.splice(index, 1);
-        }
-      }
-      child.parent = newParent;
-      newParent.additions.push(child);
-      newParent._flagAdditions = true;
-    }
-    function splice() {
-      index = Array.prototype.indexOf.call(parent.additions, child);
-      if (index >= 0) {
-        parent.additions.splice(index, 1);
-      }
-      index = Array.prototype.indexOf.call(parent.subtractions, child);
-      if (index < 0) {
-        parent.subtractions.push(child);
-        parent._flagSubtractions = true;
-      }
-    }
-  }
-
-  // src/renderers/canvas.js
-  var emptyArray = [];
-  var max2 = Math.max;
-  var min2 = Math.min;
-  var abs = Math.abs;
-  var sin2 = Math.sin;
-  var cos2 = Math.cos;
-  var acos = Math.acos;
-  var sqrt = Math.sqrt;
-  var canvas = {
-    isHidden: /(undefined|none|transparent)/i,
-    alignments: {
-      left: "start",
-      middle: "center",
-      right: "end"
-    },
-    shim: function(elem, name) {
-      elem.tagName = elem.nodeName = name || "canvas";
-      elem.nodeType = 1;
-      elem.getAttribute = function(prop) {
-        return this[prop];
-      };
-      elem.setAttribute = function(prop, val) {
-        this[prop] = val;
-        return this;
-      };
-      return elem;
-    },
-    group: {
-      renderChild: function(child) {
-        canvas[child._renderer.type].render.call(child, this.ctx, true, this.clip);
-      },
-      render: function(ctx) {
-        if (!this._visible) {
-          return this;
-        }
-        this._update();
-        const matrix = this._matrix.elements;
-        const parent = this.parent;
-        this._renderer.opacity = this._opacity * (parent && parent._renderer ? parent._renderer.opacity : 1);
-        const mask = this._mask;
-        const defaultMatrix = isDefaultMatrix(matrix);
-        const shouldIsolate = !defaultMatrix || !!mask;
-        if (!this._renderer.context) {
-          this._renderer.context = {};
-        }
-        this._renderer.context.ctx = ctx;
-        if (shouldIsolate) {
-          ctx.save();
-          if (!defaultMatrix) {
-            ctx.transform(
-              matrix[0],
-              matrix[3],
-              matrix[1],
-              matrix[4],
-              matrix[2],
-              matrix[5]
+        matrices.reverse();
+        for (let i = 0; i < matrices.length; i++) {
+            const m = matrices[i];
+            const e = m.elements;
+            matrix.multiply(
+                e[0],
+                e[1],
+                e[2],
+                e[3],
+                e[4],
+                e[5],
+                e[6],
+                e[7],
+                e[8],
+                e[9]
             );
-          }
         }
-        if (mask) {
-          canvas[mask._renderer.type].render.call(mask, ctx, true);
+        return matrix;
+    }
+
+    function lerp(a, b, t) {
+        return t * (b - a) + a;
+    }
+
+    var pots = [2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096];
+
+    function getPoT(value) {
+        let i = 0;
+        while (pots[i] && pots[i] < value) {
+            i++;
         }
-        if (this._opacity > 0 && this._scale !== 0) {
-          for (let i = 0; i < this.children.length; i++) {
-            const child = this.children[i];
-            canvas[child._renderer.type].render.call(child, ctx);
-          }
+        return pots[i];
+    }
+
+    function mod(v, l) {
+        while (v < 0) {
+            v += l;
         }
-        if (shouldIsolate) {
-          ctx.restore();
+        return v % l;
+    }
+
+    var NumArray = root.Float32Array || Array;
+    var floor = Math.floor;
+
+    function toFixed(v) {
+        return floor(v * 1e6) / 1e6;
+    }
+
+    // src/utils/curves.js
+    var curves_exports = {};
+    __export(curves_exports, {
+        Curve: () => Curve,
+        getAnchorsFromArcData: () => getAnchorsFromArcData,
+        getComponentOnCubicBezier: () => getComponentOnCubicBezier,
+        getControlPoints: () => getControlPoints,
+        getCurveBoundingBox: () => getCurveBoundingBox,
+        getCurveFromPoints: () => getCurveFromPoints,
+        getCurveLength: () => getCurveLength,
+        getReflection: () => getReflection,
+        integrate: () => integrate,
+        subdivide: () => subdivide
+    });
+
+    // src/events.js
+    var Events = class {
+        _events = {};
+        _bound = false;
+
+        constructor() {
         }
-        return this.flagReset();
-      }
-    },
-    path: {
-      render: function(ctx, forced, parentClipped) {
-        let matrix, stroke, linewidth, fill, opacity, visible, cap, join, miter, closed2, commands, length, last, prev, a, b, c, d, ux, uy, vx, vy, ar, bl, br, cl, x, y, mask, clip, defaultMatrix, isOffset, dashes, po;
-        po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
-        mask = this._mask;
-        clip = this._clip;
-        opacity = this._opacity * (po || 1);
-        visible = this._visible;
-        if (!forced && (!visible || clip || opacity === 0)) {
-          return this;
+
+        addEventListener(name, handler) {
+            const list = this._events[name] || (this._events[name] = []);
+            list.push(handler);
+            this._bound = true;
+            return this;
         }
-        this._update();
-        matrix = this._matrix.elements;
-        stroke = this._stroke;
-        linewidth = this._linewidth;
-        fill = this._fill;
-        cap = this._cap;
-        join = this._join;
-        miter = this._miter;
-        closed2 = this._closed;
-        commands = this._renderer.vertices;
-        length = commands.length;
-        last = length - 1;
-        defaultMatrix = isDefaultMatrix(matrix);
-        dashes = this.dashes;
-        if (!defaultMatrix) {
-          ctx.save();
-          ctx.transform(matrix[0], matrix[3], matrix[1], matrix[4], matrix[2], matrix[5]);
+
+        on() {
+            return this.addEventListener.apply(this, arguments);
         }
-        if (mask) {
-          canvas[mask._renderer.type].render.call(mask, ctx, true);
+
+        bind() {
+            return this.addEventListener.apply(this, arguments);
         }
-        if (fill) {
-          if (typeof fill === "string") {
-            ctx.fillStyle = fill;
-          } else {
-            canvas[fill._renderer.type].render.call(fill, ctx, this);
-            ctx.fillStyle = fill._renderer.effect;
-          }
+
+        removeEventListener(name, handler) {
+            if (!this._events) {
+                return this;
+            }
+            if (!name && !handler) {
+                this._events = {};
+                this._bound = false;
+                return this;
+            }
+            const names = name ? [name] : Object.keys(this._events);
+            for (let i = 0, l = names.length; i < l; i++) {
+                name = names[i];
+                let list = this._events[name];
+                if (list) {
+                    let events = [];
+                    if (handler) {
+                        for (let j = 0, k = list.length; j < k; j++) {
+                            let e = list[j];
+                            e = e.handler ? e.handler : e;
+                            if (handler !== e) {
+                                events.push(e);
+                            }
+                        }
+                    }
+                    this._events[name] = events;
+                }
+            }
+            return this;
         }
-        if (stroke) {
-          if (typeof stroke === "string") {
-            ctx.strokeStyle = stroke;
-          } else {
-            canvas[stroke._renderer.type].render.call(stroke, ctx, this);
-            ctx.strokeStyle = stroke._renderer.effect;
-          }
-          if (linewidth) {
-            ctx.lineWidth = linewidth;
-          }
-          if (miter) {
-            ctx.miterLimit = miter;
-          }
-          if (join) {
-            ctx.lineJoin = join;
-          }
-          if (!closed2 && cap) {
-            ctx.lineCap = cap;
-          }
+
+        off() {
+            return this.removeEventListener.apply(this, arguments);
         }
-        if (typeof opacity === "number") {
-          ctx.globalAlpha = opacity;
+
+        unbind() {
+            return this.removeEventListener.apply(this, arguments);
         }
-        if (dashes && dashes.length > 0) {
-          ctx.lineDashOffset = dashes.offset || 0;
-          ctx.setLineDash(dashes);
+
+        dispatchEvent(name) {
+            if (!this._events) {
+                return this;
+            }
+            const args = Array.prototype.slice.call(arguments, 1);
+            const events = this._events[name];
+            if (events) {
+                for (let i = 0; i < events.length; i++) {
+                    events[i].call(this, ...args);
+                }
+            }
+            return this;
         }
-        ctx.beginPath();
-        let rx, ry, xAxisRotation, largeArcFlag, sweepFlag, ax, ay;
-        for (let i = 0; i < length; i++) {
-          b = commands[i];
-          x = b.x;
-          y = b.y;
-          switch (b.command) {
-            case Commands.close:
-              ctx.closePath();
-              break;
-            case Commands.arc:
-              rx = b.rx;
-              ry = b.ry;
-              xAxisRotation = b.xAxisRotation;
-              largeArcFlag = b.largeArcFlag;
-              sweepFlag = b.sweepFlag;
-              prev = closed2 ? mod(i - 1, length) : max2(i - 1, 0);
-              a = commands[prev];
-              ax = a.x;
-              ay = a.y;
-              canvas.renderSvgArcCommand(
+
+        trigger() {
+            return this.dispatchEvent.apply(this, arguments);
+        }
+
+        listen(obj, name, handler) {
+            const scope = this;
+            if (obj) {
+                e.obj = obj;
+                e.name = name;
+                e.handler = handler;
+                obj.on(name, e);
+            }
+
+            function e() {
+                handler.apply(scope, arguments);
+            }
+
+            return scope;
+        }
+
+        ignore(obj, name, handler) {
+            obj.off(name, handler);
+            return this;
+        }
+    };
+    __publicField(Events, "Types", {
+        play: "play",
+        pause: "pause",
+        update: "update",
+        render: "render",
+        resize: "resize",
+        change: "change",
+        remove: "remove",
+        insert: "insert",
+        order: "order",
+        load: "load"
+    });
+    __publicField(Events, "Methods", [
+        "addEventListener",
+        "on",
+        "removeEventListener",
+        "off",
+        "unbind",
+        "dispatchEvent",
+        "trigger",
+        "listen",
+        "ignore"
+    ]);
+
+    // src/vector.js
+    var proto = {
+        x: {
+            enumerable: true,
+            get: function () {
+                return this._x;
+            },
+            set: function (v) {
+                if (this._x !== v) {
+                    this._x = v;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        },
+        y: {
+            enumerable: true,
+            get: function () {
+                return this._y;
+            },
+            set: function (v) {
+                if (this._y !== v) {
+                    this._y = v;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        }
+    };
+    var _Vector = class extends Events {
+        _x = 0;
+        _y = 0;
+
+        constructor(x = 0, y = 0) {
+            super();
+            for (let prop in proto) {
+                Object.defineProperty(this, prop, proto[prop]);
+            }
+            this.x = x;
+            this.y = y;
+        }
+
+        static add(v1, v2) {
+            return new _Vector(v1.x + v2.x, v1.y + v2.y);
+        }
+
+        static sub(v1, v2) {
+            return new _Vector(v1.x - v2.x, v1.y - v2.y);
+        }
+
+        static subtract(v1, v2) {
+            return _Vector.sub(v1, v2);
+        }
+
+        static ratioBetween(v1, v2) {
+            return (v1.x * v2.x + v1.y * v2.y) / (v1.length() * v2.length());
+        }
+
+        static angleBetween(v1, v2) {
+            if (arguments.length >= 4) {
+                const dx2 = arguments[0] - arguments[2];
+                const dy2 = arguments[1] - arguments[3];
+                return Math.atan2(dy2, dx2);
+            }
+            const dx = v1.x - v2.x;
+            const dy = v1.y - v2.y;
+            return Math.atan2(dy, dx);
+        }
+
+        static distanceBetween(v1, v2) {
+            return Math.sqrt(_Vector.distanceBetweenSquared(v1, v2));
+        }
+
+        static distanceBetweenSquared(v1, v2) {
+            const dx = v1.x - v2.x;
+            const dy = v1.y - v2.y;
+            return dx * dx + dy * dy;
+        }
+
+        set(x, y) {
+            this.x = x;
+            this.y = y;
+            return this;
+        }
+
+        copy(v) {
+            this.x = v.x;
+            this.y = v.y;
+            return this;
+        }
+
+        clear() {
+            this.x = 0;
+            this.y = 0;
+            return this;
+        }
+
+        clone() {
+            return new _Vector(this.x, this.y);
+        }
+
+        add(x, y) {
+            if (arguments.length <= 0) {
+                return this;
+            } else if (arguments.length <= 1) {
+                if (typeof x === "number") {
+                    this.x += x;
+                    this.y += x;
+                } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+                    this.x += x.x;
+                    this.y += x.y;
+                }
+            } else {
+                this.x += x;
+                this.y += y;
+            }
+            return this;
+        }
+
+        addSelf(v) {
+            return this.add.apply(this, arguments);
+        }
+
+        sub(x, y) {
+            if (arguments.length <= 0) {
+                return this;
+            } else if (arguments.length <= 1) {
+                if (typeof x === "number") {
+                    this.x -= x;
+                    this.y -= x;
+                } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+                    this.x -= x.x;
+                    this.y -= x.y;
+                }
+            } else {
+                this.x -= x;
+                this.y -= y;
+            }
+            return this;
+        }
+
+        subtract() {
+            return this.sub.apply(this, arguments);
+        }
+
+        subSelf(v) {
+            return this.sub.apply(this, arguments);
+        }
+
+        subtractSelf(v) {
+            return this.sub.apply(this, arguments);
+        }
+
+        multiply(x, y) {
+            if (arguments.length <= 0) {
+                return this;
+            } else if (arguments.length <= 1) {
+                if (typeof x === "number") {
+                    this.x *= x;
+                    this.y *= x;
+                } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+                    this.x *= x.x;
+                    this.y *= x.y;
+                }
+            } else {
+                this.x *= x;
+                this.y *= y;
+            }
+            return this;
+        }
+
+        multiplySelf(v) {
+            return this.multiply.apply(this, arguments);
+        }
+
+        multiplyScalar(s) {
+            return this.multiply(s);
+        }
+
+        divide(x, y) {
+            if (arguments.length <= 0) {
+                return this;
+            } else if (arguments.length <= 1) {
+                if (typeof x === "number") {
+                    this.x /= x;
+                    this.y /= x;
+                } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+                    this.x /= x.x;
+                    this.y /= x.y;
+                }
+            } else {
+                this.x /= x;
+                this.y /= y;
+            }
+            if (isNaN(this.x)) {
+                this.x = 0;
+            }
+            if (isNaN(this.y)) {
+                this.y = 0;
+            }
+            return this;
+        }
+
+        divideSelf(v) {
+            return this.divide.apply(this, arguments);
+        }
+
+        divideScalar(s) {
+            return this.divide(s);
+        }
+
+        negate() {
+            return this.multiply(-1);
+        }
+
+        dot(v) {
+            return this.x * v.x + this.y * v.y;
+        }
+
+        length() {
+            return Math.sqrt(this.lengthSquared());
+        }
+
+        lengthSquared() {
+            return this.x * this.x + this.y * this.y;
+        }
+
+        normalize() {
+            return this.divideScalar(this.length());
+        }
+
+        distanceTo(v) {
+            return Math.sqrt(this.distanceToSquared(v));
+        }
+
+        distanceToSquared(v) {
+            const dx = this.x - v.x;
+            const dy = this.y - v.y;
+            return dx * dx + dy * dy;
+        }
+
+        setLength(l) {
+            return this.normalize().multiplyScalar(l);
+        }
+
+        equals(v, eps) {
+            eps = typeof eps === "undefined" ? 1e-4 : eps;
+            return this.distanceTo(v) < eps;
+        }
+
+        lerp(v, t) {
+            const x = (v.x - this.x) * t + this.x;
+            const y = (v.y - this.y) * t + this.y;
+            return this.set(x, y);
+        }
+
+        isZero(eps) {
+            eps = typeof eps === "undefined" ? 1e-4 : eps;
+            return this.length() < eps;
+        }
+
+        toString() {
+            return this.x + ", " + this.y;
+        }
+
+        toObject() {
+            return {x: this.x, y: this.y};
+        }
+
+        rotate(radians) {
+            const x = this.x;
+            const y = this.y;
+            const cos7 = Math.cos(radians);
+            const sin7 = Math.sin(radians);
+            this.x = x * cos7 - y * sin7;
+            this.y = x * sin7 + y * cos7;
+            return this;
+        }
+    };
+    var Vector = _Vector;
+    __publicField(Vector, "zero", new _Vector());
+    __publicField(Vector, "left", new _Vector(-1, 0));
+    __publicField(Vector, "right", new _Vector(1, 0));
+    __publicField(Vector, "up", new _Vector(0, -1));
+    __publicField(Vector, "down", new _Vector(0, 1));
+
+    // src/anchor.js
+    var Anchor = class extends Vector {
+        controls = {
+            left: new Vector(),
+            right: new Vector()
+        };
+        _command = Commands.move;
+        _relative = true;
+        _rx = 0;
+        _ry = 0;
+        _xAxisRotation = 0;
+        _largeArcFlag = 0;
+        _sweepFlag = 1;
+
+        constructor(x = 0, y = 0, ax = 0, ay = 0, bx = 0, by = 0, command = Commands.move) {
+            super(x, y);
+            for (let prop in proto2) {
+                Object.defineProperty(this, prop, proto2[prop]);
+            }
+            this.command = command;
+            this.relative = true;
+            const broadcast = Anchor.makeBroadcast(this);
+            this.controls.left.set(ax, ay).addEventListener(Events.Types.change, broadcast);
+            this.controls.right.set(bx, by).addEventListener(Events.Types.change, broadcast);
+        }
+
+        static makeBroadcast(scope) {
+            return broadcast;
+
+            function broadcast() {
+                if (scope._bound) {
+                    scope.dispatchEvent(Events.Types.change);
+                }
+            }
+        }
+
+        copy(v) {
+            this.x = v.x;
+            this.y = v.y;
+            if (typeof v.command === "string") {
+                this.command = v.command;
+            }
+            if (v.controls) {
+                if (v.controls.left) {
+                    this.controls.left.copy(v.controls.left);
+                }
+                if (v.controls.right) {
+                    this.controls.right.copy(v.controls.right);
+                }
+            }
+            if (typeof v.relative === "boolean") {
+                this.relative = v.relative;
+            }
+            if (typeof v.rx === "number") {
+                this.rx = v.rx;
+            }
+            if (typeof v.ry === "number") {
+                this.ry = v.ry;
+            }
+            if (typeof v.xAxisRotation === "number") {
+                this.xAxisRotation = v.xAxisRotation;
+            }
+            if (typeof v.largeArcFlag === "number") {
+                this.largeArcFlag = v.largeArcFlag;
+            }
+            if (typeof v.sweepFlag === "number") {
+                this.sweepFlag = v.sweepFlag;
+            }
+            return this;
+        }
+
+        clone() {
+            return new Anchor().copy(this);
+        }
+
+        toObject() {
+            return {
+                x: this.x,
+                y: this.y,
+                command: this.command,
+                relative: this.relative,
+                controls: {
+                    left: this.controls.left.toObject(),
+                    right: this.controls.right.toObject()
+                },
+                rx: this.rx,
+                ry: this.ry,
+                xAxisRotation: this.xAxisRotation,
+                largeArcFlag: this.largeArcFlag,
+                sweepFlag: this.sweepFlag
+            };
+        }
+
+        toString() {
+            return JSON.stringify(this.toObject());
+        }
+    };
+    var proto2 = {
+        command: {
+            enumerable: true,
+            get: function () {
+                return this._command;
+            },
+            set: function (command) {
+                if (this._command !== command) {
+                    this._command = command;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        },
+        relative: {
+            enumerable: true,
+            get: function () {
+                return this._relative;
+            },
+            set: function (relative) {
+                if (this._relative !== !!relative) {
+                    this._relative = !!relative;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        },
+        rx: {
+            enumerable: true,
+            get: function () {
+                return this._rx;
+            },
+            set: function (rx) {
+                if (this._rx !== rx) {
+                    this._rx = rx;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        },
+        ry: {
+            enumerable: true,
+            get: function () {
+                return this._ry;
+            },
+            set: function (ry) {
+                if (this._ry !== ry) {
+                    this._ry = ry;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        },
+        xAxisRotation: {
+            enumerable: true,
+            get: function () {
+                return this._xAxisRotation;
+            },
+            set: function (xAxisRotation) {
+                if (this._xAxisRotation !== xAxisRotation) {
+                    this._xAxisRotation = xAxisRotation;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        },
+        largeArcFlag: {
+            enumerable: true,
+            get: function () {
+                return this._largeArcFlag;
+            },
+            set: function (largeArcFlag) {
+                if (this._largeArcFlag !== largeArcFlag) {
+                    this._largeArcFlag = largeArcFlag;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        },
+        sweepFlag: {
+            get: function () {
+                return this._sweepFlag;
+            },
+            set: function (sweepFlag) {
+                if (this._sweepFlag !== sweepFlag) {
+                    this._sweepFlag = sweepFlag;
+                    if (this._bound) {
+                        this.dispatchEvent(Events.Types.change);
+                    }
+                }
+            }
+        }
+    };
+
+    // src/constants.js
+    var count = 0;
+    var Constants = {
+        nextFrameID: null,
+        Types: {
+            webgl: "WebGLRenderer",
+            svg: "SVGRenderer",
+            canvas: "CanvasRenderer"
+        },
+        Version: "v0.8.12",
+        PublishDate: "2023-10-16T17:55:26.551Z",
+        Identifier: "two-",
+        Resolution: 12,
+        AutoCalculateImportedMatrices: true,
+        Instances: [],
+        uniqueId: function () {
+            return count++;
+        }
+    };
+
+    // src/utils/curves.js
+    var Curve = {
+        CollinearityEpsilon: Math.pow(10, -30),
+        RecursionLimit: 16,
+        CuspLimit: 0,
+        Tolerance: {
+            distance: 0.25,
+            angle: 0,
+            epsilon: Number.EPSILON
+        },
+        abscissas: [
+            [0.5773502691896257],
+            [0, 0.7745966692414834],
+            [0.33998104358485626, 0.8611363115940526],
+            [0, 0.5384693101056831, 0.906179845938664],
+            [0.2386191860831969, 0.6612093864662645, 0.932469514203152],
+            [0, 0.4058451513773972, 0.7415311855993945, 0.9491079123427585],
+            [0.1834346424956498, 0.525532409916329, 0.7966664774136267, 0.9602898564975363],
+            [0, 0.3242534234038089, 0.6133714327005904, 0.8360311073266358, 0.9681602395076261],
+            [0.14887433898163122, 0.4333953941292472, 0.6794095682990244, 0.8650633666889845, 0.9739065285171717],
+            [0, 0.26954315595234496, 0.5190961292068118, 0.7301520055740494, 0.8870625997680953, 0.978228658146057],
+            [0.1252334085114689, 0.3678314989981802, 0.5873179542866175, 0.7699026741943047, 0.9041172563704749, 0.9815606342467192],
+            [0, 0.2304583159551348, 0.44849275103644687, 0.6423493394403402, 0.8015780907333099, 0.9175983992229779, 0.9841830547185881],
+            [0.10805494870734367, 0.31911236892788974, 0.5152486363581541, 0.6872929048116855, 0.827201315069765, 0.9284348836635735, 0.9862838086968123],
+            [0, 0.20119409399743451, 0.3941513470775634, 0.5709721726085388, 0.7244177313601701, 0.8482065834104272, 0.937273392400706, 0.9879925180204854],
+            [0.09501250983763744, 0.2816035507792589, 0.45801677765722737, 0.6178762444026438, 0.755404408355003, 0.8656312023878318, 0.9445750230732326, 0.9894009349916499]
+        ],
+        weights: [
+            [1],
+            [0.8888888888888888, 0.5555555555555556],
+            [0.6521451548625461, 0.34785484513745385],
+            [0.5688888888888889, 0.47862867049936647, 0.23692688505618908],
+            [0.46791393457269104, 0.3607615730481386, 0.17132449237917036],
+            [0.4179591836734694, 0.3818300505051189, 0.27970539148927664, 0.1294849661688697],
+            [0.362683783378362, 0.31370664587788727, 0.22238103445337448, 0.10122853629037626],
+            [0.3302393550012598, 0.31234707704000286, 0.26061069640293544, 0.1806481606948574, 0.08127438836157441],
+            [0.29552422471475287, 0.26926671930999635, 0.21908636251598204, 0.1494513491505806, 0.06667134430868814],
+            [0.2729250867779006, 0.26280454451024665, 0.23319376459199048, 0.18629021092773426, 0.1255803694649046, 0.05566856711617366],
+            [0.24914704581340277, 0.2334925365383548, 0.20316742672306592, 0.16007832854334622, 0.10693932599531843, 0.04717533638651183],
+            [0.2325515532308739, 0.22628318026289723, 0.2078160475368885, 0.17814598076194574, 0.13887351021978725, 0.09212149983772845, 0.04048400476531588],
+            [0.2152638534631578, 0.2051984637212956, 0.18553839747793782, 0.15720316715819355, 0.12151857068790319, 0.08015808715976021, 0.03511946033175186],
+            [0.2025782419255613, 0.19843148532711158, 0.1861610000155622, 0.16626920581699392, 0.13957067792615432, 0.10715922046717194, 0.07036604748810812, 0.03075324199611727],
+            [0.1894506104550685, 0.18260341504492358, 0.16915651939500254, 0.14959598881657674, 0.12462897125553388, 0.09515851168249279, 0.062253523938647894, 0.027152459411754096]
+        ]
+    };
+
+    function getComponentOnCubicBezier(t, a, b, c, d) {
+        const k = 1 - t;
+        return k * k * k * a + 3 * k * k * t * b + 3 * k * t * t * c + t * t * t * d;
+    }
+
+    function subdivide(x1, y1, x2, y2, x3, y3, x4, y4, limit) {
+        limit = limit || Curve.RecursionLimit;
+        const amount = limit + 1;
+        if (Math.abs(x1 - x4) < 1e-3 && Math.abs(y1 - y4) < 1e-3) {
+            return [new Anchor(x4, y4)];
+        }
+        const result = [];
+        for (let i = 0; i < amount; i++) {
+            const t = i / amount;
+            const x = getComponentOnCubicBezier(t, x1, x2, x3, x4);
+            const y = getComponentOnCubicBezier(t, y1, y2, y3, y4);
+            result.push(new Anchor(x, y));
+        }
+        return result;
+    }
+
+    function getCurveLength(x1, y1, x2, y2, x3, y3, x4, y4, limit) {
+        if (x1 === x2 && y1 === y2 && x3 === x4 && y3 === y4) {
+            const dx = x4 - x1;
+            const dy = y4 - y1;
+            return Math.sqrt(dx * dx + dy * dy);
+        }
+        const ax = 9 * (x2 - x3) + 3 * (x4 - x1), bx = 6 * (x1 + x3) - 12 * x2, cx = 3 * (x2 - x1),
+            ay = 9 * (y2 - y3) + 3 * (y4 - y1), by = 6 * (y1 + y3) - 12 * y2, cy = 3 * (y2 - y1);
+
+        function integrand(t) {
+            const dx = (ax * t + bx) * t + cx, dy = (ay * t + by) * t + cy;
+            return Math.sqrt(dx * dx + dy * dy);
+        }
+
+        return integrate(
+            integrand,
+            0,
+            1,
+            limit || Curve.RecursionLimit
+        );
+    }
+
+    function getCurveBoundingBox(x1, y1, x2, y2, x3, y3, x4, y4) {
+        const tvalues = [];
+        const bounds = [[], []];
+        let a, b, c, t, t1, t2, b2ac, sqrtb2ac;
+        for (let i = 0; i < 2; ++i) {
+            if (i == 0) {
+                b = 6 * x1 - 12 * x2 + 6 * x3;
+                a = -3 * x1 + 9 * x2 - 9 * x3 + 3 * x4;
+                c = 3 * x2 - 3 * x1;
+            } else {
+                b = 6 * y1 - 12 * y2 + 6 * y3;
+                a = -3 * y1 + 9 * y2 - 9 * y3 + 3 * y4;
+                c = 3 * y2 - 3 * y1;
+            }
+            if (Math.abs(a) < 1e-12) {
+                if (Math.abs(b) < 1e-12) {
+                    continue;
+                }
+                t = -c / b;
+                if (0 < t && t < 1) {
+                    tvalues.push(t);
+                }
+                continue;
+            }
+            b2ac = b * b - 4 * c * a;
+            sqrtb2ac = Math.sqrt(b2ac);
+            if (b2ac < 0) {
+                continue;
+            }
+            t1 = (-b + sqrtb2ac) / (2 * a);
+            if (0 < t1 && t1 < 1) {
+                tvalues.push(t1);
+            }
+            t2 = (-b - sqrtb2ac) / (2 * a);
+            if (0 < t2 && t2 < 1) {
+                tvalues.push(t2);
+            }
+        }
+        let j = tvalues.length;
+        let jlen = j;
+        let mt;
+        while (j--) {
+            t = tvalues[j];
+            mt = 1 - t;
+            bounds[0][j] = mt * mt * mt * x1 + 3 * mt * mt * t * x2 + 3 * mt * t * t * x3 + t * t * t * x4;
+            bounds[1][j] = mt * mt * mt * y1 + 3 * mt * mt * t * y2 + 3 * mt * t * t * y3 + t * t * t * y4;
+        }
+        bounds[0][jlen] = x1;
+        bounds[1][jlen] = y1;
+        bounds[0][jlen + 1] = x4;
+        bounds[1][jlen + 1] = y4;
+        bounds[0].length = bounds[1].length = jlen + 2;
+        return {
+            min: {x: Math.min.apply(0, bounds[0]), y: Math.min.apply(0, bounds[1])},
+            max: {x: Math.max.apply(0, bounds[0]), y: Math.max.apply(0, bounds[1])}
+        };
+    }
+
+    function integrate(f, a, b, n) {
+        let x = Curve.abscissas[n - 2], w = Curve.weights[n - 2], A = 0.5 * (b - a), B = A + a, i = 0, m = n + 1 >> 1,
+            sum = n & 1 ? w[i++] * f(B) : 0;
+        while (i < m) {
+            const Ax = A * x[i];
+            sum += w[i++] * (f(B + Ax) + f(B - Ax));
+        }
+        return A * sum;
+    }
+
+    function getCurveFromPoints(points, closed2) {
+        const l = points.length, last = l - 1;
+        for (let i = 0; i < l; i++) {
+            const point = points[i];
+            const prev = closed2 ? mod(i - 1, l) : Math.max(i - 1, 0);
+            const next = closed2 ? mod(i + 1, l) : Math.min(i + 1, last);
+            const a = points[prev];
+            const b = point;
+            const c = points[next];
+            getControlPoints(a, b, c);
+            b.command = i === 0 ? Commands.move : Commands.curve;
+        }
+    }
+
+    function getControlPoints(a, b, c) {
+        const a1 = Vector.angleBetween(a, b);
+        const a2 = Vector.angleBetween(c, b);
+        let d1 = Vector.distanceBetween(a, b);
+        let d2 = Vector.distanceBetween(c, b);
+        let mid = (a1 + a2) / 2;
+        if (d1 < 1e-4 || d2 < 1e-4) {
+            if (typeof b.relative === "boolean" && !b.relative) {
+                b.controls.left.copy(b);
+                b.controls.right.copy(b);
+            }
+            return b;
+        }
+        d1 *= 0.33;
+        d2 *= 0.33;
+        if (a2 < a1) {
+            mid += HALF_PI;
+        } else {
+            mid -= HALF_PI;
+        }
+        b.controls.left.x = Math.cos(mid) * d1;
+        b.controls.left.y = Math.sin(mid) * d1;
+        mid -= Math.PI;
+        b.controls.right.x = Math.cos(mid) * d2;
+        b.controls.right.y = Math.sin(mid) * d2;
+        if (typeof b.relative === "boolean" && !b.relative) {
+            b.controls.left.x += b.x;
+            b.controls.left.y += b.y;
+            b.controls.right.x += b.x;
+            b.controls.right.y += b.y;
+        }
+        return b;
+    }
+
+    function getReflection(a, b, relative) {
+        return new Vector(
+            2 * a.x - (b.x + a.x) - (relative ? a.x : 0),
+            2 * a.y - (b.y + a.y) - (relative ? a.y : 0)
+        );
+    }
+
+    function getAnchorsFromArcData(center, xAxisRotation, rx, ry, ts, td, ccw) {
+        const resolution = Constants.Resolution;
+        const anchors = [];
+        for (let i = 0; i < resolution; i++) {
+            let pct = (i + 1) / resolution;
+            if (ccw) {
+                pct = 1 - pct;
+            }
+            const theta = pct * td + ts;
+            const x = rx * Math.cos(theta);
+            const y = ry * Math.sin(theta);
+            const anchor2 = new Anchor(x, y);
+            anchor2.command = Commands.line;
+            anchors.push(anchor2);
+        }
+    }
+
+    // src/utils/device-pixel-ratio.js
+    var devicePixelRatio = root.devicePixelRatio || 1;
+
+    function getBackingStoreRatio(ctx) {
+        return ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1;
+    }
+
+    function getRatio(ctx) {
+        return devicePixelRatio / getBackingStoreRatio(ctx);
+    }
+
+    // src/utils/underscore.js
+    var slice = Array.prototype.slice;
+
+    function isArrayLike(collection) {
+        if (collection === null || collection === void 0)
+            return false;
+        const length = collection.length;
+        return typeof length == "number" && length >= 0 && length < 4294967296;
+    }
+
+    var _ = {
+        isNaN: function (obj) {
+            return typeof obj === "number" && obj !== +obj;
+        },
+        isElement: function (obj) {
+            return !!(obj && obj.nodeType === 1);
+        },
+        isObject: function (obj) {
+            const type = typeof obj;
+            return type === "function" || type === "object" && !!obj;
+        },
+        extend: function (base) {
+            const sources = slice.call(arguments, 1);
+            for (let i = 0; i < sources.length; i++) {
+                const obj = sources[i];
+                for (let k in obj) {
+                    base[k] = obj[k];
+                }
+            }
+            return base;
+        },
+        defaults: function (base) {
+            const sources = slice.call(arguments, 1);
+            for (let i = 0; i < sources.length; i++) {
+                const obj = sources[i];
+                for (let k in obj) {
+                    if (base[k] === void 0) {
+                        base[k] = obj[k];
+                    }
+                }
+            }
+            return base;
+        },
+        each: function (obj, iteratee, context) {
+            const ctx = context || this;
+            const keys = !isArrayLike(obj) && Object.keys(obj);
+            const length = (keys || obj).length;
+            for (let i = 0; i < length; i++) {
+                const k = keys ? keys[i] : i;
+                iteratee.call(ctx, obj[k], k, obj);
+            }
+            return obj;
+        },
+        performance: root.performance && root.performance.now ? root.performance : Date
+    };
+
+    // src/element.js
+    var Element = class extends Events {
+        _flagId = false;
+        _flagClassName = false;
+        _renderer = {};
+        _id = "";
+        _className = "";
+        classList = [];
+
+        constructor() {
+            super();
+            for (let prop in proto3) {
+                Object.defineProperty(this, prop, proto3[prop]);
+            }
+        }
+
+        flagReset() {
+            this._flagId = this._flagClassName = false;
+        }
+    };
+    var proto3 = {
+        renderer: {
+            enumerable: false,
+            get: function () {
+                return this._renderer;
+            }
+        },
+        id: {
+            enumerable: true,
+            get: function () {
+                return this._id;
+            },
+            set: function (v) {
+                const id = this._id;
+                if (v === this._id) {
+                    return;
+                }
+                this._id = v;
+                this._flagId = true;
+                if (this.parent) {
+                    delete this.parent.children.ids[id];
+                    this.parent.children.ids[this._id] = this;
+                }
+            }
+        },
+        className: {
+            enumerable: true,
+            get: function () {
+                return this._className;
+            },
+            set: function (v) {
+                if (this._className !== v) {
+                    this._flagClassName = true;
+                    this.classList = v.split(/\s+?/);
+                    this._className = v;
+                }
+            }
+        }
+    };
+
+    // src/matrix.js
+    var cos = Math.cos;
+    var sin = Math.sin;
+    var tan = Math.tan;
+    var array = [];
+    var _Matrix = class extends Events {
+        elements = new NumArray(9);
+        manual = false;
+
+        constructor(a, b, c, d, e, f) {
+            super();
+            let elements = a;
+            if (!Array.isArray(elements)) {
+                elements = Array.prototype.slice.call(arguments);
+            }
+            this.identity();
+            if (elements.length > 0) {
+                this.set(elements);
+            }
+        }
+
+        static Multiply(A, B, C) {
+            if (B.length <= 3) {
+                const e = A;
+                let x, y, z;
+                const a = B[0] || 0, b = B[1] || 0, c = B[2] || 0;
+                x = e[0] * a + e[1] * b + e[2] * c;
+                y = e[3] * a + e[4] * b + e[5] * c;
+                z = e[6] * a + e[7] * b + e[8] * c;
+                return [x, y, z];
+            }
+            const A0 = A[0], A1 = A[1], A2 = A[2];
+            const A3 = A[3], A4 = A[4], A5 = A[5];
+            const A6 = A[6], A7 = A[7], A8 = A[8];
+            const B0 = B[0], B1 = B[1], B2 = B[2];
+            const B3 = B[3], B4 = B[4], B5 = B[5];
+            const B6 = B[6], B7 = B[7], B8 = B[8];
+            C = C || new NumArray(9);
+            C[0] = A0 * B0 + A1 * B3 + A2 * B6;
+            C[1] = A0 * B1 + A1 * B4 + A2 * B7;
+            C[2] = A0 * B2 + A1 * B5 + A2 * B8;
+            C[3] = A3 * B0 + A4 * B3 + A5 * B6;
+            C[4] = A3 * B1 + A4 * B4 + A5 * B7;
+            C[5] = A3 * B2 + A4 * B5 + A5 * B8;
+            C[6] = A6 * B0 + A7 * B3 + A8 * B6;
+            C[7] = A6 * B1 + A7 * B4 + A8 * B7;
+            C[8] = A6 * B2 + A7 * B5 + A8 * B8;
+            return C;
+        }
+
+        set(a, b, c, d, e, f, g, h, i) {
+            if (typeof b === "undefined") {
+                const elements = a;
+                a = elements[0];
+                b = elements[1];
+                c = elements[2];
+                d = elements[3];
+                e = elements[4];
+                f = elements[5];
+                g = elements[6];
+                h = elements[7];
+                i = elements[8];
+            }
+            this.elements[0] = a;
+            this.elements[1] = b;
+            this.elements[2] = c;
+            this.elements[3] = d;
+            this.elements[4] = e;
+            this.elements[5] = f;
+            this.elements[6] = g;
+            this.elements[7] = h;
+            this.elements[8] = i;
+            return this.trigger(Events.Types.change);
+        }
+
+        copy(m) {
+            this.elements[0] = m.elements[0];
+            this.elements[1] = m.elements[1];
+            this.elements[2] = m.elements[2];
+            this.elements[3] = m.elements[3];
+            this.elements[4] = m.elements[4];
+            this.elements[5] = m.elements[5];
+            this.elements[6] = m.elements[6];
+            this.elements[7] = m.elements[7];
+            this.elements[8] = m.elements[8];
+            this.manual = m.manual;
+            return this.trigger(Events.Types.change);
+        }
+
+        identity() {
+            this.elements[0] = _Matrix.Identity[0];
+            this.elements[1] = _Matrix.Identity[1];
+            this.elements[2] = _Matrix.Identity[2];
+            this.elements[3] = _Matrix.Identity[3];
+            this.elements[4] = _Matrix.Identity[4];
+            this.elements[5] = _Matrix.Identity[5];
+            this.elements[6] = _Matrix.Identity[6];
+            this.elements[7] = _Matrix.Identity[7];
+            this.elements[8] = _Matrix.Identity[8];
+            return this.trigger(Events.Types.change);
+        }
+
+        multiply(a, b, c, d, e, f, g, h, i) {
+            if (typeof b === "undefined") {
+                this.elements[0] *= a;
+                this.elements[1] *= a;
+                this.elements[2] *= a;
+                this.elements[3] *= a;
+                this.elements[4] *= a;
+                this.elements[5] *= a;
+                this.elements[6] *= a;
+                this.elements[7] *= a;
+                this.elements[8] *= a;
+                return this.trigger(Events.Types.change);
+            }
+            if (typeof c === "undefined") {
+                c = 1;
+            }
+            if (typeof d === "undefined") {
+                a = a || 0;
+                b = b || 0;
+                c = c || 0;
+                e = this.elements;
+                const x = e[0] * a + e[1] * b + e[2] * c;
+                const y = e[3] * a + e[4] * b + e[5] * c;
+                const z = e[6] * a + e[7] * b + e[8] * c;
+                return [x, y, z];
+            }
+            const A = this.elements;
+            const B = [a, b, c, d, e, f, g, h, i];
+            const A0 = A[0], A1 = A[1], A2 = A[2];
+            const A3 = A[3], A4 = A[4], A5 = A[5];
+            const A6 = A[6], A7 = A[7], A8 = A[8];
+            const B0 = B[0], B1 = B[1], B2 = B[2];
+            const B3 = B[3], B4 = B[4], B5 = B[5];
+            const B6 = B[6], B7 = B[7], B8 = B[8];
+            this.elements[0] = A0 * B0 + A1 * B3 + A2 * B6;
+            this.elements[1] = A0 * B1 + A1 * B4 + A2 * B7;
+            this.elements[2] = A0 * B2 + A1 * B5 + A2 * B8;
+            this.elements[3] = A3 * B0 + A4 * B3 + A5 * B6;
+            this.elements[4] = A3 * B1 + A4 * B4 + A5 * B7;
+            this.elements[5] = A3 * B2 + A4 * B5 + A5 * B8;
+            this.elements[6] = A6 * B0 + A7 * B3 + A8 * B6;
+            this.elements[7] = A6 * B1 + A7 * B4 + A8 * B7;
+            this.elements[8] = A6 * B2 + A7 * B5 + A8 * B8;
+            return this.trigger(Events.Types.change);
+        }
+
+        inverse(out) {
+            const a = this.elements;
+            out = out || new _Matrix();
+            const a00 = a[0], a01 = a[1], a02 = a[2];
+            const a10 = a[3], a11 = a[4], a12 = a[5];
+            const a20 = a[6], a21 = a[7], a22 = a[8];
+            const b01 = a22 * a11 - a12 * a21;
+            const b11 = -a22 * a10 + a12 * a20;
+            const b21 = a21 * a10 - a11 * a20;
+            let det = a00 * b01 + a01 * b11 + a02 * b21;
+            if (!det) {
+                return null;
+            }
+            det = 1 / det;
+            out.elements[0] = b01 * det;
+            out.elements[1] = (-a22 * a01 + a02 * a21) * det;
+            out.elements[2] = (a12 * a01 - a02 * a11) * det;
+            out.elements[3] = b11 * det;
+            out.elements[4] = (a22 * a00 - a02 * a20) * det;
+            out.elements[5] = (-a12 * a00 + a02 * a10) * det;
+            out.elements[6] = b21 * det;
+            out.elements[7] = (-a21 * a00 + a01 * a20) * det;
+            out.elements[8] = (a11 * a00 - a01 * a10) * det;
+            return out;
+        }
+
+        scale(sx, sy) {
+            const l = arguments.length;
+            if (l <= 1) {
+                sy = sx;
+            }
+            return this.multiply(sx, 0, 0, 0, sy, 0, 0, 0, 1);
+        }
+
+        rotate(Number2) {
+            const c = cos(Number2);
+            const s = sin(Number2);
+            return this.multiply(c, -s, 0, s, c, 0, 0, 0, 1);
+        }
+
+        translate(x, y) {
+            return this.multiply(1, 0, x, 0, 1, y, 0, 0, 1);
+        }
+
+        skewX(Number2) {
+            const a = tan(Number2);
+            return this.multiply(1, a, 0, 0, 1, 0, 0, 0, 1);
+        }
+
+        skewY(Number2) {
+            const a = tan(Number2);
+            return this.multiply(1, 0, 0, a, 1, 0, 0, 0, 1);
+        }
+
+        toString(fullMatrix) {
+            array.length = 0;
+            this.toTransformArray(fullMatrix, array);
+            return array.map(toFixed).join(" ");
+        }
+
+        toTransformArray(fullMatrix, output) {
+            const elements = this.elements;
+            const hasOutput = !!output;
+            const a = elements[0];
+            const b = elements[1];
+            const c = elements[2];
+            const d = elements[3];
+            const e = elements[4];
+            const f = elements[5];
+            if (fullMatrix) {
+                const g = elements[6];
+                const h = elements[7];
+                const i = elements[8];
+                if (hasOutput) {
+                    output[0] = a;
+                    output[1] = d;
+                    output[2] = g;
+                    output[3] = b;
+                    output[4] = e;
+                    output[5] = h;
+                    output[6] = c;
+                    output[7] = f;
+                    output[8] = i;
+                    return;
+                }
+                return [
+                    a,
+                    d,
+                    g,
+                    b,
+                    e,
+                    h,
+                    c,
+                    f,
+                    i
+                ];
+            }
+            if (hasOutput) {
+                output[0] = a;
+                output[1] = d;
+                output[2] = b;
+                output[3] = e;
+                output[4] = c;
+                output[5] = f;
+                return;
+            }
+            return [
+                a,
+                d,
+                b,
+                e,
+                c,
+                f
+            ];
+        }
+
+        toArray(fullMatrix, output) {
+            const elements = this.elements;
+            const hasOutput = !!output;
+            const a = elements[0];
+            const b = elements[1];
+            const c = elements[2];
+            const d = elements[3];
+            const e = elements[4];
+            const f = elements[5];
+            if (fullMatrix) {
+                const g = elements[6];
+                const h = elements[7];
+                const i = elements[8];
+                if (hasOutput) {
+                    output[0] = a;
+                    output[1] = b;
+                    output[2] = c;
+                    output[3] = d;
+                    output[4] = e;
+                    output[5] = f;
+                    output[6] = g;
+                    output[7] = h;
+                    output[8] = i;
+                    return;
+                }
+                return [
+                    a,
+                    b,
+                    c,
+                    d,
+                    e,
+                    f,
+                    g,
+                    h,
+                    i
+                ];
+            }
+            if (hasOutput) {
+                output[0] = a;
+                output[1] = b;
+                output[2] = c;
+                output[3] = d;
+                output[4] = e;
+                output[5] = f;
+                return;
+            }
+            return [
+                a,
+                b,
+                c,
+                d,
+                e,
+                f
+            ];
+        }
+
+        toObject() {
+            return {
+                elements: this.toArray(true),
+                manual: !!this.manual
+            };
+        }
+
+        clone() {
+            return new _Matrix().copy(this);
+        }
+    };
+    var Matrix2 = _Matrix;
+    __publicField(Matrix2, "Identity", [
+        1,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        1
+    ]);
+    setMatrix(Matrix2);
+
+    // src/shape.js
+    var Shape = class extends Element {
+        _flagMatrix = true;
+        _flagScale = false;
+        _matrix = null;
+        _worldMatrix = null;
+        _position = null;
+        _rotation = 0;
+        _scale = 1;
+        _skewX = 0;
+        _skewY = 0;
+
+        constructor() {
+            super();
+            for (let prop in proto4) {
+                Object.defineProperty(this, prop, proto4[prop]);
+            }
+            this._renderer.flagMatrix = FlagMatrix.bind(this);
+            this.isShape = true;
+            this.id = Constants.Identifier + Constants.uniqueId();
+            this.matrix = new Matrix2();
+            this.worldMatrix = new Matrix2();
+            this.position = new Vector();
+            this.rotation = 0;
+            this.scale = 1;
+            this.skewX = 0;
+            this.skewY = 0;
+        }
+
+        get renderer() {
+            return this._renderer;
+        }
+
+        set renderer(v) {
+            this._renderer = v;
+        }
+
+        get translation() {
+            return proto4.position.get.apply(this, arguments);
+        }
+
+        set translation(v) {
+            proto4.position.set.apply(this, arguments);
+        }
+
+        addTo(group) {
+            group.add(this);
+            return this;
+        }
+
+        remove() {
+            if (!this.parent) {
+                return this;
+            }
+            this.parent.remove(this);
+            return this;
+        }
+
+        clone(parent) {
+            const clone = new Shape();
+            clone.position.copy(this.position);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone._update();
+        }
+
+        _update(bubbles) {
+            if (!this._matrix.manual && this._flagMatrix) {
+                this._matrix.identity().translate(this.position.x, this.position.y);
+                if (this._scale instanceof Vector) {
+                    this._matrix.scale(this._scale.x, this._scale.y);
+                } else {
+                    this._matrix.scale(this._scale);
+                }
+                this._matrix.rotate(this.rotation);
+                this._matrix.skewX(this.skewX);
+                this._matrix.skewY(this.skewY);
+            }
+            if (bubbles) {
+                if (this.parent && this.parent._update) {
+                    this.parent._update();
+                }
+            }
+            return this;
+        }
+
+        flagReset() {
+            this._flagMatrix = this._flagScale = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var proto4 = {
+        position: {
+            enumerable: true,
+            get: function () {
+                return this._position;
+            },
+            set: function (v) {
+                if (this._position) {
+                    this._position.unbind(Events.Types.change, this._renderer.flagMatrix);
+                }
+                this._position = v;
+                this._position.bind(Events.Types.change, this._renderer.flagMatrix);
+                FlagMatrix.call(this);
+            }
+        },
+        rotation: {
+            enumerable: true,
+            get: function () {
+                return this._rotation;
+            },
+            set: function (v) {
+                this._rotation = v;
+                this._flagMatrix = true;
+            }
+        },
+        scale: {
+            enumerable: true,
+            get: function () {
+                return this._scale;
+            },
+            set: function (v) {
+                if (this._scale instanceof Vector) {
+                    this._scale.unbind(Events.Types.change, this._renderer.flagMatrix);
+                }
+                this._scale = v;
+                if (this._scale instanceof Vector) {
+                    this._scale.bind(Events.Types.change, this._renderer.flagMatrix);
+                }
+                this._flagMatrix = true;
+                this._flagScale = true;
+            }
+        },
+        skewX: {
+            enumerable: true,
+            get: function () {
+                return this._skewX;
+            },
+            set: function (v) {
+                this._skewX = v;
+                this._flagMatrix = true;
+            }
+        },
+        skewY: {
+            enumerable: true,
+            get: function () {
+                return this._skewY;
+            },
+            set: function (v) {
+                this._skewY = v;
+                this._flagMatrix = true;
+            }
+        },
+        matrix: {
+            enumerable: true,
+            get: function () {
+                return this._matrix;
+            },
+            set: function (v) {
+                this._matrix = v;
+                this._flagMatrix = true;
+            }
+        },
+        worldMatrix: {
+            enumerable: true,
+            get: function () {
+                getComputedMatrix(this, this._worldMatrix);
+                return this._worldMatrix;
+            },
+            set: function (v) {
+                this._worldMatrix = v;
+            }
+        }
+    };
+
+    function FlagMatrix() {
+        this._flagMatrix = true;
+    }
+
+    // src/collection.js
+    var Collection = class extends Array {
+        _events = new Events();
+
+        get _bound() {
+            return this._events._bound;
+        }
+
+        set _bound(v) {
+            this._events._bound = v;
+        }
+
+        addEventListener() {
+            return this._events.addEventListener.apply(this, arguments);
+        }
+
+        on() {
+            return this._events.on.apply(this, arguments);
+        }
+
+        bind() {
+            return this._events.bind.apply(this, arguments);
+        }
+
+        removeEventListener() {
+            return this._events.removeEventListener.apply(this, arguments);
+        }
+
+        off() {
+            return this._events.off.apply(this, arguments);
+        }
+
+        unbind() {
+            return this._events.unbind.apply(this, arguments);
+        }
+
+        dispatchEvent() {
+            return this._events.dispatchEvent.apply(this, arguments);
+        }
+
+        trigger() {
+            return this._events.trigger.apply(this, arguments);
+        }
+
+        listen() {
+            return this._events.listen.apply(this, arguments);
+        }
+
+        ignore() {
+            return this._events.ignore.apply(this, arguments);
+        }
+
+        constructor() {
+            super();
+            if (arguments[0] && Array.isArray(arguments[0])) {
+                if (arguments[0].length > 0) {
+                    this.push.apply(this, arguments[0]);
+                }
+            } else if (arguments.length > 0) {
+                this.push.apply(this, arguments);
+            }
+        }
+
+        pop() {
+            const popped = super.pop.apply(this, arguments);
+            this.trigger(Events.Types.remove, [popped]);
+            return popped;
+        }
+
+        shift() {
+            const shifted = super.shift.apply(this, arguments);
+            this.trigger(Events.Types.remove, [shifted]);
+            return shifted;
+        }
+
+        push() {
+            const pushed = super.push.apply(this, arguments);
+            this.trigger(Events.Types.insert, arguments);
+            return pushed;
+        }
+
+        unshift() {
+            const unshifted = super.unshift.apply(this, arguments);
+            this.trigger(Events.Types.insert, arguments);
+            return unshifted;
+        }
+
+        splice() {
+            const spliced = super.splice.apply(this, arguments);
+            this.trigger(Events.Types.remove, spliced);
+            if (arguments.length > 2) {
+                const inserted = this.slice(arguments[0], arguments[0] + arguments.length - 2);
+                this.trigger(Events.Types.insert, inserted);
+                this.trigger(Events.Types.order);
+            }
+            return spliced;
+        }
+
+        sort() {
+            super.sort.apply(this, arguments);
+            this.trigger(Events.Types.order);
+            return this;
+        }
+
+        reverse() {
+            super.reverse.apply(this, arguments);
+            this.trigger(Events.Types.order);
+            return this;
+        }
+
+        indexOf() {
+            return super.indexOf.apply(this, arguments);
+        }
+
+        map(func, scope) {
+            const results = [];
+            for (let key = 0; key < this.length; key++) {
+                const value = this[key];
+                let result;
+                if (scope) {
+                    result = func.call(scope, value, key);
+                } else {
+                    result = func(value, key);
+                }
+                results.push(result);
+            }
+            return results;
+        }
+    };
+
+    // src/children.js
+    var Children = class extends Collection {
+        ids = {};
+
+        constructor(children) {
+            children = Array.isArray(children) ? children : Array.prototype.slice.call(arguments);
+            super(children);
+            this.attach(children);
+            this.on(Events.Types.insert, this.attach);
+            this.on(Events.Types.remove, this.detach);
+        }
+
+        attach(children) {
+            for (let i = 0; i < children.length; i++) {
+                const child = children[i];
+                if (child && child.id) {
+                    this.ids[child.id] = child;
+                }
+            }
+            return this;
+        }
+
+        detach(children) {
+            for (let i = 0; i < children.length; i++) {
+                delete this.ids[children[i].id];
+            }
+            return this;
+        }
+    };
+
+    // src/group.js
+    var min = Math.min;
+    var max = Math.max;
+    var _Group = class extends Shape {
+        _flagAdditions = false;
+        _flagSubtractions = false;
+        _flagOrder = false;
+        _flagOpacity = true;
+        _flagBeginning = false;
+        _flagEnding = false;
+        _flagLength = false;
+        _flagMask = false;
+        _fill = "#fff";
+        _stroke = "#000";
+        _linewidth = 1;
+        _opacity = 1;
+        _visible = true;
+        _cap = "round";
+        _join = "round";
+        _miter = 4;
+        _closed = true;
+        _curved = false;
+        _automatic = true;
+        _beginning = 0;
+        _ending = 1;
+        _length = 0;
+        _mask = null;
+
+        constructor(children) {
+            super();
+            for (let prop in proto5) {
+                Object.defineProperty(this, prop, proto5[prop]);
+            }
+            this._renderer.type = "group";
+            this.additions = [];
+            this.subtractions = [];
+            this.children = Array.isArray(children) ? children : Array.prototype.slice.call(arguments);
+        }
+
+        static InsertChildren(children) {
+            for (let i = 0; i < children.length; i++) {
+                replaceParent.call(this, children[i], this);
+            }
+        }
+
+        static RemoveChildren(children) {
+            for (let i = 0; i < children.length; i++) {
+                replaceParent.call(this, children[i]);
+            }
+        }
+
+        static OrderChildren(children) {
+            this._flagOrder = true;
+        }
+
+        clone(parent) {
+            const clone = new _Group();
+            const children = this.children.map(function (child) {
+                return child.clone();
+            });
+            clone.add(children);
+            clone.opacity = this.opacity;
+            if (this.mask) {
+                clone.mask = this.mask;
+            }
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.className = this.className;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone._update();
+        }
+
+        toObject() {
+            const result = {
+                children: [],
+                translation: this.translation.toObject(),
+                rotation: this.rotation,
+                scale: this.scale instanceof Vector ? this.scale.toObject() : this.scale,
+                opacity: this.opacity,
+                className: this.className,
+                mask: this.mask ? this.mask.toObject() : null
+            };
+            if (this.matrix.manual) {
+                result.matrix = this.matrix.toObject();
+            }
+            _.each(this.children, function (child, i) {
+                result.children[i] = child.toObject();
+            }, this);
+            return result;
+        }
+
+        corner() {
+            const rect = this.getBoundingClientRect(true);
+            for (let i = 0; i < this.children.length; i++) {
+                const child = this.children[i];
+                child.translation.x -= rect.left;
+                child.translation.y -= rect.top;
+            }
+            if (this.mask) {
+                this.mask.translation.x -= rect.left;
+                this.mask.translation.y -= rect.top;
+            }
+            return this;
+        }
+
+        center() {
+            const rect = this.getBoundingClientRect(true);
+            const cx = rect.left + rect.width / 2 - this.translation.x;
+            const cy = rect.top + rect.height / 2 - this.translation.y;
+            for (let i = 0; i < this.children.length; i++) {
+                const child = this.children[i];
+                if (child.isShape) {
+                    child.translation.x -= cx;
+                    child.translation.y -= cy;
+                }
+            }
+            if (this.mask) {
+                this.mask.translation.x -= cx;
+                this.mask.translation.y -= cy;
+            }
+            return this;
+        }
+
+        getById(id) {
+            let found = null;
+
+            function search(node) {
+                if (node.id === id) {
+                    return node;
+                } else if (node.children) {
+                    for (let i = 0; i < node.children.length; i++) {
+                        found = search(node.children[i]);
+                        if (found) {
+                            return found;
+                        }
+                    }
+                }
+                return null;
+            }
+
+            return search(this);
+        }
+
+        getByClassName(className) {
+            const found = [];
+
+            function search(node) {
+                if (Array.prototype.indexOf.call(node.classList, className) >= 0) {
+                    found.push(node);
+                }
+                if (node.children) {
+                    for (let i = 0; i < node.children.length; i++) {
+                        const child = node.children[i];
+                        search(child);
+                    }
+                }
+                return found;
+            }
+
+            return search(this);
+        }
+
+        getByType(type) {
+            const found = [];
+
+            function search(node) {
+                if (node instanceof type) {
+                    found.push(node);
+                }
+                if (node.children) {
+                    for (let i = 0; i < node.children.length; i++) {
+                        const child = node.children[i];
+                        search(child);
+                    }
+                }
+                return found;
+            }
+
+            return search(this);
+        }
+
+        add(objects) {
+            if (!(objects instanceof Array)) {
+                objects = Array.prototype.slice.call(arguments);
+            } else {
+                objects = objects.slice();
+            }
+            for (let i = 0; i < objects.length; i++) {
+                const child = objects[i];
+                if (!(child && child.id)) {
+                    continue;
+                }
+                const index = Array.prototype.indexOf.call(this.children, child);
+                if (index >= 0) {
+                    this.children.splice(index, 1);
+                }
+                this.children.push(child);
+            }
+            return this;
+        }
+
+        remove(objects) {
+            const l = arguments.length, grandparent = this.parent;
+            if (l <= 0 && grandparent) {
+                grandparent.remove(this);
+                return this;
+            }
+            if (!(objects instanceof Array)) {
+                objects = Array.prototype.slice.call(arguments);
+            } else {
+                objects = objects.slice();
+            }
+            for (let i = 0; i < objects.length; i++) {
+                const object = objects[i];
+                if (!object || !this.children.ids[object.id]) {
+                    continue;
+                }
+                const index = this.children.indexOf(object);
+                if (index >= 0) {
+                    this.children.splice(index, 1);
+                }
+            }
+            return this;
+        }
+
+        getBoundingClientRect(shallow) {
+            let rect, matrix, tc, lc, rc, bc;
+            this._update(true);
+            let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity;
+            const regex3 = /texture|gradient/i;
+            matrix = shallow ? this.matrix : this.worldMatrix;
+            for (let i = 0; i < this.children.length; i++) {
+                const child = this.children[i];
+                if (!child.visible || regex3.test(child._renderer.type)) {
+                    continue;
+                }
+                rect = child.getBoundingClientRect(shallow);
+                tc = typeof rect.top !== "number" || _.isNaN(rect.top) || !isFinite(rect.top);
+                lc = typeof rect.left !== "number" || _.isNaN(rect.left) || !isFinite(rect.left);
+                rc = typeof rect.right !== "number" || _.isNaN(rect.right) || !isFinite(rect.right);
+                bc = typeof rect.bottom !== "number" || _.isNaN(rect.bottom) || !isFinite(rect.bottom);
+                if (tc || lc || rc || bc) {
+                    continue;
+                }
+                if (shallow) {
+                    const [ax, ay] = matrix.multiply(rect.left, rect.top);
+                    const [bx, by] = matrix.multiply(rect.right, rect.top);
+                    const [cx, cy] = matrix.multiply(rect.left, rect.bottom);
+                    const [dx, dy] = matrix.multiply(rect.right, rect.bottom);
+                    top = min(ay, by, cy, dy);
+                    left = min(ax, bx, cx, dx);
+                    right = max(ax, bx, cx, dx);
+                    bottom = max(ay, by, cy, dy);
+                } else {
+                    top = min(rect.top, top);
+                    left = min(rect.left, left);
+                    right = max(rect.right, right);
+                    bottom = max(rect.bottom, bottom);
+                }
+            }
+            return {
+                top,
+                left,
+                right,
+                bottom,
+                width: right - left,
+                height: bottom - top
+            };
+        }
+
+        noFill() {
+            this.children.forEach(function (child) {
+                child.noFill();
+            });
+            return this;
+        }
+
+        noStroke() {
+            this.children.forEach(function (child) {
+                child.noStroke();
+            });
+            return this;
+        }
+
+        subdivide() {
+            const args = arguments;
+            this.children.forEach(function (child) {
+                child.subdivide.apply(child, args);
+            });
+            return this;
+        }
+
+        _update() {
+            let i, l, child;
+            if (this._flagBeginning || this._flagEnding) {
+                const beginning = Math.min(this._beginning, this._ending);
+                const ending = Math.max(this._beginning, this._ending);
+                const length = this.length;
+                let sum = 0;
+                const bd = beginning * length;
+                const ed = ending * length;
+                for (i = 0; i < this.children.length; i++) {
+                    child = this.children[i];
+                    l = child.length;
+                    if (bd > sum + l) {
+                        child.beginning = 1;
+                        child.ending = 1;
+                    } else if (ed < sum) {
+                        child.beginning = 0;
+                        child.ending = 0;
+                    } else if (bd > sum && bd < sum + l) {
+                        child.beginning = (bd - sum) / l;
+                        child.ending = 1;
+                    } else if (ed > sum && ed < sum + l) {
+                        child.beginning = 0;
+                        child.ending = (ed - sum) / l;
+                    } else {
+                        child.beginning = 0;
+                        child.ending = 1;
+                    }
+                    sum += l;
+                }
+            }
+            return super._update.apply(this, arguments);
+        }
+
+        flagReset() {
+            if (this._flagAdditions) {
+                this.additions.length = 0;
+                this._flagAdditions = false;
+            }
+            if (this._flagSubtractions) {
+                this.subtractions.length = 0;
+                this._flagSubtractions = false;
+            }
+            this._flagOrder = this._flagMask = this._flagOpacity = this._flagBeginning = this._flagEnding = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var Group = _Group;
+    __publicField(Group, "Children", Children);
+    __publicField(Group, "Properties", [
+        "fill",
+        "stroke",
+        "linewidth",
+        "cap",
+        "join",
+        "miter",
+        "closed",
+        "curved",
+        "automatic"
+    ]);
+    var proto5 = {
+        visible: {
+            enumerable: true,
+            get: function () {
+                return this._visible;
+            },
+            set: function (v) {
+                this._flagVisible = this._visible !== v || this._flagVisible;
+                this._visible = v;
+            }
+        },
+        opacity: {
+            enumerable: true,
+            get: function () {
+                return this._opacity;
+            },
+            set: function (v) {
+                this._flagOpacity = this._opacity !== v || this._flagOpacity;
+                this._opacity = v;
+            }
+        },
+        beginning: {
+            enumerable: true,
+            get: function () {
+                return this._beginning;
+            },
+            set: function (v) {
+                this._flagBeginning = this._beginning !== v || this._flagBeginning;
+                this._beginning = v;
+            }
+        },
+        ending: {
+            enumerable: true,
+            get: function () {
+                return this._ending;
+            },
+            set: function (v) {
+                this._flagEnding = this._ending !== v || this._flagEnding;
+                this._ending = v;
+            }
+        },
+        length: {
+            enumerable: true,
+            get: function () {
+                if (this._flagLength || this._length <= 0) {
+                    this._length = 0;
+                    if (!this.children) {
+                        return this._length;
+                    }
+                    for (let i = 0; i < this.children.length; i++) {
+                        const child = this.children[i];
+                        this._length += child.length;
+                    }
+                }
+                return this._length;
+            }
+        },
+        fill: {
+            enumerable: true,
+            get: function () {
+                return this._fill;
+            },
+            set: function (v) {
+                this._fill = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.fill = v;
+                }
+            }
+        },
+        stroke: {
+            enumerable: true,
+            get: function () {
+                return this._stroke;
+            },
+            set: function (v) {
+                this._stroke = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.stroke = v;
+                }
+            }
+        },
+        linewidth: {
+            enumerable: true,
+            get: function () {
+                return this._linewidth;
+            },
+            set: function (v) {
+                this._linewidth = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.linewidth = v;
+                }
+            }
+        },
+        join: {
+            enumerable: true,
+            get: function () {
+                return this._join;
+            },
+            set: function (v) {
+                this._join = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.join = v;
+                }
+            }
+        },
+        miter: {
+            enumerable: true,
+            get: function () {
+                return this._miter;
+            },
+            set: function (v) {
+                this._miter = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.miter = v;
+                }
+            }
+        },
+        cap: {
+            enumerable: true,
+            get: function () {
+                return this._cap;
+            },
+            set: function (v) {
+                this._cap = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.cap = v;
+                }
+            }
+        },
+        closed: {
+            enumerable: true,
+            get: function () {
+                return this._closed;
+            },
+            set: function (v) {
+                this._closed = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.closed = v;
+                }
+            }
+        },
+        curved: {
+            enumerable: true,
+            get: function () {
+                return this._curved;
+            },
+            set: function (v) {
+                this._curved = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.curved = v;
+                }
+            }
+        },
+        automatic: {
+            enumerable: true,
+            get: function () {
+                return this._automatic;
+            },
+            set: function (v) {
+                this._automatic = v;
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    child.automatic = v;
+                }
+            }
+        },
+        children: {
+            enumerable: true,
+            get: function () {
+                return this._children;
+            },
+            set: function (children) {
+                const insertChildren = Group.InsertChildren.bind(this);
+                const removeChildren = Group.RemoveChildren.bind(this);
+                const orderChildren = Group.OrderChildren.bind(this);
+                if (this._children) {
+                    this._children.unbind();
+                    if (this._children.length > 0) {
+                        removeChildren(this._children);
+                    }
+                }
+                this._children = new Children(children);
+                this._children.bind(Events.Types.insert, insertChildren);
+                this._children.bind(Events.Types.remove, removeChildren);
+                this._children.bind(Events.Types.order, orderChildren);
+                if (children.length > 0) {
+                    insertChildren(children);
+                }
+            }
+        },
+        mask: {
+            enumerable: true,
+            get: function () {
+                return this._mask;
+            },
+            set: function (v) {
+                this._mask = v;
+                this._flagMask = true;
+                if (_.isObject(v) && !v.clip) {
+                    v.clip = true;
+                }
+            }
+        }
+    };
+
+    function replaceParent(child, newParent) {
+        const parent = child.parent;
+        let index;
+        if (parent === newParent) {
+            add();
+            return;
+        }
+        if (parent && parent.children.ids[child.id]) {
+            index = Array.prototype.indexOf.call(parent.children, child);
+            parent.children.splice(index, 1);
+            splice();
+        }
+        if (newParent) {
+            add();
+            return;
+        }
+        splice();
+        if (parent._flagAdditions && parent.additions.length === 0) {
+            parent._flagAdditions = false;
+        }
+        if (parent._flagSubtractions && parent.subtractions.length === 0) {
+            parent._flagSubtractions = false;
+        }
+        delete child.parent;
+
+        function add() {
+            if (newParent.subtractions.length > 0) {
+                index = Array.prototype.indexOf.call(newParent.subtractions, child);
+                if (index >= 0) {
+                    newParent.subtractions.splice(index, 1);
+                }
+            }
+            if (newParent.additions.length > 0) {
+                index = Array.prototype.indexOf.call(newParent.additions, child);
+                if (index >= 0) {
+                    newParent.additions.splice(index, 1);
+                }
+            }
+            child.parent = newParent;
+            newParent.additions.push(child);
+            newParent._flagAdditions = true;
+        }
+
+        function splice() {
+            index = Array.prototype.indexOf.call(parent.additions, child);
+            if (index >= 0) {
+                parent.additions.splice(index, 1);
+            }
+            index = Array.prototype.indexOf.call(parent.subtractions, child);
+            if (index < 0) {
+                parent.subtractions.push(child);
+                parent._flagSubtractions = true;
+            }
+        }
+    }
+
+    // src/renderers/canvas.js
+    var emptyArray = [];
+    var max2 = Math.max;
+    var min2 = Math.min;
+    var abs = Math.abs;
+    var sin2 = Math.sin;
+    var cos2 = Math.cos;
+    var acos = Math.acos;
+    var sqrt = Math.sqrt;
+    var canvas = {
+        isHidden: /(undefined|none|transparent)/i,
+        alignments: {
+            left: "start",
+            middle: "center",
+            right: "end"
+        },
+        shim: function (elem, name) {
+            elem.tagName = elem.nodeName = name || "canvas";
+            elem.nodeType = 1;
+            elem.getAttribute = function (prop) {
+                return this[prop];
+            };
+            elem.setAttribute = function (prop, val) {
+                this[prop] = val;
+                return this;
+            };
+            return elem;
+        },
+        group: {
+            renderChild: function (child) {
+                canvas[child._renderer.type].render.call(child, this.ctx, true, this.clip);
+            },
+            render: function (ctx) {
+                if (!this._visible) {
+                    return this;
+                }
+                this._update();
+                const matrix = this._matrix.elements;
+                const parent = this.parent;
+                this._renderer.opacity = this._opacity * (parent && parent._renderer ? parent._renderer.opacity : 1);
+                const mask = this._mask;
+                const defaultMatrix = isDefaultMatrix(matrix);
+                const shouldIsolate = !defaultMatrix || !!mask;
+                if (!this._renderer.context) {
+                    this._renderer.context = {};
+                }
+                this._renderer.context.ctx = ctx;
+                if (shouldIsolate) {
+                    ctx.save();
+                    if (!defaultMatrix) {
+                        ctx.transform(
+                            matrix[0],
+                            matrix[3],
+                            matrix[1],
+                            matrix[4],
+                            matrix[2],
+                            matrix[5]
+                        );
+                    }
+                }
+                if (mask) {
+                    canvas[mask._renderer.type].render.call(mask, ctx, true);
+                }
+                if (this._opacity > 0 && this._scale !== 0) {
+                    for (let i = 0; i < this.children.length; i++) {
+                        const child = this.children[i];
+                        canvas[child._renderer.type].render.call(child, ctx);
+                    }
+                }
+                if (shouldIsolate) {
+                    ctx.restore();
+                }
+                return this.flagReset();
+            }
+        },
+        path: {
+            render: function (ctx, forced, parentClipped) {
+                let matrix, stroke, linewidth, fill, opacity, visible, cap, join, miter, closed2, commands, length,
+                    last, prev, a, b, c, d, ux, uy, vx, vy, ar, bl, br, cl, x, y, mask, clip, defaultMatrix, isOffset,
+                    dashes, po;
+                po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
+                mask = this._mask;
+                clip = this._clip;
+                opacity = this._opacity * (po || 1);
+                visible = this._visible;
+                if (!forced && (!visible || clip || opacity === 0)) {
+                    return this;
+                }
+                this._update();
+                matrix = this._matrix.elements;
+                stroke = this._stroke;
+                linewidth = this._linewidth;
+                fill = this._fill;
+                cap = this._cap;
+                join = this._join;
+                miter = this._miter;
+                closed2 = this._closed;
+                commands = this._renderer.vertices;
+                length = commands.length;
+                last = length - 1;
+                defaultMatrix = isDefaultMatrix(matrix);
+                dashes = this.dashes;
+                if (!defaultMatrix) {
+                    ctx.save();
+                    ctx.transform(matrix[0], matrix[3], matrix[1], matrix[4], matrix[2], matrix[5]);
+                }
+                if (mask) {
+                    canvas[mask._renderer.type].render.call(mask, ctx, true);
+                }
+                if (fill) {
+                    if (typeof fill === "string") {
+                        ctx.fillStyle = fill;
+                    } else {
+                        canvas[fill._renderer.type].render.call(fill, ctx, this);
+                        ctx.fillStyle = fill._renderer.effect;
+                    }
+                }
+                if (stroke) {
+                    if (typeof stroke === "string") {
+                        ctx.strokeStyle = stroke;
+                    } else {
+                        canvas[stroke._renderer.type].render.call(stroke, ctx, this);
+                        ctx.strokeStyle = stroke._renderer.effect;
+                    }
+                    if (linewidth) {
+                        ctx.lineWidth = linewidth;
+                    }
+                    if (miter) {
+                        ctx.miterLimit = miter;
+                    }
+                    if (join) {
+                        ctx.lineJoin = join;
+                    }
+                    if (!closed2 && cap) {
+                        ctx.lineCap = cap;
+                    }
+                }
+                if (typeof opacity === "number") {
+                    ctx.globalAlpha = opacity;
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.lineDashOffset = dashes.offset || 0;
+                    ctx.setLineDash(dashes);
+                }
+                ctx.beginPath();
+                let rx, ry, xAxisRotation, largeArcFlag, sweepFlag, ax, ay;
+                for (let i = 0; i < length; i++) {
+                    b = commands[i];
+                    x = b.x;
+                    y = b.y;
+                    switch (b.command) {
+                        case Commands.close:
+                            ctx.closePath();
+                            break;
+                        case Commands.arc:
+                            rx = b.rx;
+                            ry = b.ry;
+                            xAxisRotation = b.xAxisRotation;
+                            largeArcFlag = b.largeArcFlag;
+                            sweepFlag = b.sweepFlag;
+                            prev = closed2 ? mod(i - 1, length) : max2(i - 1, 0);
+                            a = commands[prev];
+                            ax = a.x;
+                            ay = a.y;
+                            canvas.renderSvgArcCommand(
+                                ctx,
+                                ax,
+                                ay,
+                                rx,
+                                ry,
+                                largeArcFlag,
+                                sweepFlag,
+                                xAxisRotation,
+                                x,
+                                y
+                            );
+                            break;
+                        case Commands.curve:
+                            prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
+                            a = commands[prev];
+                            ar = a.controls && a.controls.right || Vector.zero;
+                            bl = b.controls && b.controls.left || Vector.zero;
+                            if (a._relative) {
+                                vx = ar.x + a.x;
+                                vy = ar.y + a.y;
+                            } else {
+                                vx = ar.x;
+                                vy = ar.y;
+                            }
+                            if (b._relative) {
+                                ux = bl.x + b.x;
+                                uy = bl.y + b.y;
+                            } else {
+                                ux = bl.x;
+                                uy = bl.y;
+                            }
+                            ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+                            if (i >= last && closed2) {
+                                c = d;
+                                br = b.controls && b.controls.right || Vector.zero;
+                                cl = c.controls && c.controls.left || Vector.zero;
+                                if (b._relative) {
+                                    vx = br.x + b.x;
+                                    vy = br.y + b.y;
+                                } else {
+                                    vx = br.x;
+                                    vy = br.y;
+                                }
+                                if (c._relative) {
+                                    ux = cl.x + c.x;
+                                    uy = cl.y + c.y;
+                                } else {
+                                    ux = cl.x;
+                                    uy = cl.y;
+                                }
+                                x = c.x;
+                                y = c.y;
+                                ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+                            }
+                            break;
+                        case Commands.line:
+                            ctx.lineTo(x, y);
+                            break;
+                        case Commands.move:
+                            d = b;
+                            ctx.moveTo(x, y);
+                            break;
+                    }
+                }
+                if (closed2) {
+                    ctx.closePath();
+                }
+                if (!clip && !parentClipped) {
+                    if (!canvas.isHidden.test(fill)) {
+                        isOffset = fill._renderer && fill._renderer.offset;
+                        if (isOffset) {
+                            ctx.save();
+                            ctx.translate(
+                                -fill._renderer.offset.x,
+                                -fill._renderer.offset.y
+                            );
+                            ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+                        }
+                        ctx.fill();
+                        if (isOffset) {
+                            ctx.restore();
+                        }
+                    }
+                    if (!canvas.isHidden.test(stroke)) {
+                        isOffset = stroke._renderer && stroke._renderer.offset;
+                        if (isOffset) {
+                            ctx.save();
+                            ctx.translate(
+                                -stroke._renderer.offset.x,
+                                -stroke._renderer.offset.y
+                            );
+                            ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+                            ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+                        }
+                        ctx.stroke();
+                        if (isOffset) {
+                            ctx.restore();
+                        }
+                    }
+                }
+                if (!defaultMatrix) {
+                    ctx.restore();
+                }
+                if (clip && !parentClipped) {
+                    ctx.clip();
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.setLineDash(emptyArray);
+                }
+                return this.flagReset();
+            }
+        },
+        points: {
+            render: function (ctx, forced, parentClipped) {
+                let me, stroke, linewidth, fill, opacity, visible, size, commands, length, b, x, y, defaultMatrix,
+                    isOffset, dashes, po;
+                po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
+                opacity = this._opacity * (po || 1);
+                visible = this._visible;
+                if (!forced && (!visible || opacity === 0)) {
+                    return this;
+                }
+                this._update();
+                me = this._matrix.elements;
+                stroke = this._stroke;
+                linewidth = this._linewidth;
+                fill = this._fill;
+                commands = this._renderer.collection;
+                length = commands.length;
+                defaultMatrix = isDefaultMatrix(me);
+                dashes = this.dashes;
+                size = this._size;
+                if (!defaultMatrix) {
+                    ctx.save();
+                    ctx.transform(me[0], me[3], me[1], me[4], me[2], me[5]);
+                }
+                if (fill) {
+                    if (typeof fill === "string") {
+                        ctx.fillStyle = fill;
+                    } else {
+                        canvas[fill._renderer.type].render.call(fill, ctx, this);
+                        ctx.fillStyle = fill._renderer.effect;
+                    }
+                }
+                if (stroke) {
+                    if (typeof stroke === "string") {
+                        ctx.strokeStyle = stroke;
+                    } else {
+                        canvas[stroke._renderer.type].render.call(stroke, ctx, this);
+                        ctx.strokeStyle = stroke._renderer.effect;
+                    }
+                    if (linewidth) {
+                        ctx.lineWidth = linewidth;
+                    }
+                }
+                if (typeof opacity === "number") {
+                    ctx.globalAlpha = opacity;
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.lineDashOffset = dashes.offset || 0;
+                    ctx.setLineDash(dashes);
+                }
+                ctx.beginPath();
+                let radius = size * 0.5, m;
+                if (!this._sizeAttenuation) {
+                    m = this.worldMatrix.elements;
+                    m = decomposeMatrix(m[0], m[3], m[1], m[4], m[2], m[5]);
+                    radius /= Math.max(m.scaleX, m.scaleY);
+                }
+                for (let i = 0; i < length; i++) {
+                    b = commands[i];
+                    x = b.x;
+                    y = b.y;
+                    ctx.moveTo(x + radius, y);
+                    ctx.arc(x, y, radius, 0, TWO_PI);
+                }
+                if (!parentClipped) {
+                    if (!canvas.isHidden.test(fill)) {
+                        isOffset = fill._renderer && fill._renderer.offset;
+                        if (isOffset) {
+                            ctx.save();
+                            ctx.translate(
+                                -fill._renderer.offset.x,
+                                -fill._renderer.offset.y
+                            );
+                            ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+                        }
+                        ctx.fill();
+                        if (isOffset) {
+                            ctx.restore();
+                        }
+                    }
+                    if (!canvas.isHidden.test(stroke)) {
+                        isOffset = stroke._renderer && stroke._renderer.offset;
+                        if (isOffset) {
+                            ctx.save();
+                            ctx.translate(
+                                -stroke._renderer.offset.x,
+                                -stroke._renderer.offset.y
+                            );
+                            ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+                            ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+                        }
+                        ctx.stroke();
+                        if (isOffset) {
+                            ctx.restore();
+                        }
+                    }
+                }
+                if (!defaultMatrix) {
+                    ctx.restore();
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.setLineDash(emptyArray);
+                }
+                return this.flagReset();
+            }
+        },
+        text: {
+            render: function (ctx, forced, parentClipped) {
+                const po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
+                const opacity = this._opacity * po;
+                const visible = this._visible;
+                const mask = this._mask;
+                const clip = this._clip;
+                if (!forced && (!visible || clip || opacity === 0)) {
+                    return this;
+                }
+                this._update();
+                const matrix = this._matrix.elements;
+                const stroke = this._stroke;
+                const linewidth = this._linewidth;
+                const fill = this._fill;
+                const decoration = this._decoration;
+                const defaultMatrix = isDefaultMatrix(matrix);
+                const isOffset = fill._renderer && fill._renderer.offset && stroke._renderer && stroke._renderer.offset;
+                const dashes = this.dashes;
+                const alignment = canvas.alignments[this._alignment] || this._alignment;
+                const baseline = this._baseline;
+                let a, b, c, d, e, sx, sy, x1, y1, x2, y2;
+                if (!defaultMatrix) {
+                    ctx.save();
+                    ctx.transform(matrix[0], matrix[3], matrix[1], matrix[4], matrix[2], matrix[5]);
+                }
+                if (mask) {
+                    canvas[mask._renderer.type].render.call(mask, ctx, true);
+                }
+                if (!isOffset) {
+                    ctx.font = [this._style, this._weight, this._size + "px/" + this._leading + "px", this._family].join(" ");
+                }
+                ctx.textAlign = alignment;
+                ctx.textBaseline = baseline;
+                if (fill) {
+                    if (typeof fill === "string") {
+                        ctx.fillStyle = fill;
+                    } else {
+                        canvas[fill._renderer.type].render.call(fill, ctx, this);
+                        ctx.fillStyle = fill._renderer.effect;
+                    }
+                }
+                if (stroke) {
+                    if (typeof stroke === "string") {
+                        ctx.strokeStyle = stroke;
+                    } else {
+                        canvas[stroke._renderer.type].render.call(stroke, ctx, this);
+                        ctx.strokeStyle = stroke._renderer.effect;
+                    }
+                    if (linewidth) {
+                        ctx.lineWidth = linewidth;
+                    }
+                }
+                if (typeof opacity === "number") {
+                    ctx.globalAlpha = opacity;
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.lineDashOffset = dashes.offset || 0;
+                    ctx.setLineDash(dashes);
+                }
+                if (!clip && !parentClipped) {
+                    if (!canvas.isHidden.test(fill)) {
+                        if (fill._renderer && fill._renderer.offset) {
+                            sx = fill._renderer.scale.x;
+                            sy = fill._renderer.scale.y;
+                            ctx.save();
+                            ctx.translate(
+                                -fill._renderer.offset.x,
+                                -fill._renderer.offset.y
+                            );
+                            ctx.scale(sx, sy);
+                            a = this._size / fill._renderer.scale.y;
+                            b = this._leading / fill._renderer.scale.y;
+                            ctx.font = [
+                                this._style,
+                                this._weight,
+                                a + "px/",
+                                b + "px",
+                                this._family
+                            ].join(" ");
+                            c = fill._renderer.offset.x / fill._renderer.scale.x;
+                            d = fill._renderer.offset.y / fill._renderer.scale.y;
+                            ctx.fillText(this.value, c, d);
+                            ctx.restore();
+                        } else {
+                            ctx.fillText(this.value, 0, 0);
+                        }
+                    }
+                    if (!canvas.isHidden.test(stroke)) {
+                        if (stroke._renderer && stroke._renderer.offset) {
+                            sx = stroke._renderer.scale.x;
+                            sy = stroke._renderer.scale.y;
+                            ctx.save();
+                            ctx.translate(
+                                -stroke._renderer.offset.x,
+                                -stroke._renderer.offset.y
+                            );
+                            ctx.scale(sx, sy);
+                            a = this._size / stroke._renderer.scale.y;
+                            b = this._leading / stroke._renderer.scale.y;
+                            ctx.font = [
+                                this._style,
+                                this._weight,
+                                a + "px/",
+                                b + "px",
+                                this._family
+                            ].join(" ");
+                            c = stroke._renderer.offset.x / stroke._renderer.scale.x;
+                            d = stroke._renderer.offset.y / stroke._renderer.scale.y;
+                            e = linewidth / stroke._renderer.scale.x;
+                            ctx.lineWidth = e;
+                            ctx.strokeText(this.value, c, d);
+                            ctx.restore();
+                        } else {
+                            ctx.strokeText(this.value, 0, 0);
+                        }
+                    }
+                }
+                if (/(underline|strikethrough)/i.test(decoration)) {
+                    const metrics = ctx.measureText(this.value);
+                    let scalar = 1;
+                    switch (decoration) {
+                        case "underline":
+                            y1 = metrics.actualBoundingBoxAscent;
+                            y2 = metrics.actualBoundingBoxAscent;
+                            break;
+                        case "strikethrough":
+                            y1 = 0;
+                            y2 = 0;
+                            scalar = 0.5;
+                            break;
+                    }
+                    switch (baseline) {
+                        case "top":
+                            y1 += this._size * scalar;
+                            y2 += this._size * scalar;
+                            break;
+                        case "baseline":
+                        case "bottom":
+                            y1 -= this._size * scalar;
+                            y2 -= this._size * scalar;
+                            break;
+                    }
+                    switch (alignment) {
+                        case "left":
+                        case "start":
+                            x1 = 0;
+                            x2 = metrics.width;
+                            break;
+                        case "right":
+                        case "end":
+                            x1 = -metrics.width;
+                            x2 = 0;
+                            break;
+                        default:
+                            x1 = -metrics.width / 2;
+                            x2 = metrics.width / 2;
+                    }
+                    ctx.lineWidth = Math.max(Math.floor(this._size / 15), 1);
+                    ctx.strokeStyle = ctx.fillStyle;
+                    ctx.beginPath();
+                    ctx.moveTo(x1, y1);
+                    ctx.lineTo(x2, y2);
+                    ctx.stroke();
+                }
+                if (!defaultMatrix) {
+                    ctx.restore();
+                }
+                if (clip && !parentClipped) {
+                    ctx.clip();
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.setLineDash(emptyArray);
+                }
+                return this.flagReset();
+            }
+        },
+        "linear-gradient": {
+            render: function (ctx, parent) {
+                if (!parent) {
+                    return;
+                }
+                this._update();
+                if (!this._renderer.effect || this._flagEndPoints || this._flagStops || this._flagUnits) {
+                    let rect;
+                    let lx = this.left._x;
+                    let ly = this.left._y;
+                    let rx = this.right._x;
+                    let ry = this.right._y;
+                    if (/objectBoundingBox/i.test(this._units)) {
+                        rect = parent.getBoundingClientRect(true);
+                        lx = (lx - 0.5) * rect.width;
+                        ly = (ly - 0.5) * rect.height;
+                        rx = (rx - 0.5) * rect.width;
+                        ry = (ry - 0.5) * rect.height;
+                    }
+                    this._renderer.effect = ctx.createLinearGradient(lx, ly, rx, ry);
+                    for (let i = 0; i < this.stops.length; i++) {
+                        const stop = this.stops[i];
+                        this._renderer.effect.addColorStop(stop._offset, stop._color);
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        "radial-gradient": {
+            render: function (ctx, parent) {
+                if (!parent) {
+                    return;
+                }
+                this._update();
+                if (!this._renderer.effect || this._flagCenter || this._flagFocal || this._flagRadius || this._flagStops || this._flagUnits) {
+                    let rect;
+                    let cx = this.center._x;
+                    let cy = this.center._y;
+                    let fx = this.focal._x;
+                    let fy = this.focal._y;
+                    let radius = this._radius;
+                    if (/objectBoundingBox/i.test(this._units)) {
+                        rect = parent.getBoundingClientRect(true);
+                        cx = cx * rect.width * 0.5;
+                        cy = cy * rect.height * 0.5;
+                        fx = fx * rect.width * 0.5;
+                        fy = fy * rect.height * 0.5;
+                        radius *= Math.min(rect.width, rect.height) * 0.5;
+                    }
+                    this._renderer.effect = ctx.createRadialGradient(
+                        cx,
+                        cy,
+                        0,
+                        fx,
+                        fy,
+                        radius
+                    );
+                    for (let i = 0; i < this.stops.length; i++) {
+                        const stop = this.stops[i];
+                        this._renderer.effect.addColorStop(stop._offset, stop._color);
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        texture: {
+            render: function (ctx) {
+                this._update();
+                const image = this.image;
+                if (!this._renderer.effect || (this._flagLoaded || this._flagImage || this._flagVideo || this._flagRepeat) && this.loaded) {
+                    this._renderer.effect = ctx.createPattern(this.image, this._repeat);
+                }
+                if (this._flagOffset || this._flagLoaded || this._flagScale) {
+                    if (!(this._renderer.offset instanceof Vector)) {
+                        this._renderer.offset = new Vector();
+                    }
+                    this._renderer.offset.x = -this._offset.x;
+                    this._renderer.offset.y = -this._offset.y;
+                    if (image) {
+                        this._renderer.offset.x += image.width / 2;
+                        this._renderer.offset.y += image.height / 2;
+                        if (this._scale instanceof Vector) {
+                            this._renderer.offset.x *= this._scale.x;
+                            this._renderer.offset.y *= this._scale.y;
+                        } else {
+                            this._renderer.offset.x *= this._scale;
+                            this._renderer.offset.y *= this._scale;
+                        }
+                    }
+                }
+                if (this._flagScale || this._flagLoaded) {
+                    if (!(this._renderer.scale instanceof Vector)) {
+                        this._renderer.scale = new Vector();
+                    }
+                    if (this._scale instanceof Vector) {
+                        this._renderer.scale.copy(this._scale);
+                    } else {
+                        this._renderer.scale.set(this._scale, this._scale);
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        renderSvgArcCommand: function (ctx, ax, ay, rx, ry, largeArcFlag, sweepFlag, xAxisRotation, x, y) {
+            xAxisRotation = xAxisRotation * Math.PI / 180;
+            rx = abs(rx);
+            ry = abs(ry);
+            const dx2 = (ax - x) / 2;
+            const dy2 = (ay - y) / 2;
+            const x1p = cos2(xAxisRotation) * dx2 + sin2(xAxisRotation) * dy2;
+            const y1p = -sin2(xAxisRotation) * dx2 + cos2(xAxisRotation) * dy2;
+            const x1ps = x1p * x1p;
+            const y1ps = y1p * y1p;
+            let rxs = rx * rx;
+            let rys = ry * ry;
+            const cr = x1ps / rxs + y1ps / rys;
+            if (cr > 1) {
+                const s = sqrt(cr);
+                rx = s * rx;
+                ry = s * ry;
+                rxs = rx * rx;
+                rys = ry * ry;
+            }
+            const dq = rxs * y1ps + rys * x1ps;
+            const pq = (rxs * rys - dq) / dq;
+            let q = sqrt(max2(0, pq));
+            if (largeArcFlag === sweepFlag)
+                q = -q;
+            const cxp = q * rx * y1p / ry;
+            const cyp = -q * ry * x1p / rx;
+            const cx = cos2(xAxisRotation) * cxp - sin2(xAxisRotation) * cyp + (ax + x) / 2;
+            const cy = sin2(xAxisRotation) * cxp + cos2(xAxisRotation) * cyp + (ay + y) / 2;
+            const startAngle = svgAngle(1, 0, (x1p - cxp) / rx, (y1p - cyp) / ry);
+            const delta = svgAngle(
+                (x1p - cxp) / rx,
+                (y1p - cyp) / ry,
+                (-x1p - cxp) / rx,
+                (-y1p - cyp) / ry
+            ) % TWO_PI;
+            const endAngle = startAngle + delta;
+            const clockwise = sweepFlag === 0;
+            renderArcEstimate(
                 ctx,
-                ax,
-                ay,
+                cx,
+                cy,
                 rx,
                 ry,
-                largeArcFlag,
-                sweepFlag,
-                xAxisRotation,
-                x,
-                y
-              );
-              break;
-            case Commands.curve:
-              prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
-              a = commands[prev];
-              ar = a.controls && a.controls.right || Vector.zero;
-              bl = b.controls && b.controls.left || Vector.zero;
-              if (a._relative) {
-                vx = ar.x + a.x;
-                vy = ar.y + a.y;
-              } else {
-                vx = ar.x;
-                vy = ar.y;
-              }
-              if (b._relative) {
-                ux = bl.x + b.x;
-                uy = bl.y + b.y;
-              } else {
-                ux = bl.x;
-                uy = bl.y;
-              }
-              ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
-              if (i >= last && closed2) {
-                c = d;
-                br = b.controls && b.controls.right || Vector.zero;
-                cl = c.controls && c.controls.left || Vector.zero;
-                if (b._relative) {
-                  vx = br.x + b.x;
-                  vy = br.y + b.y;
-                } else {
-                  vx = br.x;
-                  vy = br.y;
-                }
-                if (c._relative) {
-                  ux = cl.x + c.x;
-                  uy = cl.y + c.y;
-                } else {
-                  ux = cl.x;
-                  uy = cl.y;
-                }
-                x = c.x;
-                y = c.y;
-                ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
-              }
-              break;
-            case Commands.line:
-              ctx.lineTo(x, y);
-              break;
-            case Commands.move:
-              d = b;
-              ctx.moveTo(x, y);
-              break;
-          }
-        }
-        if (closed2) {
-          ctx.closePath();
-        }
-        if (!clip && !parentClipped) {
-          if (!canvas.isHidden.test(fill)) {
-            isOffset = fill._renderer && fill._renderer.offset;
-            if (isOffset) {
-              ctx.save();
-              ctx.translate(
-                -fill._renderer.offset.x,
-                -fill._renderer.offset.y
-              );
-              ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
-            }
-            ctx.fill();
-            if (isOffset) {
-              ctx.restore();
-            }
-          }
-          if (!canvas.isHidden.test(stroke)) {
-            isOffset = stroke._renderer && stroke._renderer.offset;
-            if (isOffset) {
-              ctx.save();
-              ctx.translate(
-                -stroke._renderer.offset.x,
-                -stroke._renderer.offset.y
-              );
-              ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
-              ctx.lineWidth = linewidth / stroke._renderer.scale.x;
-            }
-            ctx.stroke();
-            if (isOffset) {
-              ctx.restore();
-            }
-          }
-        }
-        if (!defaultMatrix) {
-          ctx.restore();
-        }
-        if (clip && !parentClipped) {
-          ctx.clip();
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.setLineDash(emptyArray);
-        }
-        return this.flagReset();
-      }
-    },
-    points: {
-      render: function(ctx, forced, parentClipped) {
-        let me, stroke, linewidth, fill, opacity, visible, size, commands, length, b, x, y, defaultMatrix, isOffset, dashes, po;
-        po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
-        opacity = this._opacity * (po || 1);
-        visible = this._visible;
-        if (!forced && (!visible || opacity === 0)) {
-          return this;
-        }
-        this._update();
-        me = this._matrix.elements;
-        stroke = this._stroke;
-        linewidth = this._linewidth;
-        fill = this._fill;
-        commands = this._renderer.collection;
-        length = commands.length;
-        defaultMatrix = isDefaultMatrix(me);
-        dashes = this.dashes;
-        size = this._size;
-        if (!defaultMatrix) {
-          ctx.save();
-          ctx.transform(me[0], me[3], me[1], me[4], me[2], me[5]);
-        }
-        if (fill) {
-          if (typeof fill === "string") {
-            ctx.fillStyle = fill;
-          } else {
-            canvas[fill._renderer.type].render.call(fill, ctx, this);
-            ctx.fillStyle = fill._renderer.effect;
-          }
-        }
-        if (stroke) {
-          if (typeof stroke === "string") {
-            ctx.strokeStyle = stroke;
-          } else {
-            canvas[stroke._renderer.type].render.call(stroke, ctx, this);
-            ctx.strokeStyle = stroke._renderer.effect;
-          }
-          if (linewidth) {
-            ctx.lineWidth = linewidth;
-          }
-        }
-        if (typeof opacity === "number") {
-          ctx.globalAlpha = opacity;
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.lineDashOffset = dashes.offset || 0;
-          ctx.setLineDash(dashes);
-        }
-        ctx.beginPath();
-        let radius = size * 0.5, m;
-        if (!this._sizeAttenuation) {
-          m = this.worldMatrix.elements;
-          m = decomposeMatrix(m[0], m[3], m[1], m[4], m[2], m[5]);
-          radius /= Math.max(m.scaleX, m.scaleY);
-        }
-        for (let i = 0; i < length; i++) {
-          b = commands[i];
-          x = b.x;
-          y = b.y;
-          ctx.moveTo(x + radius, y);
-          ctx.arc(x, y, radius, 0, TWO_PI);
-        }
-        if (!parentClipped) {
-          if (!canvas.isHidden.test(fill)) {
-            isOffset = fill._renderer && fill._renderer.offset;
-            if (isOffset) {
-              ctx.save();
-              ctx.translate(
-                -fill._renderer.offset.x,
-                -fill._renderer.offset.y
-              );
-              ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
-            }
-            ctx.fill();
-            if (isOffset) {
-              ctx.restore();
-            }
-          }
-          if (!canvas.isHidden.test(stroke)) {
-            isOffset = stroke._renderer && stroke._renderer.offset;
-            if (isOffset) {
-              ctx.save();
-              ctx.translate(
-                -stroke._renderer.offset.x,
-                -stroke._renderer.offset.y
-              );
-              ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
-              ctx.lineWidth = linewidth / stroke._renderer.scale.x;
-            }
-            ctx.stroke();
-            if (isOffset) {
-              ctx.restore();
-            }
-          }
-        }
-        if (!defaultMatrix) {
-          ctx.restore();
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.setLineDash(emptyArray);
-        }
-        return this.flagReset();
-      }
-    },
-    text: {
-      render: function(ctx, forced, parentClipped) {
-        const po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
-        const opacity = this._opacity * po;
-        const visible = this._visible;
-        const mask = this._mask;
-        const clip = this._clip;
-        if (!forced && (!visible || clip || opacity === 0)) {
-          return this;
-        }
-        this._update();
-        const matrix = this._matrix.elements;
-        const stroke = this._stroke;
-        const linewidth = this._linewidth;
-        const fill = this._fill;
-        const decoration = this._decoration;
-        const defaultMatrix = isDefaultMatrix(matrix);
-        const isOffset = fill._renderer && fill._renderer.offset && stroke._renderer && stroke._renderer.offset;
-        const dashes = this.dashes;
-        const alignment = canvas.alignments[this._alignment] || this._alignment;
-        const baseline = this._baseline;
-        let a, b, c, d, e, sx, sy, x1, y1, x2, y2;
-        if (!defaultMatrix) {
-          ctx.save();
-          ctx.transform(matrix[0], matrix[3], matrix[1], matrix[4], matrix[2], matrix[5]);
-        }
-        if (mask) {
-          canvas[mask._renderer.type].render.call(mask, ctx, true);
-        }
-        if (!isOffset) {
-          ctx.font = [this._style, this._weight, this._size + "px/" + this._leading + "px", this._family].join(" ");
-        }
-        ctx.textAlign = alignment;
-        ctx.textBaseline = baseline;
-        if (fill) {
-          if (typeof fill === "string") {
-            ctx.fillStyle = fill;
-          } else {
-            canvas[fill._renderer.type].render.call(fill, ctx, this);
-            ctx.fillStyle = fill._renderer.effect;
-          }
-        }
-        if (stroke) {
-          if (typeof stroke === "string") {
-            ctx.strokeStyle = stroke;
-          } else {
-            canvas[stroke._renderer.type].render.call(stroke, ctx, this);
-            ctx.strokeStyle = stroke._renderer.effect;
-          }
-          if (linewidth) {
-            ctx.lineWidth = linewidth;
-          }
-        }
-        if (typeof opacity === "number") {
-          ctx.globalAlpha = opacity;
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.lineDashOffset = dashes.offset || 0;
-          ctx.setLineDash(dashes);
-        }
-        if (!clip && !parentClipped) {
-          if (!canvas.isHidden.test(fill)) {
-            if (fill._renderer && fill._renderer.offset) {
-              sx = fill._renderer.scale.x;
-              sy = fill._renderer.scale.y;
-              ctx.save();
-              ctx.translate(
-                -fill._renderer.offset.x,
-                -fill._renderer.offset.y
-              );
-              ctx.scale(sx, sy);
-              a = this._size / fill._renderer.scale.y;
-              b = this._leading / fill._renderer.scale.y;
-              ctx.font = [
-                this._style,
-                this._weight,
-                a + "px/",
-                b + "px",
-                this._family
-              ].join(" ");
-              c = fill._renderer.offset.x / fill._renderer.scale.x;
-              d = fill._renderer.offset.y / fill._renderer.scale.y;
-              ctx.fillText(this.value, c, d);
-              ctx.restore();
-            } else {
-              ctx.fillText(this.value, 0, 0);
-            }
-          }
-          if (!canvas.isHidden.test(stroke)) {
-            if (stroke._renderer && stroke._renderer.offset) {
-              sx = stroke._renderer.scale.x;
-              sy = stroke._renderer.scale.y;
-              ctx.save();
-              ctx.translate(
-                -stroke._renderer.offset.x,
-                -stroke._renderer.offset.y
-              );
-              ctx.scale(sx, sy);
-              a = this._size / stroke._renderer.scale.y;
-              b = this._leading / stroke._renderer.scale.y;
-              ctx.font = [
-                this._style,
-                this._weight,
-                a + "px/",
-                b + "px",
-                this._family
-              ].join(" ");
-              c = stroke._renderer.offset.x / stroke._renderer.scale.x;
-              d = stroke._renderer.offset.y / stroke._renderer.scale.y;
-              e = linewidth / stroke._renderer.scale.x;
-              ctx.lineWidth = e;
-              ctx.strokeText(this.value, c, d);
-              ctx.restore();
-            } else {
-              ctx.strokeText(this.value, 0, 0);
-            }
-          }
-        }
-        if (/(underline|strikethrough)/i.test(decoration)) {
-          const metrics = ctx.measureText(this.value);
-          let scalar = 1;
-          switch (decoration) {
-            case "underline":
-              y1 = metrics.actualBoundingBoxAscent;
-              y2 = metrics.actualBoundingBoxAscent;
-              break;
-            case "strikethrough":
-              y1 = 0;
-              y2 = 0;
-              scalar = 0.5;
-              break;
-          }
-          switch (baseline) {
-            case "top":
-              y1 += this._size * scalar;
-              y2 += this._size * scalar;
-              break;
-            case "baseline":
-            case "bottom":
-              y1 -= this._size * scalar;
-              y2 -= this._size * scalar;
-              break;
-          }
-          switch (alignment) {
-            case "left":
-            case "start":
-              x1 = 0;
-              x2 = metrics.width;
-              break;
-            case "right":
-            case "end":
-              x1 = -metrics.width;
-              x2 = 0;
-              break;
-            default:
-              x1 = -metrics.width / 2;
-              x2 = metrics.width / 2;
-          }
-          ctx.lineWidth = Math.max(Math.floor(this._size / 15), 1);
-          ctx.strokeStyle = ctx.fillStyle;
-          ctx.beginPath();
-          ctx.moveTo(x1, y1);
-          ctx.lineTo(x2, y2);
-          ctx.stroke();
-        }
-        if (!defaultMatrix) {
-          ctx.restore();
-        }
-        if (clip && !parentClipped) {
-          ctx.clip();
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.setLineDash(emptyArray);
-        }
-        return this.flagReset();
-      }
-    },
-    "linear-gradient": {
-      render: function(ctx, parent) {
-        if (!parent) {
-          return;
-        }
-        this._update();
-        if (!this._renderer.effect || this._flagEndPoints || this._flagStops || this._flagUnits) {
-          let rect;
-          let lx = this.left._x;
-          let ly = this.left._y;
-          let rx = this.right._x;
-          let ry = this.right._y;
-          if (/objectBoundingBox/i.test(this._units)) {
-            rect = parent.getBoundingClientRect(true);
-            lx = (lx - 0.5) * rect.width;
-            ly = (ly - 0.5) * rect.height;
-            rx = (rx - 0.5) * rect.width;
-            ry = (ry - 0.5) * rect.height;
-          }
-          this._renderer.effect = ctx.createLinearGradient(lx, ly, rx, ry);
-          for (let i = 0; i < this.stops.length; i++) {
-            const stop = this.stops[i];
-            this._renderer.effect.addColorStop(stop._offset, stop._color);
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    "radial-gradient": {
-      render: function(ctx, parent) {
-        if (!parent) {
-          return;
-        }
-        this._update();
-        if (!this._renderer.effect || this._flagCenter || this._flagFocal || this._flagRadius || this._flagStops || this._flagUnits) {
-          let rect;
-          let cx = this.center._x;
-          let cy = this.center._y;
-          let fx = this.focal._x;
-          let fy = this.focal._y;
-          let radius = this._radius;
-          if (/objectBoundingBox/i.test(this._units)) {
-            rect = parent.getBoundingClientRect(true);
-            cx = cx * rect.width * 0.5;
-            cy = cy * rect.height * 0.5;
-            fx = fx * rect.width * 0.5;
-            fy = fy * rect.height * 0.5;
-            radius *= Math.min(rect.width, rect.height) * 0.5;
-          }
-          this._renderer.effect = ctx.createRadialGradient(
-            cx,
-            cy,
-            0,
-            fx,
-            fy,
-            radius
-          );
-          for (let i = 0; i < this.stops.length; i++) {
-            const stop = this.stops[i];
-            this._renderer.effect.addColorStop(stop._offset, stop._color);
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    texture: {
-      render: function(ctx) {
-        this._update();
-        const image = this.image;
-        if (!this._renderer.effect || (this._flagLoaded || this._flagImage || this._flagVideo || this._flagRepeat) && this.loaded) {
-          this._renderer.effect = ctx.createPattern(this.image, this._repeat);
-        }
-        if (this._flagOffset || this._flagLoaded || this._flagScale) {
-          if (!(this._renderer.offset instanceof Vector)) {
-            this._renderer.offset = new Vector();
-          }
-          this._renderer.offset.x = -this._offset.x;
-          this._renderer.offset.y = -this._offset.y;
-          if (image) {
-            this._renderer.offset.x += image.width / 2;
-            this._renderer.offset.y += image.height / 2;
-            if (this._scale instanceof Vector) {
-              this._renderer.offset.x *= this._scale.x;
-              this._renderer.offset.y *= this._scale.y;
-            } else {
-              this._renderer.offset.x *= this._scale;
-              this._renderer.offset.y *= this._scale;
-            }
-          }
-        }
-        if (this._flagScale || this._flagLoaded) {
-          if (!(this._renderer.scale instanceof Vector)) {
-            this._renderer.scale = new Vector();
-          }
-          if (this._scale instanceof Vector) {
-            this._renderer.scale.copy(this._scale);
-          } else {
-            this._renderer.scale.set(this._scale, this._scale);
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    renderSvgArcCommand: function(ctx, ax, ay, rx, ry, largeArcFlag, sweepFlag, xAxisRotation, x, y) {
-      xAxisRotation = xAxisRotation * Math.PI / 180;
-      rx = abs(rx);
-      ry = abs(ry);
-      const dx2 = (ax - x) / 2;
-      const dy2 = (ay - y) / 2;
-      const x1p = cos2(xAxisRotation) * dx2 + sin2(xAxisRotation) * dy2;
-      const y1p = -sin2(xAxisRotation) * dx2 + cos2(xAxisRotation) * dy2;
-      const x1ps = x1p * x1p;
-      const y1ps = y1p * y1p;
-      let rxs = rx * rx;
-      let rys = ry * ry;
-      const cr = x1ps / rxs + y1ps / rys;
-      if (cr > 1) {
-        const s = sqrt(cr);
-        rx = s * rx;
-        ry = s * ry;
-        rxs = rx * rx;
-        rys = ry * ry;
-      }
-      const dq = rxs * y1ps + rys * x1ps;
-      const pq = (rxs * rys - dq) / dq;
-      let q = sqrt(max2(0, pq));
-      if (largeArcFlag === sweepFlag)
-        q = -q;
-      const cxp = q * rx * y1p / ry;
-      const cyp = -q * ry * x1p / rx;
-      const cx = cos2(xAxisRotation) * cxp - sin2(xAxisRotation) * cyp + (ax + x) / 2;
-      const cy = sin2(xAxisRotation) * cxp + cos2(xAxisRotation) * cyp + (ay + y) / 2;
-      const startAngle = svgAngle(1, 0, (x1p - cxp) / rx, (y1p - cyp) / ry);
-      const delta = svgAngle(
-        (x1p - cxp) / rx,
-        (y1p - cyp) / ry,
-        (-x1p - cxp) / rx,
-        (-y1p - cyp) / ry
-      ) % TWO_PI;
-      const endAngle = startAngle + delta;
-      const clockwise = sweepFlag === 0;
-      renderArcEstimate(
-        ctx,
-        cx,
-        cy,
-        rx,
-        ry,
-        startAngle,
-        endAngle,
-        clockwise,
-        xAxisRotation
-      );
-    }
-  };
-  var Renderer = class extends Events {
-    constructor(params) {
-      super();
-      const smoothing = params.smoothing !== false;
-      this.domElement = params.domElement || document.createElement("canvas");
-      this.ctx = this.domElement.getContext("2d");
-      this.overdraw = params.overdraw || false;
-      if (typeof this.ctx.imageSmoothingEnabled !== "undefined") {
-        this.ctx.imageSmoothingEnabled = smoothing;
-      }
-      this.scene = new Group();
-      this.scene.parent = this;
-    }
-    setSize(width, height, ratio) {
-      this.width = width;
-      this.height = height;
-      this.ratio = typeof ratio === "undefined" ? getRatio(this.ctx) : ratio;
-      this.domElement.width = width * this.ratio;
-      this.domElement.height = height * this.ratio;
-      if (this.domElement.style) {
-        _.extend(this.domElement.style, {
-          width: width + "px",
-          height: height + "px"
-        });
-      }
-      return this.trigger(Events.Types.resize, width, height, ratio);
-    }
-    render() {
-      const isOne = this.ratio === 1;
-      if (!isOne) {
-        this.ctx.save();
-        this.ctx.scale(this.ratio, this.ratio);
-      }
-      if (!this.overdraw) {
-        this.ctx.clearRect(0, 0, this.width, this.height);
-      }
-      canvas.group.render.call(this.scene, this.ctx);
-      if (!isOne) {
-        this.ctx.restore();
-      }
-      return this;
-    }
-  };
-  __publicField(Renderer, "Utils", canvas);
-  function renderArcEstimate(ctx, ox, oy, rx, ry, startAngle, endAngle, clockwise, xAxisRotation) {
-    const delta = endAngle - startAngle;
-    const epsilon = Curve.Tolerance.epsilon;
-    const samePoints = Math.abs(delta) < epsilon;
-    let deltaAngle = mod(delta, TWO_PI);
-    if (deltaAngle < epsilon) {
-      if (samePoints) {
-        deltaAngle = 0;
-      } else {
-        deltaAngle = TWO_PI;
-      }
-    }
-    if (clockwise === true && !samePoints) {
-      if (deltaAngle === TWO_PI) {
-        deltaAngle = -TWO_PI;
-      } else {
-        deltaAngle = deltaAngle - TWO_PI;
-      }
-    }
-    for (let i = 0; i < Constants.Resolution; i++) {
-      const t = i / (Constants.Resolution - 1);
-      const angle = startAngle + t * deltaAngle;
-      let x = ox + rx * Math.cos(angle);
-      let y = oy + ry * Math.sin(angle);
-      if (xAxisRotation !== 0) {
-        const cos7 = Math.cos(xAxisRotation);
-        const sin7 = Math.sin(xAxisRotation);
-        const tx = x - ox;
-        const ty = y - oy;
-        x = tx * cos7 - ty * sin7 + ox;
-        y = tx * sin7 + ty * cos7 + oy;
-      }
-      ctx.lineTo(x, y);
-    }
-  }
-  function svgAngle(ux, uy, vx, vy) {
-    const dot = ux * vx + uy * vy;
-    const len = sqrt(ux * ux + uy * uy) * sqrt(vx * vx + vy * vy);
-    let ang = acos(max2(-1, min2(1, dot / len)));
-    if (ux * vy - uy * vx < 0) {
-      ang = -ang;
-    }
-    return ang;
-  }
-  function isDefaultMatrix(m) {
-    return m[0] == 1 && m[3] == 0 && m[1] == 0 && m[4] == 1 && m[2] == 0 && m[5] == 0;
-  }
-
-  // src/utils/canvas-shim.js
-  var CanvasShim = {
-    Image: null,
-    isHeadless: false,
-    shim: function(canvas3, Image) {
-      Renderer.Utils.shim(canvas3);
-      if (typeof Image !== "undefined") {
-        CanvasShim.Image = Image;
-      }
-      CanvasShim.isHeadless = true;
-      return canvas3;
-    }
-  };
-
-  // src/utils/dom.js
-  var dom = {
-    hasEventListeners: typeof root.addEventListener === "function",
-    bind: function(elem, event, func, bool) {
-      if (this.hasEventListeners) {
-        elem.addEventListener(event, func, !!bool);
-      } else {
-        elem.attachEvent("on" + event, func);
-      }
-      return dom;
-    },
-    unbind: function(elem, event, func, bool) {
-      if (dom.hasEventListeners) {
-        elem.removeEventListeners(event, func, !!bool);
-      } else {
-        elem.detachEvent("on" + event, func);
-      }
-      return dom;
-    },
-    getRequestAnimationFrame: function() {
-      const vendors = ["ms", "moz", "webkit", "o"];
-      let lastTime = 0;
-      let request = root.requestAnimationFrame;
-      if (!request) {
-        for (let i = 0; i < vendors.length; i++) {
-          request = root[vendors[i] + "RequestAnimationFrame"] || request;
-        }
-        request = request || fallbackRequest;
-      }
-      function fallbackRequest(callback, element) {
-        const currTime = new Date().getTime();
-        const timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        const id = root.setTimeout(nextRequest, timeToCall);
-        lastTime = currTime + timeToCall;
-        function nextRequest() {
-          callback(currTime + timeToCall);
-        }
-        return id;
-      }
-      return request;
-    }
-  };
-  var temp = root.document ? root.document.createElement("div") : {};
-  temp.id = "help-two-load";
-  Object.defineProperty(dom, "temp", {
-    enumerable: true,
-    get: function() {
-      if (_.isElement(temp) && !root.document.head.contains(temp)) {
-        temp.style.display = "none";
-        root.document.head.appendChild(temp);
-      }
-      return temp;
-    }
-  });
-
-  // src/utils/error.js
-  var TwoError = class extends Error {
-    name = "Two.js";
-    message;
-    constructor(message) {
-      super();
-      this.message = message;
-    }
-  };
-
-  // src/registry.js
-  var Registry = class {
-    map = {};
-    constructor() {
-    }
-    add(id, obj) {
-      this.map[id] = obj;
-      return this;
-    }
-    remove(id) {
-      delete this.map[id];
-      return this;
-    }
-    get(id) {
-      return this.map[id];
-    }
-    contains(id) {
-      return id in this.map;
-    }
-  };
-
-  // src/utils/shape.js
-  function contains(path, t) {
-    if (t === 0 || t === 1) {
-      return true;
-    }
-    const length = path._length;
-    const target = length * t;
-    let elapsed = 0;
-    for (let i = 0; i < path._lengths.length; i++) {
-      const dist = path._lengths[i];
-      if (elapsed >= target) {
-        return target - elapsed >= 0;
-      }
-      elapsed += dist;
-    }
-    return false;
-  }
-  function getIdByLength(path, target) {
-    const total = path._length;
-    if (target <= 0) {
-      return 0;
-    } else if (target >= total) {
-      return path._lengths.length - 1;
-    }
-    for (let i = 0, sum = 0; i < path._lengths.length; i++) {
-      if (sum + path._lengths[i] >= target) {
-        target -= sum;
-        return Math.max(i - 1, 0) + target / path._lengths[i];
-      }
-      sum += path._lengths[i];
-    }
-    return -1;
-  }
-  function getCurveLength2(a, b, limit) {
-    let x1, x2, x3, x4, y1, y2, y3, y4;
-    const right = b.controls && b.controls.right;
-    const left = a.controls && a.controls.left;
-    x1 = b.x;
-    y1 = b.y;
-    x2 = (right || b).x;
-    y2 = (right || b).y;
-    x3 = (left || a).x;
-    y3 = (left || a).y;
-    x4 = a.x;
-    y4 = a.y;
-    if (right && b._relative) {
-      x2 += b.x;
-      y2 += b.y;
-    }
-    if (left && a._relative) {
-      x3 += a.x;
-      y3 += a.y;
-    }
-    return getCurveLength(x1, y1, x2, y2, x3, y3, x4, y4, limit);
-  }
-  function getSubdivisions(a, b, limit) {
-    let x1, x2, x3, x4, y1, y2, y3, y4;
-    const right = b.controls && b.controls.right;
-    const left = a.controls && a.controls.left;
-    x1 = b.x;
-    y1 = b.y;
-    x2 = (right || b).x;
-    y2 = (right || b).y;
-    x3 = (left || a).x;
-    y3 = (left || a).y;
-    x4 = a.x;
-    y4 = a.y;
-    if (right && b._relative) {
-      x2 += b.x;
-      y2 += b.y;
-    }
-    if (left && a._relative) {
-      x3 += a.x;
-      y3 += a.y;
-    }
-    return subdivide(x1, y1, x2, y2, x3, y3, x4, y4, limit);
-  }
-
-  // src/effects/stop.js
-  var _Stop = class extends Element {
-    _flagOffset = true;
-    _flagOpacity = true;
-    _flagColor = true;
-    _offset = 0;
-    _opacity = 1;
-    _color = "#fff";
-    constructor(offset, color, opacity) {
-      super();
-      for (let prop in proto6) {
-        Object.defineProperty(this, prop, proto6[prop]);
-      }
-      this._renderer.type = "stop";
-      this.offset = typeof offset === "number" ? offset : _Stop.Index <= 0 ? 0 : 1;
-      this.opacity = typeof opacity === "number" ? opacity : 1;
-      this.color = typeof color === "string" ? color : _Stop.Index <= 0 ? "#fff" : "#000";
-      _Stop.Index = (_Stop.Index + 1) % 2;
-    }
-    clone(parent) {
-      const clone = new _Stop();
-      _.each(_Stop.Properties, function(property) {
-        clone[property] = this[property];
-      }, this);
-      if (parent && parent.stops) {
-        parent.stops.push(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const result = {};
-      _.each(_Stop.Properties, function(k) {
-        result[k] = this[k];
-      }, this);
-      return result;
-    }
-    flagReset() {
-      this._flagOffset = this._flagColor = this._flagOpacity = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var Stop = _Stop;
-  __publicField(Stop, "Index", 0);
-  __publicField(Stop, "Properties", ["offset", "opacity", "color"]);
-  var proto6 = {
-    offset: {
-      enumerable: true,
-      get: function() {
-        return this._offset;
-      },
-      set: function(v) {
-        this._offset = v;
-        this._flagOffset = true;
-        if (this.parent) {
-          this.parent._flagStops = true;
-        }
-      }
-    },
-    opacity: {
-      enumerable: true,
-      get: function() {
-        return this._opacity;
-      },
-      set: function(v) {
-        this._opacity = v;
-        this._flagOpacity = true;
-        if (this.parent) {
-          this.parent._flagStops = true;
-        }
-      }
-    },
-    color: {
-      enumerable: true,
-      get: function() {
-        return this._color;
-      },
-      set: function(v) {
-        this._color = v;
-        this._flagColor = true;
-        if (this.parent) {
-          this.parent._flagStops = true;
-        }
-      }
-    }
-  };
-
-  // src/effects/gradient.js
-  var _Gradient = class extends Element {
-    _flagStops = false;
-    _flagSpread = false;
-    _flagUnits = false;
-    _spread = "";
-    _units = "";
-    constructor(stops) {
-      super();
-      for (let prop in proto7) {
-        Object.defineProperty(this, prop, proto7[prop]);
-      }
-      this._renderer.type = "gradient";
-      this.id = Constants.Identifier + Constants.uniqueId();
-      this.classList = [];
-      this._renderer.flagStops = FlagStops.bind(this);
-      this._renderer.bindStops = BindStops.bind(this);
-      this._renderer.unbindStops = UnbindStops.bind(this);
-      this.spread = "pad";
-      this.units = "objectBoundingBox";
-      if (stops) {
-        this.stops = stops;
-      }
-    }
-    clone(parent) {
-      const stops = this.stops.map(function(s) {
-        return s.clone();
-      });
-      const clone = new _Gradient(stops);
-      _.each(_Gradient.Properties, function(k) {
-        clone[k] = this[k];
-      }, this);
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const result = {
-        stops: this.stops.map(function(s) {
-          return s.toObject();
-        })
-      };
-      _.each(_Gradient.Properties, function(k) {
-        result[k] = this[k];
-      }, this);
-      return result;
-    }
-    _update() {
-      if (this._flagSpread || this._flagStops) {
-        this.trigger(Events.Types.change);
-      }
-      return this;
-    }
-    flagReset() {
-      this._flagSpread = this._flagUnits = this._flagStops = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var Gradient = _Gradient;
-  __publicField(Gradient, "Stop", Stop);
-  __publicField(Gradient, "Properties", ["spread", "stops", "renderer", "units"]);
-  var proto7 = {
-    spread: {
-      enumerable: true,
-      get: function() {
-        return this._spread;
-      },
-      set: function(v) {
-        this._spread = v;
-        this._flagSpread = true;
-      }
-    },
-    units: {
-      enumerable: true,
-      get: function() {
-        return this._units;
-      },
-      set: function(v) {
-        this._units = v;
-        this._flagUnits = true;
-      }
-    },
-    stops: {
-      enumerable: true,
-      get: function() {
-        return this._stops;
-      },
-      set: function(stops) {
-        const bindStops = this._renderer.bindStops;
-        const unbindStops = this._renderer.unbindStops;
-        if (this._stops) {
-          this._stops.unbind(Events.Types.insert, bindStops).unbind(Events.Types.remove, unbindStops);
-        }
-        this._stops = new Collection((stops || []).slice(0));
-        this._stops.bind(Events.Types.insert, bindStops).bind(Events.Types.remove, unbindStops);
-        bindStops(this._stops);
-      }
-    }
-  };
-  function FlagStops() {
-    this._flagStops = true;
-  }
-  function BindStops(items) {
-    let i = items.length;
-    while (i--) {
-      items[i].bind(Events.Types.change, this._renderer.flagStops);
-      items[i].parent = this;
-    }
-    this._renderer.flagStops();
-  }
-  function UnbindStops(items) {
-    let i = items.length;
-    while (i--) {
-      items[i].unbind(Events.Types.change, this._renderer.flagStops);
-      delete items[i].parent;
-    }
-    this._renderer.flagStops();
-  }
-
-  // src/effects/linear-gradient.js
-  var _LinearGradient = class extends Gradient {
-    _flagEndPoints = false;
-    _left = null;
-    _right = null;
-    constructor(x1, y1, x2, y2, stops) {
-      super(stops);
-      for (let prop in proto8) {
-        Object.defineProperty(this, prop, proto8[prop]);
-      }
-      this._renderer.type = "linear-gradient";
-      this._renderer.flagEndPoints = FlagEndPoints.bind(this);
-      this.left = new Vector();
-      this.right = new Vector();
-      if (typeof x1 === "number") {
-        this.left.x = x1;
-      }
-      if (typeof y1 === "number") {
-        this.left.y = y1;
-      }
-      if (typeof x2 === "number") {
-        this.right.x = x2;
-      }
-      if (typeof y2 === "number") {
-        this.right.y = y2;
-      }
-    }
-    clone(parent) {
-      const stops = this.stops.map(function(stop) {
-        return stop.clone();
-      });
-      const clone = new _LinearGradient(
-        this.left._x,
-        this.left._y,
-        this.right._x,
-        this.right._y,
-        stops
-      );
-      _.each(Gradient.Properties, function(k) {
-        clone[k] = this[k];
-      }, this);
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const result = super.toObject.call(this);
-      result.left = this.left.toObject();
-      result.right = this.right.toObject();
-      return result;
-    }
-    _update() {
-      if (this._flagEndPoints || this._flagSpread || this._flagStops) {
-        this.trigger(Events.Types.change);
-      }
-      return this;
-    }
-    flagReset() {
-      this._flagEndPoints = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var LinearGradient = _LinearGradient;
-  __publicField(LinearGradient, "Properties", ["left", "right"]);
-  __publicField(LinearGradient, "Stop", Stop);
-  var proto8 = {
-    left: {
-      enumerable: true,
-      get: function() {
-        return this._left;
-      },
-      set: function(v) {
-        if (this._left instanceof Vector) {
-          this._left.unbind(Events.Types.change, this._renderer.flagEndPoints);
-        }
-        this._left = v;
-        this._left.bind(Events.Types.change, this._renderer.flagEndPoints);
-        this._flagEndPoints = true;
-      }
-    },
-    right: {
-      enumerable: true,
-      get: function() {
-        return this._right;
-      },
-      set: function(v) {
-        if (this._right instanceof Vector) {
-          this._right.unbind(Events.Types.change, this._renderer.flagEndPoints);
-        }
-        this._right = v;
-        this._right.bind(Events.Types.change, this._renderer.flagEndPoints);
-        this._flagEndPoints = true;
-      }
-    }
-  };
-  function FlagEndPoints() {
-    this._flagEndPoints = true;
-  }
-
-  // src/effects/radial-gradient.js
-  var _RadialGradient = class extends Gradient {
-    _flagRadius = false;
-    _flagCenter = false;
-    _flagFocal = false;
-    _radius = 0;
-    _center = null;
-    _focal = null;
-    constructor(cx, cy, r, stops, fx, fy) {
-      super(stops);
-      for (let prop in proto9) {
-        Object.defineProperty(this, prop, proto9[prop]);
-      }
-      this._renderer.type = "radial-gradient";
-      this._renderer.flagCenter = FlagCenter.bind(this);
-      this._renderer.flagFocal = FlagFocal.bind(this);
-      this.center = new Vector();
-      this.radius = typeof r === "number" ? r : 1;
-      this.focal = new Vector();
-      if (typeof cx === "number") {
-        this.center.x = cx;
-      }
-      if (typeof cy === "number") {
-        this.center.y = cy;
-      }
-      this.focal.copy(this.center);
-      if (typeof fx === "number") {
-        this.focal.x = fx;
-      }
-      if (typeof fy === "number") {
-        this.focal.y = fy;
-      }
-    }
-    clone(parent) {
-      const stops = this.stops.map(function(stop) {
-        return stop.clone();
-      });
-      const clone = new _RadialGradient(
-        this.center._x,
-        this.center._y,
-        this._radius,
-        stops,
-        this.focal._x,
-        this.focal._y
-      );
-      _.each(Gradient.Properties.concat(_RadialGradient.Properties), function(k) {
-        clone[k] = this[k];
-      }, this);
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const result = super.toObject.call(this);
-      _.each(_RadialGradient.Properties, function(k) {
-        result[k] = this[k];
-      }, this);
-      result.center = this.center.toObject();
-      result.focal = this.focal.toObject();
-      return result;
-    }
-    _update() {
-      if (this._flagRadius || this._flatCenter || this._flagFocal || this._flagSpread || this._flagStops) {
-        this.trigger(Events.Types.change);
-      }
-      return this;
-    }
-    flagReset() {
-      this._flagRadius = this._flagCenter = this._flagFocal = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var RadialGradient = _RadialGradient;
-  __publicField(RadialGradient, "Stop", Stop);
-  __publicField(RadialGradient, "Properties", ["center", "radius", "focal"]);
-  var proto9 = {
-    radius: {
-      enumerable: true,
-      get: function() {
-        return this._radius;
-      },
-      set: function(v) {
-        this._radius = v;
-        this._flagRadius = true;
-      }
-    },
-    center: {
-      enumerable: true,
-      get: function() {
-        return this._center;
-      },
-      set: function(v) {
-        if (this._center) {
-          this._center.unbind(Events.Types.change, this._renderer.flagCenter);
-        }
-        this._center = v;
-        this._center.bind(Events.Types.change, this._renderer.flagCenter);
-        this._flagCenter = true;
-      }
-    },
-    focal: {
-      enumerable: true,
-      get: function() {
-        return this._focal;
-      },
-      set: function(v) {
-        if (this._focal) {
-          this._focal.unbind(Events.Types.change, this._renderer.flagFocal);
-        }
-        this._focal = v;
-        this._focal.bind(Events.Types.change, this._renderer.flagFocal);
-        this._flagFocal = true;
-      }
-    }
-  };
-  function FlagCenter() {
-    this._flagCenter = true;
-  }
-  function FlagFocal() {
-    this._flagFocal = true;
-  }
-
-  // src/effects/texture.js
-  var anchor;
-  var regex = {
-    video: /\.(mp4|webm|ogg)$/i,
-    image: /\.(jpe?g|png|gif|tiff|webp)$/i,
-    effect: /texture|gradient/i
-  };
-  if (root.document) {
-    anchor = document.createElement("a");
-  }
-  var _Texture = class extends Element {
-    _flagSrc = false;
-    _flagImage = false;
-    _flagVideo = false;
-    _flagLoaded = false;
-    _flagRepeat = false;
-    _flagOffset = false;
-    _flagScale = false;
-    _src = "";
-    _image = null;
-    _loaded = false;
-    _repeat = "no-repeat";
-    _scale = 1;
-    _offset = null;
-    constructor(src, callback) {
-      super();
-      this._renderer = {};
-      for (let prop in proto10) {
-        Object.defineProperty(this, prop, proto10[prop]);
-      }
-      this._renderer.type = "texture";
-      this._renderer.flagOffset = FlagOffset.bind(this);
-      this._renderer.flagScale = FlagScale.bind(this);
-      this.id = Constants.Identifier + Constants.uniqueId();
-      this.classList = [];
-      this.loaded = false;
-      this.repeat = "no-repeat";
-      this.offset = new Vector();
-      if (typeof callback === "function") {
-        const loaded = function() {
-          this.unbind(Events.Types.load, loaded);
-          if (typeof callback === "function") {
-            callback();
-          }
-        }.bind(this);
-        this.bind(Events.Types.load, loaded);
-      }
-      if (typeof src === "string") {
-        this.src = src;
-      } else if (typeof src === "object") {
-        const elemString = Object.prototype.toString.call(src);
-        if (elemString === "[object HTMLImageElement]" || elemString === "[object HTMLCanvasElement]" || elemString === "[object HTMLVideoElement]" || elemString === "[object Image]") {
-          this.image = src;
-        }
-      }
-      this._update();
-    }
-    static getAbsoluteURL(path) {
-      if (!anchor) {
-        return path;
-      }
-      anchor.href = path;
-      return anchor.href;
-    }
-    static loadHeadlessBuffer(texture, loaded) {
-      texture.image.onload = loaded;
-      texture.image.src = texture.src;
-    }
-    static getTag(image) {
-      return image && image.nodeName && image.nodeName.toLowerCase() || "img";
-    }
-    static getImage(src) {
-      const absoluteSrc = _Texture.getAbsoluteURL(src);
-      if (_Texture.ImageRegistry.contains(absoluteSrc)) {
-        return _Texture.ImageRegistry.get(absoluteSrc);
-      }
-      let image;
-      if (CanvasShim.Image) {
-        image = new CanvasShim.Image();
-        Renderer.Utils.shim(image, "img");
-      } else if (root.document) {
-        if (regex.video.test(absoluteSrc)) {
-          image = document.createElement("video");
-        } else {
-          image = document.createElement("img");
-        }
-      } else {
-        console.warn("Two.js: no prototypical image defined for Two.Texture");
-      }
-      image.crossOrigin = "anonymous";
-      image.referrerPolicy = "no-referrer";
-      return image;
-    }
-    static load(texture, callback) {
-      let image = texture.image;
-      let tag = _Texture.getTag(image);
-      if (texture._flagImage) {
-        if (/canvas/i.test(tag)) {
-          _Texture.Register.canvas(texture, callback);
-        } else {
-          texture._src = !CanvasShim.isHeadless && image.getAttribute("two-src") || image.src;
-          _Texture.Register[tag](texture, callback);
-        }
-      }
-      if (texture._flagSrc) {
-        if (!image) {
-          image = _Texture.getImage(texture.src);
-          texture.image = image;
-        }
-        tag = _Texture.getTag(image);
-        _Texture.Register[tag](texture, callback);
-      }
-    }
-    clone() {
-      const clone = new _Texture(this.src);
-      clone.repeat = this.repeat;
-      clone.offset.copy(this.origin);
-      clone.scale = this.scale;
-      return clone;
-    }
-    toObject() {
-      return {
-        src: this.src,
-        repeat: this.repeat,
-        origin: this.origin.toObject(),
-        scale: typeof this.scale === "number" ? this.scale : this.scale.toObject()
-      };
-    }
-    _update() {
-      if (this._flagSrc || this._flagImage) {
-        this.trigger(Events.Types.change);
-        if (this._flagSrc || this._flagImage) {
-          this.loaded = false;
-          _Texture.load(this, function() {
-            this.loaded = true;
-            this.trigger(Events.Types.change).trigger(Events.Types.load);
-          }.bind(this));
-        }
-      }
-      if (this._image && this._image.readyState >= 4) {
-        this._flagVideo = true;
-      }
-      return this;
-    }
-    flagReset() {
-      this._flagSrc = this._flagImage = this._flagLoaded = this._flagRepeat = this._flagVideo = this._flagScale = this._flagOffset = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var Texture = _Texture;
-  __publicField(Texture, "Properties", [
-    "src",
-    "loaded",
-    "repeat",
-    "scale",
-    "offset",
-    "image"
-  ]);
-  __publicField(Texture, "RegularExpressions", regex);
-  __publicField(Texture, "ImageRegistry", new Registry());
-  __publicField(Texture, "Register", {
-    canvas: function(texture, callback) {
-      texture._src = "#" + texture.id;
-      _Texture.ImageRegistry.add(texture.src, texture.image);
-      if (typeof callback === "function") {
-        callback();
-      }
-    },
-    img: function(texture, callback) {
-      const image = texture.image;
-      const loaded = function(e) {
-        if (!CanvasShim.isHeadless && image.removeEventListener && typeof image.removeEventListener === "function") {
-          image.removeEventListener("load", loaded, false);
-          image.removeEventListener("error", error, false);
-        }
-        if (typeof callback === "function") {
-          callback();
-        }
-      };
-      const error = function(e) {
-        if (!CanvasShim.isHeadless && typeof image.removeEventListener === "function") {
-          image.removeEventListener("load", loaded, false);
-          image.removeEventListener("error", error, false);
-        }
-        throw new TwoError("unable to load " + texture.src);
-      };
-      if (typeof image.width === "number" && image.width > 0 && typeof image.height === "number" && image.height > 0) {
-        loaded();
-      } else if (!CanvasShim.isHeadless && typeof image.addEventListener === "function") {
-        image.addEventListener("load", loaded, false);
-        image.addEventListener("error", error, false);
-      }
-      texture._src = _Texture.getAbsoluteURL(texture._src);
-      if (!CanvasShim.isHeadless && image && image.getAttribute("two-src")) {
-        return;
-      }
-      if (!CanvasShim.isHeadless) {
-        image.setAttribute("two-src", texture.src);
-      }
-      _Texture.ImageRegistry.add(texture.src, image);
-      if (CanvasShim.isHeadless) {
-        _Texture.loadHeadlessBuffer(texture, loaded);
-      } else {
-        texture.image.src = texture.src;
-      }
-    },
-    video: function(texture, callback) {
-      if (CanvasShim.isHeadless) {
-        throw new TwoError("video textures are not implemented in headless environments.");
-      }
-      const loaded = function(e) {
-        texture.image.removeEventListener("canplaythrough", loaded, false);
-        texture.image.removeEventListener("error", error, false);
-        texture.image.width = texture.image.videoWidth;
-        texture.image.height = texture.image.videoHeight;
-        if (typeof callback === "function") {
-          callback();
-        }
-      };
-      const error = function(e) {
-        texture.image.removeEventListener("canplaythrough", loaded, false);
-        texture.image.removeEventListener("error", error, false);
-        throw new TwoError("unable to load " + texture.src);
-      };
-      texture._src = _Texture.getAbsoluteURL(texture._src);
-      if (!texture.image.getAttribute("two-src")) {
-        texture.image.setAttribute("two-src", texture.src);
-        _Texture.ImageRegistry.add(texture.src, texture.image);
-      }
-      if (texture.image.readyState >= 4) {
-        loaded();
-      } else {
-        texture.image.addEventListener("canplaythrough", loaded, false);
-        texture.image.addEventListener("error", error, false);
-        texture.image.src = texture.src;
-        texture.image.load();
-      }
-    }
-  });
-  var proto10 = {
-    src: {
-      enumerable: true,
-      get: function() {
-        return this._src;
-      },
-      set: function(v) {
-        this._src = v;
-        this._flagSrc = true;
-      }
-    },
-    loaded: {
-      enumerable: true,
-      get: function() {
-        return this._loaded;
-      },
-      set: function(v) {
-        this._loaded = v;
-        this._flagLoaded = true;
-      }
-    },
-    repeat: {
-      enumerable: true,
-      get: function() {
-        return this._repeat;
-      },
-      set: function(v) {
-        this._repeat = v;
-        this._flagRepeat = true;
-      }
-    },
-    image: {
-      enumerable: true,
-      get: function() {
-        return this._image;
-      },
-      set: function(image) {
-        const tag = Texture.getTag(image);
-        let index;
-        switch (tag) {
-          case "canvas":
-            index = "#" + image.id;
-            break;
-          default:
-            index = image.src;
-        }
-        if (Texture.ImageRegistry.contains(index)) {
-          this._image = Texture.ImageRegistry.get(image.src);
-        } else {
-          this._image = image;
-        }
-        this._flagImage = true;
-      }
-    },
-    offset: {
-      enumerable: true,
-      get: function() {
-        return this._offset;
-      },
-      set: function(v) {
-        if (this._offset) {
-          this._offset.unbind(Events.Types.change, this._renderer.flagOffset);
-        }
-        this._offset = v;
-        this._offset.bind(Events.Types.change, this._renderer.flagOffset);
-        this._flagOffset = true;
-      }
-    },
-    scale: {
-      enumerable: true,
-      get: function() {
-        return this._scale;
-      },
-      set: function(v) {
-        if (this._scale instanceof Vector) {
-          this._scale.unbind(Events.Types.change, this._renderer.flagScale);
-        }
-        this._scale = v;
-        if (this._scale instanceof Vector) {
-          this._scale.bind(Events.Types.change, this._renderer.flagScale);
-        }
-        this._flagScale = true;
-      }
-    }
-  };
-  function FlagOffset() {
-    this._flagOffset = true;
-  }
-  function FlagScale() {
-    this._flagScale = true;
-  }
-
-  // src/path.js
-  var min3 = Math.min;
-  var max3 = Math.max;
-  var ceil = Math.ceil;
-  var floor2 = Math.floor;
-  var vector = new Vector();
-  var _Path = class extends Shape {
-    _flagVertices = true;
-    _flagLength = true;
-    _flagFill = true;
-    _flagStroke = true;
-    _flagLinewidth = true;
-    _flagOpacity = true;
-    _flagVisible = true;
-    _flagCap = true;
-    _flagJoin = true;
-    _flagMiter = true;
-    _flagMask = false;
-    _flagClip = false;
-    _length = 0;
-    _fill = "#fff";
-    _stroke = "#000";
-    _linewidth = 1;
-    _opacity = 1;
-    _visible = true;
-    _cap = "round";
-    _join = "round";
-    _miter = 4;
-    _closed = true;
-    _curved = false;
-    _automatic = true;
-    _beginning = 0;
-    _ending = 1;
-    _mask = null;
-    _clip = false;
-    _dashes = null;
-    constructor(vertices, closed2, curved, manual) {
-      super();
-      for (let prop in proto11) {
-        Object.defineProperty(this, prop, proto11[prop]);
-      }
-      this._renderer.type = "path";
-      this._renderer.flagVertices = FlagVertices.bind(this);
-      this._renderer.bindVertices = BindVertices.bind(this);
-      this._renderer.unbindVertices = UnbindVertices.bind(this);
-      this._renderer.flagFill = FlagFill.bind(this);
-      this._renderer.flagStroke = FlagStroke.bind(this);
-      this._renderer.vertices = [];
-      this._renderer.collection = [];
-      this.closed = !!closed2;
-      this.curved = !!curved;
-      this.beginning = 0;
-      this.ending = 1;
-      this.fill = "#fff";
-      this.stroke = "#000";
-      this.linewidth = 1;
-      this.opacity = 1;
-      this.className = "";
-      this.visible = true;
-      this.cap = "butt";
-      this.join = "miter";
-      this.miter = 4;
-      this.vertices = vertices;
-      this.automatic = !manual;
-      this.dashes = [];
-      this.dashes.offset = 0;
-    }
-    clone(parent) {
-      const clone = new _Path();
-      for (let j = 0; j < this.vertices.length; j++) {
-        clone.vertices.push(this.vertices[j].clone());
-      }
-      for (let i = 0; i < _Path.Properties.length; i++) {
-        const k = _Path.Properties[i];
-        clone[k] = this[k];
-      }
-      clone.className = this.className;
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone._update();
-    }
-    toObject() {
-      const result = {
-        vertices: this.vertices.map(function(v) {
-          return v.toObject();
-        })
-      };
-      _.each(_Path.Properties, function(k) {
-        if (typeof this[k] !== "undefined") {
-          if (this[k].toObject) {
-            result[k] = this[k].toObject();
-          } else {
-            result[k] = this[k];
-          }
-        }
-      }, this);
-      result.className = this.className;
-      result.translation = this.translation.toObject();
-      result.rotation = this.rotation;
-      result.scale = this.scale instanceof Vector ? this.scale.toObject() : this.scale;
-      result.skewX = this.skewX;
-      result.skewY = this.skewY;
-      if (this.matrix.manual) {
-        result.matrix = this.matrix.toObject();
-      }
-      return result;
-    }
-    noFill() {
-      this.fill = "none";
-      return this;
-    }
-    noStroke() {
-      this.stroke = "none";
-      return this;
-    }
-    corner() {
-      const rect = this.getBoundingClientRect(true);
-      const hw = rect.width / 2;
-      const hh = rect.height / 2;
-      const cx = rect.left + rect.width / 2;
-      const cy = rect.top + rect.height / 2;
-      for (let i = 0; i < this.vertices.length; i++) {
-        const v = this.vertices[i];
-        v.x -= cx;
-        v.y -= cy;
-        v.x += hw;
-        v.y += hh;
-      }
-      if (this.mask) {
-        this.mask.translation.x -= cx;
-        this.mask.translation.x += hw;
-        this.mask.translation.y -= cy;
-        this.mask.translation.y += hh;
-      }
-      return this;
-    }
-    center() {
-      const rect = this.getBoundingClientRect(true);
-      const cx = rect.left + rect.width / 2 - this.translation.x;
-      const cy = rect.top + rect.height / 2 - this.translation.y;
-      for (let i = 0; i < this.vertices.length; i++) {
-        const v = this.vertices[i];
-        v.x -= cx;
-        v.y -= cy;
-      }
-      if (this.mask) {
-        this.mask.translation.x -= cx;
-        this.mask.translation.y -= cy;
-      }
-      return this;
-    }
-    getBoundingClientRect(shallow) {
-      let matrix, border, l, i, v0, v1;
-      let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity;
-      this._update(true);
-      matrix = shallow ? this.matrix : this.worldMatrix;
-      border = (this.linewidth || 0) / 2;
-      l = this._renderer.vertices.length;
-      if (this.linewidth > 0 || this.stroke && !/(transparent|none)/i.test(this.stroke)) {
-        if (this.matrix.manual) {
-          const { scaleX, scaleY } = decomposeMatrix(
-            matrix.elements[0],
-            matrix.elements[3],
-            matrix.elements[1],
-            matrix.elements[4],
-            matrix.elements[2],
-            matrix.elements[5]
-          );
-          if (typeof scaleX === "number" && typeof scaleY === "number") {
-            border = Math.max(scaleX, scaleY) * (this.linewidth || 0) / 2;
-          }
-        } else {
-          border *= typeof this.scale === "number" ? this.scale : Math.max(this.scale.x, this.scale.y);
-        }
-      }
-      if (l <= 0) {
-        return {
-          width: 0,
-          height: 0
-        };
-      }
-      for (i = 0; i < l; i++) {
-        v1 = this._renderer.vertices[i];
-        v0 = this._renderer.vertices[(i + l - 1) % l];
-        const [v0x, v0y] = matrix.multiply(v0.x, v0.y);
-        const [v1x, v1y] = matrix.multiply(v1.x, v1.y);
-        if (v0.controls && v1.controls) {
-          let rx = v0.controls.right.x;
-          let ry = v0.controls.right.y;
-          if (v0.relative) {
-            rx += v0.x;
-            ry += v0.y;
-          }
-          let [c0x, c0y] = matrix.multiply(rx, ry);
-          let lx = v1.controls.left.x;
-          let ly = v1.controls.left.y;
-          if (v1.relative) {
-            lx += v1.x;
-            ly += v1.y;
-          }
-          let [c1x, c1y] = matrix.multiply(lx, ly);
-          const bb = getCurveBoundingBox(
-            v0x,
-            v0y,
-            c0x,
-            c0y,
-            c1x,
-            c1y,
-            v1x,
-            v1y
-          );
-          top = min3(bb.min.y - border, top);
-          left = min3(bb.min.x - border, left);
-          right = max3(bb.max.x + border, right);
-          bottom = max3(bb.max.y + border, bottom);
-        } else {
-          if (i <= 1) {
-            top = min3(v0y - border, top);
-            left = min3(v0x - border, left);
-            right = max3(v0x + border, right);
-            bottom = max3(v0y + border, bottom);
-          }
-          top = min3(v1y - border, top);
-          left = min3(v1x - border, left);
-          right = max3(v1x + border, right);
-          bottom = max3(v1y + border, bottom);
-        }
-      }
-      return {
-        top,
-        left,
-        right,
-        bottom,
-        width: right - left,
-        height: bottom - top
-      };
-    }
-    getPointAt(t, obj) {
-      let ia, ib, result;
-      let x, x1, x2, x3, x4, y, y1, y2, y3, y4, left, right;
-      let target = this.length * Math.min(Math.max(t, 0), 1);
-      const length = this.vertices.length;
-      const last = length - 1;
-      let a = null;
-      let b = null;
-      for (let i = 0, l = this._lengths.length, sum = 0; i < l; i++) {
-        if (sum + this._lengths[i] >= target) {
-          if (this._closed) {
-            ia = mod(i, length);
-            ib = mod(i - 1, length);
-            if (i === 0) {
-              ia = ib;
-              ib = i;
-            }
-          } else {
-            ia = i;
-            ib = Math.min(Math.max(i - 1, 0), last);
-          }
-          a = this.vertices[ia];
-          b = this.vertices[ib];
-          target -= sum;
-          if (this._lengths[i] !== 0) {
-            t = target / this._lengths[i];
-          } else {
-            t = 0;
-          }
-          break;
-        }
-        sum += this._lengths[i];
-      }
-      if (a === null || b === null) {
-        return null;
-      }
-      if (!a) {
-        return b;
-      } else if (!b) {
-        return a;
-      }
-      right = b.controls && b.controls.right;
-      left = a.controls && a.controls.left;
-      x1 = b.x;
-      y1 = b.y;
-      x2 = (right || b).x;
-      y2 = (right || b).y;
-      x3 = (left || a).x;
-      y3 = (left || a).y;
-      x4 = a.x;
-      y4 = a.y;
-      if (right && b.relative) {
-        x2 += b.x;
-        y2 += b.y;
-      }
-      if (left && a.relative) {
-        x3 += a.x;
-        y3 += a.y;
-      }
-      x = getComponentOnCubicBezier(t, x1, x2, x3, x4);
-      y = getComponentOnCubicBezier(t, y1, y2, y3, y4);
-      const t1x = lerp(x1, x2, t);
-      const t1y = lerp(y1, y2, t);
-      const t2x = lerp(x2, x3, t);
-      const t2y = lerp(y2, y3, t);
-      const t3x = lerp(x3, x4, t);
-      const t3y = lerp(y3, y4, t);
-      const brx = lerp(t1x, t2x, t);
-      const bry = lerp(t1y, t2y, t);
-      const alx = lerp(t2x, t3x, t);
-      const aly = lerp(t2y, t3y, t);
-      if (_.isObject(obj)) {
-        obj.x = x;
-        obj.y = y;
-        if (obj instanceof Anchor) {
-          obj.controls.left.x = brx;
-          obj.controls.left.y = bry;
-          obj.controls.right.x = alx;
-          obj.controls.right.y = aly;
-          if (!(typeof obj.relative === "boolean") || obj.relative) {
-            obj.controls.left.x -= x;
-            obj.controls.left.y -= y;
-            obj.controls.right.x -= x;
-            obj.controls.right.y -= y;
-          }
-        }
-        obj.t = t;
-        return obj;
-      }
-      result = new Anchor(
-        x,
-        y,
-        brx - x,
-        bry - y,
-        alx - x,
-        aly - y,
-        this._curved ? Commands.curve : Commands.line
-      );
-      result.t = t;
-      return result;
-    }
-    plot() {
-      if (this.curved) {
-        getCurveFromPoints(this._collection, this.closed);
-        return this;
-      }
-      for (let i = 0; i < this._collection.length; i++) {
-        this._collection[i].command = i === 0 ? Commands.move : Commands.line;
-      }
-      return this;
-    }
-    subdivide(limit) {
-      this._update();
-      const last = this.vertices.length - 1;
-      const closed2 = this._closed || this.vertices[last]._command === Commands.close;
-      let b = this.vertices[last];
-      let points = [], verts;
-      _.each(this.vertices, function(a, i) {
-        if (i <= 0 && !closed2) {
-          b = a;
-          return;
-        }
-        if (a.command === Commands.move) {
-          points.push(new Anchor(b.x, b.y));
-          if (i > 0) {
-            points[points.length - 1].command = Commands.line;
-          }
-          b = a;
-          return;
-        }
-        verts = getSubdivisions(a, b, limit);
-        points = points.concat(verts);
-        _.each(verts, function(v, i2) {
-          if (i2 <= 0 && b.command === Commands.move) {
-            v.command = Commands.move;
-          } else {
-            v.command = Commands.line;
-          }
-        });
-        if (i >= last) {
-          if (this._closed && this._automatic) {
-            b = a;
-            verts = getSubdivisions(a, b, limit);
-            points = points.concat(verts);
-            _.each(verts, function(v, i2) {
-              if (i2 <= 0 && b.command === Commands.move) {
-                v.command = Commands.move;
-              } else {
-                v.command = Commands.line;
-              }
-            });
-          } else if (closed2) {
-            points.push(new Anchor(a.x, a.y));
-          }
-          points[points.length - 1].command = closed2 ? Commands.close : Commands.line;
-        }
-        b = a;
-      }, this);
-      this._automatic = false;
-      this._curved = false;
-      this.vertices = points;
-      return this;
-    }
-    _updateLength(limit, silent) {
-      if (!silent) {
-        this._update();
-      }
-      const length = this.vertices.length;
-      const last = length - 1;
-      const closed2 = false;
-      let b = this.vertices[last];
-      let sum = 0;
-      if (typeof this._lengths === "undefined") {
-        this._lengths = [];
-      }
-      _.each(this.vertices, function(a, i) {
-        if (i <= 0 && !closed2 || a.command === Commands.move) {
-          b = a;
-          this._lengths[i] = 0;
-          return;
-        }
-        this._lengths[i] = getCurveLength2(a, b, limit);
-        sum += this._lengths[i];
-        if (i >= last && closed2) {
-          b = this.vertices[(i + 1) % length];
-          this._lengths[i + 1] = getCurveLength2(a, b, limit);
-          sum += this._lengths[i + 1];
-        }
-        b = a;
-      }, this);
-      this._length = sum;
-      this._flagLength = false;
-      return this;
-    }
-    _update() {
-      if (this._flagVertices) {
-        if (this._automatic) {
-          this.plot();
-        }
-        if (this._flagLength) {
-          this._updateLength(void 0, true);
-        }
-        const l = this._collection.length;
-        const closed2 = this._closed;
-        const beginning = Math.min(this._beginning, this._ending);
-        const ending = Math.max(this._beginning, this._ending);
-        const bid = getIdByLength(this, beginning * this._length);
-        const eid = getIdByLength(this, ending * this._length);
-        const low = ceil(bid);
-        const high = floor2(eid);
-        let left, right, prev, next, v, i;
-        this._renderer.vertices.length = 0;
-        for (i = 0; i < l; i++) {
-          if (this._renderer.collection.length <= i) {
-            this._renderer.collection.push(new Anchor());
-          }
-          if (i > high && !right) {
-            v = this._renderer.collection[i].copy(this._collection[i]);
-            this.getPointAt(ending, v);
-            v.command = this._renderer.collection[i].command;
-            this._renderer.vertices.push(v);
-            right = v;
-            prev = this._collection[i - 1];
-            if (prev && prev.controls) {
-              if (v.relative) {
-                v.controls.right.clear();
-              } else {
-                v.controls.right.copy(v);
-              }
-              if (prev.relative) {
-                this._renderer.collection[i - 1].controls.right.copy(prev.controls.right).lerp(Vector.zero, 1 - v.t);
-              } else {
-                this._renderer.collection[i - 1].controls.right.copy(prev.controls.right).lerp(prev, 1 - v.t);
-              }
-            }
-          } else if (i >= low && i <= high) {
-            v = this._renderer.collection[i].copy(this._collection[i]);
-            this._renderer.vertices.push(v);
-            if (i === high && contains(this, ending)) {
-              right = v;
-              if (!closed2 && right.controls) {
-                if (right.relative) {
-                  right.controls.right.clear();
-                } else {
-                  right.controls.right.copy(right);
-                }
-              }
-            } else if (i === low && contains(this, beginning)) {
-              left = v;
-              left.command = Commands.move;
-              if (!closed2 && left.controls) {
-                if (left.relative) {
-                  left.controls.left.clear();
-                } else {
-                  left.controls.left.copy(left);
-                }
-              }
-            }
-          }
-        }
-        if (low > 0 && !left) {
-          i = low - 1;
-          v = this._renderer.collection[i].copy(this._collection[i]);
-          this.getPointAt(beginning, v);
-          v.command = Commands.move;
-          this._renderer.vertices.unshift(v);
-          next = this._collection[i + 1];
-          if (next && next.controls) {
-            v.controls.left.clear();
-            if (next.relative) {
-              this._renderer.collection[i + 1].controls.left.copy(next.controls.left).lerp(Vector.zero, v.t);
-            } else {
-              vector.copy(next);
-              this._renderer.collection[i + 1].controls.left.copy(next.controls.left).lerp(next, v.t);
-            }
-          }
-        }
-      }
-      Shape.prototype._update.apply(this, arguments);
-      return this;
-    }
-    flagReset() {
-      this._flagVertices = this._flagLength = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagCap = this._flagJoin = this._flagMiter = this._flagClip = false;
-      Shape.prototype.flagReset.call(this);
-      return this;
-    }
-  };
-  var Path = _Path;
-  __publicField(Path, "Properties", [
-    "fill",
-    "stroke",
-    "linewidth",
-    "opacity",
-    "visible",
-    "cap",
-    "join",
-    "miter",
-    "closed",
-    "curved",
-    "automatic",
-    "beginning",
-    "ending"
-  ]);
-  __publicField(Path, "Utils", {
-    getCurveLength: getCurveLength2
-  });
-  var proto11 = {
-    linewidth: {
-      enumerable: true,
-      get: function() {
-        return this._linewidth;
-      },
-      set: function(v) {
-        this._linewidth = v;
-        this._flagLinewidth = true;
-      }
-    },
-    opacity: {
-      enumerable: true,
-      get: function() {
-        return this._opacity;
-      },
-      set: function(v) {
-        this._opacity = v;
-        this._flagOpacity = true;
-      }
-    },
-    visible: {
-      enumerable: true,
-      get: function() {
-        return this._visible;
-      },
-      set: function(v) {
-        this._visible = v;
-        this._flagVisible = true;
-      }
-    },
-    cap: {
-      enumerable: true,
-      get: function() {
-        return this._cap;
-      },
-      set: function(v) {
-        this._cap = v;
-        this._flagCap = true;
-      }
-    },
-    join: {
-      enumerable: true,
-      get: function() {
-        return this._join;
-      },
-      set: function(v) {
-        this._join = v;
-        this._flagJoin = true;
-      }
-    },
-    miter: {
-      enumerable: true,
-      get: function() {
-        return this._miter;
-      },
-      set: function(v) {
-        this._miter = v;
-        this._flagMiter = true;
-      }
-    },
-    fill: {
-      enumerable: true,
-      get: function() {
-        return this._fill;
-      },
-      set: function(f) {
-        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
-          this._fill.unbind(Events.Types.change, this._renderer.flagFill);
-        }
-        this._fill = f;
-        this._flagFill = true;
-        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
-          this._fill.bind(Events.Types.change, this._renderer.flagFill);
-        }
-      }
-    },
-    stroke: {
-      enumerable: true,
-      get: function() {
-        return this._stroke;
-      },
-      set: function(f) {
-        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
-          this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
-        }
-        this._stroke = f;
-        this._flagStroke = true;
-        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
-          this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
-        }
-      }
-    },
-    length: {
-      get: function() {
-        if (this._flagLength) {
-          this._updateLength();
-        }
-        return this._length;
-      }
-    },
-    closed: {
-      enumerable: true,
-      get: function() {
-        return this._closed;
-      },
-      set: function(v) {
-        this._closed = !!v;
-        this._flagVertices = true;
-      }
-    },
-    curved: {
-      enumerable: true,
-      get: function() {
-        return this._curved;
-      },
-      set: function(v) {
-        this._curved = !!v;
-        this._flagVertices = true;
-      }
-    },
-    automatic: {
-      enumerable: true,
-      get: function() {
-        return this._automatic;
-      },
-      set: function(v) {
-        if (v === this._automatic) {
-          return;
-        }
-        this._automatic = !!v;
-        const method = this._automatic ? "ignore" : "listen";
-        _.each(this.vertices, function(v2) {
-          v2[method]();
-        });
-      }
-    },
-    beginning: {
-      enumerable: true,
-      get: function() {
-        return this._beginning;
-      },
-      set: function(v) {
-        this._beginning = v;
-        this._flagVertices = true;
-      }
-    },
-    ending: {
-      enumerable: true,
-      get: function() {
-        return this._ending;
-      },
-      set: function(v) {
-        this._ending = v;
-        this._flagVertices = true;
-      }
-    },
-    vertices: {
-      enumerable: true,
-      get: function() {
-        return this._collection;
-      },
-      set: function(vertices) {
-        const bindVertices = this._renderer.bindVertices;
-        const unbindVertices = this._renderer.unbindVertices;
-        if (this._collection) {
-          this._collection.unbind(Events.Types.insert, bindVertices).unbind(Events.Types.remove, unbindVertices);
-        }
-        if (vertices instanceof Collection) {
-          this._collection = vertices;
-        } else {
-          this._collection = new Collection(vertices || []);
-        }
-        this._collection.bind(Events.Types.insert, bindVertices).bind(Events.Types.remove, unbindVertices);
-        bindVertices(this._collection);
-      }
-    },
-    mask: {
-      enumerable: true,
-      get: function() {
-        return this._mask;
-      },
-      set: function(v) {
-        this._mask = v;
-        this._flagMask = true;
-        if (_.isObject(v) && !v.clip) {
-          v.clip = true;
-        }
-      }
-    },
-    clip: {
-      enumerable: true,
-      get: function() {
-        return this._clip;
-      },
-      set: function(v) {
-        this._clip = v;
-        this._flagClip = true;
-      }
-    },
-    dashes: {
-      enumerable: true,
-      get: function() {
-        return this._dashes;
-      },
-      set: function(v) {
-        if (typeof v.offset !== "number") {
-          v.offset = this.dashes && this._dashes.offset || 0;
-        }
-        this._dashes = v;
-      }
-    }
-  };
-  function FlagVertices() {
-    this._flagVertices = true;
-    this._flagLength = true;
-    if (this.parent) {
-      this.parent._flagLength = true;
-    }
-  }
-  function BindVertices(items) {
-    let i = items.length;
-    while (i--) {
-      items[i].bind(Events.Types.change, this._renderer.flagVertices);
-    }
-    this._renderer.flagVertices();
-  }
-  function UnbindVertices(items) {
-    let i = items.length;
-    while (i--) {
-      items[i].unbind(Events.Types.change, this._renderer.flagVertices);
-    }
-    this._renderer.flagVertices();
-  }
-  function FlagFill() {
-    this._flagFill = true;
-  }
-  function FlagStroke() {
-    this._flagStroke = true;
-  }
-
-  // src/shapes/rectangle.js
-  var _Rectangle = class extends Path {
-    constructor(x, y, width, height) {
-      const points = [
-        new Anchor(),
-        new Anchor(),
-        new Anchor(),
-        new Anchor()
-      ];
-      super(points, true, false, true);
-      for (let prop in proto12) {
-        Object.defineProperty(this, prop, proto12[prop]);
-      }
-      this.width = typeof width === "number" ? width : 1;
-      this.height = typeof height === "number" ? height : 1;
-      this.origin = new Vector();
-      if (typeof x === "number") {
-        this.translation.x = x;
-      }
-      if (typeof y === "number") {
-        this.translation.y = y;
-      }
-      this._update();
-    }
-    _flagWidth = 0;
-    _flagHeight = 0;
-    _width = 0;
-    _height = 0;
-    _origin = null;
-    _update() {
-      if (this._flagVertices || this._flagWidth || this._flagHeight) {
-        const xr = this._width / 2;
-        const yr = this._height / 2;
-        if (!this._closed && this.vertices.length === 4) {
-          this.vertices.push(new Anchor());
-        }
-        this.vertices[0].set(-xr, -yr).sub(this._origin).command = Commands.move;
-        this.vertices[1].set(xr, -yr).sub(this._origin).command = Commands.line;
-        this.vertices[2].set(xr, yr).sub(this._origin).command = Commands.line;
-        this.vertices[3].set(-xr, yr).sub(this._origin).command = Commands.line;
-        if (this.vertices[4]) {
-          this.vertices[4].set(-xr, -yr).sub(this._origin).command = Commands.line;
-        }
-      }
-      super._update.call(this);
-      return this;
-    }
-    flagReset() {
-      this._flagWidth = this._flagHeight = false;
-      super.flagReset.call(this);
-      return this;
-    }
-    clone(parent) {
-      const clone = new _Rectangle(0, 0, this.width, this.height);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      for (let i = 0; i < Path.Properties.length; i++) {
-        const k = Path.Properties[i];
-        clone[k] = this[k];
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      object.width = this.width;
-      object.height = this.height;
-      object.origin = this.origin.toObject();
-      return object;
-    }
-  };
-  var Rectangle = _Rectangle;
-  __publicField(Rectangle, "Properties", ["width", "height"]);
-  var proto12 = {
-    width: {
-      enumerable: true,
-      get: function() {
-        return this._width;
-      },
-      set: function(v) {
-        this._width = v;
-        this._flagWidth = true;
-      }
-    },
-    height: {
-      enumerable: true,
-      get: function() {
-        return this._height;
-      },
-      set: function(v) {
-        this._height = v;
-        this._flagHeight = true;
-      }
-    },
-    origin: {
-      enumerable: true,
-      get: function() {
-        return this._origin;
-      },
-      set: function(v) {
-        if (this._origin) {
-          this._origin.unbind(Events.Types.change, this._renderer.flagVertices);
-        }
-        this._origin = v;
-        this._origin.bind(Events.Types.change, this._renderer.flagVertices);
-        this._renderer.flagVertices();
-      }
-    }
-  };
-
-  // src/effects/sprite.js
-  var _Sprite = class extends Rectangle {
-    _flagTexture = false;
-    _flagColumns = false;
-    _flagRows = false;
-    _flagFrameRate = false;
-    _flagIndex = false;
-    _amount = 1;
-    _duration = 0;
-    _startTime = 0;
-    _playing = false;
-    _firstFrame = 0;
-    _lastFrame = 0;
-    _loop = true;
-    _texture = null;
-    _columns = 1;
-    _rows = 1;
-    _frameRate = 0;
-    _index = 0;
-    _origin = null;
-    constructor(path, ox, oy, cols, rows, frameRate) {
-      super(ox, oy, 0, 0);
-      for (let prop in proto13) {
-        Object.defineProperty(this, prop, proto13[prop]);
-      }
-      this.noStroke();
-      this.noFill();
-      if (path instanceof Texture) {
-        this.texture = path;
-      } else if (typeof path === "string") {
-        this.texture = new Texture(path);
-      }
-      this.origin = new Vector();
-      this._update();
-      if (typeof cols === "number") {
-        this.columns = cols;
-      }
-      if (typeof rows === "number") {
-        this.rows = rows;
-      }
-      if (typeof frameRate === "number") {
-        this.frameRate = frameRate;
-      }
-      this.index = 0;
-    }
-    play(firstFrame, lastFrame, onLastFrame) {
-      this._playing = true;
-      this._firstFrame = 0;
-      this._lastFrame = this.amount - 1;
-      this._startTime = _.performance.now();
-      if (typeof firstFrame === "number") {
-        this._firstFrame = firstFrame;
-      }
-      if (typeof lastFrame === "number") {
-        this._lastFrame = lastFrame;
-      }
-      if (typeof onLastFrame === "function") {
-        this._onLastFrame = onLastFrame;
-      } else {
-        delete this._onLastFrame;
-      }
-      if (this._index !== this._firstFrame) {
-        this._startTime -= 1e3 * Math.abs(this._index - this._firstFrame) / this._frameRate;
-      }
-      return this;
-    }
-    pause() {
-      this._playing = false;
-      return this;
-    }
-    stop() {
-      this._playing = false;
-      this._index = 0;
-      return this;
-    }
-    clone(parent) {
-      const clone = new _Sprite(
-        this.texture,
-        this.translation.x,
-        this.translation.y,
-        this.columns,
-        this.rows,
-        this.frameRate
-      );
-      if (this.playing) {
-        clone.play(this._firstFrame, this._lastFrame);
-        clone._loop = this._loop;
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      object.texture = this.texture.toObject();
-      object.columns = this.columns;
-      object.rows = this.rows;
-      object.frameRate = this.frameRate;
-      object.index = this.index;
-      object._firstFrame = this._firstFrame;
-      object._lastFrame = this._lastFrame;
-      object._loop = this._loop;
-      return object;
-    }
-    _update() {
-      const effect = this._texture;
-      const cols = this._columns;
-      const rows = this._rows;
-      let width, height, elapsed, amount, duration;
-      let index, iw, ih, frames;
-      if (effect) {
-        if (this._flagColumns || this._flagRows) {
-          this._amount = this._columns * this._rows;
-        }
-        if (this._flagFrameRate) {
-          this._duration = 1e3 * this._amount / this._frameRate;
-        }
-        if (this._flagTexture) {
-          this.fill = effect;
-        }
-        if (effect.loaded) {
-          iw = effect.image.width;
-          ih = effect.image.height;
-          width = iw / cols;
-          height = ih / rows;
-          amount = this._amount;
-          if (this.width !== width) {
-            this.width = width;
-          }
-          if (this.height !== height) {
-            this.height = height;
-          }
-          if (this._playing && this._frameRate > 0) {
-            if (_.isNaN(this._lastFrame)) {
-              this._lastFrame = amount - 1;
-            }
-            elapsed = _.performance.now() - this._startTime;
-            frames = this._lastFrame + 1;
-            duration = 1e3 * (frames - this._firstFrame) / this._frameRate;
-            if (this._loop) {
-              elapsed = elapsed % duration;
-            } else {
-              elapsed = Math.min(elapsed, duration);
-            }
-            index = lerp(this._firstFrame, frames, elapsed / duration);
-            index = Math.floor(index);
-            if (index !== this._index) {
-              this._index = index;
-              if (index >= this._lastFrame - 1 && this._onLastFrame) {
-                this._onLastFrame();
-              }
-            }
-          }
-          const col = this._index % cols;
-          const row = Math.floor(this._index / cols);
-          const ox = -width * col + (iw - width) / 2;
-          const oy = -height * row + (ih - height) / 2;
-          if (ox !== effect.offset.x) {
-            effect.offset.x = ox;
-          }
-          if (oy !== effect.offset.y) {
-            effect.offset.y = oy;
-          }
-        }
-      }
-      super._update.call(this);
-      return this;
-    }
-    flagReset() {
-      this._flagTexture = this._flagColumns = this._flagRows = this._flagFrameRate = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var Sprite = _Sprite;
-  __publicField(Sprite, "Properties", [
-    "texture",
-    "columns",
-    "rows",
-    "frameRate",
-    "index"
-  ]);
-  var proto13 = {
-    texture: {
-      enumerable: true,
-      get: function() {
-        return this._texture;
-      },
-      set: function(v) {
-        this._texture = v;
-        this._flagTexture = true;
-      }
-    },
-    columns: {
-      enumerable: true,
-      get: function() {
-        return this._columns;
-      },
-      set: function(v) {
-        this._columns = v;
-        this._flagColumns = true;
-      }
-    },
-    rows: {
-      enumerable: true,
-      get: function() {
-        return this._rows;
-      },
-      set: function(v) {
-        this._rows = v;
-        this._flagRows = true;
-      }
-    },
-    frameRate: {
-      enumerable: true,
-      get: function() {
-        return this._frameRate;
-      },
-      set: function(v) {
-        this._frameRate = v;
-        this._flagFrameRate = true;
-      }
-    },
-    index: {
-      enumerable: true,
-      get: function() {
-        return this._index;
-      },
-      set: function(v) {
-        this._index = v;
-        this._flagIndex = true;
-      }
-    }
-  };
-
-  // src/shapes/circle.js
-  var cos3 = Math.cos;
-  var sin3 = Math.sin;
-  var _Circle = class extends Path {
-    _flagRadius = false;
-    _radius = 0;
-    constructor(ox, oy, r, resolution) {
-      const amount = resolution ? Math.max(resolution, 2) : 4;
-      const points = [];
-      for (let i = 0; i < amount; i++) {
-        points.push(new Anchor(0, 0, 0, 0, 0, 0));
-      }
-      super(points, true, true, true);
-      for (let prop in proto14) {
-        Object.defineProperty(this, prop, proto14[prop]);
-      }
-      if (typeof r === "number") {
-        this.radius = r;
-      }
-      this._update();
-      if (typeof ox === "number") {
-        this.translation.x = ox;
-      }
-      if (typeof oy === "number") {
-        this.translation.y = oy;
-      }
-    }
-    _update() {
-      if (this._flagVertices || this._flagRadius) {
-        let length = this.vertices.length;
-        if (!this._closed && length > 2) {
-          length -= 1;
-        }
-        const c = 4 / 3 * Math.tan(Math.PI / (length * 2));
-        const radius = this._radius;
-        const rc = radius * c;
-        for (let i = 0; i < this.vertices.length; i++) {
-          const pct = i / length;
-          const theta = pct * TWO_PI;
-          const x = radius * cos3(theta);
-          const y = radius * sin3(theta);
-          const lx = rc * cos3(theta - HALF_PI);
-          const ly = rc * sin3(theta - HALF_PI);
-          const rx = rc * cos3(theta + HALF_PI);
-          const ry = rc * sin3(theta + HALF_PI);
-          const v = this.vertices[i];
-          v.command = i === 0 ? Commands.move : Commands.curve;
-          v.set(x, y);
-          v.controls.left.set(lx, ly);
-          v.controls.right.set(rx, ry);
-        }
-      }
-      super._update.call(this);
-      return this;
-    }
-    flagReset() {
-      this._flagRadius = false;
-      super.flagReset.call(this);
-      return this;
-    }
-    clone(parent) {
-      const clone = new _Circle(0, 0, this.radius, this.vertices.length);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      for (let i = 0; i < Path.Properties.length; i++) {
-        const k = Path.Properties[i];
-        clone[k] = this[k];
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      for (let i = 0; i < _Circle.Properties.length; i++) {
-        const k = _Circle.Properties[i];
-        object[k] = this[k];
-      }
-      return object;
-    }
-  };
-  var Circle = _Circle;
-  __publicField(Circle, "Properties", ["radius"]);
-  var proto14 = {
-    radius: {
-      enumerable: true,
-      get: function() {
-        return this._radius;
-      },
-      set: function(v) {
-        this._radius = v;
-        this._flagRadius = true;
-      }
-    }
-  };
-
-  // src/shapes/ellipse.js
-  var cos4 = Math.cos;
-  var sin4 = Math.sin;
-  var _Ellipse = class extends Path {
-    _flagWidth = false;
-    _flagHeight = false;
-    _width = 0;
-    _height = 0;
-    constructor(x, y, rx, ry, resolution) {
-      if (typeof ry !== "number" && typeof rx === "number") {
-        ry = rx;
-      }
-      const amount = resolution ? Math.max(resolution, 2) : 4;
-      const points = [];
-      for (let i = 0; i < amount; i++) {
-        points.push(new Anchor());
-      }
-      super(points, true, true, true);
-      for (let prop in proto15) {
-        Object.defineProperty(this, prop, proto15[prop]);
-      }
-      if (typeof rx === "number") {
-        this.width = rx * 2;
-      }
-      if (typeof ry === "number") {
-        this.height = ry * 2;
-      }
-      this._update();
-      if (typeof x === "number") {
-        this.translation.x = x;
-      }
-      if (typeof y === "number") {
-        this.translation.y = y;
-      }
-    }
-    _update() {
-      if (this._flagVertices || this._flagWidth || this._flagHeight) {
-        let length = this.vertices.length;
-        if (!this._closed && length > 2) {
-          length -= 1;
-        }
-        const c = 4 / 3 * Math.tan(Math.PI / (this.vertices.length * 2));
-        const radiusX = this._width / 2;
-        const radiusY = this._height / 2;
-        for (let i = 0; i < this.vertices.length; i++) {
-          const pct = i / length;
-          const theta = pct * TWO_PI;
-          const x = radiusX * cos4(theta);
-          const y = radiusY * sin4(theta);
-          const lx = radiusX * c * cos4(theta - HALF_PI);
-          const ly = radiusY * c * sin4(theta - HALF_PI);
-          const rx = radiusX * c * cos4(theta + HALF_PI);
-          const ry = radiusY * c * sin4(theta + HALF_PI);
-          const v = this.vertices[i];
-          v.command = i === 0 ? Commands.move : Commands.curve;
-          v.set(x, y);
-          v.controls.left.set(lx, ly);
-          v.controls.right.set(rx, ry);
-        }
-      }
-      super._update.call(this);
-      return this;
-    }
-    flagReset() {
-      this._flagWidth = this._flagHeight = false;
-      super.flagReset.call(this);
-      return this;
-    }
-    clone(parent) {
-      const rx = this.width / 2;
-      const ry = this.height / 2;
-      const resolution = this.vertices.length;
-      const clone = new _Ellipse(0, 0, rx, ry, resolution);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      for (let i = 0; i < Path.Properties.length; i++) {
-        const k = Path.Properties[i];
-        clone[k] = this[k];
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      for (let i = 0; i < _Ellipse.Properties.length; i++) {
-        const k = _Ellipse.Properties[i];
-        object[k] = this[k];
-      }
-      return object;
-    }
-  };
-  var Ellipse = _Ellipse;
-  __publicField(Ellipse, "Properties", ["width", "height"]);
-  var proto15 = {
-    width: {
-      enumerable: true,
-      get: function() {
-        return this._width;
-      },
-      set: function(v) {
-        this._width = v;
-        this._flagWidth = true;
-      }
-    },
-    height: {
-      enumerable: true,
-      get: function() {
-        return this._height;
-      },
-      set: function(v) {
-        this._height = v;
-        this._flagHeight = true;
-      }
-    }
-  };
-
-  // src/shapes/line.js
-  var Line = class extends Path {
-    constructor(x1, y1, x2, y2) {
-      const points = [
-        new Anchor(x1, y1),
-        new Anchor(x2, y2)
-      ];
-      super(points);
-      for (let prop in proto16) {
-        Object.defineProperty(this, prop, proto16[prop]);
-      }
-      this.vertices[0].command = Commands.move;
-      this.vertices[1].command = Commands.line;
-      this.automatic = false;
-    }
-  };
-  var proto16 = {
-    left: {
-      enumerable: true,
-      get: function() {
-        return this.vertices[0];
-      },
-      set: function(v) {
-        if (_.isObject(v)) {
-          this.vertices.splice(0, 1, v);
-        } else {
-          const error = new TwoError("Two.Line.x argument is not an object.");
-          console.warn(error.name, error.message);
-        }
-      }
-    },
-    right: {
-      enumerable: true,
-      get: function() {
-        return this.vertices[1];
-      },
-      set: function(v) {
-        if (_.isObject(v)) {
-          this.vertices.splice(1, 1, v);
-        } else {
-          const error = new TwoError("Two.Line.y argument is not an object.");
-          console.warn(error.name, error.message);
-        }
-      }
-    }
-  };
-
-  // src/shapes/rounded-rectangle.js
-  var _RoundedRectangle = class extends Path {
-    _flagWidth = false;
-    _flagHeight = false;
-    _flagRadius = false;
-    _width = 0;
-    _height = 0;
-    _radius = 12;
-    constructor(x, y, width, height, radius) {
-      if (typeof radius === "undefined" && typeof width === "number" && typeof height === "number") {
-        radius = Math.floor(Math.min(width, height) / 12);
-      }
-      const points = [];
-      for (let i = 0; i < 10; i++) {
-        points.push(
-          new Anchor(
-            0,
-            0,
-            0,
-            0,
-            0,
-            0,
-            i === 0 ? Commands.move : Commands.curve
-          )
-        );
-      }
-      super(points);
-      for (let prop in proto17) {
-        Object.defineProperty(this, prop, proto17[prop]);
-      }
-      this.closed = true;
-      this.automatic = false;
-      this._renderer.flagRadius = FlagRadius.bind(this);
-      if (typeof width === "number") {
-        this.width = width;
-      }
-      if (typeof height === "number") {
-        this.height = height;
-      }
-      if (typeof radius === "number") {
-        this.radius = radius;
-      }
-      this._update();
-      if (typeof x === "number") {
-        this.translation.x = x;
-      }
-      if (typeof y === "number") {
-        this.translation.y = y;
-      }
-    }
-    _update() {
-      if (this._flagVertices || this._flagWidth || this._flagHeight || this._flagRadius) {
-        const width = this._width;
-        const height = this._height;
-        let rx, ry;
-        if (this._radius instanceof Vector) {
-          rx = this._radius.x;
-          ry = this._radius.y;
-        } else {
-          rx = this._radius;
-          ry = this._radius;
-        }
-        let v;
-        let w = width / 2;
-        let h = height / 2;
-        v = this.vertices[0];
-        v.x = -(w - rx);
-        v.y = -h;
-        v = this.vertices[1];
-        v.x = w - rx;
-        v.y = -h;
-        v.controls.left.clear();
-        v.controls.right.x = rx;
-        v.controls.right.y = 0;
-        v = this.vertices[2];
-        v.x = w;
-        v.y = -(h - ry);
-        v.controls.right.clear();
-        v.controls.left.clear();
-        v = this.vertices[3];
-        v.x = w;
-        v.y = h - ry;
-        v.controls.left.clear();
-        v.controls.right.x = 0;
-        v.controls.right.y = ry;
-        v = this.vertices[4];
-        v.x = w - rx;
-        v.y = h;
-        v.controls.right.clear();
-        v.controls.left.clear();
-        v = this.vertices[5];
-        v.x = -(w - rx);
-        v.y = h;
-        v.controls.left.clear();
-        v.controls.right.x = -rx;
-        v.controls.right.y = 0;
-        v = this.vertices[6];
-        v.x = -w;
-        v.y = h - ry;
-        v.controls.left.clear();
-        v.controls.right.clear();
-        v = this.vertices[7];
-        v.x = -w;
-        v.y = -(h - ry);
-        v.controls.left.clear();
-        v.controls.right.x = 0;
-        v.controls.right.y = -ry;
-        v = this.vertices[8];
-        v.x = -(w - rx);
-        v.y = -h;
-        v.controls.left.clear();
-        v.controls.right.clear();
-        v = this.vertices[9];
-        v.copy(this.vertices[8]);
-      }
-      super._update.call(this);
-      return this;
-    }
-    flagReset() {
-      this._flagWidth = this._flagHeight = this._flagRadius = false;
-      super.flagReset.call(this);
-      return this;
-    }
-    clone(parent) {
-      const width = this.width;
-      const height = this.height;
-      const radius = this.radius;
-      const clone = new _RoundedRectangle(0, 0, width, height, radius);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      for (let i = 0; i < Path.Properties.length; i++) {
-        const k = Path.Properties[i];
-        clone[k] = this[k];
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      for (let i = 0; i < _RoundedRectangle.Properties.length; i++) {
-        const k = _RoundedRectangle.Properties[i];
-        object[k] = this[k];
-      }
-      object.radius = typeof this.radius === "number" ? this.radius : this.radius.toObject();
-      return object;
-    }
-  };
-  var RoundedRectangle = _RoundedRectangle;
-  __publicField(RoundedRectangle, "Properties", ["width", "height", "radius"]);
-  var proto17 = {
-    width: {
-      enumerable: true,
-      get: function() {
-        return this._width;
-      },
-      set: function(v) {
-        this._width = v;
-        this._flagWidth = true;
-      }
-    },
-    height: {
-      enumerable: true,
-      get: function() {
-        return this._height;
-      },
-      set: function(v) {
-        this._height = v;
-        this._flagHeight = true;
-      }
-    },
-    radius: {
-      enumerable: true,
-      get: function() {
-        return this._radius;
-      },
-      set: function(v) {
-        if (this._radius instanceof Vector) {
-          this._radius.unbind(Events.Types.change, this._renderer.flagRadius);
-        }
-        this._radius = v;
-        if (this._radius instanceof Vector) {
-          this._radius.bind(Events.Types.change, this._renderer.flagRadius);
-        }
-        this._flagRadius = true;
-      }
-    }
-  };
-  function FlagRadius() {
-    this._flagRadius = true;
-  }
-
-  // src/text.js
-  var canvas2;
-  var min4 = Math.min;
-  var max4 = Math.max;
-  if (root.document) {
-    canvas2 = document.createElement("canvas");
-  }
-  var _Text = class extends Shape {
-    _flagValue = true;
-    _flagFamily = true;
-    _flagSize = true;
-    _flagLeading = true;
-    _flagAlignment = true;
-    _flagBaseline = true;
-    _flagStyle = true;
-    _flagWeight = true;
-    _flagDecoration = true;
-    _flagFill = true;
-    _flagStroke = true;
-    _flagLinewidth = true;
-    _flagOpacity = true;
-    _flagVisible = true;
-    _flagMask = false;
-    _flagClip = false;
-    _value = "";
-    _family = "sans-serif";
-    _size = 13;
-    _leading = 17;
-    _alignment = "center";
-    _baseline = "middle";
-    _style = "normal";
-    _weight = 500;
-    _decoration = "none";
-    _fill = "#000";
-    _stroke = "none";
-    _linewidth = 1;
-    _opacity = 1;
-    _visible = true;
-    _mask = null;
-    _clip = false;
-    _dashes = null;
-    constructor(message, x, y, styles) {
-      super();
-      for (let prop in proto18) {
-        Object.defineProperty(this, prop, proto18[prop]);
-      }
-      this._renderer.type = "text";
-      this._renderer.flagFill = FlagFill2.bind(this);
-      this._renderer.flagStroke = FlagStroke2.bind(this);
-      this.value = message;
-      if (typeof x === "number") {
-        this.translation.x = x;
-      }
-      if (typeof y === "number") {
-        this.translation.y = y;
-      }
-      this.dashes = [];
-      this.dashes.offset = 0;
-      if (!_.isObject(styles)) {
-        return this;
-      }
-      for (let i = 0; i < _Text.Properties.length; i++) {
-        const property = _Text.Properties[i];
-        if (property in styles) {
-          this[property] = styles[property];
-        }
-      }
-    }
-    static Measure(text) {
-      if (canvas2) {
-        const ctx = canvas2.getContext("2d");
-        ctx.font = [
-          text._style,
-          text._weight,
-          `${text._size}px/${text._leading}px`,
-          text._family
-        ].join(" ");
-        const metrics = ctx.measureText(text.value, 0, 0);
-        const height = metrics.actualBoundingBoxDescent + metrics.actualBoundingBoxAscent;
-        return {
-          width: metrics.width,
-          height
-        };
-      } else {
-        const width = this.value.length * this.size * _Text.Ratio;
-        const height = this.leading;
-        console.warn("Two.Text: unable to accurately measure text, so using an approximation.");
-        return {
-          width,
-          height
-        };
-      }
-    }
-    clone(parent) {
-      const clone = new _Text(this.value);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      for (let i = 0; i < _Text.Properties.length; i++) {
-        const prop = _Text.Properties[i];
-        clone[prop] = this[prop];
-      }
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone._update();
-    }
-    toObject() {
-      const result = {
-        translation: this.translation.toObject(),
-        rotation: this.rotation,
-        scale: this.scale
-      };
-      if (this.matrix.manual) {
-        result.matrix = this.matrix.toObject();
-      }
-      for (let i = 0; i < _Text.Properties.length; i++) {
-        const prop = _Text.Properties[i];
-        result[prop] = this[prop];
-      }
-      return result;
-    }
-    noFill() {
-      this.fill = "none";
-      return this;
-    }
-    noStroke() {
-      this.stroke = "none";
-      this.linewidth = 0;
-      return this;
-    }
-    getBoundingClientRect(shallow) {
-      let matrix;
-      let left, right, top, bottom;
-      this._update(true);
-      matrix = shallow ? this.matrix : this.worldMatrix;
-      const { width, height } = _Text.Measure(this);
-      const border = (this._linewidth || 0) / 2;
-      switch (this.alignment) {
-        case "left":
-          left = -border;
-          right = width + border;
-          break;
-        case "right":
-          left = -(width + border);
-          right = border;
-          break;
-        default:
-          left = -(width / 2 + border);
-          right = width / 2 + border;
-      }
-      switch (this.baseline) {
-        case "middle":
-          top = -(height / 2 + border);
-          bottom = height / 2 + border;
-          break;
-        default:
-          top = -(height + border);
-          bottom = border;
-      }
-      const [ax, ay] = matrix.multiply(left, top);
-      const [bx, by] = matrix.multiply(left, bottom);
-      const [cx, cy] = matrix.multiply(right, top);
-      const [dx, dy] = matrix.multiply(right, bottom);
-      top = min4(ay, by, cy, dy);
-      left = min4(ax, bx, cx, dx);
-      right = max4(ax, bx, cx, dx);
-      bottom = max4(ay, by, cy, dy);
-      return {
-        top,
-        left,
-        right,
-        bottom,
-        width: right - left,
-        height: bottom - top
-      };
-    }
-    flagReset() {
-      super.flagReset.call(this);
-      this._flagValue = this._flagFamily = this._flagSize = this._flagLeading = this._flagAlignment = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagClip = this._flagDecoration = this._flagClassName = this._flagBaseline = this._flagWeight = this._flagStyle = false;
-      return this;
-    }
-  };
-  var Text = _Text;
-  __publicField(Text, "Ratio", 0.6);
-  __publicField(Text, "Properties", [
-    "value",
-    "family",
-    "size",
-    "leading",
-    "alignment",
-    "linewidth",
-    "style",
-    "weight",
-    "decoration",
-    "baseline",
-    "opacity",
-    "visible",
-    "fill",
-    "stroke"
-  ]);
-  var proto18 = {
-    value: {
-      enumerable: true,
-      get: function() {
-        return this._value;
-      },
-      set: function(v) {
-        this._value = v;
-        this._flagValue = true;
-      }
-    },
-    family: {
-      enumerable: true,
-      get: function() {
-        return this._family;
-      },
-      set: function(v) {
-        this._family = v;
-        this._flagFamily = true;
-      }
-    },
-    size: {
-      enumerable: true,
-      get: function() {
-        return this._size;
-      },
-      set: function(v) {
-        this._size = v;
-        this._flagSize = true;
-      }
-    },
-    leading: {
-      enumerable: true,
-      get: function() {
-        return this._leading;
-      },
-      set: function(v) {
-        this._leading = v;
-        this._flagLeading = true;
-      }
-    },
-    alignment: {
-      enumerable: true,
-      get: function() {
-        return this._alignment;
-      },
-      set: function(v) {
-        this._alignment = v;
-        this._flagAlignment = true;
-      }
-    },
-    linewidth: {
-      enumerable: true,
-      get: function() {
-        return this._linewidth;
-      },
-      set: function(v) {
-        this._linewidth = v;
-        this._flagLinewidth = true;
-      }
-    },
-    style: {
-      enumerable: true,
-      get: function() {
-        return this._style;
-      },
-      set: function(v) {
-        this._style = v;
-        this._flagStyle = true;
-      }
-    },
-    weight: {
-      enumerable: true,
-      get: function() {
-        return this._weight;
-      },
-      set: function(v) {
-        this._weight = v;
-        this._flagWeight = true;
-      }
-    },
-    decoration: {
-      enumerable: true,
-      get: function() {
-        return this._decoration;
-      },
-      set: function(v) {
-        this._decoration = v;
-        this._flagDecoration = true;
-      }
-    },
-    baseline: {
-      enumerable: true,
-      get: function() {
-        return this._baseline;
-      },
-      set: function(v) {
-        this._baseline = v;
-        this._flagBaseline = true;
-      }
-    },
-    opacity: {
-      enumerable: true,
-      get: function() {
-        return this._opacity;
-      },
-      set: function(v) {
-        this._opacity = v;
-        this._flagOpacity = true;
-      }
-    },
-    visible: {
-      enumerable: true,
-      get: function() {
-        return this._visible;
-      },
-      set: function(v) {
-        this._visible = v;
-        this._flagVisible = true;
-      }
-    },
-    fill: {
-      enumerable: true,
-      get: function() {
-        return this._fill;
-      },
-      set: function(f) {
-        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
-          this._fill.unbind(Events.Types.change, this._renderer.flagFill);
-        }
-        this._fill = f;
-        this._flagFill = true;
-        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
-          this._fill.bind(Events.Types.change, this._renderer.flagFill);
-        }
-      }
-    },
-    stroke: {
-      enumerable: true,
-      get: function() {
-        return this._stroke;
-      },
-      set: function(f) {
-        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
-          this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
-        }
-        this._stroke = f;
-        this._flagStroke = true;
-        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
-          this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
-        }
-      }
-    },
-    mask: {
-      enumerable: true,
-      get: function() {
-        return this._mask;
-      },
-      set: function(v) {
-        this._mask = v;
-        this._flagMask = true;
-        if (_.isObject(v) && !v.clip) {
-          v.clip = true;
-        }
-      }
-    },
-    clip: {
-      enumerable: true,
-      get: function() {
-        return this._clip;
-      },
-      set: function(v) {
-        this._clip = v;
-        this._flagClip = true;
-      }
-    },
-    dashes: {
-      enumerable: true,
-      get: function() {
-        return this._dashes;
-      },
-      set: function(v) {
-        if (typeof v.offset !== "number") {
-          v.offset = this.dashes && this._dashes.offset || 0;
-        }
-        this._dashes = v;
-      }
-    }
-  };
-  function FlagFill2() {
-    this._flagFill = true;
-  }
-  function FlagStroke2() {
-    this._flagStroke = true;
-  }
-
-  // src/utils/interpret-svg.js
-  var regex2 = {
-    path: /[+-]?(?:\d*\.\d+|\d+)(?:[eE][+-]\d+)?/g,
-    cssBackgroundImage: /url\(['"]?#([\w\d-_]*)['"]?\)/i,
-    unitSuffix: /[a-zA-Z%]*/i
-  };
-  var alignments = {
-    start: "left",
-    middle: "center",
-    end: "right"
-  };
-  var reservedAttributesToRemove = ["id", "class", "transform", "xmlns", "viewBox"];
-  var overwriteAttrs = ["x", "y", "width", "height", "href", "xlink:href"];
-  function getAlignment(anchor2) {
-    return alignments[anchor2];
-  }
-  function getBaseline(node) {
-    const a = node.getAttribute("dominant-baseline");
-    const b = node.getAttribute("alignment-baseline");
-    return a || b;
-  }
-  function getTagName(tag) {
-    return tag.replace(/svg:/ig, "").toLowerCase();
-  }
-  function applyTransformsToVector(transforms, vector2) {
-    vector2.x += transforms.translateX;
-    vector2.y += transforms.translateY;
-    vector2.x *= transforms.scaleX;
-    vector2.y *= transforms.scaleY;
-    if (transforms.rotation !== 0) {
-      const l = vector2.length();
-      vector2.x = l * Math.cos(transforms.rotation);
-      vector2.y = l * Math.sin(transforms.rotation);
-    }
-  }
-  function extractCSSText(text, styles) {
-    if (!styles) {
-      styles = {};
-    }
-    const commands = text.split(";");
-    for (let i = 0; i < commands.length; i++) {
-      const command = commands[i].split(":");
-      const name = command[0];
-      const value = command[1];
-      if (typeof name === "undefined" || typeof value === "undefined") {
-        continue;
-      }
-      styles[name] = value.replace(/\s/, "");
-    }
-    return styles;
-  }
-  function getSvgStyles(node) {
-    const styles = {};
-    const attributes = getSvgAttributes(node);
-    const length = Math.max(attributes.length, node.style.length);
-    for (let i = 0; i < length; i++) {
-      const command = node.style[i];
-      const attribute = attributes[i];
-      if (command) {
-        styles[command] = node.style[command];
-      }
-      if (attribute) {
-        styles[attribute] = node.getAttribute(attribute);
-      }
-    }
-    return styles;
-  }
-  function getSvgAttributes(node) {
-    const attributes = node.getAttributeNames();
-    for (let i = 0; i < reservedAttributesToRemove.length; i++) {
-      const keyword = reservedAttributesToRemove[i];
-      const index = Array.prototype.indexOf.call(attributes, keyword);
-      if (index >= 0) {
-        attributes.splice(index, 1);
-      }
-    }
-    return attributes;
-  }
-  function applySvgViewBox(node, value) {
-    const elements = value.split(/[\s,]/);
-    const x = -parseFloat(elements[0]);
-    const y = -parseFloat(elements[1]);
-    const width = parseFloat(elements[2]);
-    const height = parseFloat(elements[3]);
-    if (x && y) {
-      for (let i = 0; i < node.children.length; i++) {
-        const child = node.children[i];
-        if ("translation" in child) {
-          child.translation.add(x, y);
-        } else if ("x" in child) {
-          child.x = x;
-        } else if ("y" in child) {
-          child.y = y;
-        }
-      }
-    }
-    const xExists = typeof node.x === "number";
-    const yExists = typeof node.y === "number";
-    const widthExists = typeof node.width === "number";
-    const heightExists = typeof node.height === "number";
-    if (xExists) {
-      node.translation.x += node.x;
-    }
-    if (yExists) {
-      node.translation.y += node.y;
-    }
-    if (widthExists || heightExists) {
-      node.scale = new Vector(1, 1);
-    }
-    if (widthExists) {
-      node.scale.x = node.width / width;
-    }
-    if (heightExists) {
-      node.scale.y = node.height / height;
-    }
-    node.mask = new Rectangle(0, 0, width, height);
-    node.mask.origin.set(-width / 2, -height / 2);
-    return node;
-  }
-  function applySvgAttributes(node, elem, parentStyles) {
-    const styles = {}, attributes = {}, extracted = {};
-    let i, m, key, value, prop, attr;
-    let transforms, x, y;
-    let id, scene, ref, tagName;
-    let ca, cb, cc, error;
-    if (node === null) {
-      return styles;
-    }
-    if (root.getComputedStyle) {
-      const computedStyles = root.getComputedStyle(node);
-      i = computedStyles.length;
-      while (i--) {
-        key = computedStyles[i];
-        value = computedStyles[key];
-        if (typeof value !== "undefined") {
-          styles[key] = value;
-        }
-      }
-    }
-    for (i = 0; i < node.attributes.length; i++) {
-      attr = node.attributes[i];
-      if (/style/i.test(attr.nodeName)) {
-        extractCSSText(attr.value, extracted);
-      } else {
-        attributes[attr.nodeName] = attr.value;
-      }
-    }
-    if (typeof styles.opacity !== "undefined") {
-      styles["stroke-opacity"] = styles.opacity;
-      styles["fill-opacity"] = styles.opacity;
-      delete styles.opacity;
-    }
-    if (parentStyles) {
-      _.defaults(styles, parentStyles);
-    }
-    _.extend(styles, extracted, attributes);
-    styles.visible = !(typeof styles.display === "undefined" && /none/i.test(styles.display)) || typeof styles.visibility === "undefined" && /hidden/i.test(styles.visibility);
-    for (key in styles) {
-      value = styles[key];
-      switch (key) {
-        case "gradientTransform":
-          if (/none/i.test(value))
-            break;
-          m = node.gradientTransform && node.gradientTransform.baseVal && node.gradientTransform.baseVal.length > 0 ? node.gradientTransform.baseVal[0].matrix : node.getCTM ? node.getCTM() : null;
-          if (m === null)
-            break;
-          transforms = decomposeMatrix(m);
-          switch (elem._renderer.type) {
-            case "linear-gradient":
-              applyTransformsToVector(transforms, elem.left);
-              applyTransformsToVector(transforms, elem.right);
-              break;
-            case "radial-gradient":
-              elem.center.x += transforms.translateX;
-              elem.center.y += transforms.translateY;
-              elem.focal.x += transforms.translateX;
-              elem.focal.y += transforms.translateY;
-              elem.radius *= Math.max(transforms.scaleX, transforms.scaleY);
-              break;
-          }
-          break;
-        case "transform":
-          if (/none/i.test(value))
-            break;
-          m = node.transform && node.transform.baseVal && node.transform.baseVal.length > 0 ? node.transform.baseVal[0].matrix : node.getCTM ? node.getCTM() : null;
-          if (m === null)
-            break;
-          if (Constants.AutoCalculateImportedMatrices) {
-            transforms = decomposeMatrix(m);
-            elem.translation.set(transforms.translateX, transforms.translateY);
-            elem.rotation = Math.PI * (transforms.rotation / 180);
-            elem.scale = new Vector(transforms.scaleX, transforms.scaleY);
-            x = parseFloat((styles.x + "").replace("px"));
-            y = parseFloat((styles.y + "").replace("px"));
-            if (x) {
-              elem.translation.x = x;
-            }
-            if (y) {
-              elem.translation.y = y;
-            }
-          } else {
-            m = node.getCTM();
-            elem._matrix.manual = true;
-            elem._matrix.set(m.a, m.b, m.c, m.d, m.e, m.f);
-          }
-          break;
-        case "visible":
-          if (elem instanceof Group) {
-            elem._visible = value;
-            break;
-          }
-          elem.visible = value;
-          break;
-        case "stroke-linecap":
-          if (elem instanceof Group) {
-            elem._cap = value;
-            break;
-          }
-          elem.cap = value;
-          break;
-        case "stroke-linejoin":
-          if (elem instanceof Group) {
-            elem._join = value;
-            break;
-          }
-          elem.join = value;
-          break;
-        case "stroke-miterlimit":
-          if (elem instanceof Group) {
-            elem._miter = value;
-            break;
-          }
-          elem.miter = value;
-          break;
-        case "stroke-width":
-          if (elem instanceof Group) {
-            elem._linewidth = parseFloat(value);
-            break;
-          }
-          elem.linewidth = parseFloat(value);
-          break;
-        case "opacity":
-        case "stroke-opacity":
-        case "fill-opacity":
-          if (elem instanceof Group) {
-            elem._opacity = parseFloat(value);
-            break;
-          }
-          elem.opacity = parseFloat(value);
-          break;
-        case "clip-path":
-          if (regex2.cssBackgroundImage.test(value)) {
-            id = value.replace(regex2.cssBackgroundImage, "$1");
-            if (read.defs.current && read.defs.current.contains(id)) {
-              ref = read.defs.current.get(id);
-              if (ref && ref.childNodes.length > 0) {
-                ref = ref.childNodes[0];
-                tagName = getTagName(ref.nodeName);
-                elem.mask = read[tagName].call(this, ref, {});
-                switch (elem._renderer.type) {
-                  case "text":
-                  case "path":
-                    elem.position.add(elem.mask.position);
-                    elem.mask.position.clear();
-                    break;
-                }
-              }
-            }
-          }
-          break;
-        case "fill":
-        case "stroke":
-          prop = (elem instanceof Group ? "_" : "") + key;
-          if (regex2.cssBackgroundImage.test(value)) {
-            id = value.replace(regex2.cssBackgroundImage, "$1");
-            if (read.defs.current && read.defs.current.contains(id)) {
-              ref = read.defs.current.get(id);
-              if (!ref.object) {
-                tagName = getTagName(ref.nodeName);
-                ref.object = read[tagName].call(this, ref, {});
-              }
-              ref = ref.object;
-            } else {
-              scene = getScene(this);
-              ref = scene.getById(id);
-            }
-            elem[prop] = ref;
-          } else {
-            elem[prop] = value;
-          }
-          break;
-        case "id":
-          elem.id = value;
-          break;
-        case "class":
-        case "className":
-          elem.classList = value.split(" ");
-          elem._flagClassName = true;
-          break;
-        case "x":
-        case "y":
-          ca = elem instanceof Gradient;
-          cb = elem instanceof LinearGradient;
-          cc = elem instanceof RadialGradient;
-          if (ca || cb || cc) {
-            break;
-          }
-          if (value.match("[a-z%]$") && !value.endsWith("px")) {
-            error = new TwoError(
-              "only pixel values are supported with the " + key + " attribute."
+                startAngle,
+                endAngle,
+                clockwise,
+                xAxisRotation
             );
-            console.warn(error.name, error.message);
-          }
-          elem.translation[key] = parseFloat(value);
-          break;
-        case "font-family":
-          if (elem instanceof Text) {
-            elem.family = value;
-          }
-          break;
-        case "font-size":
-          if (elem instanceof Text) {
-            elem.size = value;
-          }
-          break;
-        case "font-weight":
-          if (elem instanceof Text) {
-            elem.weight = value;
-          }
-          break;
-        case "font-style":
-          if (elem instanceof Text) {
-            elem.style = value;
-          }
-          break;
-        case "text-decoration":
-          if (elem instanceof Text) {
-            elem.decoration = value;
-          }
-          break;
-        case "line-height":
-          if (elem instanceof Text) {
-            elem.leading = value;
-          }
-          break;
-      }
-    }
-    if (Object.keys(node.dataset).length)
-      elem.dataset = node.dataset;
-    return styles;
-  }
-  function updateDefsCache(node, defsCache) {
-    for (let i = 0, l = node.childNodes.length; i < l; i++) {
-      const n = node.childNodes[i];
-      if (!n.id)
-        continue;
-      const tagName = getTagName(node.nodeName);
-      if (tagName === "#text")
-        continue;
-      defsCache.add(n.id, n);
-    }
-  }
-  function getScene(node) {
-    while (node.parent) {
-      node = node.parent;
-    }
-    return node.scene;
-  }
-  var read = {
-    svg: function(node) {
-      const defs = read.defs.current = new Registry();
-      const elements = node.getElementsByTagName("defs");
-      for (let i = 0; i < elements.length; i++) {
-        updateDefsCache(elements[i], defs);
-      }
-      const svg2 = read.g.call(this, node);
-      const viewBox = node.getAttribute("viewBox");
-      const x = node.getAttribute("x");
-      const y = node.getAttribute("y");
-      const width = node.getAttribute("width");
-      const height = node.getAttribute("height");
-      svg2.defs = defs;
-      const viewBoxExists = viewBox !== null;
-      const xExists = x !== null;
-      const yExists = y !== null;
-      const widthExists = width !== null;
-      const heightExists = height !== null;
-      if (xExists) {
-        svg2.x = parseFloat(x.replace(regex2.unitSuffix, ""));
-      }
-      if (yExists) {
-        svg2.y = parseFloat(y.replace(regex2.unitSuffix, ""));
-      }
-      if (widthExists) {
-        svg2.width = parseFloat(width.replace(regex2.unitSuffix, ""));
-      }
-      if (heightExists) {
-        svg2.height = parseFloat(height.replace(regex2.unitSuffix, ""));
-      }
-      if (viewBoxExists) {
-        applySvgViewBox(svg2, viewBox);
-      }
-      delete read.defs.current;
-      return svg2;
-    },
-    defs: function(node) {
-      return null;
-    },
-    use: function(node, styles) {
-      let error;
-      const href = node.getAttribute("href") || node.getAttribute("xlink:href");
-      if (!href) {
-        error = new TwoError("encountered <use /> with no href.");
-        console.warn(error.name, error.message);
-        return null;
-      }
-      const id = href.slice(1);
-      if (!read.defs.current.contains(id)) {
-        error = new TwoError(
-          "unable to find element for reference " + href + "."
-        );
-        console.warn(error.name, error.message);
-        return null;
-      }
-      const template = read.defs.current.get(id);
-      const fullNode = template.cloneNode(true);
-      for (let i = 0; i < node.attributes.length; i++) {
-        const attr = node.attributes[i];
-        const ca = overwriteAttrs.includes(attr.nodeName);
-        const cb = !fullNode.hasAttribute(attr.nodeName);
-        if (ca || cb) {
-          fullNode.setAttribute(attr.nodeName, attr.value);
         }
-      }
-      const tagName = getTagName(fullNode.nodeName);
-      return read[tagName].call(this, fullNode, styles);
-    },
-    g: function(node, parentStyles) {
-      const group = new Group();
-      applySvgAttributes.call(this, node, group, parentStyles);
-      this.add(group);
-      const styles = getSvgStyles.call(this, node);
-      for (let i = 0, l = node.childNodes.length; i < l; i++) {
-        const n = node.childNodes[i];
-        const tag = n.nodeName;
-        if (!tag)
-          return;
-        const tagName = getTagName(tag);
-        if (tagName in read) {
-          const o = read[tagName].call(group, n, styles);
-          if (!!o && !o.parent) {
-            group.add(o);
-          }
-        }
-      }
-      return group;
-    },
-    polygon: function(node, parentStyles) {
-      let points;
-      if (typeof node === "string") {
-        points = node;
-      } else {
-        points = node.getAttribute("points");
-      }
-      const verts = [];
-      points.replace(/(-?[\d.eE-]+)[,|\s](-?[\d.eE-]+)/g, function(match, p1, p2) {
-        verts.push(new Anchor(parseFloat(p1), parseFloat(p2)));
-      });
-      const poly = new Path(verts, true).noStroke();
-      poly.fill = "black";
-      applySvgAttributes.call(this, node, poly, parentStyles);
-      return poly;
-    },
-    polyline: function(node, parentStyles) {
-      const poly = read.polygon.call(this, node, parentStyles);
-      poly.closed = false;
-      return poly;
-    },
-    path: function(node, parentStyles) {
-      let path;
-      if (typeof node === "string") {
-        path = node;
-        node = null;
-      } else {
-        path = node.getAttribute("d");
-      }
-      let points = [];
-      let closed2 = false, relative = false;
-      if (path) {
-        let coord = new Anchor();
-        let control, coords;
-        let commands = path.match(/[a-df-z][^a-df-z]*/ig);
-        const last = commands.length - 1;
-        _.each(commands.slice(0), function(command, i) {
-          const items = command.slice(1).trim().match(regex2.path);
-          const type = command[0];
-          const lower = type.toLowerCase();
-          let bin, j, l, ct, times;
-          const result = [];
-          if (i === 0) {
-            commands = [];
-          }
-          switch (lower) {
-            case "h":
-            case "v":
-              if (items.length > 1) {
-                bin = 1;
-              }
-              break;
-            case "m":
-            case "l":
-            case "t":
-              if (items.length > 2) {
-                bin = 2;
-              }
-              break;
-            case "s":
-            case "q":
-              if (items.length > 4) {
-                bin = 4;
-              }
-              break;
-            case "c":
-              if (items.length > 6) {
-                bin = 6;
-              }
-              break;
-            case "a":
-              if (items.length > 7) {
-                bin = 7;
-              }
-              break;
-          }
-          if (bin) {
-            for (j = 0, l = items.length, times = 0; j < l; j += bin) {
-              ct = type;
-              if (times > 0) {
-                switch (type) {
-                  case "m":
-                    ct = "l";
-                    break;
-                  case "M":
-                    ct = "L";
-                    break;
-                }
-              }
-              result.push(ct + items.slice(j, j + bin).join(" "));
-              times++;
+    };
+    var Renderer = class extends Events {
+        constructor(params) {
+            super();
+            const smoothing = params.smoothing !== false;
+            this.domElement = params.domElement || document.createElement("canvas");
+            this.ctx = this.domElement.getContext("2d");
+            this.overdraw = params.overdraw || false;
+            if (typeof this.ctx.imageSmoothingEnabled !== "undefined") {
+                this.ctx.imageSmoothingEnabled = smoothing;
             }
-            commands = Array.prototype.concat.apply(commands, result);
-          } else {
-            commands.push(command);
-          }
-        });
-        _.each(commands, function(command, i) {
-          let result, x, y;
-          const type = command[0];
-          const lower = type.toLowerCase();
-          coords = command.slice(1).trim().match(regex2.path);
-          relative = type === lower;
-          let x1, y1, x2, y2, x3, y3, x4, y4, reflection;
-          let a, b;
-          let anchor2, rx, ry, xAxisRotation, largeArcFlag, sweepFlag;
-          switch (lower) {
-            case "z":
-              if (i >= last) {
-                closed2 = true;
-              } else {
-                x = coord.x;
-                y = coord.y;
-                result = new Anchor(
-                  x,
-                  y,
-                  void 0,
-                  void 0,
-                  void 0,
-                  void 0,
-                  Commands.close
-                );
-                for (let j = points.length - 1; j >= 0; j--) {
-                  const point = points[j];
-                  if (/m/i.test(point.command)) {
-                    coord = point;
-                    break;
-                  }
+            this.scene = new Group();
+            this.scene.parent = this;
+        }
+
+        setSize(width, height, ratio) {
+            this.width = width;
+            this.height = height;
+            this.ratio = typeof ratio === "undefined" ? getRatio(this.ctx) : ratio;
+            this.domElement.width = width * this.ratio;
+            this.domElement.height = height * this.ratio;
+            if (this.domElement.style) {
+                _.extend(this.domElement.style, {
+                    width: width + "px",
+                    height: height + "px"
+                });
+            }
+            return this.trigger(Events.Types.resize, width, height, ratio);
+        }
+
+        render() {
+            const isOne = this.ratio === 1;
+            if (!isOne) {
+                this.ctx.save();
+                this.ctx.scale(this.ratio, this.ratio);
+            }
+            if (!this.overdraw) {
+                this.ctx.clearRect(0, 0, this.width, this.height);
+            }
+            canvas.group.render.call(this.scene, this.ctx);
+            if (!isOne) {
+                this.ctx.restore();
+            }
+            return this;
+        }
+    };
+    __publicField(Renderer, "Utils", canvas);
+
+    function renderArcEstimate(ctx, ox, oy, rx, ry, startAngle, endAngle, clockwise, xAxisRotation) {
+        const delta = endAngle - startAngle;
+        const epsilon = Curve.Tolerance.epsilon;
+        const samePoints = Math.abs(delta) < epsilon;
+        let deltaAngle = mod(delta, TWO_PI);
+        if (deltaAngle < epsilon) {
+            if (samePoints) {
+                deltaAngle = 0;
+            } else {
+                deltaAngle = TWO_PI;
+            }
+        }
+        if (clockwise === true && !samePoints) {
+            if (deltaAngle === TWO_PI) {
+                deltaAngle = -TWO_PI;
+            } else {
+                deltaAngle = deltaAngle - TWO_PI;
+            }
+        }
+        for (let i = 0; i < Constants.Resolution; i++) {
+            const t = i / (Constants.Resolution - 1);
+            const angle = startAngle + t * deltaAngle;
+            let x = ox + rx * Math.cos(angle);
+            let y = oy + ry * Math.sin(angle);
+            if (xAxisRotation !== 0) {
+                const cos7 = Math.cos(xAxisRotation);
+                const sin7 = Math.sin(xAxisRotation);
+                const tx = x - ox;
+                const ty = y - oy;
+                x = tx * cos7 - ty * sin7 + ox;
+                y = tx * sin7 + ty * cos7 + oy;
+            }
+            ctx.lineTo(x, y);
+        }
+    }
+
+    function svgAngle(ux, uy, vx, vy) {
+        const dot = ux * vx + uy * vy;
+        const len = sqrt(ux * ux + uy * uy) * sqrt(vx * vx + vy * vy);
+        let ang = acos(max2(-1, min2(1, dot / len)));
+        if (ux * vy - uy * vx < 0) {
+            ang = -ang;
+        }
+        return ang;
+    }
+
+    function isDefaultMatrix(m) {
+        return m[0] == 1 && m[3] == 0 && m[1] == 0 && m[4] == 1 && m[2] == 0 && m[5] == 0;
+    }
+
+    // src/utils/canvas-shim.js
+    var CanvasShim = {
+        Image: null,
+        isHeadless: false,
+        shim: function (canvas3, Image) {
+            Renderer.Utils.shim(canvas3);
+            if (typeof Image !== "undefined") {
+                CanvasShim.Image = Image;
+            }
+            CanvasShim.isHeadless = true;
+            return canvas3;
+        }
+    };
+
+    // src/utils/dom.js
+    var dom = {
+        hasEventListeners: typeof root.addEventListener === "function",
+        bind: function (elem, event, func, bool) {
+            if (this.hasEventListeners) {
+                elem.addEventListener(event, func, !!bool);
+            } else {
+                elem.attachEvent("on" + event, func);
+            }
+            return dom;
+        },
+        unbind: function (elem, event, func, bool) {
+            if (dom.hasEventListeners) {
+                elem.removeEventListeners(event, func, !!bool);
+            } else {
+                elem.detachEvent("on" + event, func);
+            }
+            return dom;
+        },
+        getRequestAnimationFrame: function () {
+            const vendors = ["ms", "moz", "webkit", "o"];
+            let lastTime = 0;
+            let request = root.requestAnimationFrame;
+            if (!request) {
+                for (let i = 0; i < vendors.length; i++) {
+                    request = root[vendors[i] + "RequestAnimationFrame"] || request;
                 }
-              }
-              break;
-            case "m":
-            case "l":
-              control = void 0;
-              x = parseFloat(coords[0]);
-              y = parseFloat(coords[1]);
-              result = new Anchor(
+                request = request || fallbackRequest;
+            }
+
+            function fallbackRequest(callback, element) {
+                const currTime = new Date().getTime();
+                const timeToCall = Math.max(0, 16 - (currTime - lastTime));
+                const id = root.setTimeout(nextRequest, timeToCall);
+                lastTime = currTime + timeToCall;
+
+                function nextRequest() {
+                    callback(currTime + timeToCall);
+                }
+
+                return id;
+            }
+
+            return request;
+        }
+    };
+    var temp = root.document ? root.document.createElement("div") : {};
+    temp.id = "help-two-load";
+    Object.defineProperty(dom, "temp", {
+        enumerable: true,
+        get: function () {
+            if (_.isElement(temp) && !root.document.head.contains(temp)) {
+                temp.style.display = "none";
+                root.document.head.appendChild(temp);
+            }
+            return temp;
+        }
+    });
+
+    // src/utils/error.js
+    var TwoError = class extends Error {
+        name = "Two.js";
+        message;
+
+        constructor(message) {
+            super();
+            this.message = message;
+        }
+    };
+
+    // src/registry.js
+    var Registry = class {
+        map = {};
+
+        constructor() {
+        }
+
+        add(id, obj) {
+            this.map[id] = obj;
+            return this;
+        }
+
+        remove(id) {
+            delete this.map[id];
+            return this;
+        }
+
+        get(id) {
+            return this.map[id];
+        }
+
+        contains(id) {
+            return id in this.map;
+        }
+    };
+
+    // src/utils/shape.js
+    function contains(path, t) {
+        if (t === 0 || t === 1) {
+            return true;
+        }
+        const length = path._length;
+        const target = length * t;
+        let elapsed = 0;
+        for (let i = 0; i < path._lengths.length; i++) {
+            const dist = path._lengths[i];
+            if (elapsed >= target) {
+                return target - elapsed >= 0;
+            }
+            elapsed += dist;
+        }
+        return false;
+    }
+
+    function getIdByLength(path, target) {
+        const total = path._length;
+        if (target <= 0) {
+            return 0;
+        } else if (target >= total) {
+            return path._lengths.length - 1;
+        }
+        for (let i = 0, sum = 0; i < path._lengths.length; i++) {
+            if (sum + path._lengths[i] >= target) {
+                target -= sum;
+                return Math.max(i - 1, 0) + target / path._lengths[i];
+            }
+            sum += path._lengths[i];
+        }
+        return -1;
+    }
+
+    function getCurveLength2(a, b, limit) {
+        let x1, x2, x3, x4, y1, y2, y3, y4;
+        const right = b.controls && b.controls.right;
+        const left = a.controls && a.controls.left;
+        x1 = b.x;
+        y1 = b.y;
+        x2 = (right || b).x;
+        y2 = (right || b).y;
+        x3 = (left || a).x;
+        y3 = (left || a).y;
+        x4 = a.x;
+        y4 = a.y;
+        if (right && b._relative) {
+            x2 += b.x;
+            y2 += b.y;
+        }
+        if (left && a._relative) {
+            x3 += a.x;
+            y3 += a.y;
+        }
+        return getCurveLength(x1, y1, x2, y2, x3, y3, x4, y4, limit);
+    }
+
+    function getSubdivisions(a, b, limit) {
+        let x1, x2, x3, x4, y1, y2, y3, y4;
+        const right = b.controls && b.controls.right;
+        const left = a.controls && a.controls.left;
+        x1 = b.x;
+        y1 = b.y;
+        x2 = (right || b).x;
+        y2 = (right || b).y;
+        x3 = (left || a).x;
+        y3 = (left || a).y;
+        x4 = a.x;
+        y4 = a.y;
+        if (right && b._relative) {
+            x2 += b.x;
+            y2 += b.y;
+        }
+        if (left && a._relative) {
+            x3 += a.x;
+            y3 += a.y;
+        }
+        return subdivide(x1, y1, x2, y2, x3, y3, x4, y4, limit);
+    }
+
+    // src/effects/stop.js
+    var _Stop = class extends Element {
+        _flagOffset = true;
+        _flagOpacity = true;
+        _flagColor = true;
+        _offset = 0;
+        _opacity = 1;
+        _color = "#fff";
+
+        constructor(offset, color, opacity) {
+            super();
+            for (let prop in proto6) {
+                Object.defineProperty(this, prop, proto6[prop]);
+            }
+            this._renderer.type = "stop";
+            this.offset = typeof offset === "number" ? offset : _Stop.Index <= 0 ? 0 : 1;
+            this.opacity = typeof opacity === "number" ? opacity : 1;
+            this.color = typeof color === "string" ? color : _Stop.Index <= 0 ? "#fff" : "#000";
+            _Stop.Index = (_Stop.Index + 1) % 2;
+        }
+
+        clone(parent) {
+            const clone = new _Stop();
+            _.each(_Stop.Properties, function (property) {
+                clone[property] = this[property];
+            }, this);
+            if (parent && parent.stops) {
+                parent.stops.push(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const result = {};
+            _.each(_Stop.Properties, function (k) {
+                result[k] = this[k];
+            }, this);
+            return result;
+        }
+
+        flagReset() {
+            this._flagOffset = this._flagColor = this._flagOpacity = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var Stop = _Stop;
+    __publicField(Stop, "Index", 0);
+    __publicField(Stop, "Properties", ["offset", "opacity", "color"]);
+    var proto6 = {
+        offset: {
+            enumerable: true,
+            get: function () {
+                return this._offset;
+            },
+            set: function (v) {
+                this._offset = v;
+                this._flagOffset = true;
+                if (this.parent) {
+                    this.parent._flagStops = true;
+                }
+            }
+        },
+        opacity: {
+            enumerable: true,
+            get: function () {
+                return this._opacity;
+            },
+            set: function (v) {
+                this._opacity = v;
+                this._flagOpacity = true;
+                if (this.parent) {
+                    this.parent._flagStops = true;
+                }
+            }
+        },
+        color: {
+            enumerable: true,
+            get: function () {
+                return this._color;
+            },
+            set: function (v) {
+                this._color = v;
+                this._flagColor = true;
+                if (this.parent) {
+                    this.parent._flagStops = true;
+                }
+            }
+        }
+    };
+
+    // src/effects/gradient.js
+    var _Gradient = class extends Element {
+        _flagStops = false;
+        _flagSpread = false;
+        _flagUnits = false;
+        _spread = "";
+        _units = "";
+
+        constructor(stops) {
+            super();
+            for (let prop in proto7) {
+                Object.defineProperty(this, prop, proto7[prop]);
+            }
+            this._renderer.type = "gradient";
+            this.id = Constants.Identifier + Constants.uniqueId();
+            this.classList = [];
+            this._renderer.flagStops = FlagStops.bind(this);
+            this._renderer.bindStops = BindStops.bind(this);
+            this._renderer.unbindStops = UnbindStops.bind(this);
+            this.spread = "pad";
+            this.units = "objectBoundingBox";
+            if (stops) {
+                this.stops = stops;
+            }
+        }
+
+        clone(parent) {
+            const stops = this.stops.map(function (s) {
+                return s.clone();
+            });
+            const clone = new _Gradient(stops);
+            _.each(_Gradient.Properties, function (k) {
+                clone[k] = this[k];
+            }, this);
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const result = {
+                stops: this.stops.map(function (s) {
+                    return s.toObject();
+                })
+            };
+            _.each(_Gradient.Properties, function (k) {
+                result[k] = this[k];
+            }, this);
+            return result;
+        }
+
+        _update() {
+            if (this._flagSpread || this._flagStops) {
+                this.trigger(Events.Types.change);
+            }
+            return this;
+        }
+
+        flagReset() {
+            this._flagSpread = this._flagUnits = this._flagStops = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var Gradient = _Gradient;
+    __publicField(Gradient, "Stop", Stop);
+    __publicField(Gradient, "Properties", ["spread", "stops", "renderer", "units"]);
+    var proto7 = {
+        spread: {
+            enumerable: true,
+            get: function () {
+                return this._spread;
+            },
+            set: function (v) {
+                this._spread = v;
+                this._flagSpread = true;
+            }
+        },
+        units: {
+            enumerable: true,
+            get: function () {
+                return this._units;
+            },
+            set: function (v) {
+                this._units = v;
+                this._flagUnits = true;
+            }
+        },
+        stops: {
+            enumerable: true,
+            get: function () {
+                return this._stops;
+            },
+            set: function (stops) {
+                const bindStops = this._renderer.bindStops;
+                const unbindStops = this._renderer.unbindStops;
+                if (this._stops) {
+                    this._stops.unbind(Events.Types.insert, bindStops).unbind(Events.Types.remove, unbindStops);
+                }
+                this._stops = new Collection((stops || []).slice(0));
+                this._stops.bind(Events.Types.insert, bindStops).bind(Events.Types.remove, unbindStops);
+                bindStops(this._stops);
+            }
+        }
+    };
+
+    function FlagStops() {
+        this._flagStops = true;
+    }
+
+    function BindStops(items) {
+        let i = items.length;
+        while (i--) {
+            items[i].bind(Events.Types.change, this._renderer.flagStops);
+            items[i].parent = this;
+        }
+        this._renderer.flagStops();
+    }
+
+    function UnbindStops(items) {
+        let i = items.length;
+        while (i--) {
+            items[i].unbind(Events.Types.change, this._renderer.flagStops);
+            delete items[i].parent;
+        }
+        this._renderer.flagStops();
+    }
+
+    // src/effects/linear-gradient.js
+    var _LinearGradient = class extends Gradient {
+        _flagEndPoints = false;
+        _left = null;
+        _right = null;
+
+        constructor(x1, y1, x2, y2, stops) {
+            super(stops);
+            for (let prop in proto8) {
+                Object.defineProperty(this, prop, proto8[prop]);
+            }
+            this._renderer.type = "linear-gradient";
+            this._renderer.flagEndPoints = FlagEndPoints.bind(this);
+            this.left = new Vector();
+            this.right = new Vector();
+            if (typeof x1 === "number") {
+                this.left.x = x1;
+            }
+            if (typeof y1 === "number") {
+                this.left.y = y1;
+            }
+            if (typeof x2 === "number") {
+                this.right.x = x2;
+            }
+            if (typeof y2 === "number") {
+                this.right.y = y2;
+            }
+        }
+
+        clone(parent) {
+            const stops = this.stops.map(function (stop) {
+                return stop.clone();
+            });
+            const clone = new _LinearGradient(
+                this.left._x,
+                this.left._y,
+                this.right._x,
+                this.right._y,
+                stops
+            );
+            _.each(Gradient.Properties, function (k) {
+                clone[k] = this[k];
+            }, this);
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const result = super.toObject.call(this);
+            result.left = this.left.toObject();
+            result.right = this.right.toObject();
+            return result;
+        }
+
+        _update() {
+            if (this._flagEndPoints || this._flagSpread || this._flagStops) {
+                this.trigger(Events.Types.change);
+            }
+            return this;
+        }
+
+        flagReset() {
+            this._flagEndPoints = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var LinearGradient = _LinearGradient;
+    __publicField(LinearGradient, "Properties", ["left", "right"]);
+    __publicField(LinearGradient, "Stop", Stop);
+    var proto8 = {
+        left: {
+            enumerable: true,
+            get: function () {
+                return this._left;
+            },
+            set: function (v) {
+                if (this._left instanceof Vector) {
+                    this._left.unbind(Events.Types.change, this._renderer.flagEndPoints);
+                }
+                this._left = v;
+                this._left.bind(Events.Types.change, this._renderer.flagEndPoints);
+                this._flagEndPoints = true;
+            }
+        },
+        right: {
+            enumerable: true,
+            get: function () {
+                return this._right;
+            },
+            set: function (v) {
+                if (this._right instanceof Vector) {
+                    this._right.unbind(Events.Types.change, this._renderer.flagEndPoints);
+                }
+                this._right = v;
+                this._right.bind(Events.Types.change, this._renderer.flagEndPoints);
+                this._flagEndPoints = true;
+            }
+        }
+    };
+
+    function FlagEndPoints() {
+        this._flagEndPoints = true;
+    }
+
+    // src/effects/radial-gradient.js
+    var _RadialGradient = class extends Gradient {
+        _flagRadius = false;
+        _flagCenter = false;
+        _flagFocal = false;
+        _radius = 0;
+        _center = null;
+        _focal = null;
+
+        constructor(cx, cy, r, stops, fx, fy) {
+            super(stops);
+            for (let prop in proto9) {
+                Object.defineProperty(this, prop, proto9[prop]);
+            }
+            this._renderer.type = "radial-gradient";
+            this._renderer.flagCenter = FlagCenter.bind(this);
+            this._renderer.flagFocal = FlagFocal.bind(this);
+            this.center = new Vector();
+            this.radius = typeof r === "number" ? r : 1;
+            this.focal = new Vector();
+            if (typeof cx === "number") {
+                this.center.x = cx;
+            }
+            if (typeof cy === "number") {
+                this.center.y = cy;
+            }
+            this.focal.copy(this.center);
+            if (typeof fx === "number") {
+                this.focal.x = fx;
+            }
+            if (typeof fy === "number") {
+                this.focal.y = fy;
+            }
+        }
+
+        clone(parent) {
+            const stops = this.stops.map(function (stop) {
+                return stop.clone();
+            });
+            const clone = new _RadialGradient(
+                this.center._x,
+                this.center._y,
+                this._radius,
+                stops,
+                this.focal._x,
+                this.focal._y
+            );
+            _.each(Gradient.Properties.concat(_RadialGradient.Properties), function (k) {
+                clone[k] = this[k];
+            }, this);
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const result = super.toObject.call(this);
+            _.each(_RadialGradient.Properties, function (k) {
+                result[k] = this[k];
+            }, this);
+            result.center = this.center.toObject();
+            result.focal = this.focal.toObject();
+            return result;
+        }
+
+        _update() {
+            if (this._flagRadius || this._flatCenter || this._flagFocal || this._flagSpread || this._flagStops) {
+                this.trigger(Events.Types.change);
+            }
+            return this;
+        }
+
+        flagReset() {
+            this._flagRadius = this._flagCenter = this._flagFocal = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var RadialGradient = _RadialGradient;
+    __publicField(RadialGradient, "Stop", Stop);
+    __publicField(RadialGradient, "Properties", ["center", "radius", "focal"]);
+    var proto9 = {
+        radius: {
+            enumerable: true,
+            get: function () {
+                return this._radius;
+            },
+            set: function (v) {
+                this._radius = v;
+                this._flagRadius = true;
+            }
+        },
+        center: {
+            enumerable: true,
+            get: function () {
+                return this._center;
+            },
+            set: function (v) {
+                if (this._center) {
+                    this._center.unbind(Events.Types.change, this._renderer.flagCenter);
+                }
+                this._center = v;
+                this._center.bind(Events.Types.change, this._renderer.flagCenter);
+                this._flagCenter = true;
+            }
+        },
+        focal: {
+            enumerable: true,
+            get: function () {
+                return this._focal;
+            },
+            set: function (v) {
+                if (this._focal) {
+                    this._focal.unbind(Events.Types.change, this._renderer.flagFocal);
+                }
+                this._focal = v;
+                this._focal.bind(Events.Types.change, this._renderer.flagFocal);
+                this._flagFocal = true;
+            }
+        }
+    };
+
+    function FlagCenter() {
+        this._flagCenter = true;
+    }
+
+    function FlagFocal() {
+        this._flagFocal = true;
+    }
+
+    // src/effects/texture.js
+    var anchor;
+    var regex = {
+        video: /\.(mp4|webm|ogg)$/i,
+        image: /\.(jpe?g|png|gif|tiff|webp)$/i,
+        effect: /texture|gradient/i
+    };
+    if (root.document) {
+        anchor = document.createElement("a");
+    }
+    var _Texture = class extends Element {
+        _flagSrc = false;
+        _flagImage = false;
+        _flagVideo = false;
+        _flagLoaded = false;
+        _flagRepeat = false;
+        _flagOffset = false;
+        _flagScale = false;
+        _src = "";
+        _image = null;
+        _loaded = false;
+        _repeat = "no-repeat";
+        _scale = 1;
+        _offset = null;
+
+        constructor(src, callback) {
+            super();
+            this._renderer = {};
+            for (let prop in proto10) {
+                Object.defineProperty(this, prop, proto10[prop]);
+            }
+            this._renderer.type = "texture";
+            this._renderer.flagOffset = FlagOffset.bind(this);
+            this._renderer.flagScale = FlagScale.bind(this);
+            this.id = Constants.Identifier + Constants.uniqueId();
+            this.classList = [];
+            this.loaded = false;
+            this.repeat = "no-repeat";
+            this.offset = new Vector();
+            if (typeof callback === "function") {
+                const loaded = function () {
+                    this.unbind(Events.Types.load, loaded);
+                    if (typeof callback === "function") {
+                        callback();
+                    }
+                }.bind(this);
+                this.bind(Events.Types.load, loaded);
+            }
+            if (typeof src === "string") {
+                this.src = src;
+            } else if (typeof src === "object") {
+                const elemString = Object.prototype.toString.call(src);
+                if (elemString === "[object HTMLImageElement]" || elemString === "[object HTMLCanvasElement]" || elemString === "[object HTMLVideoElement]" || elemString === "[object Image]") {
+                    this.image = src;
+                }
+            }
+            this._update();
+        }
+
+        static getAbsoluteURL(path) {
+            if (!anchor) {
+                return path;
+            }
+            anchor.href = path;
+            return anchor.href;
+        }
+
+        static loadHeadlessBuffer(texture, loaded) {
+            texture.image.onload = loaded;
+            texture.image.src = texture.src;
+        }
+
+        static getTag(image) {
+            return image && image.nodeName && image.nodeName.toLowerCase() || "img";
+        }
+
+        static getImage(src) {
+            const absoluteSrc = _Texture.getAbsoluteURL(src);
+            if (_Texture.ImageRegistry.contains(absoluteSrc)) {
+                return _Texture.ImageRegistry.get(absoluteSrc);
+            }
+            let image;
+            if (CanvasShim.Image) {
+                image = new CanvasShim.Image();
+                Renderer.Utils.shim(image, "img");
+            } else if (root.document) {
+                if (regex.video.test(absoluteSrc)) {
+                    image = document.createElement("video");
+                } else {
+                    image = document.createElement("img");
+                }
+            } else {
+                console.warn("Two.js: no prototypical image defined for Two.Texture");
+            }
+            image.crossOrigin = "anonymous";
+            image.referrerPolicy = "no-referrer";
+            return image;
+        }
+
+        static load(texture, callback) {
+            let image = texture.image;
+            let tag = _Texture.getTag(image);
+            if (texture._flagImage) {
+                if (/canvas/i.test(tag)) {
+                    _Texture.Register.canvas(texture, callback);
+                } else {
+                    texture._src = !CanvasShim.isHeadless && image.getAttribute("two-src") || image.src;
+                    _Texture.Register[tag](texture, callback);
+                }
+            }
+            if (texture._flagSrc) {
+                if (!image) {
+                    image = _Texture.getImage(texture.src);
+                    texture.image = image;
+                }
+                tag = _Texture.getTag(image);
+                _Texture.Register[tag](texture, callback);
+            }
+        }
+
+        clone() {
+            const clone = new _Texture(this.src);
+            clone.repeat = this.repeat;
+            clone.offset.copy(this.origin);
+            clone.scale = this.scale;
+            return clone;
+        }
+
+        toObject() {
+            return {
+                src: this.src,
+                repeat: this.repeat,
+                origin: this.origin.toObject(),
+                scale: typeof this.scale === "number" ? this.scale : this.scale.toObject()
+            };
+        }
+
+        _update() {
+            if (this._flagSrc || this._flagImage) {
+                this.trigger(Events.Types.change);
+                if (this._flagSrc || this._flagImage) {
+                    this.loaded = false;
+                    _Texture.load(this, function () {
+                        this.loaded = true;
+                        this.trigger(Events.Types.change).trigger(Events.Types.load);
+                    }.bind(this));
+                }
+            }
+            if (this._image && this._image.readyState >= 4) {
+                this._flagVideo = true;
+            }
+            return this;
+        }
+
+        flagReset() {
+            this._flagSrc = this._flagImage = this._flagLoaded = this._flagRepeat = this._flagVideo = this._flagScale = this._flagOffset = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var Texture = _Texture;
+    __publicField(Texture, "Properties", [
+        "src",
+        "loaded",
+        "repeat",
+        "scale",
+        "offset",
+        "image"
+    ]);
+    __publicField(Texture, "RegularExpressions", regex);
+    __publicField(Texture, "ImageRegistry", new Registry());
+    __publicField(Texture, "Register", {
+        canvas: function (texture, callback) {
+            texture._src = "#" + texture.id;
+            _Texture.ImageRegistry.add(texture.src, texture.image);
+            if (typeof callback === "function") {
+                callback();
+            }
+        },
+        img: function (texture, callback) {
+            const image = texture.image;
+            const loaded = function (e) {
+                if (!CanvasShim.isHeadless && image.removeEventListener && typeof image.removeEventListener === "function") {
+                    image.removeEventListener("load", loaded, false);
+                    image.removeEventListener("error", error, false);
+                }
+                if (typeof callback === "function") {
+                    callback();
+                }
+            };
+            const error = function (e) {
+                if (!CanvasShim.isHeadless && typeof image.removeEventListener === "function") {
+                    image.removeEventListener("load", loaded, false);
+                    image.removeEventListener("error", error, false);
+                }
+                throw new TwoError("unable to load " + texture.src);
+            };
+            if (typeof image.width === "number" && image.width > 0 && typeof image.height === "number" && image.height > 0) {
+                loaded();
+            } else if (!CanvasShim.isHeadless && typeof image.addEventListener === "function") {
+                image.addEventListener("load", loaded, false);
+                image.addEventListener("error", error, false);
+            }
+            texture._src = _Texture.getAbsoluteURL(texture._src);
+            if (!CanvasShim.isHeadless && image && image.getAttribute("two-src")) {
+                return;
+            }
+            if (!CanvasShim.isHeadless) {
+                image.setAttribute("two-src", texture.src);
+            }
+            _Texture.ImageRegistry.add(texture.src, image);
+            if (CanvasShim.isHeadless) {
+                _Texture.loadHeadlessBuffer(texture, loaded);
+            } else {
+                texture.image.src = texture.src;
+            }
+        },
+        video: function (texture, callback) {
+            if (CanvasShim.isHeadless) {
+                throw new TwoError("video textures are not implemented in headless environments.");
+            }
+            const loaded = function (e) {
+                texture.image.removeEventListener("canplaythrough", loaded, false);
+                texture.image.removeEventListener("error", error, false);
+                texture.image.width = texture.image.videoWidth;
+                texture.image.height = texture.image.videoHeight;
+                if (typeof callback === "function") {
+                    callback();
+                }
+            };
+            const error = function (e) {
+                texture.image.removeEventListener("canplaythrough", loaded, false);
+                texture.image.removeEventListener("error", error, false);
+                throw new TwoError("unable to load " + texture.src);
+            };
+            texture._src = _Texture.getAbsoluteURL(texture._src);
+            if (!texture.image.getAttribute("two-src")) {
+                texture.image.setAttribute("two-src", texture.src);
+                _Texture.ImageRegistry.add(texture.src, texture.image);
+            }
+            if (texture.image.readyState >= 4) {
+                loaded();
+            } else {
+                texture.image.addEventListener("canplaythrough", loaded, false);
+                texture.image.addEventListener("error", error, false);
+                texture.image.src = texture.src;
+                texture.image.load();
+            }
+        }
+    });
+    var proto10 = {
+        src: {
+            enumerable: true,
+            get: function () {
+                return this._src;
+            },
+            set: function (v) {
+                this._src = v;
+                this._flagSrc = true;
+            }
+        },
+        loaded: {
+            enumerable: true,
+            get: function () {
+                return this._loaded;
+            },
+            set: function (v) {
+                this._loaded = v;
+                this._flagLoaded = true;
+            }
+        },
+        repeat: {
+            enumerable: true,
+            get: function () {
+                return this._repeat;
+            },
+            set: function (v) {
+                this._repeat = v;
+                this._flagRepeat = true;
+            }
+        },
+        image: {
+            enumerable: true,
+            get: function () {
+                return this._image;
+            },
+            set: function (image) {
+                const tag = Texture.getTag(image);
+                let index;
+                switch (tag) {
+                    case "canvas":
+                        index = "#" + image.id;
+                        break;
+                    default:
+                        index = image.src;
+                }
+                if (Texture.ImageRegistry.contains(index)) {
+                    this._image = Texture.ImageRegistry.get(image.src);
+                } else {
+                    this._image = image;
+                }
+                this._flagImage = true;
+            }
+        },
+        offset: {
+            enumerable: true,
+            get: function () {
+                return this._offset;
+            },
+            set: function (v) {
+                if (this._offset) {
+                    this._offset.unbind(Events.Types.change, this._renderer.flagOffset);
+                }
+                this._offset = v;
+                this._offset.bind(Events.Types.change, this._renderer.flagOffset);
+                this._flagOffset = true;
+            }
+        },
+        scale: {
+            enumerable: true,
+            get: function () {
+                return this._scale;
+            },
+            set: function (v) {
+                if (this._scale instanceof Vector) {
+                    this._scale.unbind(Events.Types.change, this._renderer.flagScale);
+                }
+                this._scale = v;
+                if (this._scale instanceof Vector) {
+                    this._scale.bind(Events.Types.change, this._renderer.flagScale);
+                }
+                this._flagScale = true;
+            }
+        }
+    };
+
+    function FlagOffset() {
+        this._flagOffset = true;
+    }
+
+    function FlagScale() {
+        this._flagScale = true;
+    }
+
+    // src/path.js
+    var min3 = Math.min;
+    var max3 = Math.max;
+    var ceil = Math.ceil;
+    var floor2 = Math.floor;
+    var vector = new Vector();
+    var _Path = class extends Shape {
+        _flagVertices = true;
+        _flagLength = true;
+        _flagFill = true;
+        _flagStroke = true;
+        _flagLinewidth = true;
+        _flagOpacity = true;
+        _flagVisible = true;
+        _flagCap = true;
+        _flagJoin = true;
+        _flagMiter = true;
+        _flagMask = false;
+        _flagClip = false;
+        _length = 0;
+        _fill = "#fff";
+        _stroke = "#000";
+        _linewidth = 1;
+        _opacity = 1;
+        _visible = true;
+        _cap = "round";
+        _join = "round";
+        _miter = 4;
+        _closed = true;
+        _curved = false;
+        _automatic = true;
+        _beginning = 0;
+        _ending = 1;
+        _mask = null;
+        _clip = false;
+        _dashes = null;
+
+        constructor(vertices, closed2, curved, manual) {
+            super();
+            for (let prop in proto11) {
+                Object.defineProperty(this, prop, proto11[prop]);
+            }
+            this._renderer.type = "path";
+            this._renderer.flagVertices = FlagVertices.bind(this);
+            this._renderer.bindVertices = BindVertices.bind(this);
+            this._renderer.unbindVertices = UnbindVertices.bind(this);
+            this._renderer.flagFill = FlagFill.bind(this);
+            this._renderer.flagStroke = FlagStroke.bind(this);
+            this._renderer.vertices = [];
+            this._renderer.collection = [];
+            this.closed = !!closed2;
+            this.curved = !!curved;
+            this.beginning = 0;
+            this.ending = 1;
+            this.fill = "#fff";
+            this.stroke = "#000";
+            this.linewidth = 1;
+            this.opacity = 1;
+            this.className = "";
+            this.visible = true;
+            this.cap = "butt";
+            this.join = "miter";
+            this.miter = 4;
+            this.vertices = vertices;
+            this.automatic = !manual;
+            this.dashes = [];
+            this.dashes.offset = 0;
+        }
+
+        clone(parent) {
+            const clone = new _Path();
+            for (let j = 0; j < this.vertices.length; j++) {
+                clone.vertices.push(this.vertices[j].clone());
+            }
+            for (let i = 0; i < _Path.Properties.length; i++) {
+                const k = _Path.Properties[i];
+                clone[k] = this[k];
+            }
+            clone.className = this.className;
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone._update();
+        }
+
+        toObject() {
+            const result = {
+                vertices: this.vertices.map(function (v) {
+                    return v.toObject();
+                })
+            };
+            _.each(_Path.Properties, function (k) {
+                if (typeof this[k] !== "undefined") {
+                    if (this[k].toObject) {
+                        result[k] = this[k].toObject();
+                    } else {
+                        result[k] = this[k];
+                    }
+                }
+            }, this);
+            result.className = this.className;
+            result.translation = this.translation.toObject();
+            result.rotation = this.rotation;
+            result.scale = this.scale instanceof Vector ? this.scale.toObject() : this.scale;
+            result.skewX = this.skewX;
+            result.skewY = this.skewY;
+            if (this.matrix.manual) {
+                result.matrix = this.matrix.toObject();
+            }
+            return result;
+        }
+
+        noFill() {
+            this.fill = "none";
+            return this;
+        }
+
+        noStroke() {
+            this.stroke = "none";
+            return this;
+        }
+
+        corner() {
+            const rect = this.getBoundingClientRect(true);
+            const hw = rect.width / 2;
+            const hh = rect.height / 2;
+            const cx = rect.left + rect.width / 2;
+            const cy = rect.top + rect.height / 2;
+            for (let i = 0; i < this.vertices.length; i++) {
+                const v = this.vertices[i];
+                v.x -= cx;
+                v.y -= cy;
+                v.x += hw;
+                v.y += hh;
+            }
+            if (this.mask) {
+                this.mask.translation.x -= cx;
+                this.mask.translation.x += hw;
+                this.mask.translation.y -= cy;
+                this.mask.translation.y += hh;
+            }
+            return this;
+        }
+
+        center() {
+            const rect = this.getBoundingClientRect(true);
+            const cx = rect.left + rect.width / 2 - this.translation.x;
+            const cy = rect.top + rect.height / 2 - this.translation.y;
+            for (let i = 0; i < this.vertices.length; i++) {
+                const v = this.vertices[i];
+                v.x -= cx;
+                v.y -= cy;
+            }
+            if (this.mask) {
+                this.mask.translation.x -= cx;
+                this.mask.translation.y -= cy;
+            }
+            return this;
+        }
+
+        getBoundingClientRect(shallow) {
+            let matrix, border, l, i, v0, v1;
+            let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity;
+            this._update(true);
+            matrix = shallow ? this.matrix : this.worldMatrix;
+            border = (this.linewidth || 0) / 2;
+            l = this._renderer.vertices.length;
+            if (this.linewidth > 0 || this.stroke && !/(transparent|none)/i.test(this.stroke)) {
+                if (this.matrix.manual) {
+                    const {scaleX, scaleY} = decomposeMatrix(
+                        matrix.elements[0],
+                        matrix.elements[3],
+                        matrix.elements[1],
+                        matrix.elements[4],
+                        matrix.elements[2],
+                        matrix.elements[5]
+                    );
+                    if (typeof scaleX === "number" && typeof scaleY === "number") {
+                        border = Math.max(scaleX, scaleY) * (this.linewidth || 0) / 2;
+                    }
+                } else {
+                    border *= typeof this.scale === "number" ? this.scale : Math.max(this.scale.x, this.scale.y);
+                }
+            }
+            if (l <= 0) {
+                return {
+                    width: 0,
+                    height: 0
+                };
+            }
+            for (i = 0; i < l; i++) {
+                v1 = this._renderer.vertices[i];
+                v0 = this._renderer.vertices[(i + l - 1) % l];
+                const [v0x, v0y] = matrix.multiply(v0.x, v0.y);
+                const [v1x, v1y] = matrix.multiply(v1.x, v1.y);
+                if (v0.controls && v1.controls) {
+                    let rx = v0.controls.right.x;
+                    let ry = v0.controls.right.y;
+                    if (v0.relative) {
+                        rx += v0.x;
+                        ry += v0.y;
+                    }
+                    let [c0x, c0y] = matrix.multiply(rx, ry);
+                    let lx = v1.controls.left.x;
+                    let ly = v1.controls.left.y;
+                    if (v1.relative) {
+                        lx += v1.x;
+                        ly += v1.y;
+                    }
+                    let [c1x, c1y] = matrix.multiply(lx, ly);
+                    const bb = getCurveBoundingBox(
+                        v0x,
+                        v0y,
+                        c0x,
+                        c0y,
+                        c1x,
+                        c1y,
+                        v1x,
+                        v1y
+                    );
+                    top = min3(bb.min.y - border, top);
+                    left = min3(bb.min.x - border, left);
+                    right = max3(bb.max.x + border, right);
+                    bottom = max3(bb.max.y + border, bottom);
+                } else {
+                    if (i <= 1) {
+                        top = min3(v0y - border, top);
+                        left = min3(v0x - border, left);
+                        right = max3(v0x + border, right);
+                        bottom = max3(v0y + border, bottom);
+                    }
+                    top = min3(v1y - border, top);
+                    left = min3(v1x - border, left);
+                    right = max3(v1x + border, right);
+                    bottom = max3(v1y + border, bottom);
+                }
+            }
+            return {
+                top,
+                left,
+                right,
+                bottom,
+                width: right - left,
+                height: bottom - top
+            };
+        }
+
+        getPointAt(t, obj) {
+            let ia, ib, result;
+            let x, x1, x2, x3, x4, y, y1, y2, y3, y4, left, right;
+            let target = this.length * Math.min(Math.max(t, 0), 1);
+            const length = this.vertices.length;
+            const last = length - 1;
+            let a = null;
+            let b = null;
+            for (let i = 0, l = this._lengths.length, sum = 0; i < l; i++) {
+                if (sum + this._lengths[i] >= target) {
+                    if (this._closed) {
+                        ia = mod(i, length);
+                        ib = mod(i - 1, length);
+                        if (i === 0) {
+                            ia = ib;
+                            ib = i;
+                        }
+                    } else {
+                        ia = i;
+                        ib = Math.min(Math.max(i - 1, 0), last);
+                    }
+                    a = this.vertices[ia];
+                    b = this.vertices[ib];
+                    target -= sum;
+                    if (this._lengths[i] !== 0) {
+                        t = target / this._lengths[i];
+                    } else {
+                        t = 0;
+                    }
+                    break;
+                }
+                sum += this._lengths[i];
+            }
+            if (a === null || b === null) {
+                return null;
+            }
+            if (!a) {
+                return b;
+            } else if (!b) {
+                return a;
+            }
+            right = b.controls && b.controls.right;
+            left = a.controls && a.controls.left;
+            x1 = b.x;
+            y1 = b.y;
+            x2 = (right || b).x;
+            y2 = (right || b).y;
+            x3 = (left || a).x;
+            y3 = (left || a).y;
+            x4 = a.x;
+            y4 = a.y;
+            if (right && b.relative) {
+                x2 += b.x;
+                y2 += b.y;
+            }
+            if (left && a.relative) {
+                x3 += a.x;
+                y3 += a.y;
+            }
+            x = getComponentOnCubicBezier(t, x1, x2, x3, x4);
+            y = getComponentOnCubicBezier(t, y1, y2, y3, y4);
+            const t1x = lerp(x1, x2, t);
+            const t1y = lerp(y1, y2, t);
+            const t2x = lerp(x2, x3, t);
+            const t2y = lerp(y2, y3, t);
+            const t3x = lerp(x3, x4, t);
+            const t3y = lerp(y3, y4, t);
+            const brx = lerp(t1x, t2x, t);
+            const bry = lerp(t1y, t2y, t);
+            const alx = lerp(t2x, t3x, t);
+            const aly = lerp(t2y, t3y, t);
+            if (_.isObject(obj)) {
+                obj.x = x;
+                obj.y = y;
+                if (obj instanceof Anchor) {
+                    obj.controls.left.x = brx;
+                    obj.controls.left.y = bry;
+                    obj.controls.right.x = alx;
+                    obj.controls.right.y = aly;
+                    if (!(typeof obj.relative === "boolean") || obj.relative) {
+                        obj.controls.left.x -= x;
+                        obj.controls.left.y -= y;
+                        obj.controls.right.x -= x;
+                        obj.controls.right.y -= y;
+                    }
+                }
+                obj.t = t;
+                return obj;
+            }
+            result = new Anchor(
                 x,
                 y,
-                void 0,
-                void 0,
-                void 0,
-                void 0,
-                /m/i.test(lower) ? Commands.move : Commands.line
-              );
-              if (relative) {
-                result.addSelf(coord);
-              }
-              coord = result;
-              break;
-            case "h":
-            case "v":
-              a = /h/i.test(lower) ? "x" : "y";
-              b = /x/i.test(a) ? "y" : "x";
-              result = new Anchor(
-                void 0,
-                void 0,
-                void 0,
-                void 0,
-                void 0,
-                void 0,
-                Commands.line
-              );
-              result[a] = parseFloat(coords[0]);
-              result[b] = coord[b];
-              if (relative) {
-                result[a] += coord[a];
-              }
-              coord = result;
-              break;
-            case "c":
-            case "s":
-              x1 = coord.x;
-              y1 = coord.y;
-              if (!control) {
-                control = new Vector();
-              }
-              if (/c/i.test(lower)) {
-                x2 = parseFloat(coords[0]);
-                y2 = parseFloat(coords[1]);
-                x3 = parseFloat(coords[2]);
-                y3 = parseFloat(coords[3]);
-                x4 = parseFloat(coords[4]);
-                y4 = parseFloat(coords[5]);
-              } else {
-                reflection = getReflection(coord, control, relative);
-                x2 = reflection.x;
-                y2 = reflection.y;
-                x3 = parseFloat(coords[0]);
-                y3 = parseFloat(coords[1]);
-                x4 = parseFloat(coords[2]);
-                y4 = parseFloat(coords[3]);
-              }
-              if (relative) {
-                x2 += x1;
-                y2 += y1;
-                x3 += x1;
-                y3 += y1;
-                x4 += x1;
-                y4 += y1;
-              }
-              coord.controls.right.set(x2 - coord.x, y2 - coord.y);
-              result = new Anchor(
-                x4,
-                y4,
-                x3 - x4,
-                y3 - y4,
-                void 0,
-                void 0,
-                Commands.curve
-              );
-              coord = result;
-              control = result.controls.left;
-              break;
-            case "t":
-            case "q":
-              x1 = coord.x;
-              y1 = coord.y;
-              if (!control) {
-                control = new Vector();
-              }
-              if (/q/i.test(lower)) {
-                x2 = parseFloat(coords[0]);
-                y2 = parseFloat(coords[1]);
-                x3 = parseFloat(coords[0]);
-                y3 = parseFloat(coords[1]);
-                x4 = parseFloat(coords[2]);
-                y4 = parseFloat(coords[3]);
-              } else {
-                reflection = getReflection(coord, control, relative);
-                x2 = reflection.x;
-                y2 = reflection.y;
-                x3 = reflection.x;
-                y3 = reflection.y;
-                x4 = parseFloat(coords[0]);
-                y4 = parseFloat(coords[1]);
-              }
-              if (relative) {
-                x2 += x1;
-                y2 += y1;
-                x3 += x1;
-                y3 += y1;
-                x4 += x1;
-                y4 += y1;
-              }
-              coord.controls.right.set(
-                (x2 - coord.x) * 0.33,
-                (y2 - coord.y) * 0.33
-              );
-              result = new Anchor(
-                x4,
-                y4,
-                x3 - x4,
-                y3 - y4,
-                void 0,
-                void 0,
-                Commands.curve
-              );
-              coord = result;
-              control = result.controls.left;
-              break;
-            case "a":
-              x1 = coord.x;
-              y1 = coord.y;
-              rx = parseFloat(coords[0]);
-              ry = parseFloat(coords[1]);
-              xAxisRotation = parseFloat(coords[2]);
-              largeArcFlag = parseFloat(coords[3]);
-              sweepFlag = parseFloat(coords[4]);
-              x4 = parseFloat(coords[5]);
-              y4 = parseFloat(coords[6]);
-              if (relative) {
-                x4 += x1;
-                y4 += y1;
-              }
-              anchor2 = new Anchor(x4, y4);
-              anchor2.command = Commands.arc;
-              anchor2.rx = rx;
-              anchor2.ry = ry;
-              anchor2.xAxisRotation = xAxisRotation;
-              anchor2.largeArcFlag = largeArcFlag;
-              anchor2.sweepFlag = sweepFlag;
-              result = anchor2;
-              coord = anchor2;
-              control = void 0;
-              break;
-          }
-          if (result) {
-            if (Array.isArray(result)) {
-              points = points.concat(result);
-            } else {
-              points.push(result);
-            }
-          }
-        });
-      }
-      path = new Path(points, closed2, void 0, true).noStroke();
-      path.fill = "black";
-      const rect = path.getBoundingClientRect(true);
-      rect.centroid = {
-        x: rect.left + rect.width / 2,
-        y: rect.top + rect.height / 2
-      };
-      _.each(path.vertices, function(v) {
-        v.subSelf(rect.centroid);
-      });
-      applySvgAttributes.call(this, node, path, parentStyles);
-      path.translation.addSelf(rect.centroid);
-      return path;
-    },
-    circle: function(node, parentStyles) {
-      const x = parseFloat(node.getAttribute("cx"));
-      const y = parseFloat(node.getAttribute("cy"));
-      const r = parseFloat(node.getAttribute("r"));
-      const circle = new Circle(0, 0, r).noStroke();
-      circle.fill = "black";
-      applySvgAttributes.call(this, node, circle, parentStyles);
-      circle.translation.x = x;
-      circle.translation.y = y;
-      return circle;
-    },
-    ellipse: function(node, parentStyles) {
-      const x = parseFloat(node.getAttribute("cx"));
-      const y = parseFloat(node.getAttribute("cy"));
-      const width = parseFloat(node.getAttribute("rx"));
-      const height = parseFloat(node.getAttribute("ry"));
-      const ellipse = new Ellipse(0, 0, width, height).noStroke();
-      ellipse.fill = "black";
-      applySvgAttributes.call(this, node, ellipse, parentStyles);
-      ellipse.translation.x = x;
-      ellipse.translation.y = y;
-      return ellipse;
-    },
-    rect: function(node, parentStyles) {
-      const rx = parseFloat(node.getAttribute("rx"));
-      const ry = parseFloat(node.getAttribute("ry"));
-      if (!_.isNaN(rx) || !_.isNaN(ry)) {
-        return read["rounded-rect"](node);
-      }
-      const width = parseFloat(node.getAttribute("width"));
-      const height = parseFloat(node.getAttribute("height"));
-      const w2 = width / 2;
-      const h2 = height / 2;
-      const rect = new Rectangle(0, 0, width, height).noStroke();
-      rect.fill = "black";
-      applySvgAttributes.call(this, node, rect, parentStyles);
-      rect.translation.x += w2;
-      rect.translation.y += h2;
-      return rect;
-    },
-    "rounded-rect": function(node, parentStyles) {
-      const rx = parseFloat(node.getAttribute("rx")) || 0;
-      const ry = parseFloat(node.getAttribute("ry")) || 0;
-      const width = parseFloat(node.getAttribute("width"));
-      const height = parseFloat(node.getAttribute("height"));
-      const w2 = width / 2;
-      const h2 = height / 2;
-      const radius = new Vector(rx, ry);
-      const rect = new RoundedRectangle(0, 0, width, height, radius).noStroke();
-      rect.fill = "black";
-      applySvgAttributes.call(this, node, rect, parentStyles);
-      rect.translation.x += w2;
-      rect.translation.y += h2;
-      return rect;
-    },
-    line: function(node, parentStyles) {
-      const x1 = parseFloat(node.getAttribute("x1"));
-      const y1 = parseFloat(node.getAttribute("y1"));
-      const x2 = parseFloat(node.getAttribute("x2"));
-      const y2 = parseFloat(node.getAttribute("y2"));
-      const line = new Line(x1, y1, x2, y2).noFill();
-      applySvgAttributes.call(this, node, line, parentStyles);
-      return line;
-    },
-    lineargradient: function(node, parentStyles) {
-      let units = node.getAttribute("gradientUnits");
-      let spread = node.getAttribute("spreadMethod");
-      if (!units) {
-        units = "objectBoundingBox";
-      }
-      if (!spread) {
-        spread = "pad";
-      }
-      let x1 = parseFloat(node.getAttribute("x1") || 0);
-      let y1 = parseFloat(node.getAttribute("y1") || 0);
-      let x2 = parseFloat(node.getAttribute("x2") || 0);
-      let y2 = parseFloat(node.getAttribute("y2") || 0);
-      const ox = (x2 + x1) / 2;
-      const oy = (y2 + y1) / 2;
-      if (/userSpaceOnUse/i.test(units)) {
-        x1 -= ox;
-        y1 -= oy;
-        x2 -= ox;
-        y2 -= oy;
-      }
-      const stops = [];
-      for (let i = 0; i < node.children.length; i++) {
-        const child = node.children[i];
-        let offset = child.getAttribute("offset");
-        if (/%/ig.test(offset)) {
-          offset = parseFloat(offset.replace(/%/ig, "")) / 100;
+                brx - x,
+                bry - y,
+                alx - x,
+                aly - y,
+                this._curved ? Commands.curve : Commands.line
+            );
+            result.t = t;
+            return result;
         }
-        offset = parseFloat(offset);
-        let color = child.getAttribute("stop-color");
-        let opacity = child.getAttribute("stop-opacity");
-        let style = child.getAttribute("style");
-        let matches;
-        if (color === null) {
-          matches = style ? style.match(/stop-color:\s?([#a-fA-F0-9]*)/) : false;
-          color = matches && matches.length > 1 ? matches[1] : void 0;
-        }
-        if (opacity === null) {
-          matches = style ? style.match(/stop-opacity:\s?([0-9.-]*)/) : false;
-          opacity = matches && matches.length > 1 ? parseFloat(matches[1]) : 1;
-        } else {
-          opacity = parseFloat(opacity);
-        }
-        stops.push(new Stop(offset, color, opacity));
-      }
-      const gradient = new LinearGradient(x1, y1, x2, y2, stops);
-      gradient.spread = spread;
-      gradient.units = units;
-      applySvgAttributes.call(this, node, gradient, parentStyles);
-      return gradient;
-    },
-    radialgradient: function(node, parentStyles) {
-      let units = node.getAttribute("gradientUnits");
-      let spread = node.getAttribute("spreadMethod");
-      if (!units) {
-        units = "objectBoundingBox";
-      }
-      if (!spread) {
-        spread = "pad";
-      }
-      let cx = parseFloat(node.getAttribute("cx")) || 0;
-      let cy = parseFloat(node.getAttribute("cy")) || 0;
-      let r = parseFloat(node.getAttribute("r"));
-      let fx = parseFloat(node.getAttribute("fx"));
-      let fy = parseFloat(node.getAttribute("fy"));
-      if (_.isNaN(fx)) {
-        fx = cx;
-      }
-      if (_.isNaN(fy)) {
-        fy = cy;
-      }
-      const ox = Math.abs(cx + fx) / 2;
-      const oy = Math.abs(cy + fy) / 2;
-      if (/userSpaceOnUse/i.test(units)) {
-        cx -= ox;
-        cy -= oy;
-        fx -= ox;
-        fy -= oy;
-      }
-      const stops = [];
-      for (let i = 0; i < node.children.length; i++) {
-        const child = node.children[i];
-        let offset = child.getAttribute("offset");
-        if (/%/ig.test(offset)) {
-          offset = parseFloat(offset.replace(/%/ig, "")) / 100;
-        }
-        offset = parseFloat(offset);
-        let color = child.getAttribute("stop-color");
-        let opacity = child.getAttribute("stop-opacity");
-        let style = child.getAttribute("style");
-        let matches;
-        if (color === null) {
-          matches = style ? style.match(/stop-color:\s?([#a-fA-F0-9]*)/) : false;
-          color = matches && matches.length > 1 ? matches[1] : void 0;
-        }
-        if (opacity === null) {
-          matches = style ? style.match(/stop-opacity:\s?([0-9.-]*)/) : false;
-          opacity = matches && matches.length > 1 ? parseFloat(matches[1]) : 1;
-        } else {
-          opacity = parseFloat(opacity);
-        }
-        stops.push(new Stop(offset, color, opacity));
-      }
-      const gradient = new RadialGradient(cx, cy, r, stops, fx, fy);
-      gradient.spread = spread;
-      gradient.units = units;
-      applySvgAttributes.call(this, node, gradient, parentStyles);
-      return gradient;
-    },
-    text: function(node, parentStyles) {
-      const alignment = getAlignment(node.getAttribute("text-anchor")) || "left";
-      const baseline = getBaseline(node) || "baseline";
-      const message = node.textContent;
-      const text = new Text(message);
-      applySvgAttributes.call(this, node, text, parentStyles);
-      text.alignment = alignment;
-      text.baseline = baseline;
-      return text;
-    },
-    clippath: function(node, parentStyles) {
-      if (read.defs.current && !read.defs.current.contains(node.id)) {
-        read.defs.current.add(node.id, node);
-      }
-      return null;
-    },
-    image: function(node, parentStyles) {
-      let error;
-      const href = node.getAttribute("href") || node.getAttribute("xlink:href");
-      if (!href) {
-        error = new TwoError("encountered <image /> with no href.");
-        console.warn(error.name, error.message);
-        return null;
-      }
-      const x = parseFloat(node.getAttribute("x")) || 0;
-      const y = parseFloat(node.getAttribute("y")) || 0;
-      const width = parseFloat(node.getAttribute("width"));
-      const height = parseFloat(node.getAttribute("height"));
-      const sprite = new Sprite(href, x, y);
-      if (!_.isNaN(width)) {
-        sprite.width = width;
-      }
-      if (!_.isNaN(height)) {
-        sprite.height = height;
-      }
-      applySvgAttributes.call(this, node, sprite, parentStyles);
-      return sprite;
-    }
-  };
 
-  // src/utils/xhr.js
-  function xhr(path, callback) {
-    const xhr2 = new XMLHttpRequest();
-    xhr2.open("GET", path);
-    xhr2.onreadystatechange = function() {
-      if (xhr2.readyState === 4 && xhr2.status === 200) {
-        callback(xhr2.responseText);
-      }
+        plot() {
+            if (this.curved) {
+                getCurveFromPoints(this._collection, this.closed);
+                return this;
+            }
+            for (let i = 0; i < this._collection.length; i++) {
+                this._collection[i].command = i === 0 ? Commands.move : Commands.line;
+            }
+            return this;
+        }
+
+        subdivide(limit) {
+            this._update();
+            const last = this.vertices.length - 1;
+            const closed2 = this._closed || this.vertices[last]._command === Commands.close;
+            let b = this.vertices[last];
+            let points = [], verts;
+            _.each(this.vertices, function (a, i) {
+                if (i <= 0 && !closed2) {
+                    b = a;
+                    return;
+                }
+                if (a.command === Commands.move) {
+                    points.push(new Anchor(b.x, b.y));
+                    if (i > 0) {
+                        points[points.length - 1].command = Commands.line;
+                    }
+                    b = a;
+                    return;
+                }
+                verts = getSubdivisions(a, b, limit);
+                points = points.concat(verts);
+                _.each(verts, function (v, i2) {
+                    if (i2 <= 0 && b.command === Commands.move) {
+                        v.command = Commands.move;
+                    } else {
+                        v.command = Commands.line;
+                    }
+                });
+                if (i >= last) {
+                    if (this._closed && this._automatic) {
+                        b = a;
+                        verts = getSubdivisions(a, b, limit);
+                        points = points.concat(verts);
+                        _.each(verts, function (v, i2) {
+                            if (i2 <= 0 && b.command === Commands.move) {
+                                v.command = Commands.move;
+                            } else {
+                                v.command = Commands.line;
+                            }
+                        });
+                    } else if (closed2) {
+                        points.push(new Anchor(a.x, a.y));
+                    }
+                    points[points.length - 1].command = closed2 ? Commands.close : Commands.line;
+                }
+                b = a;
+            }, this);
+            this._automatic = false;
+            this._curved = false;
+            this.vertices = points;
+            return this;
+        }
+
+        _updateLength(limit, silent) {
+            if (!silent) {
+                this._update();
+            }
+            const length = this.vertices.length;
+            const last = length - 1;
+            const closed2 = false;
+            let b = this.vertices[last];
+            let sum = 0;
+            if (typeof this._lengths === "undefined") {
+                this._lengths = [];
+            }
+            _.each(this.vertices, function (a, i) {
+                if (i <= 0 && !closed2 || a.command === Commands.move) {
+                    b = a;
+                    this._lengths[i] = 0;
+                    return;
+                }
+                this._lengths[i] = getCurveLength2(a, b, limit);
+                sum += this._lengths[i];
+                if (i >= last && closed2) {
+                    b = this.vertices[(i + 1) % length];
+                    this._lengths[i + 1] = getCurveLength2(a, b, limit);
+                    sum += this._lengths[i + 1];
+                }
+                b = a;
+            }, this);
+            this._length = sum;
+            this._flagLength = false;
+            return this;
+        }
+
+        _update() {
+            if (this._flagVertices) {
+                if (this._automatic) {
+                    this.plot();
+                }
+                if (this._flagLength) {
+                    this._updateLength(void 0, true);
+                }
+                const l = this._collection.length;
+                const closed2 = this._closed;
+                const beginning = Math.min(this._beginning, this._ending);
+                const ending = Math.max(this._beginning, this._ending);
+                const bid = getIdByLength(this, beginning * this._length);
+                const eid = getIdByLength(this, ending * this._length);
+                const low = ceil(bid);
+                const high = floor2(eid);
+                let left, right, prev, next, v, i;
+                this._renderer.vertices.length = 0;
+                for (i = 0; i < l; i++) {
+                    if (this._renderer.collection.length <= i) {
+                        this._renderer.collection.push(new Anchor());
+                    }
+                    if (i > high && !right) {
+                        v = this._renderer.collection[i].copy(this._collection[i]);
+                        this.getPointAt(ending, v);
+                        v.command = this._renderer.collection[i].command;
+                        this._renderer.vertices.push(v);
+                        right = v;
+                        prev = this._collection[i - 1];
+                        if (prev && prev.controls) {
+                            if (v.relative) {
+                                v.controls.right.clear();
+                            } else {
+                                v.controls.right.copy(v);
+                            }
+                            if (prev.relative) {
+                                this._renderer.collection[i - 1].controls.right.copy(prev.controls.right).lerp(Vector.zero, 1 - v.t);
+                            } else {
+                                this._renderer.collection[i - 1].controls.right.copy(prev.controls.right).lerp(prev, 1 - v.t);
+                            }
+                        }
+                    } else if (i >= low && i <= high) {
+                        v = this._renderer.collection[i].copy(this._collection[i]);
+                        this._renderer.vertices.push(v);
+                        if (i === high && contains(this, ending)) {
+                            right = v;
+                            if (!closed2 && right.controls) {
+                                if (right.relative) {
+                                    right.controls.right.clear();
+                                } else {
+                                    right.controls.right.copy(right);
+                                }
+                            }
+                        } else if (i === low && contains(this, beginning)) {
+                            left = v;
+                            left.command = Commands.move;
+                            if (!closed2 && left.controls) {
+                                if (left.relative) {
+                                    left.controls.left.clear();
+                                } else {
+                                    left.controls.left.copy(left);
+                                }
+                            }
+                        }
+                    }
+                }
+                if (low > 0 && !left) {
+                    i = low - 1;
+                    v = this._renderer.collection[i].copy(this._collection[i]);
+                    this.getPointAt(beginning, v);
+                    v.command = Commands.move;
+                    this._renderer.vertices.unshift(v);
+                    next = this._collection[i + 1];
+                    if (next && next.controls) {
+                        v.controls.left.clear();
+                        if (next.relative) {
+                            this._renderer.collection[i + 1].controls.left.copy(next.controls.left).lerp(Vector.zero, v.t);
+                        } else {
+                            vector.copy(next);
+                            this._renderer.collection[i + 1].controls.left.copy(next.controls.left).lerp(next, v.t);
+                        }
+                    }
+                }
+            }
+            Shape.prototype._update.apply(this, arguments);
+            return this;
+        }
+
+        flagReset() {
+            this._flagVertices = this._flagLength = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagCap = this._flagJoin = this._flagMiter = this._flagClip = false;
+            Shape.prototype.flagReset.call(this);
+            return this;
+        }
+    };
+    var Path = _Path;
+    __publicField(Path, "Properties", [
+        "fill",
+        "stroke",
+        "linewidth",
+        "opacity",
+        "visible",
+        "cap",
+        "join",
+        "miter",
+        "closed",
+        "curved",
+        "automatic",
+        "beginning",
+        "ending"
+    ]);
+    __publicField(Path, "Utils", {
+        getCurveLength: getCurveLength2
+    });
+    var proto11 = {
+        linewidth: {
+            enumerable: true,
+            get: function () {
+                return this._linewidth;
+            },
+            set: function (v) {
+                this._linewidth = v;
+                this._flagLinewidth = true;
+            }
+        },
+        opacity: {
+            enumerable: true,
+            get: function () {
+                return this._opacity;
+            },
+            set: function (v) {
+                this._opacity = v;
+                this._flagOpacity = true;
+            }
+        },
+        visible: {
+            enumerable: true,
+            get: function () {
+                return this._visible;
+            },
+            set: function (v) {
+                this._visible = v;
+                this._flagVisible = true;
+            }
+        },
+        cap: {
+            enumerable: true,
+            get: function () {
+                return this._cap;
+            },
+            set: function (v) {
+                this._cap = v;
+                this._flagCap = true;
+            }
+        },
+        join: {
+            enumerable: true,
+            get: function () {
+                return this._join;
+            },
+            set: function (v) {
+                this._join = v;
+                this._flagJoin = true;
+            }
+        },
+        miter: {
+            enumerable: true,
+            get: function () {
+                return this._miter;
+            },
+            set: function (v) {
+                this._miter = v;
+                this._flagMiter = true;
+            }
+        },
+        fill: {
+            enumerable: true,
+            get: function () {
+                return this._fill;
+            },
+            set: function (f) {
+                if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+                    this._fill.unbind(Events.Types.change, this._renderer.flagFill);
+                }
+                this._fill = f;
+                this._flagFill = true;
+                if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+                    this._fill.bind(Events.Types.change, this._renderer.flagFill);
+                }
+            }
+        },
+        stroke: {
+            enumerable: true,
+            get: function () {
+                return this._stroke;
+            },
+            set: function (f) {
+                if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+                    this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
+                }
+                this._stroke = f;
+                this._flagStroke = true;
+                if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+                    this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
+                }
+            }
+        },
+        length: {
+            get: function () {
+                if (this._flagLength) {
+                    this._updateLength();
+                }
+                return this._length;
+            }
+        },
+        closed: {
+            enumerable: true,
+            get: function () {
+                return this._closed;
+            },
+            set: function (v) {
+                this._closed = !!v;
+                this._flagVertices = true;
+            }
+        },
+        curved: {
+            enumerable: true,
+            get: function () {
+                return this._curved;
+            },
+            set: function (v) {
+                this._curved = !!v;
+                this._flagVertices = true;
+            }
+        },
+        automatic: {
+            enumerable: true,
+            get: function () {
+                return this._automatic;
+            },
+            set: function (v) {
+                if (v === this._automatic) {
+                    return;
+                }
+                this._automatic = !!v;
+                const method = this._automatic ? "ignore" : "listen";
+                _.each(this.vertices, function (v2) {
+                    v2[method]();
+                });
+            }
+        },
+        beginning: {
+            enumerable: true,
+            get: function () {
+                return this._beginning;
+            },
+            set: function (v) {
+                this._beginning = v;
+                this._flagVertices = true;
+            }
+        },
+        ending: {
+            enumerable: true,
+            get: function () {
+                return this._ending;
+            },
+            set: function (v) {
+                this._ending = v;
+                this._flagVertices = true;
+            }
+        },
+        vertices: {
+            enumerable: true,
+            get: function () {
+                return this._collection;
+            },
+            set: function (vertices) {
+                const bindVertices = this._renderer.bindVertices;
+                const unbindVertices = this._renderer.unbindVertices;
+                if (this._collection) {
+                    this._collection.unbind(Events.Types.insert, bindVertices).unbind(Events.Types.remove, unbindVertices);
+                }
+                if (vertices instanceof Collection) {
+                    this._collection = vertices;
+                } else {
+                    this._collection = new Collection(vertices || []);
+                }
+                this._collection.bind(Events.Types.insert, bindVertices).bind(Events.Types.remove, unbindVertices);
+                bindVertices(this._collection);
+            }
+        },
+        mask: {
+            enumerable: true,
+            get: function () {
+                return this._mask;
+            },
+            set: function (v) {
+                this._mask = v;
+                this._flagMask = true;
+                if (_.isObject(v) && !v.clip) {
+                    v.clip = true;
+                }
+            }
+        },
+        clip: {
+            enumerable: true,
+            get: function () {
+                return this._clip;
+            },
+            set: function (v) {
+                this._clip = v;
+                this._flagClip = true;
+            }
+        },
+        dashes: {
+            enumerable: true,
+            get: function () {
+                return this._dashes;
+            },
+            set: function (v) {
+                if (typeof v.offset !== "number") {
+                    v.offset = this.dashes && this._dashes.offset || 0;
+                }
+                this._dashes = v;
+            }
+        }
     };
-    xhr2.send();
-    return xhr2;
-  }
 
-  // src/effects/image-sequence.js
-  var _ImageSequence = class extends Rectangle {
-    _flagTextures = false;
-    _flagFrameRate = false;
-    _flagIndex = false;
-    _amount = 1;
-    _duration = 0;
-    _index = 0;
-    _startTime = 0;
-    _playing = false;
-    _firstFrame = 0;
-    _lastFrame = 0;
-    _loop = true;
-    _textures = null;
-    _frameRate = 0;
-    _origin = null;
-    constructor(paths, ox, oy, frameRate) {
-      super(ox, oy, 0, 0);
-      for (let prop in proto19) {
-        Object.defineProperty(this, prop, proto19[prop]);
-      }
-      this._renderer.flagTextures = FlagTextures.bind(this);
-      this._renderer.bindTextures = BindTextures.bind(this);
-      this._renderer.unbindTextures = UnbindTextures.bind(this);
-      this.noStroke();
-      this.noFill();
-      if (Array.isArray(paths)) {
-        this.textures = paths.map(GenerateTexture.bind(this));
-      } else {
-        this.textures = [GenerateTexture(paths)];
-      }
-      this.origin = new Vector();
-      this._update();
-      if (typeof frameRate === "number") {
-        this.frameRate = frameRate;
-      } else {
-        this.frameRate = _ImageSequence.DefaultFrameRate;
-      }
-      this.index = 0;
-    }
-    play(firstFrame, lastFrame, onLastFrame) {
-      this._playing = true;
-      this._firstFrame = 0;
-      this._lastFrame = this.amount - 1;
-      this._startTime = _.performance.now();
-      if (typeof firstFrame === "number") {
-        this._firstFrame = firstFrame;
-      }
-      if (typeof lastFrame === "number") {
-        this._lastFrame = lastFrame;
-      }
-      if (typeof onLastFrame === "function") {
-        this._onLastFrame = onLastFrame;
-      } else {
-        delete this._onLastFrame;
-      }
-      if (this._index !== this._firstFrame) {
-        this._startTime -= 1e3 * Math.abs(this._index - this._firstFrame) / this._frameRate;
-      }
-      return this;
-    }
-    pause() {
-      this._playing = false;
-      return this;
-    }
-    stop() {
-      this._playing = false;
-      this._index = this._firstFrame;
-      return this;
-    }
-    clone(parent) {
-      const clone = new _ImageSequence(
-        this.textures,
-        this.translation.x,
-        this.translation.y,
-        this.frameRate
-      );
-      clone._loop = this._loop;
-      if (this._playing) {
-        clone.play();
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      object.textures = this.textures.map(function(texture) {
-        return texture.toObject();
-      });
-      object.frameRate = this.frameRate;
-      object.index = this.index;
-      object._firstFrame = this._firstFrame;
-      object._lastFrame = this._lastFrame;
-      object._loop = this._loop;
-      return object;
-    }
-    _update() {
-      const effect = this._textures;
-      let width, height, elapsed, amount, duration, texture;
-      let index, frames;
-      if (effect) {
-        if (this._flagTextures) {
-          this._amount = effect.length;
+    function FlagVertices() {
+        this._flagVertices = true;
+        this._flagLength = true;
+        if (this.parent) {
+            this.parent._flagLength = true;
         }
-        if (this._flagFrameRate) {
-          this._duration = 1e3 * this._amount / this._frameRate;
-        }
-        if (this._playing && this._frameRate > 0) {
-          amount = this._amount;
-          if (_.isNaN(this._lastFrame)) {
-            this._lastFrame = amount - 1;
-          }
-          elapsed = _.performance.now() - this._startTime;
-          frames = this._lastFrame + 1;
-          duration = 1e3 * (frames - this._firstFrame) / this._frameRate;
-          if (this._loop) {
-            elapsed = elapsed % duration;
-          } else {
-            elapsed = Math.min(elapsed, duration);
-          }
-          index = lerp(this._firstFrame, frames, elapsed / duration);
-          index = Math.floor(index);
-          if (index !== this._index) {
-            this._index = index;
-            texture = effect[this._index];
-            if (texture.loaded) {
-              width = texture.image.width;
-              height = texture.image.height;
-              if (this.width !== width) {
-                this.width = width;
-              }
-              if (this.height !== height) {
-                this.height = height;
-              }
-              this.fill = texture;
-              if (index >= this._lastFrame - 1 && this._onLastFrame) {
-                this._onLastFrame();
-              }
-            }
-          }
-        } else if (this._flagIndex || !(this.fill instanceof Texture)) {
-          texture = effect[this._index];
-          if (texture.loaded) {
-            width = texture.image.width;
-            height = texture.image.height;
-            if (this.width !== width) {
-              this.width = width;
-            }
-            if (this.height !== height) {
-              this.height = height;
-            }
-          }
-          this.fill = texture;
-        }
-      }
-      super._update.call(this);
-      return this;
     }
-    flagReset() {
-      this._flagTextures = this._flagFrameRate = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var ImageSequence = _ImageSequence;
-  __publicField(ImageSequence, "Properties", [
-    "textures",
-    "frameRate",
-    "index"
-  ]);
-  __publicField(ImageSequence, "DefaultFrameRate", 30);
-  var proto19 = {
-    frameRate: {
-      enumerable: true,
-      get: function() {
-        return this._frameRate;
-      },
-      set: function(v) {
-        this._frameRate = v;
-        this._flagFrameRate = true;
-      }
-    },
-    index: {
-      enumerable: true,
-      get: function() {
-        return this._index;
-      },
-      set: function(v) {
-        this._index = v;
-        this._flagIndex = true;
-      }
-    },
-    textures: {
-      enumerable: true,
-      get: function() {
-        return this._textures;
-      },
-      set: function(textures) {
-        const bindTextures = this._renderer.bindTextures;
-        const unbindTextures = this._renderer.unbindTextures;
-        if (this._textures) {
-          this._textures.unbind(Events.Types.insert, bindTextures).unbind(Events.Types.remove, unbindTextures);
-        }
-        this._textures = new Collection((textures || []).slice(0));
-        this._textures.bind(Events.Types.insert, bindTextures).bind(Events.Types.remove, unbindTextures);
-        bindTextures(this._textures);
-      }
-    }
-  };
-  function FlagTextures() {
-    this._flagTextures = true;
-  }
-  function BindTextures(items) {
-    let i = items.length;
-    while (i--) {
-      items[i].bind(Events.Types.change, this._renderer.flagTextures);
-    }
-    this._renderer.flagTextures();
-  }
-  function UnbindTextures(items) {
-    let i = items.length;
-    while (i--) {
-      items[i].unbind(Events.Types.change, this._renderer.flagTextures);
-    }
-    this._renderer.flagTextures();
-  }
-  function GenerateTexture(obj) {
-    if (obj instanceof Texture) {
-      return obj;
-    } else if (typeof obj === "string") {
-      return new Texture(obj);
-    }
-  }
 
-  // src/shapes/arc-segment.js
-  var _ArcSegment = class extends Path {
-    _flagStartAngle = false;
-    _flagEndAngle = false;
-    _flagInnerRadius = false;
-    _flagOuterRadius = false;
-    _startAngle = 0;
-    _endAngle = TWO_PI;
-    _innerRadius = 0;
-    _outerRadius = 0;
-    constructor(x, y, ir, or, sa, ea, res) {
-      const amount = res || Constants.Resolution * 3;
-      const points = [];
-      for (let i = 0; i < amount; i++) {
-        points.push(new Anchor());
-      }
-      super(points, true, false, true);
-      for (let prop in proto20) {
-        Object.defineProperty(this, prop, proto20[prop]);
-      }
-      if (typeof ir === "number") {
-        this.innerRadius = ir;
-      }
-      if (typeof or === "number") {
-        this.outerRadius = or;
-      }
-      if (typeof sa === "number") {
-        this.startAngle = sa;
-      }
-      if (typeof ea === "number") {
-        this.endAngle = ea;
-      }
-      this._update();
-      if (typeof x === "number") {
-        this.translation.x = x;
-      }
-      if (typeof y === "number") {
-        this.translation.y = y;
-      }
-    }
-    _update() {
-      if (this._flagVertices || this._flagStartAngle || this._flagEndAngle || this._flagInnerRadius || this._flagOuterRadius) {
-        const sa = this._startAngle;
-        const ea = this._endAngle;
-        const ir = this._innerRadius;
-        const or = this._outerRadius;
-        const connected = mod(sa, TWO_PI) === mod(ea, TWO_PI);
-        const punctured = ir > 0;
-        const vertices = this.vertices;
-        let length = punctured ? vertices.length / 2 : vertices.length;
-        let command, id = 0;
-        let i, last, pct, v, theta, step, x, y, amp;
-        if (connected) {
-          length--;
-        } else if (!punctured) {
-          length -= 2;
+    function BindVertices(items) {
+        let i = items.length;
+        while (i--) {
+            items[i].bind(Events.Types.change, this._renderer.flagVertices);
         }
-        for (i = 0, last = length - 1; i < length; i++) {
-          pct = i / last;
-          v = vertices[id];
-          theta = pct * (ea - sa) + sa;
-          step = (ea - sa) / length;
-          x = or * Math.cos(theta);
-          y = or * Math.sin(theta);
-          switch (i) {
-            case 0:
-              command = Commands.move;
-              break;
-            default:
-              command = Commands.curve;
-          }
-          v.command = command;
-          v.x = x;
-          v.y = y;
-          v.controls.left.clear();
-          v.controls.right.clear();
-          if (v.command === Commands.curve) {
-            amp = or * step / Math.PI;
-            v.controls.left.x = amp * Math.cos(theta - HALF_PI);
-            v.controls.left.y = amp * Math.sin(theta - HALF_PI);
-            v.controls.right.x = amp * Math.cos(theta + HALF_PI);
-            v.controls.right.y = amp * Math.sin(theta + HALF_PI);
-            if (i === 1) {
-              v.controls.left.multiplyScalar(2);
-            }
-            if (i === last) {
-              v.controls.right.multiplyScalar(2);
-            }
-          }
-          id++;
-        }
-        if (punctured) {
-          if (connected) {
-            vertices[id].command = Commands.close;
-            id++;
-          } else {
-            length--;
-            last = length - 1;
-          }
-          for (i = 0; i < length; i++) {
-            pct = i / last;
-            v = vertices[id];
-            theta = (1 - pct) * (ea - sa) + sa;
-            step = (ea - sa) / length;
-            x = ir * Math.cos(theta);
-            y = ir * Math.sin(theta);
-            command = Commands.curve;
-            if (i <= 0) {
-              command = connected ? Commands.move : Commands.line;
-            }
-            v.command = command;
-            v.x = x;
-            v.y = y;
-            v.controls.left.clear();
-            v.controls.right.clear();
-            if (v.command === Commands.curve) {
-              amp = ir * step / Math.PI;
-              v.controls.left.x = amp * Math.cos(theta + HALF_PI);
-              v.controls.left.y = amp * Math.sin(theta + HALF_PI);
-              v.controls.right.x = amp * Math.cos(theta - HALF_PI);
-              v.controls.right.y = amp * Math.sin(theta - HALF_PI);
-              if (i === 1) {
-                v.controls.left.multiplyScalar(2);
-              }
-              if (i === last) {
-                v.controls.right.multiplyScalar(2);
-              }
-            }
-            id++;
-          }
-          vertices[id].copy(vertices[0]);
-          vertices[id].command = Commands.line;
-        } else if (!connected) {
-          vertices[id].command = Commands.line;
-          vertices[id].x = 0;
-          vertices[id].y = 0;
-          id++;
-          vertices[id].copy(vertices[0]);
-          vertices[id].command = Commands.line;
-        }
-      }
-      super._update.call(this);
-      return this;
+        this._renderer.flagVertices();
     }
-    flagReset() {
-      super.flagReset.call(this);
-      this._flagStartAngle = this._flagEndAngle = this._flagInnerRadius = this._flagOuterRadius = false;
-      return this;
-    }
-    clone(parent) {
-      const ir = this.innerRadius;
-      const or = this.outerRadius;
-      const sa = this.startAngle;
-      const ea = this.endAngle;
-      const resolution = this.vertices.length;
-      const clone = new _ArcSegment(0, 0, ir, or, sa, ea, resolution);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      for (let i = 0; i < Path.Properties.length; i++) {
-        const k = Path.Properties[i];
-        clone[k] = this[k];
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      for (let i = 0; i < _ArcSegment.Properties.length; i++) {
-        const k = _ArcSegment.Properties[i];
-        object[k] = this[k];
-      }
-      return object;
-    }
-  };
-  var ArcSegment = _ArcSegment;
-  __publicField(ArcSegment, "Properties", ["startAngle", "endAngle", "innerRadius", "outerRadius"]);
-  var proto20 = {
-    startAngle: {
-      enumerable: true,
-      get: function() {
-        return this._startAngle;
-      },
-      set: function(v) {
-        this._startAngle = v;
-        this._flagStartAngle = true;
-      }
-    },
-    endAngle: {
-      enumerable: true,
-      get: function() {
-        return this._endAngle;
-      },
-      set: function(v) {
-        this._endAngle = v;
-        this._flagEndAngle = true;
-      }
-    },
-    innerRadius: {
-      enumerable: true,
-      get: function() {
-        return this._innerRadius;
-      },
-      set: function(v) {
-        this._innerRadius = v;
-        this._flagInnerRadius = true;
-      }
-    },
-    outerRadius: {
-      enumerable: true,
-      get: function() {
-        return this._outerRadius;
-      },
-      set: function(v) {
-        this._outerRadius = v;
-        this._flagOuterRadius = true;
-      }
-    }
-  };
 
-  // src/shapes/points.js
-  var ceil2 = Math.ceil;
-  var floor3 = Math.floor;
-  var _Points = class extends Shape {
-    _flagVertices = true;
-    _flagLength = true;
-    _flagFill = true;
-    _flagStroke = true;
-    _flagLinewidth = true;
-    _flagOpacity = true;
-    _flagVisible = true;
-    _flagSize = true;
-    _flagSizeAttenuation = true;
-    _length = 0;
-    _fill = "#fff";
-    _stroke = "#000";
-    _linewidth = 1;
-    _opacity = 1;
-    _visible = true;
-    _size = 1;
-    _sizeAttenuation = false;
-    _beginning = 0;
-    _ending = 1;
-    _dashes = null;
-    constructor(vertices) {
-      super();
-      for (let prop in proto21) {
-        Object.defineProperty(this, prop, proto21[prop]);
-      }
-      this._renderer.type = "points";
-      this._renderer.flagVertices = FlagVertices.bind(this);
-      this._renderer.bindVertices = BindVertices.bind(this);
-      this._renderer.unbindVertices = UnbindVertices.bind(this);
-      this._renderer.flagFill = FlagFill.bind(this);
-      this._renderer.flagStroke = FlagStroke.bind(this);
-      this._renderer.vertices = null;
-      this._renderer.collection = null;
-      this.sizeAttenuation = false;
-      this.beginning = 0;
-      this.ending = 1;
-      this.fill = "#fff";
-      this.stroke = "#000";
-      this.className = "";
-      this.visible = true;
-      this.vertices = vertices;
-      this.dashes = [];
-      this.dashes.offset = 0;
-    }
-    clone(parent) {
-      const clone = new _Points();
-      for (let j = 0; j < this.vertices.length; j++) {
-        clone.vertices.push(this.vertices[j].clone());
-      }
-      for (let i = 0; i < _Points.Properties.length; i++) {
-        const k = _Points.Properties[i];
-        clone[k] = this[k];
-      }
-      clone.className = this.className;
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone._update();
-    }
-    toObject() {
-      const result = {
-        vertices: this.vertices.map(function(v) {
-          return v.toObject();
-        })
-      };
-      _.each(_Points.Properties, function(k) {
-        result[k] = this[k];
-      }, this);
-      result.className = this.className;
-      result.translation = this.translation.toObject();
-      result.rotation = this.rotation;
-      result.scale = this.scale instanceof Vector ? this.scale.toObject() : this.scale;
-      result.skewX = this.skewX;
-      result.skewY = this.skewY;
-      if (this.matrix.manual) {
-        result.matrix = this.matrix.toObject();
-      }
-      return result;
-    }
-    noFill = Path.prototype.noFill;
-    noStroke = Path.prototype.noStroke;
-    corner = Path.prototype.corner;
-    center = Path.prototype.center;
-    getBoundingClientRect = Path.prototype.getBoundingClientRect;
-    subdivide(limit) {
-      this._update();
-      let points = [];
-      for (let i = 0; i < this.vertices.length; i++) {
-        const a = this.vertices[i];
-        const b = this.vertices[i - 1];
-        if (!b) {
-          continue;
+    function UnbindVertices(items) {
+        let i = items.length;
+        while (i--) {
+            items[i].unbind(Events.Types.change, this._renderer.flagVertices);
         }
-        const x1 = a.x;
-        const y1 = a.y;
-        const x2 = b.x;
-        const y2 = b.y;
-        const subdivisions = subdivide(x1, y1, x1, y1, x2, y2, x2, y2, limit);
-        points = points.concat(subdivisions);
-      }
-      this.vertices = points;
-      return this;
+        this._renderer.flagVertices();
     }
-    _updateLength = Path.prototype._updateLength;
-    _update() {
-      if (this._flagVertices) {
-        if (this._flagLength) {
-          this._updateLength(void 0, true);
-        }
-        const beginning = Math.min(this._beginning, this._ending);
-        const ending = Math.max(this._beginning, this._ending);
-        const bid = getIdByLength(this, beginning * this._length);
-        const eid = getIdByLength(this, ending * this._length);
-        const low = ceil2(bid);
-        const high = floor3(eid);
-        let j = 0, v;
-        this._renderer.vertices = [];
-        this._renderer.collection = [];
-        for (let i = 0; i < this._collection.length; i++) {
-          if (i >= low && i <= high) {
-            v = this._collection[i];
-            this._renderer.collection.push(v);
-            this._renderer.vertices[j * 2 + 0] = v.x;
-            this._renderer.vertices[j * 2 + 1] = v.y;
-            j++;
-          }
-        }
-      }
-      super._update.apply(this, arguments);
-      return this;
-    }
-    flagReset() {
-      this._flagVertices = this._flagLength = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagSize = this._flagSizeAttenuation = false;
-      super.flagReset.call(this);
-      return this;
-    }
-  };
-  var Points = _Points;
-  __publicField(Points, "Properties", [
-    "fill",
-    "stroke",
-    "linewidth",
-    "opacity",
-    "visible",
-    "size",
-    "sizeAttenuation",
-    "beginning",
-    "ending"
-  ]);
-  var proto21 = {
-    linewidth: {
-      enumerable: true,
-      get: function() {
-        return this._linewidth;
-      },
-      set: function(v) {
-        this._linewidth = v;
-        this._flagLinewidth = true;
-      }
-    },
-    opacity: {
-      enumerable: true,
-      get: function() {
-        return this._opacity;
-      },
-      set: function(v) {
-        this._opacity = v;
-        this._flagOpacity = true;
-      }
-    },
-    visible: {
-      enumerable: true,
-      get: function() {
-        return this._visible;
-      },
-      set: function(v) {
-        this._visible = v;
-        this._flagVisible = true;
-      }
-    },
-    size: {
-      enumerable: true,
-      get: function() {
-        return this._size;
-      },
-      set: function(v) {
-        this._size = v;
-        this._flagSize = true;
-      }
-    },
-    sizeAttenuation: {
-      enumerable: true,
-      get: function() {
-        return this._sizeAttenuation;
-      },
-      set: function(v) {
-        this._sizeAttenuation = v;
-        this._flagSizeAttenuation = true;
-      }
-    },
-    fill: {
-      enumerable: true,
-      get: function() {
-        return this._fill;
-      },
-      set: function(f) {
-        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
-          this._fill.unbind(Events.Types.change, this._renderer.flagFill);
-        }
-        this._fill = f;
+
+    function FlagFill() {
         this._flagFill = true;
-        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
-          this._fill.bind(Events.Types.change, this._renderer.flagFill);
-        }
-      }
-    },
-    stroke: {
-      enumerable: true,
-      get: function() {
-        return this._stroke;
-      },
-      set: function(f) {
-        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
-          this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
-        }
-        this._stroke = f;
+    }
+
+    function FlagStroke() {
         this._flagStroke = true;
-        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
-          this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
-        }
-      }
-    },
-    length: {
-      get: function() {
-        if (this._flagLength) {
-          this._updateLength();
-        }
-        return this._length;
-      }
-    },
-    beginning: {
-      enumerable: true,
-      get: function() {
-        return this._beginning;
-      },
-      set: function(v) {
-        this._beginning = v;
-        this._flagVertices = true;
-      }
-    },
-    ending: {
-      enumerable: true,
-      get: function() {
-        return this._ending;
-      },
-      set: function(v) {
-        this._ending = v;
-        this._flagVertices = true;
-      }
-    },
-    vertices: {
-      enumerable: true,
-      get: function() {
-        return this._collection;
-      },
-      set: function(vertices) {
-        const bindVertices = this._renderer.bindVertices;
-        const unbindVertices = this._renderer.unbindVertices;
-        if (this._collection) {
-          this._collection.unbind(Events.Types.insert, bindVertices).unbind(Events.Types.remove, unbindVertices);
-        }
-        if (vertices instanceof Collection) {
-          this._collection = vertices;
-        } else {
-          this._collection = new Collection(vertices || []);
-        }
-        this._collection.bind(Events.Types.insert, bindVertices).bind(Events.Types.remove, unbindVertices);
-        bindVertices(this._collection);
-      }
-    },
-    dashes: {
-      enumerable: true,
-      get: function() {
-        return this._dashes;
-      },
-      set: function(v) {
-        if (typeof v.offset !== "number") {
-          v.offset = this.dashes && this._dashes.offset || 0;
-        }
-        this._dashes = v;
-      }
     }
-  };
 
-  // src/shapes/polygon.js
-  var cos5 = Math.cos;
-  var sin5 = Math.sin;
-  var _Polygon = class extends Path {
-    _flagWidth = false;
-    _flagHeight = false;
-    _flagSides = false;
-    _radius = 0;
-    _width = 0;
-    _height = 0;
-    _sides = 0;
-    constructor(x, y, radius, sides) {
-      sides = Math.max(sides || 0, 3);
-      super();
-      for (let prop in proto22) {
-        Object.defineProperty(this, prop, proto22[prop]);
-      }
-      this.closed = true;
-      this.automatic = false;
-      if (typeof radius === "number") {
-        this.radius = radius;
-      }
-      if (typeof sides === "number") {
-        this.sides = sides;
-      }
-      this._update();
-      if (typeof x === "number") {
-        this.translation.x = x;
-      }
-      if (typeof y === "number") {
-        this.translation.y = y;
-      }
-    }
-    _update() {
-      if (this._flagVertices || this._flagWidth || this._flagHeight || this._flagSides) {
-        const sides = this._sides;
-        const amount = sides + 1;
-        let length = this.vertices.length;
-        if (length > sides) {
-          this.vertices.splice(sides - 1, length - sides);
-          length = sides;
+    // src/shapes/rectangle.js
+    var _Rectangle = class extends Path {
+        constructor(x, y, width, height) {
+            const points = [
+                new Anchor(),
+                new Anchor(),
+                new Anchor(),
+                new Anchor()
+            ];
+            super(points, true, false, true);
+            for (let prop in proto12) {
+                Object.defineProperty(this, prop, proto12[prop]);
+            }
+            this.width = typeof width === "number" ? width : 1;
+            this.height = typeof height === "number" ? height : 1;
+            this.origin = new Vector();
+            if (typeof x === "number") {
+                this.translation.x = x;
+            }
+            if (typeof y === "number") {
+                this.translation.y = y;
+            }
+            this._update();
         }
-        for (let i = 0; i < amount; i++) {
-          const pct = (i + 0.5) / sides;
-          const theta = TWO_PI * pct + Math.PI / 2;
-          const x = this._width * cos5(theta) / 2;
-          const y = this._height * sin5(theta) / 2;
-          if (i >= length) {
-            this.vertices.push(new Anchor(x, y));
-          } else {
-            this.vertices[i].set(x, y);
-          }
-          this.vertices[i].command = i === 0 ? Commands.move : Commands.line;
-        }
-      }
-      super._update.call(this);
-      return this;
-    }
-    flagReset() {
-      this._flagWidth = this._flagHeight = this._flagSides = false;
-      super.flagReset.call(this);
-      return this;
-    }
-    clone(parent) {
-      const clone = new _Polygon(0, 0, 0, this.sides);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      clone.width = this.width;
-      clone.height = this.height;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      for (let i = 0; i < Path.Properties.length; i++) {
-        const k = Path.Properties[i];
-        clone[k] = this[k];
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      for (let i = 0; i < _Polygon.Properties.length; i++) {
-        const k = _Polygon.Properties[i];
-        object[k] = this[k];
-      }
-      return object;
-    }
-  };
-  var Polygon = _Polygon;
-  __publicField(Polygon, "Properties", ["width", "height", "sides"]);
-  var proto22 = {
-    radius: {
-      enumerable: true,
-      get: function() {
-        return this._radius;
-      },
-      set: function(v) {
-        this._radius = v;
-        this.width = v * 2;
-        this.height = v * 2;
-      }
-    },
-    width: {
-      enumerable: true,
-      get: function() {
-        return this._width;
-      },
-      set: function(v) {
-        this._width = v;
-        this._flagWidth = true;
-        this._radius = Math.max(this.width, this.height) / 2;
-      }
-    },
-    height: {
-      enumerable: true,
-      get: function() {
-        return this._height;
-      },
-      set: function(v) {
-        this._height = v;
-        this._flagHeight = true;
-        this._radius = Math.max(this.width, this.height) / 2;
-      }
-    },
-    sides: {
-      enumerable: true,
-      get: function() {
-        return this._sides;
-      },
-      set: function(v) {
-        this._sides = v;
-        this._flagSides = true;
-      }
-    }
-  };
 
-  // src/shapes/star.js
-  var cos6 = Math.cos;
-  var sin6 = Math.sin;
-  var _Star = class extends Path {
-    _flagInnerRadius = false;
-    _flagOuterRadius = false;
-    _flagSides = false;
-    _innerRadius = 0;
-    _outerRadius = 0;
-    _sides = 0;
-    constructor(x, y, innerRadius, outerRadius, sides) {
-      if (arguments.length <= 3) {
-        outerRadius = innerRadius;
-        innerRadius = outerRadius / 2;
-      }
-      if (typeof sides !== "number" || sides <= 0) {
-        sides = 5;
-      }
-      super();
-      for (let prop in proto23) {
-        Object.defineProperty(this, prop, proto23[prop]);
-      }
-      this.closed = true;
-      this.automatic = false;
-      if (typeof innerRadius === "number") {
-        this.innerRadius = innerRadius;
-      }
-      if (typeof outerRadius === "number") {
-        this.outerRadius = outerRadius;
-      }
-      if (typeof sides === "number") {
-        this.sides = sides;
-      }
-      this._update();
-      if (typeof x === "number") {
-        this.translation.x = x;
-      }
-      if (typeof y === "number") {
-        this.translation.y = y;
-      }
-    }
-    _update() {
-      if (this._flagVertices || this._flagInnerRadius || this._flagOuterRadius || this._flagSides) {
-        const sides = this._sides * 2;
-        const amount = sides + 1;
-        let length = this.vertices.length;
-        if (length > sides) {
-          this.vertices.splice(sides - 1, length - sides);
-          length = sides;
-        }
-        for (let i = 0; i < amount; i++) {
-          const pct = (i + 0.5) / sides;
-          const theta = TWO_PI * pct;
-          const r = (!(i % 2) ? this._innerRadius : this._outerRadius) / 2;
-          const x = r * cos6(theta);
-          const y = r * sin6(theta);
-          if (i >= length) {
-            this.vertices.push(new Anchor(x, y));
-          } else {
-            this.vertices[i].set(x, y);
-          }
-          this.vertices[i].command = i === 0 ? Commands.move : Commands.line;
-        }
-      }
-      super._update.call(this);
-      return this;
-    }
-    flagReset() {
-      this._flagInnerRadius = this._flagOuterRadius = this._flagSides = false;
-      super.flagReset.call(this);
-      return this;
-    }
-    clone(parent) {
-      const ir = this.innerRadius;
-      const or = this.outerRadius;
-      const sides = this.sides;
-      const clone = new _Star(0, 0, ir, or, sides);
-      clone.translation.copy(this.translation);
-      clone.rotation = this.rotation;
-      clone.scale = this.scale;
-      clone.skewX = this.skewX;
-      clone.skewY = this.skewY;
-      if (this.matrix.manual) {
-        clone.matrix.copy(this.matrix);
-      }
-      for (let i = 0; i < Path.Properties.length; i++) {
-        const k = Path.Properties[i];
-        clone[k] = this[k];
-      }
-      if (parent) {
-        parent.add(clone);
-      }
-      return clone;
-    }
-    toObject() {
-      const object = super.toObject.call(this);
-      for (let i = 0; i < _Star.Properties.length; i++) {
-        const k = _Star.Properties[i];
-        object[k] = this[k];
-      }
-      return object;
-    }
-  };
-  var Star = _Star;
-  __publicField(Star, "Properties", ["innerRadius", "outerRadius", "sides"]);
-  var proto23 = {
-    innerRadius: {
-      enumerable: true,
-      get: function() {
-        return this._innerRadius;
-      },
-      set: function(v) {
-        this._innerRadius = v;
-        this._flagInnerRadius = true;
-      }
-    },
-    outerRadius: {
-      enumerable: true,
-      get: function() {
-        return this._outerRadius;
-      },
-      set: function(v) {
-        this._outerRadius = v;
-        this._flagOuterRadius = true;
-      }
-    },
-    sides: {
-      enumerable: true,
-      get: function() {
-        return this._sides;
-      },
-      set: function(v) {
-        this._sides = v;
-        this._flagSides = true;
-      }
-    }
-  };
+        _flagWidth = 0;
+        _flagHeight = 0;
+        _width = 0;
+        _height = 0;
+        _origin = null;
 
-  // src/renderers/svg.js
-  var svg = {
-    version: 1.1,
-    ns: "http://www.w3.org/2000/svg",
-    xlink: "http://www.w3.org/1999/xlink",
-    alignments: {
-      left: "start",
-      center: "middle",
-      right: "end"
-    },
-    createElement: function(name, attrs) {
-      const tag = name;
-      const elem = document.createElementNS(svg.ns, tag);
-      if (tag === "svg") {
-        attrs = _.defaults(attrs || {}, {
-          version: svg.version
-        });
-      }
-      if (attrs && Object.keys(attrs).length > 0) {
-        svg.setAttributes(elem, attrs);
-      }
-      return elem;
-    },
-    setAttributes: function(elem, attrs) {
-      const keys = Object.keys(attrs);
-      for (let i = 0; i < keys.length; i++) {
-        if (/href/.test(keys[i])) {
-          elem.setAttributeNS(svg.xlink, keys[i], attrs[keys[i]]);
-        } else {
-          elem.setAttribute(keys[i], attrs[keys[i]]);
+        _update() {
+            if (this._flagVertices || this._flagWidth || this._flagHeight) {
+                const xr = this._width / 2;
+                const yr = this._height / 2;
+                if (!this._closed && this.vertices.length === 4) {
+                    this.vertices.push(new Anchor());
+                }
+                this.vertices[0].set(-xr, -yr).sub(this._origin).command = Commands.move;
+                this.vertices[1].set(xr, -yr).sub(this._origin).command = Commands.line;
+                this.vertices[2].set(xr, yr).sub(this._origin).command = Commands.line;
+                this.vertices[3].set(-xr, yr).sub(this._origin).command = Commands.line;
+                if (this.vertices[4]) {
+                    this.vertices[4].set(-xr, -yr).sub(this._origin).command = Commands.line;
+                }
+            }
+            super._update.call(this);
+            return this;
         }
-      }
-      return this;
-    },
-    removeAttributes: function(elem, attrs) {
-      for (let key in attrs) {
-        elem.removeAttribute(key);
-      }
-      return this;
-    },
-    toString: function(points, closed2) {
-      let l = points.length, last = l - 1, d, string = "";
-      for (let i = 0; i < l; i++) {
-        const b = points[i];
-        const prev = closed2 ? mod(i - 1, l) : Math.max(i - 1, 0);
-        const a = points[prev];
-        let command, c;
-        let vx, vy, ux, uy, ar, bl, br, cl;
-        let rx, ry, xAxisRotation, largeArcFlag, sweepFlag;
-        let x = toFixed(b.x);
-        let y = toFixed(b.y);
-        switch (b.command) {
-          case Commands.close:
-            command = Commands.close;
-            break;
-          case Commands.arc:
-            rx = b.rx;
-            ry = b.ry;
-            xAxisRotation = b.xAxisRotation;
-            largeArcFlag = b.largeArcFlag;
-            sweepFlag = b.sweepFlag;
-            command = Commands.arc + " " + rx + " " + ry + " " + xAxisRotation + " " + largeArcFlag + " " + sweepFlag + " " + x + " " + y;
-            break;
-          case Commands.curve:
-            ar = a.controls && a.controls.right || Vector.zero;
-            bl = b.controls && b.controls.left || Vector.zero;
-            if (a.relative) {
-              vx = toFixed(ar.x + a.x);
-              vy = toFixed(ar.y + a.y);
+
+        flagReset() {
+            this._flagWidth = this._flagHeight = false;
+            super.flagReset.call(this);
+            return this;
+        }
+
+        clone(parent) {
+            const clone = new _Rectangle(0, 0, this.width, this.height);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            for (let i = 0; i < Path.Properties.length; i++) {
+                const k = Path.Properties[i];
+                clone[k] = this[k];
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            object.width = this.width;
+            object.height = this.height;
+            object.origin = this.origin.toObject();
+            return object;
+        }
+    };
+    var Rectangle = _Rectangle;
+    __publicField(Rectangle, "Properties", ["width", "height"]);
+    var proto12 = {
+        width: {
+            enumerable: true,
+            get: function () {
+                return this._width;
+            },
+            set: function (v) {
+                this._width = v;
+                this._flagWidth = true;
+            }
+        },
+        height: {
+            enumerable: true,
+            get: function () {
+                return this._height;
+            },
+            set: function (v) {
+                this._height = v;
+                this._flagHeight = true;
+            }
+        },
+        origin: {
+            enumerable: true,
+            get: function () {
+                return this._origin;
+            },
+            set: function (v) {
+                if (this._origin) {
+                    this._origin.unbind(Events.Types.change, this._renderer.flagVertices);
+                }
+                this._origin = v;
+                this._origin.bind(Events.Types.change, this._renderer.flagVertices);
+                this._renderer.flagVertices();
+            }
+        }
+    };
+
+    // src/effects/sprite.js
+    var _Sprite = class extends Rectangle {
+        _flagTexture = false;
+        _flagColumns = false;
+        _flagRows = false;
+        _flagFrameRate = false;
+        _flagIndex = false;
+        _amount = 1;
+        _duration = 0;
+        _startTime = 0;
+        _playing = false;
+        _firstFrame = 0;
+        _lastFrame = 0;
+        _loop = true;
+        _texture = null;
+        _columns = 1;
+        _rows = 1;
+        _frameRate = 0;
+        _index = 0;
+        _origin = null;
+
+        constructor(path, ox, oy, cols, rows, frameRate) {
+            super(ox, oy, 0, 0);
+            for (let prop in proto13) {
+                Object.defineProperty(this, prop, proto13[prop]);
+            }
+            this.noStroke();
+            this.noFill();
+            if (path instanceof Texture) {
+                this.texture = path;
+            } else if (typeof path === "string") {
+                this.texture = new Texture(path);
+            }
+            this.origin = new Vector();
+            this._update();
+            if (typeof cols === "number") {
+                this.columns = cols;
+            }
+            if (typeof rows === "number") {
+                this.rows = rows;
+            }
+            if (typeof frameRate === "number") {
+                this.frameRate = frameRate;
+            }
+            this.index = 0;
+        }
+
+        play(firstFrame, lastFrame, onLastFrame) {
+            this._playing = true;
+            this._firstFrame = 0;
+            this._lastFrame = this.amount - 1;
+            this._startTime = _.performance.now();
+            if (typeof firstFrame === "number") {
+                this._firstFrame = firstFrame;
+            }
+            if (typeof lastFrame === "number") {
+                this._lastFrame = lastFrame;
+            }
+            if (typeof onLastFrame === "function") {
+                this._onLastFrame = onLastFrame;
             } else {
-              vx = toFixed(ar.x);
-              vy = toFixed(ar.y);
+                delete this._onLastFrame;
             }
-            if (b.relative) {
-              ux = toFixed(bl.x + b.x);
-              uy = toFixed(bl.y + b.y);
+            if (this._index !== this._firstFrame) {
+                this._startTime -= 1e3 * Math.abs(this._index - this._firstFrame) / this._frameRate;
+            }
+            return this;
+        }
+
+        pause() {
+            this._playing = false;
+            return this;
+        }
+
+        stop() {
+            this._playing = false;
+            this._index = 0;
+            return this;
+        }
+
+        clone(parent) {
+            const clone = new _Sprite(
+                this.texture,
+                this.translation.x,
+                this.translation.y,
+                this.columns,
+                this.rows,
+                this.frameRate
+            );
+            if (this.playing) {
+                clone.play(this._firstFrame, this._lastFrame);
+                clone._loop = this._loop;
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            object.texture = this.texture.toObject();
+            object.columns = this.columns;
+            object.rows = this.rows;
+            object.frameRate = this.frameRate;
+            object.index = this.index;
+            object._firstFrame = this._firstFrame;
+            object._lastFrame = this._lastFrame;
+            object._loop = this._loop;
+            return object;
+        }
+
+        _update() {
+            const effect = this._texture;
+            const cols = this._columns;
+            const rows = this._rows;
+            let width, height, elapsed, amount, duration;
+            let index, iw, ih, frames;
+            if (effect) {
+                if (this._flagColumns || this._flagRows) {
+                    this._amount = this._columns * this._rows;
+                }
+                if (this._flagFrameRate) {
+                    this._duration = 1e3 * this._amount / this._frameRate;
+                }
+                if (this._flagTexture) {
+                    this.fill = effect;
+                }
+                if (effect.loaded) {
+                    iw = effect.image.width;
+                    ih = effect.image.height;
+                    width = iw / cols;
+                    height = ih / rows;
+                    amount = this._amount;
+                    if (this.width !== width) {
+                        this.width = width;
+                    }
+                    if (this.height !== height) {
+                        this.height = height;
+                    }
+                    if (this._playing && this._frameRate > 0) {
+                        if (_.isNaN(this._lastFrame)) {
+                            this._lastFrame = amount - 1;
+                        }
+                        elapsed = _.performance.now() - this._startTime;
+                        frames = this._lastFrame + 1;
+                        duration = 1e3 * (frames - this._firstFrame) / this._frameRate;
+                        if (this._loop) {
+                            elapsed = elapsed % duration;
+                        } else {
+                            elapsed = Math.min(elapsed, duration);
+                        }
+                        index = lerp(this._firstFrame, frames, elapsed / duration);
+                        index = Math.floor(index);
+                        if (index !== this._index) {
+                            this._index = index;
+                            if (index >= this._lastFrame - 1 && this._onLastFrame) {
+                                this._onLastFrame();
+                            }
+                        }
+                    }
+                    const col = this._index % cols;
+                    const row = Math.floor(this._index / cols);
+                    const ox = -width * col + (iw - width) / 2;
+                    const oy = -height * row + (ih - height) / 2;
+                    if (ox !== effect.offset.x) {
+                        effect.offset.x = ox;
+                    }
+                    if (oy !== effect.offset.y) {
+                        effect.offset.y = oy;
+                    }
+                }
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            this._flagTexture = this._flagColumns = this._flagRows = this._flagFrameRate = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var Sprite = _Sprite;
+    __publicField(Sprite, "Properties", [
+        "texture",
+        "columns",
+        "rows",
+        "frameRate",
+        "index"
+    ]);
+    var proto13 = {
+        texture: {
+            enumerable: true,
+            get: function () {
+                return this._texture;
+            },
+            set: function (v) {
+                this._texture = v;
+                this._flagTexture = true;
+            }
+        },
+        columns: {
+            enumerable: true,
+            get: function () {
+                return this._columns;
+            },
+            set: function (v) {
+                this._columns = v;
+                this._flagColumns = true;
+            }
+        },
+        rows: {
+            enumerable: true,
+            get: function () {
+                return this._rows;
+            },
+            set: function (v) {
+                this._rows = v;
+                this._flagRows = true;
+            }
+        },
+        frameRate: {
+            enumerable: true,
+            get: function () {
+                return this._frameRate;
+            },
+            set: function (v) {
+                this._frameRate = v;
+                this._flagFrameRate = true;
+            }
+        },
+        index: {
+            enumerable: true,
+            get: function () {
+                return this._index;
+            },
+            set: function (v) {
+                this._index = v;
+                this._flagIndex = true;
+            }
+        }
+    };
+
+    // src/shapes/circle.js
+    var cos3 = Math.cos;
+    var sin3 = Math.sin;
+    var _Circle = class extends Path {
+        _flagRadius = false;
+        _radius = 0;
+
+        constructor(ox, oy, r, resolution) {
+            const amount = resolution ? Math.max(resolution, 2) : 4;
+            const points = [];
+            for (let i = 0; i < amount; i++) {
+                points.push(new Anchor(0, 0, 0, 0, 0, 0));
+            }
+            super(points, true, true, true);
+            for (let prop in proto14) {
+                Object.defineProperty(this, prop, proto14[prop]);
+            }
+            if (typeof r === "number") {
+                this.radius = r;
+            }
+            this._update();
+            if (typeof ox === "number") {
+                this.translation.x = ox;
+            }
+            if (typeof oy === "number") {
+                this.translation.y = oy;
+            }
+        }
+
+        _update() {
+            if (this._flagVertices || this._flagRadius) {
+                let length = this.vertices.length;
+                if (!this._closed && length > 2) {
+                    length -= 1;
+                }
+                const c = 4 / 3 * Math.tan(Math.PI / (length * 2));
+                const radius = this._radius;
+                const rc = radius * c;
+                for (let i = 0; i < this.vertices.length; i++) {
+                    const pct = i / length;
+                    const theta = pct * TWO_PI;
+                    const x = radius * cos3(theta);
+                    const y = radius * sin3(theta);
+                    const lx = rc * cos3(theta - HALF_PI);
+                    const ly = rc * sin3(theta - HALF_PI);
+                    const rx = rc * cos3(theta + HALF_PI);
+                    const ry = rc * sin3(theta + HALF_PI);
+                    const v = this.vertices[i];
+                    v.command = i === 0 ? Commands.move : Commands.curve;
+                    v.set(x, y);
+                    v.controls.left.set(lx, ly);
+                    v.controls.right.set(rx, ry);
+                }
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            this._flagRadius = false;
+            super.flagReset.call(this);
+            return this;
+        }
+
+        clone(parent) {
+            const clone = new _Circle(0, 0, this.radius, this.vertices.length);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            for (let i = 0; i < Path.Properties.length; i++) {
+                const k = Path.Properties[i];
+                clone[k] = this[k];
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            for (let i = 0; i < _Circle.Properties.length; i++) {
+                const k = _Circle.Properties[i];
+                object[k] = this[k];
+            }
+            return object;
+        }
+    };
+    var Circle = _Circle;
+    __publicField(Circle, "Properties", ["radius"]);
+    var proto14 = {
+        radius: {
+            enumerable: true,
+            get: function () {
+                return this._radius;
+            },
+            set: function (v) {
+                this._radius = v;
+                this._flagRadius = true;
+            }
+        }
+    };
+
+    // src/shapes/ellipse.js
+    var cos4 = Math.cos;
+    var sin4 = Math.sin;
+    var _Ellipse = class extends Path {
+        _flagWidth = false;
+        _flagHeight = false;
+        _width = 0;
+        _height = 0;
+
+        constructor(x, y, rx, ry, resolution) {
+            if (typeof ry !== "number" && typeof rx === "number") {
+                ry = rx;
+            }
+            const amount = resolution ? Math.max(resolution, 2) : 4;
+            const points = [];
+            for (let i = 0; i < amount; i++) {
+                points.push(new Anchor());
+            }
+            super(points, true, true, true);
+            for (let prop in proto15) {
+                Object.defineProperty(this, prop, proto15[prop]);
+            }
+            if (typeof rx === "number") {
+                this.width = rx * 2;
+            }
+            if (typeof ry === "number") {
+                this.height = ry * 2;
+            }
+            this._update();
+            if (typeof x === "number") {
+                this.translation.x = x;
+            }
+            if (typeof y === "number") {
+                this.translation.y = y;
+            }
+        }
+
+        _update() {
+            if (this._flagVertices || this._flagWidth || this._flagHeight) {
+                let length = this.vertices.length;
+                if (!this._closed && length > 2) {
+                    length -= 1;
+                }
+                const c = 4 / 3 * Math.tan(Math.PI / (this.vertices.length * 2));
+                const radiusX = this._width / 2;
+                const radiusY = this._height / 2;
+                for (let i = 0; i < this.vertices.length; i++) {
+                    const pct = i / length;
+                    const theta = pct * TWO_PI;
+                    const x = radiusX * cos4(theta);
+                    const y = radiusY * sin4(theta);
+                    const lx = radiusX * c * cos4(theta - HALF_PI);
+                    const ly = radiusY * c * sin4(theta - HALF_PI);
+                    const rx = radiusX * c * cos4(theta + HALF_PI);
+                    const ry = radiusY * c * sin4(theta + HALF_PI);
+                    const v = this.vertices[i];
+                    v.command = i === 0 ? Commands.move : Commands.curve;
+                    v.set(x, y);
+                    v.controls.left.set(lx, ly);
+                    v.controls.right.set(rx, ry);
+                }
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            this._flagWidth = this._flagHeight = false;
+            super.flagReset.call(this);
+            return this;
+        }
+
+        clone(parent) {
+            const rx = this.width / 2;
+            const ry = this.height / 2;
+            const resolution = this.vertices.length;
+            const clone = new _Ellipse(0, 0, rx, ry, resolution);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            for (let i = 0; i < Path.Properties.length; i++) {
+                const k = Path.Properties[i];
+                clone[k] = this[k];
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            for (let i = 0; i < _Ellipse.Properties.length; i++) {
+                const k = _Ellipse.Properties[i];
+                object[k] = this[k];
+            }
+            return object;
+        }
+    };
+    var Ellipse = _Ellipse;
+    __publicField(Ellipse, "Properties", ["width", "height"]);
+    var proto15 = {
+        width: {
+            enumerable: true,
+            get: function () {
+                return this._width;
+            },
+            set: function (v) {
+                this._width = v;
+                this._flagWidth = true;
+            }
+        },
+        height: {
+            enumerable: true,
+            get: function () {
+                return this._height;
+            },
+            set: function (v) {
+                this._height = v;
+                this._flagHeight = true;
+            }
+        }
+    };
+
+    // src/shapes/line.js
+    var Line = class extends Path {
+        constructor(x1, y1, x2, y2) {
+            const points = [
+                new Anchor(x1, y1),
+                new Anchor(x2, y2)
+            ];
+            super(points);
+            for (let prop in proto16) {
+                Object.defineProperty(this, prop, proto16[prop]);
+            }
+            this.vertices[0].command = Commands.move;
+            this.vertices[1].command = Commands.line;
+            this.automatic = false;
+        }
+    };
+    var proto16 = {
+        left: {
+            enumerable: true,
+            get: function () {
+                return this.vertices[0];
+            },
+            set: function (v) {
+                if (_.isObject(v)) {
+                    this.vertices.splice(0, 1, v);
+                } else {
+                    const error = new TwoError("Two.Line.x argument is not an object.");
+                    console.warn(error.name, error.message);
+                }
+            }
+        },
+        right: {
+            enumerable: true,
+            get: function () {
+                return this.vertices[1];
+            },
+            set: function (v) {
+                if (_.isObject(v)) {
+                    this.vertices.splice(1, 1, v);
+                } else {
+                    const error = new TwoError("Two.Line.y argument is not an object.");
+                    console.warn(error.name, error.message);
+                }
+            }
+        }
+    };
+
+    // src/shapes/rounded-rectangle.js
+    var _RoundedRectangle = class extends Path {
+        _flagWidth = false;
+        _flagHeight = false;
+        _flagRadius = false;
+        _width = 0;
+        _height = 0;
+        _radius = 12;
+
+        constructor(x, y, width, height, radius) {
+            if (typeof radius === "undefined" && typeof width === "number" && typeof height === "number") {
+                radius = Math.floor(Math.min(width, height) / 12);
+            }
+            const points = [];
+            for (let i = 0; i < 10; i++) {
+                points.push(
+                    new Anchor(
+                        0,
+                        0,
+                        0,
+                        0,
+                        0,
+                        0,
+                        i === 0 ? Commands.move : Commands.curve
+                    )
+                );
+            }
+            super(points);
+            for (let prop in proto17) {
+                Object.defineProperty(this, prop, proto17[prop]);
+            }
+            this.closed = true;
+            this.automatic = false;
+            this._renderer.flagRadius = FlagRadius.bind(this);
+            if (typeof width === "number") {
+                this.width = width;
+            }
+            if (typeof height === "number") {
+                this.height = height;
+            }
+            if (typeof radius === "number") {
+                this.radius = radius;
+            }
+            this._update();
+            if (typeof x === "number") {
+                this.translation.x = x;
+            }
+            if (typeof y === "number") {
+                this.translation.y = y;
+            }
+        }
+
+        _update() {
+            if (this._flagVertices || this._flagWidth || this._flagHeight || this._flagRadius) {
+                const width = this._width;
+                const height = this._height;
+                let rx, ry;
+                if (this._radius instanceof Vector) {
+                    rx = this._radius.x;
+                    ry = this._radius.y;
+                } else {
+                    rx = this._radius;
+                    ry = this._radius;
+                }
+                let v;
+                let w = width / 2;
+                let h = height / 2;
+                v = this.vertices[0];
+                v.x = -(w - rx);
+                v.y = -h;
+                v = this.vertices[1];
+                v.x = w - rx;
+                v.y = -h;
+                v.controls.left.clear();
+                v.controls.right.x = rx;
+                v.controls.right.y = 0;
+                v = this.vertices[2];
+                v.x = w;
+                v.y = -(h - ry);
+                v.controls.right.clear();
+                v.controls.left.clear();
+                v = this.vertices[3];
+                v.x = w;
+                v.y = h - ry;
+                v.controls.left.clear();
+                v.controls.right.x = 0;
+                v.controls.right.y = ry;
+                v = this.vertices[4];
+                v.x = w - rx;
+                v.y = h;
+                v.controls.right.clear();
+                v.controls.left.clear();
+                v = this.vertices[5];
+                v.x = -(w - rx);
+                v.y = h;
+                v.controls.left.clear();
+                v.controls.right.x = -rx;
+                v.controls.right.y = 0;
+                v = this.vertices[6];
+                v.x = -w;
+                v.y = h - ry;
+                v.controls.left.clear();
+                v.controls.right.clear();
+                v = this.vertices[7];
+                v.x = -w;
+                v.y = -(h - ry);
+                v.controls.left.clear();
+                v.controls.right.x = 0;
+                v.controls.right.y = -ry;
+                v = this.vertices[8];
+                v.x = -(w - rx);
+                v.y = -h;
+                v.controls.left.clear();
+                v.controls.right.clear();
+                v = this.vertices[9];
+                v.copy(this.vertices[8]);
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            this._flagWidth = this._flagHeight = this._flagRadius = false;
+            super.flagReset.call(this);
+            return this;
+        }
+
+        clone(parent) {
+            const width = this.width;
+            const height = this.height;
+            const radius = this.radius;
+            const clone = new _RoundedRectangle(0, 0, width, height, radius);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            for (let i = 0; i < Path.Properties.length; i++) {
+                const k = Path.Properties[i];
+                clone[k] = this[k];
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            for (let i = 0; i < _RoundedRectangle.Properties.length; i++) {
+                const k = _RoundedRectangle.Properties[i];
+                object[k] = this[k];
+            }
+            object.radius = typeof this.radius === "number" ? this.radius : this.radius.toObject();
+            return object;
+        }
+    };
+    var RoundedRectangle = _RoundedRectangle;
+    __publicField(RoundedRectangle, "Properties", ["width", "height", "radius"]);
+    var proto17 = {
+        width: {
+            enumerable: true,
+            get: function () {
+                return this._width;
+            },
+            set: function (v) {
+                this._width = v;
+                this._flagWidth = true;
+            }
+        },
+        height: {
+            enumerable: true,
+            get: function () {
+                return this._height;
+            },
+            set: function (v) {
+                this._height = v;
+                this._flagHeight = true;
+            }
+        },
+        radius: {
+            enumerable: true,
+            get: function () {
+                return this._radius;
+            },
+            set: function (v) {
+                if (this._radius instanceof Vector) {
+                    this._radius.unbind(Events.Types.change, this._renderer.flagRadius);
+                }
+                this._radius = v;
+                if (this._radius instanceof Vector) {
+                    this._radius.bind(Events.Types.change, this._renderer.flagRadius);
+                }
+                this._flagRadius = true;
+            }
+        }
+    };
+
+    function FlagRadius() {
+        this._flagRadius = true;
+    }
+
+    // src/text.js
+    var canvas2;
+    var min4 = Math.min;
+    var max4 = Math.max;
+    if (root.document) {
+        canvas2 = document.createElement("canvas");
+    }
+    var _Text = class extends Shape {
+        _flagValue = true;
+        _flagFamily = true;
+        _flagSize = true;
+        _flagLeading = true;
+        _flagAlignment = true;
+        _flagBaseline = true;
+        _flagStyle = true;
+        _flagWeight = true;
+        _flagDecoration = true;
+        _flagFill = true;
+        _flagStroke = true;
+        _flagLinewidth = true;
+        _flagOpacity = true;
+        _flagVisible = true;
+        _flagMask = false;
+        _flagClip = false;
+        _value = "";
+        _family = "sans-serif";
+        _size = 13;
+        _leading = 17;
+        _alignment = "center";
+        _baseline = "middle";
+        _style = "normal";
+        _weight = 500;
+        _decoration = "none";
+        _fill = "#000";
+        _stroke = "none";
+        _linewidth = 1;
+        _opacity = 1;
+        _visible = true;
+        _mask = null;
+        _clip = false;
+        _dashes = null;
+
+        constructor(message, x, y, styles) {
+            super();
+            for (let prop in proto18) {
+                Object.defineProperty(this, prop, proto18[prop]);
+            }
+            this._renderer.type = "text";
+            this._renderer.flagFill = FlagFill2.bind(this);
+            this._renderer.flagStroke = FlagStroke2.bind(this);
+            this.value = message;
+            if (typeof x === "number") {
+                this.translation.x = x;
+            }
+            if (typeof y === "number") {
+                this.translation.y = y;
+            }
+            this.dashes = [];
+            this.dashes.offset = 0;
+            if (!_.isObject(styles)) {
+                return this;
+            }
+            for (let i = 0; i < _Text.Properties.length; i++) {
+                const property = _Text.Properties[i];
+                if (property in styles) {
+                    this[property] = styles[property];
+                }
+            }
+        }
+
+        static Measure(text) {
+            if (canvas2) {
+                const ctx = canvas2.getContext("2d");
+                ctx.font = [
+                    text._style,
+                    text._weight,
+                    `${text._size}px/${text._leading}px`,
+                    text._family
+                ].join(" ");
+                const metrics = ctx.measureText(text.value, 0, 0);
+                const height = metrics.actualBoundingBoxDescent + metrics.actualBoundingBoxAscent;
+                return {
+                    width: metrics.width,
+                    height
+                };
             } else {
-              ux = toFixed(bl.x);
-              uy = toFixed(bl.y);
+                const width = this.value.length * this.size * _Text.Ratio;
+                const height = this.leading;
+                console.warn("Two.Text: unable to accurately measure text, so using an approximation.");
+                return {
+                    width,
+                    height
+                };
             }
-            command = (i === 0 ? Commands.move : Commands.curve) + " " + vx + " " + vy + " " + ux + " " + uy + " " + x + " " + y;
-            break;
-          case Commands.move:
-            d = b;
-            command = Commands.move + " " + x + " " + y;
-            break;
-          default:
-            command = b.command + " " + x + " " + y;
         }
-        if (i >= last && closed2) {
-          if (b.command === Commands.curve) {
-            c = d;
-            br = b.controls && b.controls.right || b;
-            cl = c.controls && c.controls.left || c;
-            if (b.relative) {
-              vx = toFixed(br.x + b.x);
-              vy = toFixed(br.y + b.y);
+
+        clone(parent) {
+            const clone = new _Text(this.value);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            for (let i = 0; i < _Text.Properties.length; i++) {
+                const prop = _Text.Properties[i];
+                clone[prop] = this[prop];
+            }
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone._update();
+        }
+
+        toObject() {
+            const result = {
+                translation: this.translation.toObject(),
+                rotation: this.rotation,
+                scale: this.scale
+            };
+            if (this.matrix.manual) {
+                result.matrix = this.matrix.toObject();
+            }
+            for (let i = 0; i < _Text.Properties.length; i++) {
+                const prop = _Text.Properties[i];
+                result[prop] = this[prop];
+            }
+            return result;
+        }
+
+        noFill() {
+            this.fill = "none";
+            return this;
+        }
+
+        noStroke() {
+            this.stroke = "none";
+            this.linewidth = 0;
+            return this;
+        }
+
+        getBoundingClientRect(shallow) {
+            let matrix;
+            let left, right, top, bottom;
+            this._update(true);
+            matrix = shallow ? this.matrix : this.worldMatrix;
+            const {width, height} = _Text.Measure(this);
+            const border = (this._linewidth || 0) / 2;
+            switch (this.alignment) {
+                case "left":
+                    left = -border;
+                    right = width + border;
+                    break;
+                case "right":
+                    left = -(width + border);
+                    right = border;
+                    break;
+                default:
+                    left = -(width / 2 + border);
+                    right = width / 2 + border;
+            }
+            switch (this.baseline) {
+                case "middle":
+                    top = -(height / 2 + border);
+                    bottom = height / 2 + border;
+                    break;
+                default:
+                    top = -(height + border);
+                    bottom = border;
+            }
+            const [ax, ay] = matrix.multiply(left, top);
+            const [bx, by] = matrix.multiply(left, bottom);
+            const [cx, cy] = matrix.multiply(right, top);
+            const [dx, dy] = matrix.multiply(right, bottom);
+            top = min4(ay, by, cy, dy);
+            left = min4(ax, bx, cx, dx);
+            right = max4(ax, bx, cx, dx);
+            bottom = max4(ay, by, cy, dy);
+            return {
+                top,
+                left,
+                right,
+                bottom,
+                width: right - left,
+                height: bottom - top
+            };
+        }
+
+        flagReset() {
+            super.flagReset.call(this);
+            this._flagValue = this._flagFamily = this._flagSize = this._flagLeading = this._flagAlignment = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagClip = this._flagDecoration = this._flagClassName = this._flagBaseline = this._flagWeight = this._flagStyle = false;
+            return this;
+        }
+    };
+    var Text = _Text;
+    __publicField(Text, "Ratio", 0.6);
+    __publicField(Text, "Properties", [
+        "value",
+        "family",
+        "size",
+        "leading",
+        "alignment",
+        "linewidth",
+        "style",
+        "weight",
+        "decoration",
+        "baseline",
+        "opacity",
+        "visible",
+        "fill",
+        "stroke"
+    ]);
+    var proto18 = {
+        value: {
+            enumerable: true,
+            get: function () {
+                return this._value;
+            },
+            set: function (v) {
+                this._value = v;
+                this._flagValue = true;
+            }
+        },
+        family: {
+            enumerable: true,
+            get: function () {
+                return this._family;
+            },
+            set: function (v) {
+                this._family = v;
+                this._flagFamily = true;
+            }
+        },
+        size: {
+            enumerable: true,
+            get: function () {
+                return this._size;
+            },
+            set: function (v) {
+                this._size = v;
+                this._flagSize = true;
+            }
+        },
+        leading: {
+            enumerable: true,
+            get: function () {
+                return this._leading;
+            },
+            set: function (v) {
+                this._leading = v;
+                this._flagLeading = true;
+            }
+        },
+        alignment: {
+            enumerable: true,
+            get: function () {
+                return this._alignment;
+            },
+            set: function (v) {
+                this._alignment = v;
+                this._flagAlignment = true;
+            }
+        },
+        linewidth: {
+            enumerable: true,
+            get: function () {
+                return this._linewidth;
+            },
+            set: function (v) {
+                this._linewidth = v;
+                this._flagLinewidth = true;
+            }
+        },
+        style: {
+            enumerable: true,
+            get: function () {
+                return this._style;
+            },
+            set: function (v) {
+                this._style = v;
+                this._flagStyle = true;
+            }
+        },
+        weight: {
+            enumerable: true,
+            get: function () {
+                return this._weight;
+            },
+            set: function (v) {
+                this._weight = v;
+                this._flagWeight = true;
+            }
+        },
+        decoration: {
+            enumerable: true,
+            get: function () {
+                return this._decoration;
+            },
+            set: function (v) {
+                this._decoration = v;
+                this._flagDecoration = true;
+            }
+        },
+        baseline: {
+            enumerable: true,
+            get: function () {
+                return this._baseline;
+            },
+            set: function (v) {
+                this._baseline = v;
+                this._flagBaseline = true;
+            }
+        },
+        opacity: {
+            enumerable: true,
+            get: function () {
+                return this._opacity;
+            },
+            set: function (v) {
+                this._opacity = v;
+                this._flagOpacity = true;
+            }
+        },
+        visible: {
+            enumerable: true,
+            get: function () {
+                return this._visible;
+            },
+            set: function (v) {
+                this._visible = v;
+                this._flagVisible = true;
+            }
+        },
+        fill: {
+            enumerable: true,
+            get: function () {
+                return this._fill;
+            },
+            set: function (f) {
+                if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+                    this._fill.unbind(Events.Types.change, this._renderer.flagFill);
+                }
+                this._fill = f;
+                this._flagFill = true;
+                if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+                    this._fill.bind(Events.Types.change, this._renderer.flagFill);
+                }
+            }
+        },
+        stroke: {
+            enumerable: true,
+            get: function () {
+                return this._stroke;
+            },
+            set: function (f) {
+                if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+                    this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
+                }
+                this._stroke = f;
+                this._flagStroke = true;
+                if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+                    this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
+                }
+            }
+        },
+        mask: {
+            enumerable: true,
+            get: function () {
+                return this._mask;
+            },
+            set: function (v) {
+                this._mask = v;
+                this._flagMask = true;
+                if (_.isObject(v) && !v.clip) {
+                    v.clip = true;
+                }
+            }
+        },
+        clip: {
+            enumerable: true,
+            get: function () {
+                return this._clip;
+            },
+            set: function (v) {
+                this._clip = v;
+                this._flagClip = true;
+            }
+        },
+        dashes: {
+            enumerable: true,
+            get: function () {
+                return this._dashes;
+            },
+            set: function (v) {
+                if (typeof v.offset !== "number") {
+                    v.offset = this.dashes && this._dashes.offset || 0;
+                }
+                this._dashes = v;
+            }
+        }
+    };
+
+    function FlagFill2() {
+        this._flagFill = true;
+    }
+
+    function FlagStroke2() {
+        this._flagStroke = true;
+    }
+
+    // src/utils/interpret-svg.js
+    var regex2 = {
+        path: /[+-]?(?:\d*\.\d+|\d+)(?:[eE][+-]\d+)?/g,
+        cssBackgroundImage: /url\(['"]?#([\w\d-_]*)['"]?\)/i,
+        unitSuffix: /[a-zA-Z%]*/i
+    };
+    var alignments = {
+        start: "left",
+        middle: "center",
+        end: "right"
+    };
+    var reservedAttributesToRemove = ["id", "class", "transform", "xmlns", "viewBox"];
+    var overwriteAttrs = ["x", "y", "width", "height", "href", "xlink:href"];
+
+    function getAlignment(anchor2) {
+        return alignments[anchor2];
+    }
+
+    function getBaseline(node) {
+        const a = node.getAttribute("dominant-baseline");
+        const b = node.getAttribute("alignment-baseline");
+        return a || b;
+    }
+
+    function getTagName(tag) {
+        return tag.replace(/svg:/ig, "").toLowerCase();
+    }
+
+    function applyTransformsToVector(transforms, vector2) {
+        vector2.x += transforms.translateX;
+        vector2.y += transforms.translateY;
+        vector2.x *= transforms.scaleX;
+        vector2.y *= transforms.scaleY;
+        if (transforms.rotation !== 0) {
+            const l = vector2.length();
+            vector2.x = l * Math.cos(transforms.rotation);
+            vector2.y = l * Math.sin(transforms.rotation);
+        }
+    }
+
+    function extractCSSText(text, styles) {
+        if (!styles) {
+            styles = {};
+        }
+        const commands = text.split(";");
+        for (let i = 0; i < commands.length; i++) {
+            const command = commands[i].split(":");
+            const name = command[0];
+            const value = command[1];
+            if (typeof name === "undefined" || typeof value === "undefined") {
+                continue;
+            }
+            styles[name] = value.replace(/\s/, "");
+        }
+        return styles;
+    }
+
+    function getSvgStyles(node) {
+        const styles = {};
+        const attributes = getSvgAttributes(node);
+        const length = Math.max(attributes.length, node.style.length);
+        for (let i = 0; i < length; i++) {
+            const command = node.style[i];
+            const attribute = attributes[i];
+            if (command) {
+                styles[command] = node.style[command];
+            }
+            if (attribute) {
+                styles[attribute] = node.getAttribute(attribute);
+            }
+        }
+        return styles;
+    }
+
+    function getSvgAttributes(node) {
+        const attributes = node.getAttributeNames();
+        for (let i = 0; i < reservedAttributesToRemove.length; i++) {
+            const keyword = reservedAttributesToRemove[i];
+            const index = Array.prototype.indexOf.call(attributes, keyword);
+            if (index >= 0) {
+                attributes.splice(index, 1);
+            }
+        }
+        return attributes;
+    }
+
+    function applySvgViewBox(node, value) {
+        const elements = value.split(/[\s,]/);
+        const x = -parseFloat(elements[0]);
+        const y = -parseFloat(elements[1]);
+        const width = parseFloat(elements[2]);
+        const height = parseFloat(elements[3]);
+        if (x && y) {
+            for (let i = 0; i < node.children.length; i++) {
+                const child = node.children[i];
+                if ("translation" in child) {
+                    child.translation.add(x, y);
+                } else if ("x" in child) {
+                    child.x = x;
+                } else if ("y" in child) {
+                    child.y = y;
+                }
+            }
+        }
+        const xExists = typeof node.x === "number";
+        const yExists = typeof node.y === "number";
+        const widthExists = typeof node.width === "number";
+        const heightExists = typeof node.height === "number";
+        if (xExists) {
+            node.translation.x += node.x;
+        }
+        if (yExists) {
+            node.translation.y += node.y;
+        }
+        if (widthExists || heightExists) {
+            node.scale = new Vector(1, 1);
+        }
+        if (widthExists) {
+            node.scale.x = node.width / width;
+        }
+        if (heightExists) {
+            node.scale.y = node.height / height;
+        }
+        node.mask = new Rectangle(0, 0, width, height);
+        node.mask.origin.set(-width / 2, -height / 2);
+        return node;
+    }
+
+    function applySvgAttributes(node, elem, parentStyles) {
+        const styles = {}, attributes = {}, extracted = {};
+        let i, m, key, value, prop, attr;
+        let transforms, x, y;
+        let id, scene, ref, tagName;
+        let ca, cb, cc, error;
+        if (node === null) {
+            return styles;
+        }
+        if (root.getComputedStyle) {
+            const computedStyles = root.getComputedStyle(node);
+            i = computedStyles.length;
+            while (i--) {
+                key = computedStyles[i];
+                value = computedStyles[key];
+                if (typeof value !== "undefined") {
+                    styles[key] = value;
+                }
+            }
+        }
+        for (i = 0; i < node.attributes.length; i++) {
+            attr = node.attributes[i];
+            if (/style/i.test(attr.nodeName)) {
+                extractCSSText(attr.value, extracted);
             } else {
-              vx = toFixed(br.x);
-              vy = toFixed(br.y);
+                attributes[attr.nodeName] = attr.value;
             }
-            if (c.relative) {
-              ux = toFixed(cl.x + c.x);
-              uy = toFixed(cl.y + c.y);
+        }
+        if (typeof styles.opacity !== "undefined") {
+            styles["stroke-opacity"] = styles.opacity;
+            styles["fill-opacity"] = styles.opacity;
+            delete styles.opacity;
+        }
+        if (parentStyles) {
+            _.defaults(styles, parentStyles);
+        }
+        _.extend(styles, extracted, attributes);
+        styles.visible = !(typeof styles.display === "undefined" && /none/i.test(styles.display)) || typeof styles.visibility === "undefined" && /hidden/i.test(styles.visibility);
+        for (key in styles) {
+            value = styles[key];
+            switch (key) {
+                case "gradientTransform":
+                    if (/none/i.test(value))
+                        break;
+                    m = node.gradientTransform && node.gradientTransform.baseVal && node.gradientTransform.baseVal.length > 0 ? node.gradientTransform.baseVal[0].matrix : node.getCTM ? node.getCTM() : null;
+                    if (m === null)
+                        break;
+                    transforms = decomposeMatrix(m);
+                    switch (elem._renderer.type) {
+                        case "linear-gradient":
+                            applyTransformsToVector(transforms, elem.left);
+                            applyTransformsToVector(transforms, elem.right);
+                            break;
+                        case "radial-gradient":
+                            elem.center.x += transforms.translateX;
+                            elem.center.y += transforms.translateY;
+                            elem.focal.x += transforms.translateX;
+                            elem.focal.y += transforms.translateY;
+                            elem.radius *= Math.max(transforms.scaleX, transforms.scaleY);
+                            break;
+                    }
+                    break;
+                case "transform":
+                    if (/none/i.test(value))
+                        break;
+                    m = node.transform && node.transform.baseVal && node.transform.baseVal.length > 0 ? node.transform.baseVal[0].matrix : node.getCTM ? node.getCTM() : null;
+                    if (m === null)
+                        break;
+                    if (Constants.AutoCalculateImportedMatrices) {
+                        transforms = decomposeMatrix(m);
+                        elem.translation.set(transforms.translateX, transforms.translateY);
+                        elem.rotation = Math.PI * (transforms.rotation / 180);
+                        elem.scale = new Vector(transforms.scaleX, transforms.scaleY);
+                        x = parseFloat((styles.x + "").replace("px"));
+                        y = parseFloat((styles.y + "").replace("px"));
+                        if (x) {
+                            elem.translation.x = x;
+                        }
+                        if (y) {
+                            elem.translation.y = y;
+                        }
+                    } else {
+                        m = node.getCTM();
+                        elem._matrix.manual = true;
+                        elem._matrix.set(m.a, m.b, m.c, m.d, m.e, m.f);
+                    }
+                    break;
+                case "visible":
+                    if (elem instanceof Group) {
+                        elem._visible = value;
+                        break;
+                    }
+                    elem.visible = value;
+                    break;
+                case "stroke-linecap":
+                    if (elem instanceof Group) {
+                        elem._cap = value;
+                        break;
+                    }
+                    elem.cap = value;
+                    break;
+                case "stroke-linejoin":
+                    if (elem instanceof Group) {
+                        elem._join = value;
+                        break;
+                    }
+                    elem.join = value;
+                    break;
+                case "stroke-miterlimit":
+                    if (elem instanceof Group) {
+                        elem._miter = value;
+                        break;
+                    }
+                    elem.miter = value;
+                    break;
+                case "stroke-width":
+                    if (elem instanceof Group) {
+                        elem._linewidth = parseFloat(value);
+                        break;
+                    }
+                    elem.linewidth = parseFloat(value);
+                    break;
+                case "opacity":
+                case "stroke-opacity":
+                case "fill-opacity":
+                    if (elem instanceof Group) {
+                        elem._opacity = parseFloat(value);
+                        break;
+                    }
+                    elem.opacity = parseFloat(value);
+                    break;
+                case "clip-path":
+                    if (regex2.cssBackgroundImage.test(value)) {
+                        id = value.replace(regex2.cssBackgroundImage, "$1");
+                        if (read.defs.current && read.defs.current.contains(id)) {
+                            ref = read.defs.current.get(id);
+                            if (ref && ref.childNodes.length > 0) {
+                                ref = ref.childNodes[0];
+                                tagName = getTagName(ref.nodeName);
+                                elem.mask = read[tagName].call(this, ref, {});
+                                switch (elem._renderer.type) {
+                                    case "text":
+                                    case "path":
+                                        elem.position.add(elem.mask.position);
+                                        elem.mask.position.clear();
+                                        break;
+                                }
+                            }
+                        }
+                    }
+                    break;
+                case "fill":
+                case "stroke":
+                    prop = (elem instanceof Group ? "_" : "") + key;
+                    if (regex2.cssBackgroundImage.test(value)) {
+                        id = value.replace(regex2.cssBackgroundImage, "$1");
+                        if (read.defs.current && read.defs.current.contains(id)) {
+                            ref = read.defs.current.get(id);
+                            if (!ref.object) {
+                                tagName = getTagName(ref.nodeName);
+                                ref.object = read[tagName].call(this, ref, {});
+                            }
+                            ref = ref.object;
+                        } else {
+                            scene = getScene(this);
+                            ref = scene.getById(id);
+                        }
+                        elem[prop] = ref;
+                    } else {
+                        elem[prop] = value;
+                    }
+                    break;
+                case "id":
+                    elem.id = value;
+                    break;
+                case "class":
+                case "className":
+                    elem.classList = value.split(" ");
+                    elem._flagClassName = true;
+                    break;
+                case "x":
+                case "y":
+                    ca = elem instanceof Gradient;
+                    cb = elem instanceof LinearGradient;
+                    cc = elem instanceof RadialGradient;
+                    if (ca || cb || cc) {
+                        break;
+                    }
+                    if (value.match("[a-z%]$") && !value.endsWith("px")) {
+                        error = new TwoError(
+                            "only pixel values are supported with the " + key + " attribute."
+                        );
+                        console.warn(error.name, error.message);
+                    }
+                    elem.translation[key] = parseFloat(value);
+                    break;
+                case "font-family":
+                    if (elem instanceof Text) {
+                        elem.family = value;
+                    }
+                    break;
+                case "font-size":
+                    if (elem instanceof Text) {
+                        elem.size = value;
+                    }
+                    break;
+                case "font-weight":
+                    if (elem instanceof Text) {
+                        elem.weight = value;
+                    }
+                    break;
+                case "font-style":
+                    if (elem instanceof Text) {
+                        elem.style = value;
+                    }
+                    break;
+                case "text-decoration":
+                    if (elem instanceof Text) {
+                        elem.decoration = value;
+                    }
+                    break;
+                case "line-height":
+                    if (elem instanceof Text) {
+                        elem.leading = value;
+                    }
+                    break;
+            }
+        }
+        if (Object.keys(node.dataset).length)
+            elem.dataset = node.dataset;
+        return styles;
+    }
+
+    function updateDefsCache(node, defsCache) {
+        for (let i = 0, l = node.childNodes.length; i < l; i++) {
+            const n = node.childNodes[i];
+            if (!n.id)
+                continue;
+            const tagName = getTagName(node.nodeName);
+            if (tagName === "#text")
+                continue;
+            defsCache.add(n.id, n);
+        }
+    }
+
+    function getScene(node) {
+        while (node.parent) {
+            node = node.parent;
+        }
+        return node.scene;
+    }
+
+    var read = {
+        svg: function (node) {
+            const defs = read.defs.current = new Registry();
+            const elements = node.getElementsByTagName("defs");
+            for (let i = 0; i < elements.length; i++) {
+                updateDefsCache(elements[i], defs);
+            }
+            const svg2 = read.g.call(this, node);
+            const viewBox = node.getAttribute("viewBox");
+            const x = node.getAttribute("x");
+            const y = node.getAttribute("y");
+            const width = node.getAttribute("width");
+            const height = node.getAttribute("height");
+            svg2.defs = defs;
+            const viewBoxExists = viewBox !== null;
+            const xExists = x !== null;
+            const yExists = y !== null;
+            const widthExists = width !== null;
+            const heightExists = height !== null;
+            if (xExists) {
+                svg2.x = parseFloat(x.replace(regex2.unitSuffix, ""));
+            }
+            if (yExists) {
+                svg2.y = parseFloat(y.replace(regex2.unitSuffix, ""));
+            }
+            if (widthExists) {
+                svg2.width = parseFloat(width.replace(regex2.unitSuffix, ""));
+            }
+            if (heightExists) {
+                svg2.height = parseFloat(height.replace(regex2.unitSuffix, ""));
+            }
+            if (viewBoxExists) {
+                applySvgViewBox(svg2, viewBox);
+            }
+            delete read.defs.current;
+            return svg2;
+        },
+        defs: function (node) {
+            return null;
+        },
+        use: function (node, styles) {
+            let error;
+            const href = node.getAttribute("href") || node.getAttribute("xlink:href");
+            if (!href) {
+                error = new TwoError("encountered <use /> with no href.");
+                console.warn(error.name, error.message);
+                return null;
+            }
+            const id = href.slice(1);
+            if (!read.defs.current.contains(id)) {
+                error = new TwoError(
+                    "unable to find element for reference " + href + "."
+                );
+                console.warn(error.name, error.message);
+                return null;
+            }
+            const template = read.defs.current.get(id);
+            const fullNode = template.cloneNode(true);
+            for (let i = 0; i < node.attributes.length; i++) {
+                const attr = node.attributes[i];
+                const ca = overwriteAttrs.includes(attr.nodeName);
+                const cb = !fullNode.hasAttribute(attr.nodeName);
+                if (ca || cb) {
+                    fullNode.setAttribute(attr.nodeName, attr.value);
+                }
+            }
+            const tagName = getTagName(fullNode.nodeName);
+            return read[tagName].call(this, fullNode, styles);
+        },
+        g: function (node, parentStyles) {
+            const group = new Group();
+            applySvgAttributes.call(this, node, group, parentStyles);
+            this.add(group);
+            const styles = getSvgStyles.call(this, node);
+            for (let i = 0, l = node.childNodes.length; i < l; i++) {
+                const n = node.childNodes[i];
+                const tag = n.nodeName;
+                if (!tag)
+                    return;
+                const tagName = getTagName(tag);
+                if (tagName in read) {
+                    const o = read[tagName].call(group, n, styles);
+                    if (!!o && !o.parent) {
+                        group.add(o);
+                    }
+                }
+            }
+            return group;
+        },
+        polygon: function (node, parentStyles) {
+            let points;
+            if (typeof node === "string") {
+                points = node;
             } else {
-              ux = toFixed(cl.x);
-              uy = toFixed(cl.y);
+                points = node.getAttribute("points");
             }
-            x = toFixed(c.x);
-            y = toFixed(c.y);
-            command += " C " + vx + " " + vy + " " + ux + " " + uy + " " + x + " " + y;
-          }
-          if (b.command !== Commands.close) {
-            command += " Z";
-          }
-        }
-        string += command + " ";
-      }
-      return string;
-    },
-    pointsToString: function(points, size) {
-      let string = "";
-      const r = size * 0.5;
-      for (let i = 0; i < points.length; i++) {
-        const x = points[i].x;
-        const y = points[i].y - r;
-        string += Commands.move + " " + x + " " + y + " ";
-        string += "a " + r + " " + r + " 0 1 0 0.001 0 Z";
-      }
-      return string;
-    },
-    getClip: function(shape, domElement) {
-      let clip = shape._renderer.clip;
-      if (!clip) {
-        clip = shape._renderer.clip = svg.createElement("clipPath", {
-          "clip-rule": "nonzero"
-        });
-      }
-      if (clip.parentNode === null) {
-        domElement.defs.appendChild(clip);
-      }
-      return clip;
-    },
-    defs: {
-      update: function(domElement) {
-        const { defs } = domElement;
-        if (defs._flagUpdate) {
-          const children = Array.prototype.slice.call(
-            defs.children,
-            0
-          );
-          for (let i = 0; i < children.length; i++) {
-            const child = children[i];
-            const id = child.id;
-            const selector = `[fill="url(#${id})"],[stroke="url(#${id})"],[clip-path="url(#${id})"]`;
-            const exists = domElement.querySelector(selector);
-            if (!exists) {
-              defs.removeChild(child);
+            const verts = [];
+            points.replace(/(-?[\d.eE-]+)[,|\s](-?[\d.eE-]+)/g, function (match, p1, p2) {
+                verts.push(new Anchor(parseFloat(p1), parseFloat(p2)));
+            });
+            const poly = new Path(verts, true).noStroke();
+            poly.fill = "black";
+            applySvgAttributes.call(this, node, poly, parentStyles);
+            return poly;
+        },
+        polyline: function (node, parentStyles) {
+            const poly = read.polygon.call(this, node, parentStyles);
+            poly.closed = false;
+            return poly;
+        },
+        path: function (node, parentStyles) {
+            let path;
+            if (typeof node === "string") {
+                path = node;
+                node = null;
+            } else {
+                path = node.getAttribute("d");
             }
-          }
-          defs._flagUpdate = false;
+            let points = [];
+            let closed2 = false, relative = false;
+            if (path) {
+                let coord = new Anchor();
+                let control, coords;
+                let commands = path.match(/[a-df-z][^a-df-z]*/ig);
+                const last = commands.length - 1;
+                _.each(commands.slice(0), function (command, i) {
+                    const items = command.slice(1).trim().match(regex2.path);
+                    const type = command[0];
+                    const lower = type.toLowerCase();
+                    let bin, j, l, ct, times;
+                    const result = [];
+                    if (i === 0) {
+                        commands = [];
+                    }
+                    switch (lower) {
+                        case "h":
+                        case "v":
+                            if (items.length > 1) {
+                                bin = 1;
+                            }
+                            break;
+                        case "m":
+                        case "l":
+                        case "t":
+                            if (items.length > 2) {
+                                bin = 2;
+                            }
+                            break;
+                        case "s":
+                        case "q":
+                            if (items.length > 4) {
+                                bin = 4;
+                            }
+                            break;
+                        case "c":
+                            if (items.length > 6) {
+                                bin = 6;
+                            }
+                            break;
+                        case "a":
+                            if (items.length > 7) {
+                                bin = 7;
+                            }
+                            break;
+                    }
+                    if (bin) {
+                        for (j = 0, l = items.length, times = 0; j < l; j += bin) {
+                            ct = type;
+                            if (times > 0) {
+                                switch (type) {
+                                    case "m":
+                                        ct = "l";
+                                        break;
+                                    case "M":
+                                        ct = "L";
+                                        break;
+                                }
+                            }
+                            result.push(ct + items.slice(j, j + bin).join(" "));
+                            times++;
+                        }
+                        commands = Array.prototype.concat.apply(commands, result);
+                    } else {
+                        commands.push(command);
+                    }
+                });
+                _.each(commands, function (command, i) {
+                    let result, x, y;
+                    const type = command[0];
+                    const lower = type.toLowerCase();
+                    coords = command.slice(1).trim().match(regex2.path);
+                    relative = type === lower;
+                    let x1, y1, x2, y2, x3, y3, x4, y4, reflection;
+                    let a, b;
+                    let anchor2, rx, ry, xAxisRotation, largeArcFlag, sweepFlag;
+                    switch (lower) {
+                        case "z":
+                            if (i >= last) {
+                                closed2 = true;
+                            } else {
+                                x = coord.x;
+                                y = coord.y;
+                                result = new Anchor(
+                                    x,
+                                    y,
+                                    void 0,
+                                    void 0,
+                                    void 0,
+                                    void 0,
+                                    Commands.close
+                                );
+                                for (let j = points.length - 1; j >= 0; j--) {
+                                    const point = points[j];
+                                    if (/m/i.test(point.command)) {
+                                        coord = point;
+                                        break;
+                                    }
+                                }
+                            }
+                            break;
+                        case "m":
+                        case "l":
+                            control = void 0;
+                            x = parseFloat(coords[0]);
+                            y = parseFloat(coords[1]);
+                            result = new Anchor(
+                                x,
+                                y,
+                                void 0,
+                                void 0,
+                                void 0,
+                                void 0,
+                                /m/i.test(lower) ? Commands.move : Commands.line
+                            );
+                            if (relative) {
+                                result.addSelf(coord);
+                            }
+                            coord = result;
+                            break;
+                        case "h":
+                        case "v":
+                            a = /h/i.test(lower) ? "x" : "y";
+                            b = /x/i.test(a) ? "y" : "x";
+                            result = new Anchor(
+                                void 0,
+                                void 0,
+                                void 0,
+                                void 0,
+                                void 0,
+                                void 0,
+                                Commands.line
+                            );
+                            result[a] = parseFloat(coords[0]);
+                            result[b] = coord[b];
+                            if (relative) {
+                                result[a] += coord[a];
+                            }
+                            coord = result;
+                            break;
+                        case "c":
+                        case "s":
+                            x1 = coord.x;
+                            y1 = coord.y;
+                            if (!control) {
+                                control = new Vector();
+                            }
+                            if (/c/i.test(lower)) {
+                                x2 = parseFloat(coords[0]);
+                                y2 = parseFloat(coords[1]);
+                                x3 = parseFloat(coords[2]);
+                                y3 = parseFloat(coords[3]);
+                                x4 = parseFloat(coords[4]);
+                                y4 = parseFloat(coords[5]);
+                            } else {
+                                reflection = getReflection(coord, control, relative);
+                                x2 = reflection.x;
+                                y2 = reflection.y;
+                                x3 = parseFloat(coords[0]);
+                                y3 = parseFloat(coords[1]);
+                                x4 = parseFloat(coords[2]);
+                                y4 = parseFloat(coords[3]);
+                            }
+                            if (relative) {
+                                x2 += x1;
+                                y2 += y1;
+                                x3 += x1;
+                                y3 += y1;
+                                x4 += x1;
+                                y4 += y1;
+                            }
+                            coord.controls.right.set(x2 - coord.x, y2 - coord.y);
+                            result = new Anchor(
+                                x4,
+                                y4,
+                                x3 - x4,
+                                y3 - y4,
+                                void 0,
+                                void 0,
+                                Commands.curve
+                            );
+                            coord = result;
+                            control = result.controls.left;
+                            break;
+                        case "t":
+                        case "q":
+                            x1 = coord.x;
+                            y1 = coord.y;
+                            if (!control) {
+                                control = new Vector();
+                            }
+                            if (/q/i.test(lower)) {
+                                x2 = parseFloat(coords[0]);
+                                y2 = parseFloat(coords[1]);
+                                x3 = parseFloat(coords[0]);
+                                y3 = parseFloat(coords[1]);
+                                x4 = parseFloat(coords[2]);
+                                y4 = parseFloat(coords[3]);
+                            } else {
+                                reflection = getReflection(coord, control, relative);
+                                x2 = reflection.x;
+                                y2 = reflection.y;
+                                x3 = reflection.x;
+                                y3 = reflection.y;
+                                x4 = parseFloat(coords[0]);
+                                y4 = parseFloat(coords[1]);
+                            }
+                            if (relative) {
+                                x2 += x1;
+                                y2 += y1;
+                                x3 += x1;
+                                y3 += y1;
+                                x4 += x1;
+                                y4 += y1;
+                            }
+                            coord.controls.right.set(
+                                (x2 - coord.x) * 0.33,
+                                (y2 - coord.y) * 0.33
+                            );
+                            result = new Anchor(
+                                x4,
+                                y4,
+                                x3 - x4,
+                                y3 - y4,
+                                void 0,
+                                void 0,
+                                Commands.curve
+                            );
+                            coord = result;
+                            control = result.controls.left;
+                            break;
+                        case "a":
+                            x1 = coord.x;
+                            y1 = coord.y;
+                            rx = parseFloat(coords[0]);
+                            ry = parseFloat(coords[1]);
+                            xAxisRotation = parseFloat(coords[2]);
+                            largeArcFlag = parseFloat(coords[3]);
+                            sweepFlag = parseFloat(coords[4]);
+                            x4 = parseFloat(coords[5]);
+                            y4 = parseFloat(coords[6]);
+                            if (relative) {
+                                x4 += x1;
+                                y4 += y1;
+                            }
+                            anchor2 = new Anchor(x4, y4);
+                            anchor2.command = Commands.arc;
+                            anchor2.rx = rx;
+                            anchor2.ry = ry;
+                            anchor2.xAxisRotation = xAxisRotation;
+                            anchor2.largeArcFlag = largeArcFlag;
+                            anchor2.sweepFlag = sweepFlag;
+                            result = anchor2;
+                            coord = anchor2;
+                            control = void 0;
+                            break;
+                    }
+                    if (result) {
+                        if (Array.isArray(result)) {
+                            points = points.concat(result);
+                        } else {
+                            points.push(result);
+                        }
+                    }
+                });
+            }
+            path = new Path(points, closed2, void 0, true).noStroke();
+            path.fill = "black";
+            const rect = path.getBoundingClientRect(true);
+            rect.centroid = {
+                x: rect.left + rect.width / 2,
+                y: rect.top + rect.height / 2
+            };
+            _.each(path.vertices, function (v) {
+                v.subSelf(rect.centroid);
+            });
+            applySvgAttributes.call(this, node, path, parentStyles);
+            path.translation.addSelf(rect.centroid);
+            return path;
+        },
+        circle: function (node, parentStyles) {
+            const x = parseFloat(node.getAttribute("cx"));
+            const y = parseFloat(node.getAttribute("cy"));
+            const r = parseFloat(node.getAttribute("r"));
+            const circle = new Circle(0, 0, r).noStroke();
+            circle.fill = "black";
+            applySvgAttributes.call(this, node, circle, parentStyles);
+            circle.translation.x = x;
+            circle.translation.y = y;
+            return circle;
+        },
+        ellipse: function (node, parentStyles) {
+            const x = parseFloat(node.getAttribute("cx"));
+            const y = parseFloat(node.getAttribute("cy"));
+            const width = parseFloat(node.getAttribute("rx"));
+            const height = parseFloat(node.getAttribute("ry"));
+            const ellipse = new Ellipse(0, 0, width, height).noStroke();
+            ellipse.fill = "black";
+            applySvgAttributes.call(this, node, ellipse, parentStyles);
+            ellipse.translation.x = x;
+            ellipse.translation.y = y;
+            return ellipse;
+        },
+        rect: function (node, parentStyles) {
+            const rx = parseFloat(node.getAttribute("rx"));
+            const ry = parseFloat(node.getAttribute("ry"));
+            if (!_.isNaN(rx) || !_.isNaN(ry)) {
+                return read["rounded-rect"](node);
+            }
+            const width = parseFloat(node.getAttribute("width"));
+            const height = parseFloat(node.getAttribute("height"));
+            const w2 = width / 2;
+            const h2 = height / 2;
+            const rect = new Rectangle(0, 0, width, height).noStroke();
+            rect.fill = "black";
+            applySvgAttributes.call(this, node, rect, parentStyles);
+            rect.translation.x += w2;
+            rect.translation.y += h2;
+            return rect;
+        },
+        "rounded-rect": function (node, parentStyles) {
+            const rx = parseFloat(node.getAttribute("rx")) || 0;
+            const ry = parseFloat(node.getAttribute("ry")) || 0;
+            const width = parseFloat(node.getAttribute("width"));
+            const height = parseFloat(node.getAttribute("height"));
+            const w2 = width / 2;
+            const h2 = height / 2;
+            const radius = new Vector(rx, ry);
+            const rect = new RoundedRectangle(0, 0, width, height, radius).noStroke();
+            rect.fill = "black";
+            applySvgAttributes.call(this, node, rect, parentStyles);
+            rect.translation.x += w2;
+            rect.translation.y += h2;
+            return rect;
+        },
+        line: function (node, parentStyles) {
+            const x1 = parseFloat(node.getAttribute("x1"));
+            const y1 = parseFloat(node.getAttribute("y1"));
+            const x2 = parseFloat(node.getAttribute("x2"));
+            const y2 = parseFloat(node.getAttribute("y2"));
+            const line = new Line(x1, y1, x2, y2).noFill();
+            applySvgAttributes.call(this, node, line, parentStyles);
+            return line;
+        },
+        lineargradient: function (node, parentStyles) {
+            let units = node.getAttribute("gradientUnits");
+            let spread = node.getAttribute("spreadMethod");
+            if (!units) {
+                units = "objectBoundingBox";
+            }
+            if (!spread) {
+                spread = "pad";
+            }
+            let x1 = parseFloat(node.getAttribute("x1") || 0);
+            let y1 = parseFloat(node.getAttribute("y1") || 0);
+            let x2 = parseFloat(node.getAttribute("x2") || 0);
+            let y2 = parseFloat(node.getAttribute("y2") || 0);
+            const ox = (x2 + x1) / 2;
+            const oy = (y2 + y1) / 2;
+            if (/userSpaceOnUse/i.test(units)) {
+                x1 -= ox;
+                y1 -= oy;
+                x2 -= ox;
+                y2 -= oy;
+            }
+            const stops = [];
+            for (let i = 0; i < node.children.length; i++) {
+                const child = node.children[i];
+                let offset = child.getAttribute("offset");
+                if (/%/ig.test(offset)) {
+                    offset = parseFloat(offset.replace(/%/ig, "")) / 100;
+                }
+                offset = parseFloat(offset);
+                let color = child.getAttribute("stop-color");
+                let opacity = child.getAttribute("stop-opacity");
+                let style = child.getAttribute("style");
+                let matches;
+                if (color === null) {
+                    matches = style ? style.match(/stop-color:\s?([#a-fA-F0-9]*)/) : false;
+                    color = matches && matches.length > 1 ? matches[1] : void 0;
+                }
+                if (opacity === null) {
+                    matches = style ? style.match(/stop-opacity:\s?([0-9.-]*)/) : false;
+                    opacity = matches && matches.length > 1 ? parseFloat(matches[1]) : 1;
+                } else {
+                    opacity = parseFloat(opacity);
+                }
+                stops.push(new Stop(offset, color, opacity));
+            }
+            const gradient = new LinearGradient(x1, y1, x2, y2, stops);
+            gradient.spread = spread;
+            gradient.units = units;
+            applySvgAttributes.call(this, node, gradient, parentStyles);
+            return gradient;
+        },
+        radialgradient: function (node, parentStyles) {
+            let units = node.getAttribute("gradientUnits");
+            let spread = node.getAttribute("spreadMethod");
+            if (!units) {
+                units = "objectBoundingBox";
+            }
+            if (!spread) {
+                spread = "pad";
+            }
+            let cx = parseFloat(node.getAttribute("cx")) || 0;
+            let cy = parseFloat(node.getAttribute("cy")) || 0;
+            let r = parseFloat(node.getAttribute("r"));
+            let fx = parseFloat(node.getAttribute("fx"));
+            let fy = parseFloat(node.getAttribute("fy"));
+            if (_.isNaN(fx)) {
+                fx = cx;
+            }
+            if (_.isNaN(fy)) {
+                fy = cy;
+            }
+            const ox = Math.abs(cx + fx) / 2;
+            const oy = Math.abs(cy + fy) / 2;
+            if (/userSpaceOnUse/i.test(units)) {
+                cx -= ox;
+                cy -= oy;
+                fx -= ox;
+                fy -= oy;
+            }
+            const stops = [];
+            for (let i = 0; i < node.children.length; i++) {
+                const child = node.children[i];
+                let offset = child.getAttribute("offset");
+                if (/%/ig.test(offset)) {
+                    offset = parseFloat(offset.replace(/%/ig, "")) / 100;
+                }
+                offset = parseFloat(offset);
+                let color = child.getAttribute("stop-color");
+                let opacity = child.getAttribute("stop-opacity");
+                let style = child.getAttribute("style");
+                let matches;
+                if (color === null) {
+                    matches = style ? style.match(/stop-color:\s?([#a-fA-F0-9]*)/) : false;
+                    color = matches && matches.length > 1 ? matches[1] : void 0;
+                }
+                if (opacity === null) {
+                    matches = style ? style.match(/stop-opacity:\s?([0-9.-]*)/) : false;
+                    opacity = matches && matches.length > 1 ? parseFloat(matches[1]) : 1;
+                } else {
+                    opacity = parseFloat(opacity);
+                }
+                stops.push(new Stop(offset, color, opacity));
+            }
+            const gradient = new RadialGradient(cx, cy, r, stops, fx, fy);
+            gradient.spread = spread;
+            gradient.units = units;
+            applySvgAttributes.call(this, node, gradient, parentStyles);
+            return gradient;
+        },
+        text: function (node, parentStyles) {
+            const alignment = getAlignment(node.getAttribute("text-anchor")) || "left";
+            const baseline = getBaseline(node) || "baseline";
+            const message = node.textContent;
+            const text = new Text(message);
+            applySvgAttributes.call(this, node, text, parentStyles);
+            text.alignment = alignment;
+            text.baseline = baseline;
+            return text;
+        },
+        clippath: function (node, parentStyles) {
+            if (read.defs.current && !read.defs.current.contains(node.id)) {
+                read.defs.current.add(node.id, node);
+            }
+            return null;
+        },
+        image: function (node, parentStyles) {
+            let error;
+            const href = node.getAttribute("href") || node.getAttribute("xlink:href");
+            if (!href) {
+                error = new TwoError("encountered <image /> with no href.");
+                console.warn(error.name, error.message);
+                return null;
+            }
+            const x = parseFloat(node.getAttribute("x")) || 0;
+            const y = parseFloat(node.getAttribute("y")) || 0;
+            const width = parseFloat(node.getAttribute("width"));
+            const height = parseFloat(node.getAttribute("height"));
+            const sprite = new Sprite(href, x, y);
+            if (!_.isNaN(width)) {
+                sprite.width = width;
+            }
+            if (!_.isNaN(height)) {
+                sprite.height = height;
+            }
+            applySvgAttributes.call(this, node, sprite, parentStyles);
+            return sprite;
         }
-      }
-    },
-    group: {
-      appendChild: function(object) {
-        const elem = object._renderer.elem;
-        if (!elem) {
-          return;
-        }
-        const tag = elem.nodeName;
-        if (!tag || /(radial|linear)gradient/i.test(tag) || object._clip) {
-          return;
-        }
-        this.elem.appendChild(elem);
-      },
-      removeChild: function(object) {
-        const elem = object._renderer.elem;
-        if (!elem || elem.parentNode != this.elem) {
-          return;
-        }
-        const tag = elem.nodeName;
-        if (!tag) {
-          return;
-        }
-        if (object._clip) {
-          return;
-        }
-        this.elem.removeChild(elem);
-      },
-      orderChild: function(object) {
-        this.elem.appendChild(object._renderer.elem);
-      },
-      renderChild: function(child) {
-        svg[child._renderer.type].render.call(child, this);
-      },
-      render: function(domElement) {
-        if (!this._visible && !this._flagVisible || this._opacity === 0 && !this._flagOpacity) {
-          return this;
-        }
-        this._update();
-        if (!this._renderer.elem) {
-          this._renderer.elem = svg.createElement("g", {
-            id: this.id
-          });
-          domElement.appendChild(this._renderer.elem);
-        }
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        const context = {
-          domElement,
-          elem: this._renderer.elem
+    };
+
+    // src/utils/xhr.js
+    function xhr(path, callback) {
+        const xhr2 = new XMLHttpRequest();
+        xhr2.open("GET", path);
+        xhr2.onreadystatechange = function () {
+            if (xhr2.readyState === 4 && xhr2.status === 200) {
+                callback(xhr2.responseText);
+            }
         };
-        if (flagMatrix) {
-          this._renderer.elem.setAttribute("transform", "matrix(" + this._matrix.toString() + ")");
-        }
-        for (let i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          svg[child._renderer.type].render.call(child, domElement);
-        }
-        if (this._flagId) {
-          this._renderer.elem.setAttribute("id", this._id);
-        }
-        if (this._flagOpacity) {
-          this._renderer.elem.setAttribute("opacity", this._opacity);
-        }
-        if (this._flagVisible) {
-          this._renderer.elem.setAttribute("display", this._visible ? "inline" : "none");
-        }
-        if (this._flagClassName) {
-          this._renderer.elem.setAttribute("class", this.classList.join(" "));
-        }
-        if (this._flagAdditions) {
-          this.additions.forEach(svg.group.appendChild, context);
-        }
-        if (this._flagSubtractions) {
-          this.subtractions.forEach(svg.group.removeChild, context);
-        }
-        if (this._flagOrder) {
-          this.children.forEach(svg.group.orderChild, context);
-        }
-        if (this._flagMask) {
-          if (this._mask) {
-            svg[this._mask._renderer.type].render.call(this._mask, domElement);
-            this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
-          } else {
-            this._renderer.elem.removeAttribute("clip-path");
-          }
-        }
-        if (this.dataset) {
-          Object.assign(this._renderer.elem.dataset, this.dataset);
-        }
-        return this.flagReset();
-      }
-    },
-    path: {
-      render: function(domElement) {
-        if (this._opacity === 0 && !this._flagOpacity) {
-          return this;
-        }
-        this._update();
-        const changed = {};
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        if (flagMatrix) {
-          changed.transform = "matrix(" + this._matrix.toString() + ")";
-        }
-        if (this._flagId) {
-          changed.id = this._id;
-        }
-        if (this._flagVertices) {
-          const vertices = svg.toString(this._renderer.vertices, this._closed);
-          changed.d = vertices;
-        }
-        if (this._fill && this._fill._renderer) {
-          this._renderer.hasFillEffect = true;
-          this._fill._update();
-          svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
-        }
-        if (this._flagFill) {
-          changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
-          if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
-            domElement.defs._flagUpdate = true;
-            delete this._renderer.hasFillEffect;
-          }
-        }
-        if (this._stroke && this._stroke._renderer) {
-          this._renderer.hasStrokeEffect = true;
-          this._stroke._update();
-          svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
-        }
-        if (this._flagStroke) {
-          changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
-          if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
-            domElement.defs._flagUpdate = true;
-            delete this._renderer.hasStrokeEffect;
-          }
-        }
-        if (this._flagLinewidth) {
-          changed["stroke-width"] = this._linewidth;
-        }
-        if (this._flagOpacity) {
-          changed["stroke-opacity"] = this._opacity;
-          changed["fill-opacity"] = this._opacity;
-        }
-        if (this._flagClassName) {
-          changed["class"] = this.classList.join(" ");
-        }
-        if (this._flagVisible) {
-          changed.visibility = this._visible ? "visible" : "hidden";
-        }
-        if (this._flagCap) {
-          changed["stroke-linecap"] = this._cap;
-        }
-        if (this._flagJoin) {
-          changed["stroke-linejoin"] = this._join;
-        }
-        if (this._flagMiter) {
-          changed["stroke-miterlimit"] = this._miter;
-        }
-        if (this.dashes && this.dashes.length > 0) {
-          changed["stroke-dasharray"] = this.dashes.join(" ");
-          changed["stroke-dashoffset"] = this.dashes.offset || 0;
-        }
-        if (!this._renderer.elem) {
-          changed.id = this._id;
-          this._renderer.elem = svg.createElement("path", changed);
-          domElement.appendChild(this._renderer.elem);
-        } else {
-          svg.setAttributes(this._renderer.elem, changed);
-        }
-        if (this._flagClip) {
-          const clip = svg.getClip(this, domElement);
-          const elem = this._renderer.elem;
-          if (this._clip) {
-            elem.removeAttribute("id");
-            clip.setAttribute("id", this.id);
-            clip.appendChild(elem);
-          } else {
-            clip.removeAttribute("id");
-            elem.setAttribute("id", this.id);
-            this.parent._renderer.elem.appendChild(elem);
-          }
-        }
-        if (this._flagMask) {
-          if (this._mask) {
-            svg[this._mask._renderer.type].render.call(this._mask, domElement);
-            this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
-          } else {
-            this._renderer.elem.removeAttribute("clip-path");
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    points: {
-      render: function(domElement) {
-        if (this._opacity === 0 && !this._flagOpacity) {
-          return this;
-        }
-        this._update();
-        const changed = {};
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        if (flagMatrix) {
-          changed.transform = "matrix(" + this._matrix.toString() + ")";
-        }
-        if (this._flagId) {
-          changed.id = this._id;
-        }
-        if (this._flagVertices || this._flagSize || this._flagSizeAttenuation) {
-          let size = this._size;
-          if (!this._sizeAttenuation) {
-            const me = this.worldMatrix.elements;
-            const m = decomposeMatrix(me[0], me[3], me[1], me[4], me[2], me[5]);
-            size /= Math.max(m.scaleX, m.scaleY);
-          }
-          const vertices = svg.pointsToString(this._renderer.collection, size);
-          changed.d = vertices;
-        }
-        if (this._fill && this._fill._renderer) {
-          this._renderer.hasFillEffect = true;
-          this._fill._update();
-          svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
-        }
-        if (this._flagFill) {
-          changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
-          if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
-            domElement.defs._flagUpdate = true;
-            delete this._renderer.hasFillEffect;
-          }
-        }
-        if (this._stroke && this._stroke._renderer) {
-          this._renderer.hasStrokeEffect = true;
-          this._stroke._update();
-          svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
-        }
-        if (this._flagStroke) {
-          changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
-          if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
-            domElement.defs._flagUpdate = true;
-            delete this._renderer.hasStrokeEffect;
-          }
-        }
-        if (this._flagLinewidth) {
-          changed["stroke-width"] = this._linewidth;
-        }
-        if (this._flagOpacity) {
-          changed["stroke-opacity"] = this._opacity;
-          changed["fill-opacity"] = this._opacity;
-        }
-        if (this._flagClassName) {
-          changed["class"] = this.classList.join(" ");
-        }
-        if (this._flagVisible) {
-          changed.visibility = this._visible ? "visible" : "hidden";
-        }
-        if (this.dashes && this.dashes.length > 0) {
-          changed["stroke-dasharray"] = this.dashes.join(" ");
-          changed["stroke-dashoffset"] = this.dashes.offset || 0;
-        }
-        if (!this._renderer.elem) {
-          changed.id = this._id;
-          this._renderer.elem = svg.createElement("path", changed);
-          domElement.appendChild(this._renderer.elem);
-        } else {
-          svg.setAttributes(this._renderer.elem, changed);
-        }
-        return this.flagReset();
-      }
-    },
-    text: {
-      render: function(domElement) {
-        this._update();
-        const changed = {};
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        if (flagMatrix) {
-          changed.transform = "matrix(" + this._matrix.toString() + ")";
-        }
-        if (this._flagId) {
-          changed.id = this._id;
-        }
-        if (this._flagFamily) {
-          changed["font-family"] = this._family;
-        }
-        if (this._flagSize) {
-          changed["font-size"] = this._size;
-        }
-        if (this._flagLeading) {
-          changed["line-height"] = this._leading;
-        }
-        if (this._flagAlignment) {
-          changed["text-anchor"] = svg.alignments[this._alignment] || this._alignment;
-        }
-        if (this._flagBaseline) {
-          changed["alignment-baseline"] = changed["dominant-baseline"] = this._baseline;
-        }
-        if (this._flagStyle) {
-          changed["font-style"] = this._style;
-        }
-        if (this._flagWeight) {
-          changed["font-weight"] = this._weight;
-        }
-        if (this._flagDecoration) {
-          changed["text-decoration"] = this._decoration;
-        }
-        if (this._fill && this._fill._renderer) {
-          this._renderer.hasFillEffect = true;
-          this._fill._update();
-          svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
-        }
-        if (this._flagFill) {
-          changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
-          if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
-            domElement.defs._flagUpdate = true;
-            delete this._renderer.hasFillEffect;
-          }
-        }
-        if (this._stroke && this._stroke._renderer) {
-          this._renderer.hasStrokeEffect = true;
-          this._stroke._update();
-          svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
-        }
-        if (this._flagStroke) {
-          changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
-          if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
-            domElement.defs._flagUpdate = true;
-            delete this._renderer.hasStrokeEffect;
-          }
-        }
-        if (this._flagLinewidth) {
-          changed["stroke-width"] = this._linewidth;
-        }
-        if (this._flagOpacity) {
-          changed.opacity = this._opacity;
-        }
-        if (this._flagClassName) {
-          changed["class"] = this.classList.join(" ");
-        }
-        if (this._flagVisible) {
-          changed.visibility = this._visible ? "visible" : "hidden";
-        }
-        if (this.dashes && this.dashes.length > 0) {
-          changed["stroke-dasharray"] = this.dashes.join(" ");
-          changed["stroke-dashoffset"] = this.dashes.offset || 0;
-        }
-        if (!this._renderer.elem) {
-          changed.id = this._id;
-          this._renderer.elem = svg.createElement("text", changed);
-          domElement.appendChild(this._renderer.elem);
-        } else {
-          svg.setAttributes(this._renderer.elem, changed);
-        }
-        if (this._flagClip) {
-          const clip = svg.getClip(this, domElement);
-          const elem = this._renderer.elem;
-          if (this._clip) {
-            elem.removeAttribute("id");
-            clip.setAttribute("id", this.id);
-            clip.appendChild(elem);
-          } else {
-            clip.removeAttribute("id");
-            elem.setAttribute("id", this.id);
-            this.parent._renderer.elem.appendChild(elem);
-          }
-        }
-        if (this._flagMask) {
-          if (this._mask) {
-            svg[this._mask._renderer.type].render.call(this._mask, domElement);
-            this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
-          } else {
-            this._renderer.elem.removeAttribute("clip-path");
-          }
-        }
-        if (this._flagValue) {
-          this._renderer.elem.textContent = this._value;
-        }
-        return this.flagReset();
-      }
-    },
-    "linear-gradient": {
-      render: function(domElement, silent) {
-        if (!silent) {
-          this._update();
-        }
-        const changed = {};
-        if (this._flagId) {
-          changed.id = this._id;
-        }
-        if (this._flagEndPoints) {
-          changed.x1 = this.left._x;
-          changed.y1 = this.left._y;
-          changed.x2 = this.right._x;
-          changed.y2 = this.right._y;
-        }
-        if (this._flagSpread) {
-          changed.spreadMethod = this._spread;
-        }
-        if (this._flagUnits) {
-          changed.gradientUnits = this._units;
-        }
-        if (!this._renderer.elem) {
-          changed.id = this._id;
-          this._renderer.elem = svg.createElement("linearGradient", changed);
-        } else {
-          svg.setAttributes(this._renderer.elem, changed);
-        }
-        if (this._renderer.elem.parentNode === null) {
-          domElement.defs.appendChild(this._renderer.elem);
-        }
-        if (this._flagStops) {
-          const lengthChanged = this._renderer.elem.childNodes.length !== this.stops.length;
-          if (lengthChanged) {
-            while (this._renderer.elem.lastChild) {
-              this._renderer.elem.removeChild(this._renderer.elem.lastChild);
-            }
-          }
-          for (let i = 0; i < this.stops.length; i++) {
-            const stop = this.stops[i];
-            const attrs = {};
-            if (stop._flagOffset) {
-              attrs.offset = 100 * stop._offset + "%";
-            }
-            if (stop._flagColor) {
-              attrs["stop-color"] = stop._color;
-            }
-            if (stop._flagOpacity) {
-              attrs["stop-opacity"] = stop._opacity;
-            }
-            if (!stop._renderer.elem) {
-              stop._renderer.elem = svg.createElement("stop", attrs);
-            } else {
-              svg.setAttributes(stop._renderer.elem, attrs);
-            }
-            if (lengthChanged) {
-              this._renderer.elem.appendChild(stop._renderer.elem);
-            }
-            stop.flagReset();
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    "radial-gradient": {
-      render: function(domElement, silent) {
-        if (!silent) {
-          this._update();
-        }
-        const changed = {};
-        if (this._flagId) {
-          changed.id = this._id;
-        }
-        if (this._flagCenter) {
-          changed.cx = this.center._x;
-          changed.cy = this.center._y;
-        }
-        if (this._flagFocal) {
-          changed.fx = this.focal._x;
-          changed.fy = this.focal._y;
-        }
-        if (this._flagRadius) {
-          changed.r = this._radius;
-        }
-        if (this._flagSpread) {
-          changed.spreadMethod = this._spread;
-        }
-        if (this._flagUnits) {
-          changed.gradientUnits = this._units;
-        }
-        if (!this._renderer.elem) {
-          changed.id = this._id;
-          this._renderer.elem = svg.createElement("radialGradient", changed);
-        } else {
-          svg.setAttributes(this._renderer.elem, changed);
-        }
-        if (this._renderer.elem.parentNode === null) {
-          domElement.defs.appendChild(this._renderer.elem);
-        }
-        if (this._flagStops) {
-          const lengthChanged = this._renderer.elem.childNodes.length !== this.stops.length;
-          if (lengthChanged) {
-            while (this._renderer.elem.lastChild) {
-              this._renderer.elem.removeChild(this._renderer.elem.lastChild);
-            }
-          }
-          for (let i = 0; i < this.stops.length; i++) {
-            const stop = this.stops[i];
-            const attrs = {};
-            if (stop._flagOffset) {
-              attrs.offset = 100 * stop._offset + "%";
-            }
-            if (stop._flagColor) {
-              attrs["stop-color"] = stop._color;
-            }
-            if (stop._flagOpacity) {
-              attrs["stop-opacity"] = stop._opacity;
-            }
-            if (!stop._renderer.elem) {
-              stop._renderer.elem = svg.createElement("stop", attrs);
-            } else {
-              svg.setAttributes(stop._renderer.elem, attrs);
-            }
-            if (lengthChanged) {
-              this._renderer.elem.appendChild(stop._renderer.elem);
-            }
-            stop.flagReset();
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    texture: {
-      render: function(domElement, silent) {
-        if (!silent) {
-          this._update();
-        }
-        const changed = {};
-        const styles = { x: 0, y: 0 };
-        const image = this.image;
-        if (this._flagId) {
-          changed.id = this._id;
-        }
-        if (this._flagLoaded && this.loaded) {
-          switch (image.nodeName.toLowerCase()) {
-            case "canvas":
-              styles.href = styles["xlink:href"] = image.toDataURL("image/png");
-              break;
-            case "img":
-            case "image":
-              styles.href = styles["xlink:href"] = this.src;
-              break;
-          }
-        }
-        if (this._flagOffset || this._flagLoaded || this._flagScale) {
-          changed.x = this._offset.x;
-          changed.y = this._offset.y;
-          if (image) {
-            changed.x -= image.width / 2;
-            changed.y -= image.height / 2;
-            if (this._scale instanceof Vector) {
-              changed.x *= this._scale.x;
-              changed.y *= this._scale.y;
-            } else {
-              changed.x *= this._scale;
-              changed.y *= this._scale;
-            }
-          }
-          if (changed.x > 0) {
-            changed.x *= -1;
-          }
-          if (changed.y > 0) {
-            changed.y *= -1;
-          }
-        }
-        if (this._flagScale || this._flagLoaded || this._flagRepeat) {
-          changed.width = 0;
-          changed.height = 0;
-          if (image) {
-            styles.width = changed.width = image.width;
-            styles.height = changed.height = image.height;
-            switch (this._repeat) {
-              case "no-repeat":
-                changed.width += 1;
-                changed.height += 1;
-                break;
-            }
-            if (this._scale instanceof Vector) {
-              changed.width *= this._scale.x;
-              changed.height *= this._scale.y;
-            } else {
-              changed.width *= this._scale;
-              changed.height *= this._scale;
-            }
-          }
-        }
-        if (this._flagScale || this._flagLoaded) {
-          if (!this._renderer.image) {
-            this._renderer.image = svg.createElement("image", styles);
-          } else {
-            svg.setAttributes(this._renderer.image, styles);
-          }
-        }
-        if (!this._renderer.elem) {
-          changed.id = this._id;
-          changed.patternUnits = "userSpaceOnUse";
-          this._renderer.elem = svg.createElement("pattern", changed);
-        } else if (Object.keys(changed).length !== 0) {
-          svg.setAttributes(this._renderer.elem, changed);
-        }
-        if (this._renderer.elem.parentNode === null) {
-          domElement.defs.appendChild(this._renderer.elem);
-        }
-        if (this._renderer.elem && this._renderer.image && !this._renderer.appended) {
-          this._renderer.elem.appendChild(this._renderer.image);
-          this._renderer.appended = true;
-        }
-        return this.flagReset();
-      }
+        xhr2.send();
+        return xhr2;
     }
-  };
-  var Renderer2 = class extends Events {
-    constructor(params) {
-      super();
-      this.domElement = params.domElement || svg.createElement("svg");
-      this.scene = new Group();
-      this.scene.parent = this;
-      this.defs = svg.createElement("defs");
-      this.defs._flagUpdate = false;
-      this.domElement.appendChild(this.defs);
-      this.domElement.defs = this.defs;
-      this.domElement.style.overflow = "hidden";
-    }
-    setSize(width, height) {
-      this.width = width;
-      this.height = height;
-      svg.setAttributes(this.domElement, {
-        width,
-        height
-      });
-      return this.trigger(Events.Types.resize, width, height);
-    }
-    render() {
-      svg.group.render.call(this.scene, this.domElement);
-      svg.defs.update(this.domElement);
-      return this;
-    }
-  };
-  __publicField(Renderer2, "Utils", svg);
 
-  // src/utils/shaders.js
-  var shaders = {
-    create: function(gl, source, type) {
-      const shader = gl.createShader(gl[type]);
-      gl.shaderSource(shader, source);
-      gl.compileShader(shader);
-      const compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
-      if (!compiled) {
-        const error = gl.getShaderInfoLog(shader);
-        gl.deleteShader(shader);
-        throw new TwoError("unable to compile shader " + shader + ": " + error);
-      }
-      return shader;
-    },
-    types: {
-      vertex: "VERTEX_SHADER",
-      fragment: "FRAGMENT_SHADER"
-    },
-    path: {
-      vertex: `
+    // src/effects/image-sequence.js
+    var _ImageSequence = class extends Rectangle {
+        _flagTextures = false;
+        _flagFrameRate = false;
+        _flagIndex = false;
+        _amount = 1;
+        _duration = 0;
+        _index = 0;
+        _startTime = 0;
+        _playing = false;
+        _firstFrame = 0;
+        _lastFrame = 0;
+        _loop = true;
+        _textures = null;
+        _frameRate = 0;
+        _origin = null;
+
+        constructor(paths, ox, oy, frameRate) {
+            super(ox, oy, 0, 0);
+            for (let prop in proto19) {
+                Object.defineProperty(this, prop, proto19[prop]);
+            }
+            this._renderer.flagTextures = FlagTextures.bind(this);
+            this._renderer.bindTextures = BindTextures.bind(this);
+            this._renderer.unbindTextures = UnbindTextures.bind(this);
+            this.noStroke();
+            this.noFill();
+            if (Array.isArray(paths)) {
+                this.textures = paths.map(GenerateTexture.bind(this));
+            } else {
+                this.textures = [GenerateTexture(paths)];
+            }
+            this.origin = new Vector();
+            this._update();
+            if (typeof frameRate === "number") {
+                this.frameRate = frameRate;
+            } else {
+                this.frameRate = _ImageSequence.DefaultFrameRate;
+            }
+            this.index = 0;
+        }
+
+        play(firstFrame, lastFrame, onLastFrame) {
+            this._playing = true;
+            this._firstFrame = 0;
+            this._lastFrame = this.amount - 1;
+            this._startTime = _.performance.now();
+            if (typeof firstFrame === "number") {
+                this._firstFrame = firstFrame;
+            }
+            if (typeof lastFrame === "number") {
+                this._lastFrame = lastFrame;
+            }
+            if (typeof onLastFrame === "function") {
+                this._onLastFrame = onLastFrame;
+            } else {
+                delete this._onLastFrame;
+            }
+            if (this._index !== this._firstFrame) {
+                this._startTime -= 1e3 * Math.abs(this._index - this._firstFrame) / this._frameRate;
+            }
+            return this;
+        }
+
+        pause() {
+            this._playing = false;
+            return this;
+        }
+
+        stop() {
+            this._playing = false;
+            this._index = this._firstFrame;
+            return this;
+        }
+
+        clone(parent) {
+            const clone = new _ImageSequence(
+                this.textures,
+                this.translation.x,
+                this.translation.y,
+                this.frameRate
+            );
+            clone._loop = this._loop;
+            if (this._playing) {
+                clone.play();
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            object.textures = this.textures.map(function (texture) {
+                return texture.toObject();
+            });
+            object.frameRate = this.frameRate;
+            object.index = this.index;
+            object._firstFrame = this._firstFrame;
+            object._lastFrame = this._lastFrame;
+            object._loop = this._loop;
+            return object;
+        }
+
+        _update() {
+            const effect = this._textures;
+            let width, height, elapsed, amount, duration, texture;
+            let index, frames;
+            if (effect) {
+                if (this._flagTextures) {
+                    this._amount = effect.length;
+                }
+                if (this._flagFrameRate) {
+                    this._duration = 1e3 * this._amount / this._frameRate;
+                }
+                if (this._playing && this._frameRate > 0) {
+                    amount = this._amount;
+                    if (_.isNaN(this._lastFrame)) {
+                        this._lastFrame = amount - 1;
+                    }
+                    elapsed = _.performance.now() - this._startTime;
+                    frames = this._lastFrame + 1;
+                    duration = 1e3 * (frames - this._firstFrame) / this._frameRate;
+                    if (this._loop) {
+                        elapsed = elapsed % duration;
+                    } else {
+                        elapsed = Math.min(elapsed, duration);
+                    }
+                    index = lerp(this._firstFrame, frames, elapsed / duration);
+                    index = Math.floor(index);
+                    if (index !== this._index) {
+                        this._index = index;
+                        texture = effect[this._index];
+                        if (texture.loaded) {
+                            width = texture.image.width;
+                            height = texture.image.height;
+                            if (this.width !== width) {
+                                this.width = width;
+                            }
+                            if (this.height !== height) {
+                                this.height = height;
+                            }
+                            this.fill = texture;
+                            if (index >= this._lastFrame - 1 && this._onLastFrame) {
+                                this._onLastFrame();
+                            }
+                        }
+                    }
+                } else if (this._flagIndex || !(this.fill instanceof Texture)) {
+                    texture = effect[this._index];
+                    if (texture.loaded) {
+                        width = texture.image.width;
+                        height = texture.image.height;
+                        if (this.width !== width) {
+                            this.width = width;
+                        }
+                        if (this.height !== height) {
+                            this.height = height;
+                        }
+                    }
+                    this.fill = texture;
+                }
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            this._flagTextures = this._flagFrameRate = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var ImageSequence = _ImageSequence;
+    __publicField(ImageSequence, "Properties", [
+        "textures",
+        "frameRate",
+        "index"
+    ]);
+    __publicField(ImageSequence, "DefaultFrameRate", 30);
+    var proto19 = {
+        frameRate: {
+            enumerable: true,
+            get: function () {
+                return this._frameRate;
+            },
+            set: function (v) {
+                this._frameRate = v;
+                this._flagFrameRate = true;
+            }
+        },
+        index: {
+            enumerable: true,
+            get: function () {
+                return this._index;
+            },
+            set: function (v) {
+                this._index = v;
+                this._flagIndex = true;
+            }
+        },
+        textures: {
+            enumerable: true,
+            get: function () {
+                return this._textures;
+            },
+            set: function (textures) {
+                const bindTextures = this._renderer.bindTextures;
+                const unbindTextures = this._renderer.unbindTextures;
+                if (this._textures) {
+                    this._textures.unbind(Events.Types.insert, bindTextures).unbind(Events.Types.remove, unbindTextures);
+                }
+                this._textures = new Collection((textures || []).slice(0));
+                this._textures.bind(Events.Types.insert, bindTextures).bind(Events.Types.remove, unbindTextures);
+                bindTextures(this._textures);
+            }
+        }
+    };
+
+    function FlagTextures() {
+        this._flagTextures = true;
+    }
+
+    function BindTextures(items) {
+        let i = items.length;
+        while (i--) {
+            items[i].bind(Events.Types.change, this._renderer.flagTextures);
+        }
+        this._renderer.flagTextures();
+    }
+
+    function UnbindTextures(items) {
+        let i = items.length;
+        while (i--) {
+            items[i].unbind(Events.Types.change, this._renderer.flagTextures);
+        }
+        this._renderer.flagTextures();
+    }
+
+    function GenerateTexture(obj) {
+        if (obj instanceof Texture) {
+            return obj;
+        } else if (typeof obj === "string") {
+            return new Texture(obj);
+        }
+    }
+
+    // src/shapes/arc-segment.js
+    var _ArcSegment = class extends Path {
+        _flagStartAngle = false;
+        _flagEndAngle = false;
+        _flagInnerRadius = false;
+        _flagOuterRadius = false;
+        _startAngle = 0;
+        _endAngle = TWO_PI;
+        _innerRadius = 0;
+        _outerRadius = 0;
+
+        constructor(x, y, ir, or, sa, ea, res) {
+            const amount = res || Constants.Resolution * 3;
+            const points = [];
+            for (let i = 0; i < amount; i++) {
+                points.push(new Anchor());
+            }
+            super(points, true, false, true);
+            for (let prop in proto20) {
+                Object.defineProperty(this, prop, proto20[prop]);
+            }
+            if (typeof ir === "number") {
+                this.innerRadius = ir;
+            }
+            if (typeof or === "number") {
+                this.outerRadius = or;
+            }
+            if (typeof sa === "number") {
+                this.startAngle = sa;
+            }
+            if (typeof ea === "number") {
+                this.endAngle = ea;
+            }
+            this._update();
+            if (typeof x === "number") {
+                this.translation.x = x;
+            }
+            if (typeof y === "number") {
+                this.translation.y = y;
+            }
+        }
+
+        _update() {
+            if (this._flagVertices || this._flagStartAngle || this._flagEndAngle || this._flagInnerRadius || this._flagOuterRadius) {
+                const sa = this._startAngle;
+                const ea = this._endAngle;
+                const ir = this._innerRadius;
+                const or = this._outerRadius;
+                const connected = mod(sa, TWO_PI) === mod(ea, TWO_PI);
+                const punctured = ir > 0;
+                const vertices = this.vertices;
+                let length = punctured ? vertices.length / 2 : vertices.length;
+                let command, id = 0;
+                let i, last, pct, v, theta, step, x, y, amp;
+                if (connected) {
+                    length--;
+                } else if (!punctured) {
+                    length -= 2;
+                }
+                for (i = 0, last = length - 1; i < length; i++) {
+                    pct = i / last;
+                    v = vertices[id];
+                    theta = pct * (ea - sa) + sa;
+                    step = (ea - sa) / length;
+                    x = or * Math.cos(theta);
+                    y = or * Math.sin(theta);
+                    switch (i) {
+                        case 0:
+                            command = Commands.move;
+                            break;
+                        default:
+                            command = Commands.curve;
+                    }
+                    v.command = command;
+                    v.x = x;
+                    v.y = y;
+                    v.controls.left.clear();
+                    v.controls.right.clear();
+                    if (v.command === Commands.curve) {
+                        amp = or * step / Math.PI;
+                        v.controls.left.x = amp * Math.cos(theta - HALF_PI);
+                        v.controls.left.y = amp * Math.sin(theta - HALF_PI);
+                        v.controls.right.x = amp * Math.cos(theta + HALF_PI);
+                        v.controls.right.y = amp * Math.sin(theta + HALF_PI);
+                        if (i === 1) {
+                            v.controls.left.multiplyScalar(2);
+                        }
+                        if (i === last) {
+                            v.controls.right.multiplyScalar(2);
+                        }
+                    }
+                    id++;
+                }
+                if (punctured) {
+                    if (connected) {
+                        vertices[id].command = Commands.close;
+                        id++;
+                    } else {
+                        length--;
+                        last = length - 1;
+                    }
+                    for (i = 0; i < length; i++) {
+                        pct = i / last;
+                        v = vertices[id];
+                        theta = (1 - pct) * (ea - sa) + sa;
+                        step = (ea - sa) / length;
+                        x = ir * Math.cos(theta);
+                        y = ir * Math.sin(theta);
+                        command = Commands.curve;
+                        if (i <= 0) {
+                            command = connected ? Commands.move : Commands.line;
+                        }
+                        v.command = command;
+                        v.x = x;
+                        v.y = y;
+                        v.controls.left.clear();
+                        v.controls.right.clear();
+                        if (v.command === Commands.curve) {
+                            amp = ir * step / Math.PI;
+                            v.controls.left.x = amp * Math.cos(theta + HALF_PI);
+                            v.controls.left.y = amp * Math.sin(theta + HALF_PI);
+                            v.controls.right.x = amp * Math.cos(theta - HALF_PI);
+                            v.controls.right.y = amp * Math.sin(theta - HALF_PI);
+                            if (i === 1) {
+                                v.controls.left.multiplyScalar(2);
+                            }
+                            if (i === last) {
+                                v.controls.right.multiplyScalar(2);
+                            }
+                        }
+                        id++;
+                    }
+                    vertices[id].copy(vertices[0]);
+                    vertices[id].command = Commands.line;
+                } else if (!connected) {
+                    vertices[id].command = Commands.line;
+                    vertices[id].x = 0;
+                    vertices[id].y = 0;
+                    id++;
+                    vertices[id].copy(vertices[0]);
+                    vertices[id].command = Commands.line;
+                }
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            super.flagReset.call(this);
+            this._flagStartAngle = this._flagEndAngle = this._flagInnerRadius = this._flagOuterRadius = false;
+            return this;
+        }
+
+        clone(parent) {
+            const ir = this.innerRadius;
+            const or = this.outerRadius;
+            const sa = this.startAngle;
+            const ea = this.endAngle;
+            const resolution = this.vertices.length;
+            const clone = new _ArcSegment(0, 0, ir, or, sa, ea, resolution);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            for (let i = 0; i < Path.Properties.length; i++) {
+                const k = Path.Properties[i];
+                clone[k] = this[k];
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            for (let i = 0; i < _ArcSegment.Properties.length; i++) {
+                const k = _ArcSegment.Properties[i];
+                object[k] = this[k];
+            }
+            return object;
+        }
+    };
+    var ArcSegment = _ArcSegment;
+    __publicField(ArcSegment, "Properties", ["startAngle", "endAngle", "innerRadius", "outerRadius"]);
+    var proto20 = {
+        startAngle: {
+            enumerable: true,
+            get: function () {
+                return this._startAngle;
+            },
+            set: function (v) {
+                this._startAngle = v;
+                this._flagStartAngle = true;
+            }
+        },
+        endAngle: {
+            enumerable: true,
+            get: function () {
+                return this._endAngle;
+            },
+            set: function (v) {
+                this._endAngle = v;
+                this._flagEndAngle = true;
+            }
+        },
+        innerRadius: {
+            enumerable: true,
+            get: function () {
+                return this._innerRadius;
+            },
+            set: function (v) {
+                this._innerRadius = v;
+                this._flagInnerRadius = true;
+            }
+        },
+        outerRadius: {
+            enumerable: true,
+            get: function () {
+                return this._outerRadius;
+            },
+            set: function (v) {
+                this._outerRadius = v;
+                this._flagOuterRadius = true;
+            }
+        }
+    };
+
+    // src/shapes/points.js
+    var ceil2 = Math.ceil;
+    var floor3 = Math.floor;
+    var _Points = class extends Shape {
+        _flagVertices = true;
+        _flagLength = true;
+        _flagFill = true;
+        _flagStroke = true;
+        _flagLinewidth = true;
+        _flagOpacity = true;
+        _flagVisible = true;
+        _flagSize = true;
+        _flagSizeAttenuation = true;
+        _length = 0;
+        _fill = "#fff";
+        _stroke = "#000";
+        _linewidth = 1;
+        _opacity = 1;
+        _visible = true;
+        _size = 1;
+        _sizeAttenuation = false;
+        _beginning = 0;
+        _ending = 1;
+        _dashes = null;
+
+        constructor(vertices) {
+            super();
+            for (let prop in proto21) {
+                Object.defineProperty(this, prop, proto21[prop]);
+            }
+            this._renderer.type = "points";
+            this._renderer.flagVertices = FlagVertices.bind(this);
+            this._renderer.bindVertices = BindVertices.bind(this);
+            this._renderer.unbindVertices = UnbindVertices.bind(this);
+            this._renderer.flagFill = FlagFill.bind(this);
+            this._renderer.flagStroke = FlagStroke.bind(this);
+            this._renderer.vertices = null;
+            this._renderer.collection = null;
+            this.sizeAttenuation = false;
+            this.beginning = 0;
+            this.ending = 1;
+            this.fill = "#fff";
+            this.stroke = "#000";
+            this.className = "";
+            this.visible = true;
+            this.vertices = vertices;
+            this.dashes = [];
+            this.dashes.offset = 0;
+        }
+
+        clone(parent) {
+            const clone = new _Points();
+            for (let j = 0; j < this.vertices.length; j++) {
+                clone.vertices.push(this.vertices[j].clone());
+            }
+            for (let i = 0; i < _Points.Properties.length; i++) {
+                const k = _Points.Properties[i];
+                clone[k] = this[k];
+            }
+            clone.className = this.className;
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone._update();
+        }
+
+        toObject() {
+            const result = {
+                vertices: this.vertices.map(function (v) {
+                    return v.toObject();
+                })
+            };
+            _.each(_Points.Properties, function (k) {
+                result[k] = this[k];
+            }, this);
+            result.className = this.className;
+            result.translation = this.translation.toObject();
+            result.rotation = this.rotation;
+            result.scale = this.scale instanceof Vector ? this.scale.toObject() : this.scale;
+            result.skewX = this.skewX;
+            result.skewY = this.skewY;
+            if (this.matrix.manual) {
+                result.matrix = this.matrix.toObject();
+            }
+            return result;
+        }
+
+        noFill = Path.prototype.noFill;
+        noStroke = Path.prototype.noStroke;
+        corner = Path.prototype.corner;
+        center = Path.prototype.center;
+        getBoundingClientRect = Path.prototype.getBoundingClientRect;
+
+        subdivide(limit) {
+            this._update();
+            let points = [];
+            for (let i = 0; i < this.vertices.length; i++) {
+                const a = this.vertices[i];
+                const b = this.vertices[i - 1];
+                if (!b) {
+                    continue;
+                }
+                const x1 = a.x;
+                const y1 = a.y;
+                const x2 = b.x;
+                const y2 = b.y;
+                const subdivisions = subdivide(x1, y1, x1, y1, x2, y2, x2, y2, limit);
+                points = points.concat(subdivisions);
+            }
+            this.vertices = points;
+            return this;
+        }
+
+        _updateLength = Path.prototype._updateLength;
+
+        _update() {
+            if (this._flagVertices) {
+                if (this._flagLength) {
+                    this._updateLength(void 0, true);
+                }
+                const beginning = Math.min(this._beginning, this._ending);
+                const ending = Math.max(this._beginning, this._ending);
+                const bid = getIdByLength(this, beginning * this._length);
+                const eid = getIdByLength(this, ending * this._length);
+                const low = ceil2(bid);
+                const high = floor3(eid);
+                let j = 0, v;
+                this._renderer.vertices = [];
+                this._renderer.collection = [];
+                for (let i = 0; i < this._collection.length; i++) {
+                    if (i >= low && i <= high) {
+                        v = this._collection[i];
+                        this._renderer.collection.push(v);
+                        this._renderer.vertices[j * 2 + 0] = v.x;
+                        this._renderer.vertices[j * 2 + 1] = v.y;
+                        j++;
+                    }
+                }
+            }
+            super._update.apply(this, arguments);
+            return this;
+        }
+
+        flagReset() {
+            this._flagVertices = this._flagLength = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagSize = this._flagSizeAttenuation = false;
+            super.flagReset.call(this);
+            return this;
+        }
+    };
+    var Points = _Points;
+    __publicField(Points, "Properties", [
+        "fill",
+        "stroke",
+        "linewidth",
+        "opacity",
+        "visible",
+        "size",
+        "sizeAttenuation",
+        "beginning",
+        "ending"
+    ]);
+    var proto21 = {
+        linewidth: {
+            enumerable: true,
+            get: function () {
+                return this._linewidth;
+            },
+            set: function (v) {
+                this._linewidth = v;
+                this._flagLinewidth = true;
+            }
+        },
+        opacity: {
+            enumerable: true,
+            get: function () {
+                return this._opacity;
+            },
+            set: function (v) {
+                this._opacity = v;
+                this._flagOpacity = true;
+            }
+        },
+        visible: {
+            enumerable: true,
+            get: function () {
+                return this._visible;
+            },
+            set: function (v) {
+                this._visible = v;
+                this._flagVisible = true;
+            }
+        },
+        size: {
+            enumerable: true,
+            get: function () {
+                return this._size;
+            },
+            set: function (v) {
+                this._size = v;
+                this._flagSize = true;
+            }
+        },
+        sizeAttenuation: {
+            enumerable: true,
+            get: function () {
+                return this._sizeAttenuation;
+            },
+            set: function (v) {
+                this._sizeAttenuation = v;
+                this._flagSizeAttenuation = true;
+            }
+        },
+        fill: {
+            enumerable: true,
+            get: function () {
+                return this._fill;
+            },
+            set: function (f) {
+                if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+                    this._fill.unbind(Events.Types.change, this._renderer.flagFill);
+                }
+                this._fill = f;
+                this._flagFill = true;
+                if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+                    this._fill.bind(Events.Types.change, this._renderer.flagFill);
+                }
+            }
+        },
+        stroke: {
+            enumerable: true,
+            get: function () {
+                return this._stroke;
+            },
+            set: function (f) {
+                if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+                    this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
+                }
+                this._stroke = f;
+                this._flagStroke = true;
+                if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+                    this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
+                }
+            }
+        },
+        length: {
+            get: function () {
+                if (this._flagLength) {
+                    this._updateLength();
+                }
+                return this._length;
+            }
+        },
+        beginning: {
+            enumerable: true,
+            get: function () {
+                return this._beginning;
+            },
+            set: function (v) {
+                this._beginning = v;
+                this._flagVertices = true;
+            }
+        },
+        ending: {
+            enumerable: true,
+            get: function () {
+                return this._ending;
+            },
+            set: function (v) {
+                this._ending = v;
+                this._flagVertices = true;
+            }
+        },
+        vertices: {
+            enumerable: true,
+            get: function () {
+                return this._collection;
+            },
+            set: function (vertices) {
+                const bindVertices = this._renderer.bindVertices;
+                const unbindVertices = this._renderer.unbindVertices;
+                if (this._collection) {
+                    this._collection.unbind(Events.Types.insert, bindVertices).unbind(Events.Types.remove, unbindVertices);
+                }
+                if (vertices instanceof Collection) {
+                    this._collection = vertices;
+                } else {
+                    this._collection = new Collection(vertices || []);
+                }
+                this._collection.bind(Events.Types.insert, bindVertices).bind(Events.Types.remove, unbindVertices);
+                bindVertices(this._collection);
+            }
+        },
+        dashes: {
+            enumerable: true,
+            get: function () {
+                return this._dashes;
+            },
+            set: function (v) {
+                if (typeof v.offset !== "number") {
+                    v.offset = this.dashes && this._dashes.offset || 0;
+                }
+                this._dashes = v;
+            }
+        }
+    };
+
+    // src/shapes/polygon.js
+    var cos5 = Math.cos;
+    var sin5 = Math.sin;
+    var _Polygon = class extends Path {
+        _flagWidth = false;
+        _flagHeight = false;
+        _flagSides = false;
+        _radius = 0;
+        _width = 0;
+        _height = 0;
+        _sides = 0;
+
+        constructor(x, y, radius, sides) {
+            sides = Math.max(sides || 0, 3);
+            super();
+            for (let prop in proto22) {
+                Object.defineProperty(this, prop, proto22[prop]);
+            }
+            this.closed = true;
+            this.automatic = false;
+            if (typeof radius === "number") {
+                this.radius = radius;
+            }
+            if (typeof sides === "number") {
+                this.sides = sides;
+            }
+            this._update();
+            if (typeof x === "number") {
+                this.translation.x = x;
+            }
+            if (typeof y === "number") {
+                this.translation.y = y;
+            }
+        }
+
+        _update() {
+            if (this._flagVertices || this._flagWidth || this._flagHeight || this._flagSides) {
+                const sides = this._sides;
+                const amount = sides + 1;
+                let length = this.vertices.length;
+                if (length > sides) {
+                    this.vertices.splice(sides - 1, length - sides);
+                    length = sides;
+                }
+                for (let i = 0; i < amount; i++) {
+                    const pct = (i + 0.5) / sides;
+                    const theta = TWO_PI * pct + Math.PI / 2;
+                    const x = this._width * cos5(theta) / 2;
+                    const y = this._height * sin5(theta) / 2;
+                    if (i >= length) {
+                        this.vertices.push(new Anchor(x, y));
+                    } else {
+                        this.vertices[i].set(x, y);
+                    }
+                    this.vertices[i].command = i === 0 ? Commands.move : Commands.line;
+                }
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            this._flagWidth = this._flagHeight = this._flagSides = false;
+            super.flagReset.call(this);
+            return this;
+        }
+
+        clone(parent) {
+            const clone = new _Polygon(0, 0, 0, this.sides);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            clone.width = this.width;
+            clone.height = this.height;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            for (let i = 0; i < Path.Properties.length; i++) {
+                const k = Path.Properties[i];
+                clone[k] = this[k];
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            for (let i = 0; i < _Polygon.Properties.length; i++) {
+                const k = _Polygon.Properties[i];
+                object[k] = this[k];
+            }
+            return object;
+        }
+    };
+    var Polygon = _Polygon;
+    __publicField(Polygon, "Properties", ["width", "height", "sides"]);
+    var proto22 = {
+        radius: {
+            enumerable: true,
+            get: function () {
+                return this._radius;
+            },
+            set: function (v) {
+                this._radius = v;
+                this.width = v * 2;
+                this.height = v * 2;
+            }
+        },
+        width: {
+            enumerable: true,
+            get: function () {
+                return this._width;
+            },
+            set: function (v) {
+                this._width = v;
+                this._flagWidth = true;
+                this._radius = Math.max(this.width, this.height) / 2;
+            }
+        },
+        height: {
+            enumerable: true,
+            get: function () {
+                return this._height;
+            },
+            set: function (v) {
+                this._height = v;
+                this._flagHeight = true;
+                this._radius = Math.max(this.width, this.height) / 2;
+            }
+        },
+        sides: {
+            enumerable: true,
+            get: function () {
+                return this._sides;
+            },
+            set: function (v) {
+                this._sides = v;
+                this._flagSides = true;
+            }
+        }
+    };
+
+    // src/shapes/star.js
+    var cos6 = Math.cos;
+    var sin6 = Math.sin;
+    var _Star = class extends Path {
+        _flagInnerRadius = false;
+        _flagOuterRadius = false;
+        _flagSides = false;
+        _innerRadius = 0;
+        _outerRadius = 0;
+        _sides = 0;
+
+        constructor(x, y, innerRadius, outerRadius, sides) {
+            if (arguments.length <= 3) {
+                outerRadius = innerRadius;
+                innerRadius = outerRadius / 2;
+            }
+            if (typeof sides !== "number" || sides <= 0) {
+                sides = 5;
+            }
+            super();
+            for (let prop in proto23) {
+                Object.defineProperty(this, prop, proto23[prop]);
+            }
+            this.closed = true;
+            this.automatic = false;
+            if (typeof innerRadius === "number") {
+                this.innerRadius = innerRadius;
+            }
+            if (typeof outerRadius === "number") {
+                this.outerRadius = outerRadius;
+            }
+            if (typeof sides === "number") {
+                this.sides = sides;
+            }
+            this._update();
+            if (typeof x === "number") {
+                this.translation.x = x;
+            }
+            if (typeof y === "number") {
+                this.translation.y = y;
+            }
+        }
+
+        _update() {
+            if (this._flagVertices || this._flagInnerRadius || this._flagOuterRadius || this._flagSides) {
+                const sides = this._sides * 2;
+                const amount = sides + 1;
+                let length = this.vertices.length;
+                if (length > sides) {
+                    this.vertices.splice(sides - 1, length - sides);
+                    length = sides;
+                }
+                for (let i = 0; i < amount; i++) {
+                    const pct = (i + 0.5) / sides;
+                    const theta = TWO_PI * pct;
+                    const r = (!(i % 2) ? this._innerRadius : this._outerRadius) / 2;
+                    const x = r * cos6(theta);
+                    const y = r * sin6(theta);
+                    if (i >= length) {
+                        this.vertices.push(new Anchor(x, y));
+                    } else {
+                        this.vertices[i].set(x, y);
+                    }
+                    this.vertices[i].command = i === 0 ? Commands.move : Commands.line;
+                }
+            }
+            super._update.call(this);
+            return this;
+        }
+
+        flagReset() {
+            this._flagInnerRadius = this._flagOuterRadius = this._flagSides = false;
+            super.flagReset.call(this);
+            return this;
+        }
+
+        clone(parent) {
+            const ir = this.innerRadius;
+            const or = this.outerRadius;
+            const sides = this.sides;
+            const clone = new _Star(0, 0, ir, or, sides);
+            clone.translation.copy(this.translation);
+            clone.rotation = this.rotation;
+            clone.scale = this.scale;
+            clone.skewX = this.skewX;
+            clone.skewY = this.skewY;
+            if (this.matrix.manual) {
+                clone.matrix.copy(this.matrix);
+            }
+            for (let i = 0; i < Path.Properties.length; i++) {
+                const k = Path.Properties[i];
+                clone[k] = this[k];
+            }
+            if (parent) {
+                parent.add(clone);
+            }
+            return clone;
+        }
+
+        toObject() {
+            const object = super.toObject.call(this);
+            for (let i = 0; i < _Star.Properties.length; i++) {
+                const k = _Star.Properties[i];
+                object[k] = this[k];
+            }
+            return object;
+        }
+    };
+    var Star = _Star;
+    __publicField(Star, "Properties", ["innerRadius", "outerRadius", "sides"]);
+    var proto23 = {
+        innerRadius: {
+            enumerable: true,
+            get: function () {
+                return this._innerRadius;
+            },
+            set: function (v) {
+                this._innerRadius = v;
+                this._flagInnerRadius = true;
+            }
+        },
+        outerRadius: {
+            enumerable: true,
+            get: function () {
+                return this._outerRadius;
+            },
+            set: function (v) {
+                this._outerRadius = v;
+                this._flagOuterRadius = true;
+            }
+        },
+        sides: {
+            enumerable: true,
+            get: function () {
+                return this._sides;
+            },
+            set: function (v) {
+                this._sides = v;
+                this._flagSides = true;
+            }
+        }
+    };
+
+    // src/renderers/svg.js
+    var svg = {
+        version: 1.1,
+        ns: "http://www.w3.org/2000/svg",
+        xlink: "http://www.w3.org/1999/xlink",
+        alignments: {
+            left: "start",
+            center: "middle",
+            right: "end"
+        },
+        createElement: function (name, attrs) {
+            const tag = name;
+            const elem = document.createElementNS(svg.ns, tag);
+            if (tag === "svg") {
+                attrs = _.defaults(attrs || {}, {
+                    version: svg.version
+                });
+            }
+            if (attrs && Object.keys(attrs).length > 0) {
+                svg.setAttributes(elem, attrs);
+            }
+            return elem;
+        },
+        setAttributes: function (elem, attrs) {
+            const keys = Object.keys(attrs);
+            for (let i = 0; i < keys.length; i++) {
+                if (/href/.test(keys[i])) {
+                    elem.setAttributeNS(svg.xlink, keys[i], attrs[keys[i]]);
+                } else {
+                    elem.setAttribute(keys[i], attrs[keys[i]]);
+                }
+            }
+            return this;
+        },
+        removeAttributes: function (elem, attrs) {
+            for (let key in attrs) {
+                elem.removeAttribute(key);
+            }
+            return this;
+        },
+        toString: function (points, closed2) {
+            let l = points.length, last = l - 1, d, string = "";
+            for (let i = 0; i < l; i++) {
+                const b = points[i];
+                const prev = closed2 ? mod(i - 1, l) : Math.max(i - 1, 0);
+                const a = points[prev];
+                let command, c;
+                let vx, vy, ux, uy, ar, bl, br, cl;
+                let rx, ry, xAxisRotation, largeArcFlag, sweepFlag;
+                let x = toFixed(b.x);
+                let y = toFixed(b.y);
+                switch (b.command) {
+                    case Commands.close:
+                        command = Commands.close;
+                        break;
+                    case Commands.arc:
+                        rx = b.rx;
+                        ry = b.ry;
+                        xAxisRotation = b.xAxisRotation;
+                        largeArcFlag = b.largeArcFlag;
+                        sweepFlag = b.sweepFlag;
+                        command = Commands.arc + " " + rx + " " + ry + " " + xAxisRotation + " " + largeArcFlag + " " + sweepFlag + " " + x + " " + y;
+                        break;
+                    case Commands.curve:
+                        ar = a.controls && a.controls.right || Vector.zero;
+                        bl = b.controls && b.controls.left || Vector.zero;
+                        if (a.relative) {
+                            vx = toFixed(ar.x + a.x);
+                            vy = toFixed(ar.y + a.y);
+                        } else {
+                            vx = toFixed(ar.x);
+                            vy = toFixed(ar.y);
+                        }
+                        if (b.relative) {
+                            ux = toFixed(bl.x + b.x);
+                            uy = toFixed(bl.y + b.y);
+                        } else {
+                            ux = toFixed(bl.x);
+                            uy = toFixed(bl.y);
+                        }
+                        command = (i === 0 ? Commands.move : Commands.curve) + " " + vx + " " + vy + " " + ux + " " + uy + " " + x + " " + y;
+                        break;
+                    case Commands.move:
+                        d = b;
+                        command = Commands.move + " " + x + " " + y;
+                        break;
+                    default:
+                        command = b.command + " " + x + " " + y;
+                }
+                if (i >= last && closed2) {
+                    if (b.command === Commands.curve) {
+                        c = d;
+                        br = b.controls && b.controls.right || b;
+                        cl = c.controls && c.controls.left || c;
+                        if (b.relative) {
+                            vx = toFixed(br.x + b.x);
+                            vy = toFixed(br.y + b.y);
+                        } else {
+                            vx = toFixed(br.x);
+                            vy = toFixed(br.y);
+                        }
+                        if (c.relative) {
+                            ux = toFixed(cl.x + c.x);
+                            uy = toFixed(cl.y + c.y);
+                        } else {
+                            ux = toFixed(cl.x);
+                            uy = toFixed(cl.y);
+                        }
+                        x = toFixed(c.x);
+                        y = toFixed(c.y);
+                        command += " C " + vx + " " + vy + " " + ux + " " + uy + " " + x + " " + y;
+                    }
+                    if (b.command !== Commands.close) {
+                        command += " Z";
+                    }
+                }
+                string += command + " ";
+            }
+            return string;
+        },
+        pointsToString: function (points, size) {
+            let string = "";
+            const r = size * 0.5;
+            for (let i = 0; i < points.length; i++) {
+                const x = points[i].x;
+                const y = points[i].y - r;
+                string += Commands.move + " " + x + " " + y + " ";
+                string += "a " + r + " " + r + " 0 1 0 0.001 0 Z";
+            }
+            return string;
+        },
+        getClip: function (shape, domElement) {
+            let clip = shape._renderer.clip;
+            if (!clip) {
+                clip = shape._renderer.clip = svg.createElement("clipPath", {
+                    "clip-rule": "nonzero"
+                });
+            }
+            if (clip.parentNode === null) {
+                domElement.defs.appendChild(clip);
+            }
+            return clip;
+        },
+        defs: {
+            update: function (domElement) {
+                const {defs} = domElement;
+                if (defs._flagUpdate) {
+                    const children = Array.prototype.slice.call(
+                        defs.children,
+                        0
+                    );
+                    for (let i = 0; i < children.length; i++) {
+                        const child = children[i];
+                        const id = child.id;
+                        const selector = `[fill="url(#${id})"],[stroke="url(#${id})"],[clip-path="url(#${id})"]`;
+                        const exists = domElement.querySelector(selector);
+                        if (!exists) {
+                            defs.removeChild(child);
+                        }
+                    }
+                    defs._flagUpdate = false;
+                }
+            }
+        },
+        group: {
+            appendChild: function (object) {
+                const elem = object._renderer.elem;
+                if (!elem) {
+                    return;
+                }
+                const tag = elem.nodeName;
+                if (!tag || /(radial|linear)gradient/i.test(tag) || object._clip) {
+                    return;
+                }
+                this.elem.appendChild(elem);
+            },
+            removeChild: function (object) {
+                const elem = object._renderer.elem;
+                if (!elem || elem.parentNode != this.elem) {
+                    return;
+                }
+                const tag = elem.nodeName;
+                if (!tag) {
+                    return;
+                }
+                if (object._clip) {
+                    return;
+                }
+                this.elem.removeChild(elem);
+            },
+            orderChild: function (object) {
+                this.elem.appendChild(object._renderer.elem);
+            },
+            renderChild: function (child) {
+                svg[child._renderer.type].render.call(child, this);
+            },
+            render: function (domElement) {
+                if (!this._visible && !this._flagVisible || this._opacity === 0 && !this._flagOpacity) {
+                    return this;
+                }
+                this._update();
+                if (!this._renderer.elem) {
+                    this._renderer.elem = svg.createElement("g", {
+                        id: this.id
+                    });
+                    domElement.appendChild(this._renderer.elem);
+                }
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                const context = {
+                    domElement,
+                    elem: this._renderer.elem
+                };
+                if (flagMatrix) {
+                    this._renderer.elem.setAttribute("transform", "matrix(" + this._matrix.toString() + ")");
+                }
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    svg[child._renderer.type].render.call(child, domElement);
+                }
+                if (this._flagId) {
+                    this._renderer.elem.setAttribute("id", this._id);
+                }
+                if (this._flagOpacity) {
+                    this._renderer.elem.setAttribute("opacity", this._opacity);
+                }
+                if (this._flagVisible) {
+                    this._renderer.elem.setAttribute("display", this._visible ? "inline" : "none");
+                }
+                if (this._flagClassName) {
+                    this._renderer.elem.setAttribute("class", this.classList.join(" "));
+                }
+                if (this._flagAdditions) {
+                    this.additions.forEach(svg.group.appendChild, context);
+                }
+                if (this._flagSubtractions) {
+                    this.subtractions.forEach(svg.group.removeChild, context);
+                }
+                if (this._flagOrder) {
+                    this.children.forEach(svg.group.orderChild, context);
+                }
+                if (this._flagMask) {
+                    if (this._mask) {
+                        svg[this._mask._renderer.type].render.call(this._mask, domElement);
+                        this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
+                    } else {
+                        this._renderer.elem.removeAttribute("clip-path");
+                    }
+                }
+                if (this.dataset) {
+                    Object.assign(this._renderer.elem.dataset, this.dataset);
+                }
+                return this.flagReset();
+            }
+        },
+        path: {
+            render: function (domElement) {
+                if (this._opacity === 0 && !this._flagOpacity) {
+                    return this;
+                }
+                this._update();
+                const changed = {};
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                if (flagMatrix) {
+                    changed.transform = "matrix(" + this._matrix.toString() + ")";
+                }
+                if (this._flagId) {
+                    changed.id = this._id;
+                }
+                if (this._flagVertices) {
+                    const vertices = svg.toString(this._renderer.vertices, this._closed);
+                    changed.d = vertices;
+                }
+                if (this._fill && this._fill._renderer) {
+                    this._renderer.hasFillEffect = true;
+                    this._fill._update();
+                    svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
+                }
+                if (this._flagFill) {
+                    changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
+                    if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
+                        domElement.defs._flagUpdate = true;
+                        delete this._renderer.hasFillEffect;
+                    }
+                }
+                if (this._stroke && this._stroke._renderer) {
+                    this._renderer.hasStrokeEffect = true;
+                    this._stroke._update();
+                    svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
+                }
+                if (this._flagStroke) {
+                    changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
+                    if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
+                        domElement.defs._flagUpdate = true;
+                        delete this._renderer.hasStrokeEffect;
+                    }
+                }
+                if (this._flagLinewidth) {
+                    changed["stroke-width"] = this._linewidth;
+                }
+                if (this._flagOpacity) {
+                    changed["stroke-opacity"] = this._opacity;
+                    changed["fill-opacity"] = this._opacity;
+                }
+                if (this._flagClassName) {
+                    changed["class"] = this.classList.join(" ");
+                }
+                if (this._flagVisible) {
+                    changed.visibility = this._visible ? "visible" : "hidden";
+                }
+                if (this._flagCap) {
+                    changed["stroke-linecap"] = this._cap;
+                }
+                if (this._flagJoin) {
+                    changed["stroke-linejoin"] = this._join;
+                }
+                if (this._flagMiter) {
+                    changed["stroke-miterlimit"] = this._miter;
+                }
+                if (this.dashes && this.dashes.length > 0) {
+                    changed["stroke-dasharray"] = this.dashes.join(" ");
+                    changed["stroke-dashoffset"] = this.dashes.offset || 0;
+                }
+                if (!this._renderer.elem) {
+                    changed.id = this._id;
+                    this._renderer.elem = svg.createElement("path", changed);
+                    domElement.appendChild(this._renderer.elem);
+                } else {
+                    svg.setAttributes(this._renderer.elem, changed);
+                }
+                if (this._flagClip) {
+                    const clip = svg.getClip(this, domElement);
+                    const elem = this._renderer.elem;
+                    if (this._clip) {
+                        elem.removeAttribute("id");
+                        clip.setAttribute("id", this.id);
+                        clip.appendChild(elem);
+                    } else {
+                        clip.removeAttribute("id");
+                        elem.setAttribute("id", this.id);
+                        this.parent._renderer.elem.appendChild(elem);
+                    }
+                }
+                if (this._flagMask) {
+                    if (this._mask) {
+                        svg[this._mask._renderer.type].render.call(this._mask, domElement);
+                        this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
+                    } else {
+                        this._renderer.elem.removeAttribute("clip-path");
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        points: {
+            render: function (domElement) {
+                if (this._opacity === 0 && !this._flagOpacity) {
+                    return this;
+                }
+                this._update();
+                const changed = {};
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                if (flagMatrix) {
+                    changed.transform = "matrix(" + this._matrix.toString() + ")";
+                }
+                if (this._flagId) {
+                    changed.id = this._id;
+                }
+                if (this._flagVertices || this._flagSize || this._flagSizeAttenuation) {
+                    let size = this._size;
+                    if (!this._sizeAttenuation) {
+                        const me = this.worldMatrix.elements;
+                        const m = decomposeMatrix(me[0], me[3], me[1], me[4], me[2], me[5]);
+                        size /= Math.max(m.scaleX, m.scaleY);
+                    }
+                    const vertices = svg.pointsToString(this._renderer.collection, size);
+                    changed.d = vertices;
+                }
+                if (this._fill && this._fill._renderer) {
+                    this._renderer.hasFillEffect = true;
+                    this._fill._update();
+                    svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
+                }
+                if (this._flagFill) {
+                    changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
+                    if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
+                        domElement.defs._flagUpdate = true;
+                        delete this._renderer.hasFillEffect;
+                    }
+                }
+                if (this._stroke && this._stroke._renderer) {
+                    this._renderer.hasStrokeEffect = true;
+                    this._stroke._update();
+                    svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
+                }
+                if (this._flagStroke) {
+                    changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
+                    if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
+                        domElement.defs._flagUpdate = true;
+                        delete this._renderer.hasStrokeEffect;
+                    }
+                }
+                if (this._flagLinewidth) {
+                    changed["stroke-width"] = this._linewidth;
+                }
+                if (this._flagOpacity) {
+                    changed["stroke-opacity"] = this._opacity;
+                    changed["fill-opacity"] = this._opacity;
+                }
+                if (this._flagClassName) {
+                    changed["class"] = this.classList.join(" ");
+                }
+                if (this._flagVisible) {
+                    changed.visibility = this._visible ? "visible" : "hidden";
+                }
+                if (this.dashes && this.dashes.length > 0) {
+                    changed["stroke-dasharray"] = this.dashes.join(" ");
+                    changed["stroke-dashoffset"] = this.dashes.offset || 0;
+                }
+                if (!this._renderer.elem) {
+                    changed.id = this._id;
+                    this._renderer.elem = svg.createElement("path", changed);
+                    domElement.appendChild(this._renderer.elem);
+                } else {
+                    svg.setAttributes(this._renderer.elem, changed);
+                }
+                return this.flagReset();
+            }
+        },
+        text: {
+            render: function (domElement) {
+                this._update();
+                const changed = {};
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                if (flagMatrix) {
+                    changed.transform = "matrix(" + this._matrix.toString() + ")";
+                }
+                if (this._flagId) {
+                    changed.id = this._id;
+                }
+                if (this._flagFamily) {
+                    changed["font-family"] = this._family;
+                }
+                if (this._flagSize) {
+                    changed["font-size"] = this._size;
+                }
+                if (this._flagLeading) {
+                    changed["line-height"] = this._leading;
+                }
+                if (this._flagAlignment) {
+                    changed["text-anchor"] = svg.alignments[this._alignment] || this._alignment;
+                }
+                if (this._flagBaseline) {
+                    changed["alignment-baseline"] = changed["dominant-baseline"] = this._baseline;
+                }
+                if (this._flagStyle) {
+                    changed["font-style"] = this._style;
+                }
+                if (this._flagWeight) {
+                    changed["font-weight"] = this._weight;
+                }
+                if (this._flagDecoration) {
+                    changed["text-decoration"] = this._decoration;
+                }
+                if (this._fill && this._fill._renderer) {
+                    this._renderer.hasFillEffect = true;
+                    this._fill._update();
+                    svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
+                }
+                if (this._flagFill) {
+                    changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
+                    if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
+                        domElement.defs._flagUpdate = true;
+                        delete this._renderer.hasFillEffect;
+                    }
+                }
+                if (this._stroke && this._stroke._renderer) {
+                    this._renderer.hasStrokeEffect = true;
+                    this._stroke._update();
+                    svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
+                }
+                if (this._flagStroke) {
+                    changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
+                    if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
+                        domElement.defs._flagUpdate = true;
+                        delete this._renderer.hasStrokeEffect;
+                    }
+                }
+                if (this._flagLinewidth) {
+                    changed["stroke-width"] = this._linewidth;
+                }
+                if (this._flagOpacity) {
+                    changed.opacity = this._opacity;
+                }
+                if (this._flagClassName) {
+                    changed["class"] = this.classList.join(" ");
+                }
+                if (this._flagVisible) {
+                    changed.visibility = this._visible ? "visible" : "hidden";
+                }
+                if (this.dashes && this.dashes.length > 0) {
+                    changed["stroke-dasharray"] = this.dashes.join(" ");
+                    changed["stroke-dashoffset"] = this.dashes.offset || 0;
+                }
+                if (!this._renderer.elem) {
+                    changed.id = this._id;
+                    this._renderer.elem = svg.createElement("text", changed);
+                    domElement.appendChild(this._renderer.elem);
+                } else {
+                    svg.setAttributes(this._renderer.elem, changed);
+                }
+                if (this._flagClip) {
+                    const clip = svg.getClip(this, domElement);
+                    const elem = this._renderer.elem;
+                    if (this._clip) {
+                        elem.removeAttribute("id");
+                        clip.setAttribute("id", this.id);
+                        clip.appendChild(elem);
+                    } else {
+                        clip.removeAttribute("id");
+                        elem.setAttribute("id", this.id);
+                        this.parent._renderer.elem.appendChild(elem);
+                    }
+                }
+                if (this._flagMask) {
+                    if (this._mask) {
+                        svg[this._mask._renderer.type].render.call(this._mask, domElement);
+                        this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
+                    } else {
+                        this._renderer.elem.removeAttribute("clip-path");
+                    }
+                }
+                if (this._flagValue) {
+                    this._renderer.elem.textContent = this._value;
+                }
+                return this.flagReset();
+            }
+        },
+        "linear-gradient": {
+            render: function (domElement, silent) {
+                if (!silent) {
+                    this._update();
+                }
+                const changed = {};
+                if (this._flagId) {
+                    changed.id = this._id;
+                }
+                if (this._flagEndPoints) {
+                    changed.x1 = this.left._x;
+                    changed.y1 = this.left._y;
+                    changed.x2 = this.right._x;
+                    changed.y2 = this.right._y;
+                }
+                if (this._flagSpread) {
+                    changed.spreadMethod = this._spread;
+                }
+                if (this._flagUnits) {
+                    changed.gradientUnits = this._units;
+                }
+                if (!this._renderer.elem) {
+                    changed.id = this._id;
+                    this._renderer.elem = svg.createElement("linearGradient", changed);
+                } else {
+                    svg.setAttributes(this._renderer.elem, changed);
+                }
+                if (this._renderer.elem.parentNode === null) {
+                    domElement.defs.appendChild(this._renderer.elem);
+                }
+                if (this._flagStops) {
+                    const lengthChanged = this._renderer.elem.childNodes.length !== this.stops.length;
+                    if (lengthChanged) {
+                        while (this._renderer.elem.lastChild) {
+                            this._renderer.elem.removeChild(this._renderer.elem.lastChild);
+                        }
+                    }
+                    for (let i = 0; i < this.stops.length; i++) {
+                        const stop = this.stops[i];
+                        const attrs = {};
+                        if (stop._flagOffset) {
+                            attrs.offset = 100 * stop._offset + "%";
+                        }
+                        if (stop._flagColor) {
+                            attrs["stop-color"] = stop._color;
+                        }
+                        if (stop._flagOpacity) {
+                            attrs["stop-opacity"] = stop._opacity;
+                        }
+                        if (!stop._renderer.elem) {
+                            stop._renderer.elem = svg.createElement("stop", attrs);
+                        } else {
+                            svg.setAttributes(stop._renderer.elem, attrs);
+                        }
+                        if (lengthChanged) {
+                            this._renderer.elem.appendChild(stop._renderer.elem);
+                        }
+                        stop.flagReset();
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        "radial-gradient": {
+            render: function (domElement, silent) {
+                if (!silent) {
+                    this._update();
+                }
+                const changed = {};
+                if (this._flagId) {
+                    changed.id = this._id;
+                }
+                if (this._flagCenter) {
+                    changed.cx = this.center._x;
+                    changed.cy = this.center._y;
+                }
+                if (this._flagFocal) {
+                    changed.fx = this.focal._x;
+                    changed.fy = this.focal._y;
+                }
+                if (this._flagRadius) {
+                    changed.r = this._radius;
+                }
+                if (this._flagSpread) {
+                    changed.spreadMethod = this._spread;
+                }
+                if (this._flagUnits) {
+                    changed.gradientUnits = this._units;
+                }
+                if (!this._renderer.elem) {
+                    changed.id = this._id;
+                    this._renderer.elem = svg.createElement("radialGradient", changed);
+                } else {
+                    svg.setAttributes(this._renderer.elem, changed);
+                }
+                if (this._renderer.elem.parentNode === null) {
+                    domElement.defs.appendChild(this._renderer.elem);
+                }
+                if (this._flagStops) {
+                    const lengthChanged = this._renderer.elem.childNodes.length !== this.stops.length;
+                    if (lengthChanged) {
+                        while (this._renderer.elem.lastChild) {
+                            this._renderer.elem.removeChild(this._renderer.elem.lastChild);
+                        }
+                    }
+                    for (let i = 0; i < this.stops.length; i++) {
+                        const stop = this.stops[i];
+                        const attrs = {};
+                        if (stop._flagOffset) {
+                            attrs.offset = 100 * stop._offset + "%";
+                        }
+                        if (stop._flagColor) {
+                            attrs["stop-color"] = stop._color;
+                        }
+                        if (stop._flagOpacity) {
+                            attrs["stop-opacity"] = stop._opacity;
+                        }
+                        if (!stop._renderer.elem) {
+                            stop._renderer.elem = svg.createElement("stop", attrs);
+                        } else {
+                            svg.setAttributes(stop._renderer.elem, attrs);
+                        }
+                        if (lengthChanged) {
+                            this._renderer.elem.appendChild(stop._renderer.elem);
+                        }
+                        stop.flagReset();
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        texture: {
+            render: function (domElement, silent) {
+                if (!silent) {
+                    this._update();
+                }
+                const changed = {};
+                const styles = {x: 0, y: 0};
+                const image = this.image;
+                if (this._flagId) {
+                    changed.id = this._id;
+                }
+                if (this._flagLoaded && this.loaded) {
+                    switch (image.nodeName.toLowerCase()) {
+                        case "canvas":
+                            styles.href = styles["xlink:href"] = image.toDataURL("image/png");
+                            break;
+                        case "img":
+                        case "image":
+                            styles.href = styles["xlink:href"] = this.src;
+                            break;
+                    }
+                }
+                if (this._flagOffset || this._flagLoaded || this._flagScale) {
+                    changed.x = this._offset.x;
+                    changed.y = this._offset.y;
+                    if (image) {
+                        changed.x -= image.width / 2;
+                        changed.y -= image.height / 2;
+                        if (this._scale instanceof Vector) {
+                            changed.x *= this._scale.x;
+                            changed.y *= this._scale.y;
+                        } else {
+                            changed.x *= this._scale;
+                            changed.y *= this._scale;
+                        }
+                    }
+                    if (changed.x > 0) {
+                        changed.x *= -1;
+                    }
+                    if (changed.y > 0) {
+                        changed.y *= -1;
+                    }
+                }
+                if (this._flagScale || this._flagLoaded || this._flagRepeat) {
+                    changed.width = 0;
+                    changed.height = 0;
+                    if (image) {
+                        styles.width = changed.width = image.width;
+                        styles.height = changed.height = image.height;
+                        switch (this._repeat) {
+                            case "no-repeat":
+                                changed.width += 1;
+                                changed.height += 1;
+                                break;
+                        }
+                        if (this._scale instanceof Vector) {
+                            changed.width *= this._scale.x;
+                            changed.height *= this._scale.y;
+                        } else {
+                            changed.width *= this._scale;
+                            changed.height *= this._scale;
+                        }
+                    }
+                }
+                if (this._flagScale || this._flagLoaded) {
+                    if (!this._renderer.image) {
+                        this._renderer.image = svg.createElement("image", styles);
+                    } else {
+                        svg.setAttributes(this._renderer.image, styles);
+                    }
+                }
+                if (!this._renderer.elem) {
+                    changed.id = this._id;
+                    changed.patternUnits = "userSpaceOnUse";
+                    this._renderer.elem = svg.createElement("pattern", changed);
+                } else if (Object.keys(changed).length !== 0) {
+                    svg.setAttributes(this._renderer.elem, changed);
+                }
+                if (this._renderer.elem.parentNode === null) {
+                    domElement.defs.appendChild(this._renderer.elem);
+                }
+                if (this._renderer.elem && this._renderer.image && !this._renderer.appended) {
+                    this._renderer.elem.appendChild(this._renderer.image);
+                    this._renderer.appended = true;
+                }
+                return this.flagReset();
+            }
+        }
+    };
+    var Renderer2 = class extends Events {
+        constructor(params) {
+            super();
+            this.domElement = params.domElement || svg.createElement("svg");
+            this.scene = new Group();
+            this.scene.parent = this;
+            this.defs = svg.createElement("defs");
+            this.defs._flagUpdate = false;
+            this.domElement.appendChild(this.defs);
+            this.domElement.defs = this.defs;
+            this.domElement.style.overflow = "hidden";
+        }
+
+        setSize(width, height) {
+            this.width = width;
+            this.height = height;
+            svg.setAttributes(this.domElement, {
+                width,
+                height
+            });
+            return this.trigger(Events.Types.resize, width, height);
+        }
+
+        render() {
+            svg.group.render.call(this.scene, this.domElement);
+            svg.defs.update(this.domElement);
+            return this;
+        }
+    };
+    __publicField(Renderer2, "Utils", svg);
+
+    // src/utils/shaders.js
+    var shaders = {
+        create: function (gl, source, type) {
+            const shader = gl.createShader(gl[type]);
+            gl.shaderSource(shader, source);
+            gl.compileShader(shader);
+            const compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
+            if (!compiled) {
+                const error = gl.getShaderInfoLog(shader);
+                gl.deleteShader(shader);
+                throw new TwoError("unable to compile shader " + shader + ": " + error);
+            }
+            return shader;
+        },
+        types: {
+            vertex: "VERTEX_SHADER",
+            fragment: "FRAGMENT_SHADER"
+        },
+        path: {
+            vertex: `
       precision mediump float;
       attribute vec2 a_position;
 
@@ -8957,7 +9297,7 @@ var Two = (() => {
         v_textureCoords = a_position;
       }
     `,
-      fragment: `
+            fragment: `
       precision mediump float;
 
       uniform sampler2D u_image;
@@ -8971,9 +9311,9 @@ var Two = (() => {
         gl_FragColor = texel;
       }
     `
-    },
-    points: {
-      vertex: `
+        },
+        points: {
+            vertex: `
       precision mediump float;
       attribute vec2 a_position;
 
@@ -8993,7 +9333,7 @@ var Two = (() => {
         v_textureCoords = a_position;
       }
     `,
-      fragment: `
+            fragment: `
       precision mediump float;
 
       uniform sampler2D u_image;
@@ -9006,1670 +9346,1784 @@ var Two = (() => {
         gl_FragColor = texel;
       }
     `
-    }
-  };
-
-  // src/renderers/webgl.js
-  var multiplyMatrix = Matrix2.Multiply;
-  var identity = [1, 0, 0, 0, 1, 0, 0, 0, 1];
-  var transformation = new NumArray(9);
-  var CanvasUtils = Renderer.Utils;
-  var quad = new NumArray([
-    0,
-    0,
-    1,
-    0,
-    0,
-    1,
-    0,
-    1,
-    1,
-    0,
-    1,
-    1
-  ]);
-  var webgl = {
-    precision: 0.9,
-    isHidden: /(undefined|none|transparent)/i,
-    canvas: root.document ? root.document.createElement("canvas") : { getContext: function() {
-    } },
-    alignments: {
-      left: "start",
-      middle: "center",
-      right: "end"
-    },
-    matrix: new Matrix2(),
-    group: {
-      removeChild: function(child, gl) {
-        if (child.children) {
-          for (let i = 0; i < child.children.length; i++) {
-            webgl.group.removeChild(child.children[i], gl);
-          }
         }
-        if (child._renderer.texture) {
-          gl.deleteTexture(child._renderer.texture);
-          delete child._renderer.texture;
-        }
-        if (child._renderer.positionBuffer) {
-          gl.deleteBuffer(child._renderer.positionBuffer);
-          delete child._renderer.positionBuffer;
-        }
-      },
-      render: function(gl, programs) {
-        if (!this._visible) {
-          return;
-        }
-        this._update();
-        const parent = this.parent;
-        const flagParentMatrix = parent._matrix && parent._matrix.manual || parent._flagMatrix;
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        if (flagParentMatrix || flagMatrix) {
-          if (!this._renderer.matrix) {
-            this._renderer.matrix = new NumArray(9);
-          }
-          this._matrix.toTransformArray(true, transformation);
-          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
-          if (!(this._renderer.scale instanceof Vector)) {
-            this._renderer.scale = new Vector();
-          }
-          if (this._scale instanceof Vector) {
-            this._renderer.scale.x = this._scale.x;
-            this._renderer.scale.y = this._scale.y;
-          } else {
-            this._renderer.scale.x = this._scale;
-            this._renderer.scale.y = this._scale;
-          }
-          if (!/renderer/i.test(parent._renderer.type)) {
-            this._renderer.scale.x *= parent._renderer.scale.x;
-            this._renderer.scale.y *= parent._renderer.scale.y;
-          }
-          if (flagParentMatrix) {
-            this._flagMatrix = true;
-          }
-        }
-        if (this._mask) {
-          gl.clear(gl.STENCIL_BUFFER_BIT);
-          gl.enable(gl.STENCIL_TEST);
-          gl.stencilFunc(gl.ALWAYS, 1, 0);
-          gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
-          gl.colorMask(false, false, false, false);
-          webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
-          gl.stencilFunc(gl.EQUAL, 1, 255);
-          gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
-          gl.colorMask(true, true, true, true);
-        }
-        this._flagOpacity = parent._flagOpacity || this._flagOpacity;
-        this._renderer.opacity = this._opacity * (parent && parent._renderer ? parent._renderer.opacity : 1);
-        let i;
-        if (this._flagSubtractions) {
-          for (i = 0; i < this.subtractions.length; i++) {
-            webgl.group.removeChild(this.subtractions[i], gl);
-          }
-        }
-        for (i = 0; i < this.children.length; i++) {
-          const child = this.children[i];
-          webgl[child._renderer.type].render.call(child, gl, programs);
-        }
-        if (this._mask) {
-          gl.disable(gl.STENCIL_TEST);
-        }
-        return this.flagReset();
-      }
-    },
-    path: {
-      updateCanvas: function(elem) {
-        let prev, a, c, ux, uy, vx, vy, ar, bl, br, cl, x, y;
-        let isOffset;
-        const commands = elem._renderer.vertices;
-        const canvas3 = this.canvas;
-        const ctx = this.ctx;
-        const scale = elem._renderer.scale;
-        const stroke = elem._stroke;
-        const linewidth = elem._linewidth;
-        const fill = elem._fill;
-        const opacity = elem._renderer.opacity || elem._opacity;
-        const cap = elem._cap;
-        const join = elem._join;
-        const miter = elem._miter;
-        const closed2 = elem._closed;
-        const dashes = elem.dashes;
-        const length = commands.length;
-        const last = length - 1;
-        canvas3.width = Math.max(Math.ceil(elem._renderer.rect.width * scale.x), 1);
-        canvas3.height = Math.max(Math.ceil(elem._renderer.rect.height * scale.y), 1);
-        const centroid = elem._renderer.rect.centroid;
-        const cx = centroid.x;
-        const cy = centroid.y;
-        ctx.clearRect(0, 0, canvas3.width, canvas3.height);
-        if (fill) {
-          if (typeof fill === "string") {
-            ctx.fillStyle = fill;
-          } else {
-            webgl[fill._renderer.type].render.call(fill, ctx, elem);
-            ctx.fillStyle = fill._renderer.effect;
-          }
-        }
-        if (stroke) {
-          if (typeof stroke === "string") {
-            ctx.strokeStyle = stroke;
-          } else {
-            webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
-            ctx.strokeStyle = stroke._renderer.effect;
-          }
-          if (linewidth) {
-            ctx.lineWidth = linewidth;
-          }
-          if (miter) {
-            ctx.miterLimit = miter;
-          }
-          if (join) {
-            ctx.lineJoin = join;
-          }
-          if (!closed2 && cap) {
-            ctx.lineCap = cap;
-          }
-        }
-        if (typeof opacity === "number") {
-          ctx.globalAlpha = opacity;
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.lineDashOffset = dashes.offset || 0;
-          ctx.setLineDash(dashes);
-        }
-        let d, rx, ry, xAxisRotation, largeArcFlag, sweepFlag, ax, ay;
-        ctx.save();
-        ctx.scale(scale.x, scale.y);
-        ctx.translate(cx, cy);
-        ctx.beginPath();
-        for (let i = 0; i < commands.length; i++) {
-          const b = commands[i];
-          x = b.x;
-          y = b.y;
-          switch (b.command) {
-            case Commands.close:
-              ctx.closePath();
-              break;
-            case Commands.arc:
-              rx = b.rx;
-              ry = b.ry;
-              xAxisRotation = b.xAxisRotation;
-              largeArcFlag = b.largeArcFlag;
-              sweepFlag = b.sweepFlag;
-              prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
-              a = commands[prev];
-              ax = a.x;
-              ay = a.y;
-              CanvasUtils.renderSvgArcCommand(ctx, ax, ay, rx, ry, largeArcFlag, sweepFlag, xAxisRotation, x, y);
-              break;
-            case Commands.curve:
-              prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
-              a = commands[prev];
-              ar = a.controls && a.controls.right || Vector.zero;
-              bl = b.controls && b.controls.left || Vector.zero;
-              if (a._relative) {
-                vx = ar.x + a.x;
-                vy = ar.y + a.y;
-              } else {
-                vx = ar.x;
-                vy = ar.y;
-              }
-              if (b._relative) {
-                ux = bl.x + b.x;
-                uy = bl.y + b.y;
-              } else {
-                ux = bl.x;
-                uy = bl.y;
-              }
-              ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
-              if (i >= last && closed2) {
-                c = d;
-                br = b.controls && b.controls.right || Vector.zero;
-                cl = c.controls && c.controls.left || Vector.zero;
-                if (b._relative) {
-                  vx = br.x + b.x;
-                  vy = br.y + b.y;
-                } else {
-                  vx = br.x;
-                  vy = br.y;
-                }
-                if (c._relative) {
-                  ux = cl.x + c.x;
-                  uy = cl.y + c.y;
-                } else {
-                  ux = cl.x;
-                  uy = cl.y;
-                }
-                x = c.x;
-                y = c.y;
-                ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
-              }
-              break;
-            case Commands.line:
-              ctx.lineTo(x, y);
-              break;
-            case Commands.move:
-              d = b;
-              ctx.moveTo(x, y);
-              break;
-          }
-        }
-        if (closed2) {
-          ctx.closePath();
-        }
-        if (!webgl.isHidden.test(fill)) {
-          isOffset = fill._renderer && fill._renderer.offset;
-          if (isOffset) {
-            ctx.save();
-            ctx.translate(
-              -fill._renderer.offset.x,
-              -fill._renderer.offset.y
-            );
-            ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
-          }
-          ctx.fill();
-          if (isOffset) {
-            ctx.restore();
-          }
-        }
-        if (!webgl.isHidden.test(stroke)) {
-          isOffset = stroke._renderer && stroke._renderer.offset;
-          if (isOffset) {
-            ctx.save();
-            ctx.translate(
-              -stroke._renderer.offset.x,
-              -stroke._renderer.offset.y
-            );
-            ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
-            ctx.lineWidth = linewidth / stroke._renderer.scale.x;
-          }
-          ctx.stroke();
-          if (isOffset) {
-            ctx.restore();
-          }
-        }
-        ctx.restore();
-      },
-      getBoundingClientRect: function(vertices, border, rect) {
-        let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity, width, height;
-        vertices.forEach(function(v) {
-          const x = v.x, y = v.y, controls = v.controls;
-          let a, b, c, d, cl, cr;
-          top = Math.min(y, top);
-          left = Math.min(x, left);
-          right = Math.max(x, right);
-          bottom = Math.max(y, bottom);
-          if (!v.controls) {
-            return;
-          }
-          cl = controls.left;
-          cr = controls.right;
-          if (!cl || !cr) {
-            return;
-          }
-          a = v._relative ? cl.x + x : cl.x;
-          b = v._relative ? cl.y + y : cl.y;
-          c = v._relative ? cr.x + x : cr.x;
-          d = v._relative ? cr.y + y : cr.y;
-          if (!a || !b || !c || !d) {
-            return;
-          }
-          top = Math.min(b, d, top);
-          left = Math.min(a, c, left);
-          right = Math.max(a, c, right);
-          bottom = Math.max(b, d, bottom);
-        });
-        if (typeof border === "number") {
-          top -= border;
-          left -= border;
-          right += border;
-          bottom += border;
-        }
-        width = right - left;
-        height = bottom - top;
-        rect.top = top;
-        rect.left = left;
-        rect.right = right;
-        rect.bottom = bottom;
-        rect.width = width;
-        rect.height = height;
-        if (!rect.centroid) {
-          rect.centroid = {};
-        }
-        rect.centroid.x = -left;
-        rect.centroid.y = -top;
-      },
-      render: function(gl, programs, forcedParent) {
-        if (!this._visible || !this._opacity) {
-          return this;
-        }
-        this._update();
-        const parent = forcedParent || this.parent;
-        const program = programs[this._renderer.type];
-        const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        const parentChanged = this._renderer.parent !== parent;
-        const flagTexture = this._flagVertices || this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagCap || this._flagJoin || this._flagMiter || this._flagScale || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
-        if (flagParentMatrix || flagMatrix || parentChanged) {
-          if (!this._renderer.matrix) {
-            this._renderer.matrix = new NumArray(9);
-          }
-          this._matrix.toTransformArray(true, transformation);
-          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
-          if (!(this._renderer.scale instanceof Vector)) {
-            this._renderer.scale = new Vector();
-          }
-          if (this._scale instanceof Vector) {
-            this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
-            this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
-          } else {
-            this._renderer.scale.x = this._scale * parent._renderer.scale.x;
-            this._renderer.scale.y = this._scale * parent._renderer.scale.y;
-          }
-          if (parentChanged) {
-            this._renderer.parent = parent;
-          }
-        }
-        if (this._mask) {
-          gl.clear(gl.STENCIL_BUFFER_BIT);
-          gl.enable(gl.STENCIL_TEST);
-          gl.stencilFunc(gl.ALWAYS, 1, 0);
-          gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
-          gl.colorMask(false, false, false, false);
-          webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
-          gl.stencilFunc(gl.EQUAL, 1, 255);
-          gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
-          gl.colorMask(true, true, true, true);
-        }
-        if (flagTexture) {
-          if (!this._renderer.rect) {
-            this._renderer.rect = {};
-          }
-          this._renderer.opacity = this._opacity * parent._renderer.opacity;
-          webgl.path.getBoundingClientRect(
-            this._renderer.vertices,
-            this._linewidth,
-            this._renderer.rect
-          );
-          webgl.updateTexture.call(webgl, gl, this);
-        } else {
-          if (this._fill && this._fill._update) {
-            this._fill._update();
-          }
-          if (this._stroke && this._stroke._update) {
-            this._stroke._update();
-          }
-        }
-        if (this._clip && !forcedParent || !this._renderer.texture) {
-          return this;
-        }
-        if (programs.current !== program) {
-          gl.useProgram(program);
-          gl.bindBuffer(gl.ARRAY_BUFFER, programs.buffers.position);
-          gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
-          gl.enableVertexAttribArray(program.position);
-          gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
-          if (!programs.resolution.flagged) {
-            gl.uniform2f(
-              gl.getUniformLocation(program, "u_resolution"),
-              programs.resolution.width,
-              programs.resolution.height
-            );
-          }
-          programs.current = program;
-        }
-        if (programs.resolution.flagged) {
-          gl.uniform2f(
-            gl.getUniformLocation(program, "u_resolution"),
-            programs.resolution.width,
-            programs.resolution.height
-          );
-        }
-        gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
-        const rect = this._renderer.rect;
-        gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
-        gl.uniform4f(program.rect, rect.left, rect.top, rect.right, rect.bottom);
-        gl.drawArrays(gl.TRIANGLES, 0, 6);
-        if (this._mask) {
-          gl.disable(gl.STENCIL_TEST);
-        }
-        return this.flagReset();
-      }
-    },
-    points: {
-      updateCanvas: function(elem) {
-        let isOffset;
-        const canvas3 = this.canvas;
-        const ctx = this.ctx;
-        const stroke = elem._stroke;
-        const linewidth = elem._linewidth;
-        const fill = elem._fill;
-        const opacity = elem._renderer.opacity || elem._opacity;
-        const dashes = elem.dashes;
-        const size = elem._size;
-        let dimension = size;
-        if (!webgl.isHidden.test(stroke)) {
-          dimension += linewidth;
-        }
-        canvas3.width = getPoT(dimension);
-        canvas3.height = canvas3.width;
-        const aspect = dimension / canvas3.width;
-        const cx = canvas3.width / 2;
-        const cy = canvas3.height / 2;
-        ctx.clearRect(0, 0, canvas3.width, canvas3.height);
-        if (fill) {
-          if (typeof fill === "string") {
-            ctx.fillStyle = fill;
-          } else {
-            webgl[fill._renderer.type].render.call(fill, ctx, elem);
-            ctx.fillStyle = fill._renderer.effect;
-          }
-        }
-        if (stroke) {
-          if (typeof stroke === "string") {
-            ctx.strokeStyle = stroke;
-          } else {
-            webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
-            ctx.strokeStyle = stroke._renderer.effect;
-          }
-          if (linewidth) {
-            ctx.lineWidth = linewidth / aspect;
-          }
-        }
-        if (typeof opacity === "number") {
-          ctx.globalAlpha = opacity;
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.lineDashOffset = dashes.offset || 0;
-          ctx.setLineDash(dashes);
-        }
-        ctx.save();
-        ctx.translate(cx, cy);
-        ctx.scale(webgl.precision, webgl.precision);
-        ctx.beginPath();
-        ctx.arc(0, 0, size / aspect * 0.5, 0, TWO_PI);
-        ctx.restore();
-        if (closed) {
-          ctx.closePath();
-        }
-        if (!webgl.isHidden.test(fill)) {
-          isOffset = fill._renderer && fill._renderer.offset;
-          if (isOffset) {
-            ctx.save();
-            ctx.translate(
-              -fill._renderer.offset.x,
-              -fill._renderer.offset.y
-            );
-            ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
-          }
-          ctx.fill();
-          if (isOffset) {
-            ctx.restore();
-          }
-        }
-        if (!webgl.isHidden.test(stroke)) {
-          isOffset = stroke._renderer && stroke._renderer.offset;
-          if (isOffset) {
-            ctx.save();
-            ctx.translate(
-              -stroke._renderer.offset.x,
-              -stroke._renderer.offset.y
-            );
-            ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
-            ctx.lineWidth = linewidth / stroke._renderer.scale.x;
-          }
-          ctx.stroke();
-          if (isOffset) {
-            ctx.restore();
-          }
-        }
-      },
-      render: function(gl, programs, forcedParent) {
-        if (!this._visible || !this._opacity) {
-          return this;
-        }
-        this._update();
-        let size = this._size;
-        const parent = forcedParent || this.parent;
-        const program = programs[this._renderer.type];
-        const sizeAttenuation = this._sizeAttenuation;
-        const stroke = this._stroke;
-        const linewidth = this._linewidth;
-        const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        const parentChanged = this._renderer.parent !== parent;
-        const commands = this._renderer.vertices;
-        const length = this._renderer.collection.length;
-        const flagVertices = this._flagVertices;
-        const flagTexture = this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagScale || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
-        if (flagParentMatrix || flagMatrix || parentChanged) {
-          if (!this._renderer.matrix) {
-            this._renderer.matrix = new NumArray(9);
-          }
-          this._matrix.toTransformArray(true, transformation);
-          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
-          if (!(this._renderer.scale instanceof Vector)) {
-            this._renderer.scale = new Vector();
-          }
-          if (this._scale instanceof Vector) {
-            this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
-            this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
-          } else {
-            this._renderer.scale.x = this._scale * parent._renderer.scale.x;
-            this._renderer.scale.y = this._scale * parent._renderer.scale.y;
-          }
-          if (parentChanged) {
-            this._renderer.parent = parent;
-          }
-        }
-        if (flagVertices) {
-          const positionBuffer = this._renderer.positionBuffer;
-          if (positionBuffer) {
-            gl.deleteBuffer(positionBuffer);
-          }
-          this._renderer.positionBuffer = gl.createBuffer();
-          gl.bindBuffer(gl.ARRAY_BUFFER, this._renderer.positionBuffer);
-          gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
-          gl.enableVertexAttribArray(program.position);
-          gl.bufferData(gl.ARRAY_BUFFER, commands, gl.STATIC_DRAW);
-        }
-        if (flagTexture) {
-          this._renderer.opacity = this._opacity * parent._renderer.opacity;
-          webgl.updateTexture.call(webgl, gl, this);
-        } else {
-          if (this._fill && this._fill._update) {
-            this._fill._update();
-          }
-          if (this._stroke && this._stroke._update) {
-            this._stroke._update();
-          }
-        }
-        if (this._clip && !forcedParent || !this._renderer.texture) {
-          return this;
-        }
-        if (!webgl.isHidden.test(stroke)) {
-          size += linewidth;
-        }
-        size /= webgl.precision;
-        if (sizeAttenuation) {
-          size *= Math.max(this._renderer.scale.x, this._renderer.scale.y);
-        }
-        if (programs.current !== program) {
-          gl.useProgram(program);
-          if (!programs.resolution.flagged) {
-            gl.uniform2f(
-              gl.getUniformLocation(program, "u_resolution"),
-              programs.resolution.width,
-              programs.resolution.height
-            );
-          }
-          programs.current = program;
-        }
-        if (programs.resolution.flagged) {
-          gl.uniform2f(
-            gl.getUniformLocation(program, "u_resolution"),
-            programs.resolution.width,
-            programs.resolution.height
-          );
-        }
-        gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
-        gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
-        gl.uniform1f(program.size, size * programs.resolution.ratio);
-        gl.drawArrays(gl.POINTS, 0, length);
-        return this.flagReset();
-      }
-    },
-    text: {
-      updateCanvas: function(elem) {
-        const canvas3 = this.canvas;
-        const ctx = this.ctx;
-        const scale = elem._renderer.scale;
-        const stroke = elem._stroke;
-        const linewidth = elem._linewidth * scale;
-        const fill = elem._fill;
-        const opacity = elem._renderer.opacity || elem._opacity;
-        const dashes = elem.dashes;
-        const decoration = elem._decoration;
-        canvas3.width = Math.max(Math.ceil(elem._renderer.rect.width * scale.x), 1);
-        canvas3.height = Math.max(Math.ceil(elem._renderer.rect.height * scale.y), 1);
-        const centroid = elem._renderer.rect.centroid;
-        const cx = centroid.x;
-        const cy = centroid.y;
-        let a, b, c, d, e, sx, sy, x1, y1, x2, y2;
-        const isOffset = fill._renderer && fill._renderer.offset && stroke._renderer && stroke._renderer.offset;
-        ctx.clearRect(0, 0, canvas3.width, canvas3.height);
-        if (!isOffset) {
-          ctx.font = [elem._style, elem._weight, elem._size + "px/" + elem._leading + "px", elem._family].join(" ");
-        }
-        ctx.textAlign = "center";
-        ctx.textBaseline = "middle";
-        if (fill) {
-          if (typeof fill === "string") {
-            ctx.fillStyle = fill;
-          } else {
-            webgl[fill._renderer.type].render.call(fill, ctx, elem);
-            ctx.fillStyle = fill._renderer.effect;
-          }
-        }
-        if (stroke) {
-          if (typeof stroke === "string") {
-            ctx.strokeStyle = stroke;
-          } else {
-            webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
-            ctx.strokeStyle = stroke._renderer.effect;
-          }
-          if (linewidth) {
-            ctx.lineWidth = linewidth;
-          }
-        }
-        if (typeof opacity === "number") {
-          ctx.globalAlpha = opacity;
-        }
-        if (dashes && dashes.length > 0) {
-          ctx.lineDashOffset = dashes.offset || 0;
-          ctx.setLineDash(dashes);
-        }
-        ctx.save();
-        ctx.scale(scale.x, scale.y);
-        ctx.translate(cx, cy);
-        if (!webgl.isHidden.test(fill)) {
-          if (fill._renderer && fill._renderer.offset) {
-            sx = fill._renderer.scale.x;
-            sy = fill._renderer.scale.y;
-            ctx.save();
-            ctx.translate(
-              -fill._renderer.offset.x,
-              -fill._renderer.offset.y
-            );
-            ctx.scale(sx, sy);
-            a = elem._size / fill._renderer.scale.y;
-            b = elem._leading / fill._renderer.scale.y;
-            ctx.font = [
-              elem._style,
-              elem._weight,
-              a + "px/",
-              b + "px",
-              elem._family
-            ].join(" ");
-            c = fill._renderer.offset.x / fill._renderer.scale.x;
-            d = fill._renderer.offset.y / fill._renderer.scale.y;
-            ctx.fillText(elem.value, c, d);
-            ctx.restore();
-          } else {
-            ctx.fillText(elem.value, 0, 0);
-          }
-        }
-        if (!webgl.isHidden.test(stroke)) {
-          if (stroke._renderer && stroke._renderer.offset) {
-            sx = stroke._renderer.scale.x;
-            sy = stroke._renderer.scale.y;
-            ctx.save();
-            ctx.translate(
-              -stroke._renderer.offset.x,
-              -stroke._renderer.offset.y
-            );
-            ctx.scale(sx, sy);
-            a = elem._size / stroke._renderer.scale.y;
-            b = elem._leading / stroke._renderer.scale.y;
-            ctx.font = [
-              elem._style,
-              elem._weight,
-              a + "px/",
-              b + "px",
-              elem._family
-            ].join(" ");
-            c = stroke._renderer.offset.x / stroke._renderer.scale.x;
-            d = stroke._renderer.offset.y / stroke._renderer.scale.y;
-            e = linewidth / stroke._renderer.scale.x;
-            ctx.lineWidth = e;
-            ctx.strokeText(elem.value, c, d);
-            ctx.restore();
-          } else {
-            ctx.strokeText(elem.value, 0, 0);
-          }
-        }
-        if (/(underline|strikethrough)/i.test(decoration)) {
-          const metrics = ctx.measureText(elem.value);
-          switch (decoration) {
-            case "underline":
-              y1 = metrics.actualBoundingBoxAscent;
-              y2 = metrics.actualBoundingBoxAscent;
-              break;
-            case "strikethrough":
-              y1 = 0;
-              y2 = 0;
-              break;
-          }
-          x1 = -metrics.width / 2;
-          x2 = metrics.width / 2;
-          ctx.lineWidth = Math.max(Math.floor(elem._size / 15), 1);
-          ctx.strokeStyle = ctx.fillStyle;
-          ctx.beginPath();
-          ctx.moveTo(x1, y1);
-          ctx.lineTo(x2, y2);
-          ctx.stroke();
-        }
-        ctx.restore();
-      },
-      getBoundingClientRect: function(elem, rect) {
-        const ctx = webgl.ctx;
-        ctx.font = [elem._style, elem._weight, elem._size + "px/" + elem._leading + "px", elem._family].join(" ");
-        ctx.textAlign = "center";
-        ctx.textBaseline = elem._baseline;
-        let width = ctx.measureText(elem._value).width * 1.25;
-        let height = Math.max(elem._size, elem._leading) * 1.25;
-        if (this._linewidth && !webgl.isHidden.test(this._stroke)) {
-          width += this._linewidth * 2;
-          height += this._linewidth * 2;
-        }
-        const w = width / 2;
-        const h = height / 2;
-        switch (webgl.alignments[elem._alignment] || elem._alignment) {
-          case webgl.alignments.left:
-            rect.left = 0;
-            rect.right = width;
-            break;
-          case webgl.alignments.right:
-            rect.left = -width;
-            rect.right = 0;
-            break;
-          default:
-            rect.left = -w;
-            rect.right = w;
-        }
-        switch (elem._baseline) {
-          case "bottom":
-            rect.top = -height;
-            rect.bottom = 0;
-            break;
-          case "top":
-            rect.top = 0;
-            rect.bottom = height;
-            break;
-          default:
-            rect.top = -h;
-            rect.bottom = h;
-        }
-        rect.width = width;
-        rect.height = height;
-        if (!rect.centroid) {
-          rect.centroid = {};
-        }
-        rect.centroid.x = w;
-        rect.centroid.y = h;
-      },
-      render: function(gl, programs, forcedParent) {
-        if (!this._visible || !this._opacity) {
-          return this;
-        }
-        this._update();
-        const parent = forcedParent || this.parent;
-        const program = programs[this._renderer.type];
-        const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
-        const flagMatrix = this._matrix.manual || this._flagMatrix;
-        const parentChanged = this._renderer.parent !== parent;
-        const flagTexture = this._flagVertices || this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagScale || this._flagValue || this._flagFamily || this._flagSize || this._flagLeading || this._flagAlignment || this._flagBaseline || this._flagStyle || this._flagWeight || this._flagDecoration || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
-        if (flagParentMatrix || flagMatrix || parentChanged) {
-          if (!this._renderer.matrix) {
-            this._renderer.matrix = new NumArray(9);
-          }
-          this._matrix.toTransformArray(true, transformation);
-          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
-          if (!(this._renderer.scale instanceof Vector)) {
-            this._renderer.scale = new Vector();
-          }
-          if (this._scale instanceof Vector) {
-            this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
-            this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
-          } else {
-            this._renderer.scale.x = this._scale * parent._renderer.scale.x;
-            this._renderer.scale.y = this._scale * parent._renderer.scale.y;
-          }
-          if (parentChanged) {
-            this._renderer.parent = parent;
-          }
-        }
-        if (this._mask) {
-          gl.clear(gl.STENCIL_BUFFER_BIT);
-          gl.enable(gl.STENCIL_TEST);
-          gl.stencilFunc(gl.ALWAYS, 1, 0);
-          gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
-          gl.colorMask(false, false, false, false);
-          webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
-          gl.stencilFunc(gl.EQUAL, 1, 255);
-          gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
-          gl.colorMask(true, true, true, true);
-        }
-        if (flagTexture) {
-          if (!this._renderer.rect) {
-            this._renderer.rect = {};
-          }
-          this._renderer.opacity = this._opacity * parent._renderer.opacity;
-          webgl.text.getBoundingClientRect(this, this._renderer.rect);
-          webgl.updateTexture.call(webgl, gl, this);
-        } else {
-          if (this._fill && this._fill._update) {
-            this._fill._update();
-          }
-          if (this._stroke && this._stroke._update) {
-            this._stroke._update();
-          }
-        }
-        if (this._clip && !forcedParent || !this._renderer.texture) {
-          return this;
-        }
-        if (programs.current !== program) {
-          gl.useProgram(program);
-          gl.bindBuffer(gl.ARRAY_BUFFER, programs.buffers.position);
-          gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
-          gl.enableVertexAttribArray(program.position);
-          gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
-          if (!programs.resolution.flagged) {
-            gl.uniform2f(
-              gl.getUniformLocation(program, "u_resolution"),
-              programs.resolution.width,
-              programs.resolution.height
-            );
-          }
-          programs.current = program;
-        }
-        if (programs.resolution.flagged) {
-          gl.uniform2f(
-            gl.getUniformLocation(program, "u_resolution"),
-            programs.resolution.width,
-            programs.resolution.height
-          );
-        }
-        gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
-        const rect = this._renderer.rect;
-        gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
-        gl.uniform4f(program.rect, rect.left, rect.top, rect.right, rect.bottom);
-        gl.drawArrays(gl.TRIANGLES, 0, 6);
-        if (this._mask) {
-          gl.disable(gl.STENCIL_TEST);
-        }
-        return this.flagReset();
-      }
-    },
-    "linear-gradient": {
-      render: function(ctx, parent) {
-        if (!ctx.canvas.getContext("2d") || !parent) {
-          return;
-        }
-        this._update();
-        if (!this._renderer.effect || this._flagEndPoints || this._flagStops || this._flagUnits) {
-          let rect;
-          let lx = this.left._x;
-          let ly = this.left._y;
-          let rx = this.right._x;
-          let ry = this.right._y;
-          if (/objectBoundingBox/i.test(this._units)) {
-            rect = parent.getBoundingClientRect(true);
-            lx = (lx - 0.5) * rect.width;
-            ly = (ly - 0.5) * rect.height;
-            rx = (rx - 0.5) * rect.width;
-            ry = (ry - 0.5) * rect.height;
-          }
-          this._renderer.effect = ctx.createLinearGradient(lx, ly, rx, ry);
-          for (let i = 0; i < this.stops.length; i++) {
-            const stop = this.stops[i];
-            this._renderer.effect.addColorStop(stop._offset, stop._color);
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    "radial-gradient": {
-      render: function(ctx, parent) {
-        if (!ctx.canvas.getContext("2d") || !parent) {
-          return;
-        }
-        this._update();
-        if (!this._renderer.effect || this._flagCenter || this._flagFocal || this._flagRadius || this._flagStops || this._flagUnits) {
-          let rect;
-          let cx = this.center._x;
-          let cy = this.center._y;
-          let fx = this.focal._x;
-          let fy = this.focal._y;
-          let radius = this._radius;
-          if (/objectBoundingBox/i.test(this._units)) {
-            rect = parent.getBoundingClientRect(true);
-            cx = cx * rect.width * 0.5;
-            cy = cy * rect.height * 0.5;
-            fx = fx * rect.width * 0.5;
-            fy = fy * rect.height * 0.5;
-            radius *= Math.min(rect.width, rect.height) * 0.5;
-          }
-          this._renderer.effect = ctx.createRadialGradient(
-            cx,
-            cy,
-            0,
-            fx,
-            fy,
-            radius
-          );
-          for (let i = 0; i < this.stops.length; i++) {
-            const stop = this.stops[i];
-            this._renderer.effect.addColorStop(stop._offset, stop._color);
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    texture: {
-      render: function(ctx, elem) {
-        if (!ctx.canvas.getContext("2d")) {
-          return;
-        }
-        this._update();
-        const image = this.image;
-        if ((this._flagLoaded || this._flagImage || this._flagVideo || this._flagRepeat) && this.loaded) {
-          this._renderer.effect = ctx.createPattern(image, this._repeat);
-        } else if (!this._renderer.effect) {
-          return this.flagReset();
-        }
-        if (this._flagOffset || this._flagLoaded || this._flagScale) {
-          if (!(this._renderer.offset instanceof Vector)) {
-            this._renderer.offset = new Vector();
-          }
-          this._renderer.offset.x = -this._offset.x;
-          this._renderer.offset.y = -this._offset.y;
-          if (image) {
-            this._renderer.offset.x += image.width / 2;
-            this._renderer.offset.y += image.height / 2;
-            if (this._scale instanceof Vector) {
-              this._renderer.offset.x *= this._scale.x;
-              this._renderer.offset.y *= this._scale.y;
-            } else {
-              this._renderer.offset.x *= this._scale;
-              this._renderer.offset.y *= this._scale;
-            }
-          }
-        }
-        if (this._flagScale || this._flagLoaded) {
-          if (!(this._renderer.scale instanceof Vector)) {
-            this._renderer.scale = new Vector();
-          }
-          if (this._scale instanceof Vector) {
-            this._renderer.scale.copy(this._scale);
-          } else {
-            this._renderer.scale.set(this._scale, this._scale);
-          }
-        }
-        return this.flagReset();
-      }
-    },
-    updateTexture: function(gl, elem) {
-      this[elem._renderer.type].updateCanvas.call(webgl, elem);
-      if (this.canvas.width <= 0 || this.canvas.height <= 0) {
-        if (elem._renderer.texture) {
-          gl.deleteTexture(elem._renderer.texture);
-        }
-        delete elem._renderer.texture;
-        return;
-      }
-      if (!elem._renderer.texture) {
-        elem._renderer.texture = gl.createTexture();
-      }
-      gl.bindTexture(gl.TEXTURE_2D, elem._renderer.texture);
-      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.canvas);
-    },
-    program: {
-      create: function(gl, shaders2) {
-        let program, linked, error;
-        program = gl.createProgram();
-        _.each(shaders2, function(s) {
-          gl.attachShader(program, s);
-        });
-        gl.linkProgram(program);
-        linked = gl.getProgramParameter(program, gl.LINK_STATUS);
-        if (!linked) {
-          error = gl.getProgramInfoLog(program);
-          gl.deleteProgram(program);
-          throw new TwoError("unable to link program: " + error);
-        }
-        return program;
-      }
-    },
-    TextureRegistry: new Registry()
-  };
-  webgl.ctx = webgl.canvas.getContext("2d");
-  var Renderer3 = class extends Events {
-    constructor(params) {
-      super();
-      let gl, program, vs, fs;
-      this.domElement = params.domElement || document.createElement("canvas");
-      if (typeof params.offscreenElement !== "undefined") {
-        webgl.canvas = params.offscreenElement;
-        webgl.ctx = webgl.canvas.getContext("2d");
-      }
-      this.scene = new Group();
-      this.scene.parent = this;
-      this._renderer = {
-        type: "renderer",
-        matrix: new NumArray(identity),
-        scale: 1,
-        opacity: 1
-      };
-      this._flagMatrix = true;
-      params = _.defaults(params || {}, {
-        antialias: false,
-        alpha: true,
-        premultipliedAlpha: true,
-        stencil: true,
-        preserveDrawingBuffer: true,
-        overdraw: false
-      });
-      this.overdraw = params.overdraw;
-      gl = this.ctx = this.domElement.getContext("webgl", params) || this.domElement.getContext("experimental-webgl", params);
-      if (!this.ctx) {
-        throw new TwoError(
-          "unable to create a webgl context. Try using another renderer."
-        );
-      }
-      vs = shaders.create(gl, shaders.path.vertex, shaders.types.vertex);
-      fs = shaders.create(gl, shaders.path.fragment, shaders.types.fragment);
-      this.programs = {
-        current: null,
-        buffers: {
-          position: gl.createBuffer()
-        },
-        resolution: {
-          width: 0,
-          height: 0,
-          ratio: 1,
-          flagged: false
-        }
-      };
-      program = this.programs.path = webgl.program.create(gl, [vs, fs]);
-      this.programs.text = this.programs.path;
-      program.position = gl.getAttribLocation(program, "a_position");
-      program.matrix = gl.getUniformLocation(program, "u_matrix");
-      program.rect = gl.getUniformLocation(program, "u_rect");
-      const positionBuffer = gl.createBuffer();
-      gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
-      gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
-      gl.enableVertexAttribArray(program.position);
-      gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
-      vs = shaders.create(gl, shaders.points.vertex, shaders.types.vertex);
-      fs = shaders.create(gl, shaders.points.fragment, shaders.types.fragment);
-      program = this.programs.points = webgl.program.create(gl, [vs, fs]);
-      program.position = gl.getAttribLocation(program, "a_position");
-      program.matrix = gl.getUniformLocation(program, "u_matrix");
-      program.size = gl.getUniformLocation(program, "u_size");
-      gl.enable(gl.BLEND);
-      gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
-      gl.blendEquation(gl.FUNC_ADD);
-      gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-    }
-    setSize(width, height, ratio) {
-      let w, h;
-      const ctx = this.ctx;
-      this.width = width;
-      this.height = height;
-      this.ratio = typeof ratio === "undefined" ? getRatio(ctx) : ratio;
-      this.domElement.width = width * this.ratio;
-      this.domElement.height = height * this.ratio;
-      if (_.isObject(this.domElement.style)) {
-        _.extend(this.domElement.style, {
-          width: width + "px",
-          height: height + "px"
-        });
-      }
-      this._renderer.matrix[0] = this._renderer.matrix[4] = this._renderer.scale = this.ratio;
-      this._flagMatrix = true;
-      w = width * this.ratio;
-      h = height * this.ratio;
-      ctx.viewport(0, 0, w, h);
-      this.programs.resolution.width = w;
-      this.programs.resolution.height = h;
-      this.programs.resolution.ratio = this.ratio;
-      this.programs.resolution.flagged = true;
-      return this.trigger(Events.Types.resize, width, height, ratio);
-    }
-    render() {
-      const gl = this.ctx;
-      if (!this.overdraw) {
-        gl.clear(gl.COLOR_BUFFER_BIT);
-      }
-      webgl.group.render.call(this.scene, gl, this.programs);
-      this._flagMatrix = false;
-      this.programs.resolution.flagged = true;
-      return this;
-    }
-  };
-  __publicField(Renderer3, "Utils", webgl);
-
-  // src/two.js
-  var Utils = _.extend({
-    Error: TwoError,
-    getRatio,
-    read,
-    xhr
-  }, _, CanvasShim, curves_exports, math_exports);
-  var _Two = class {
-    _events = new Events();
-    get _bound() {
-      return this._events._bound;
-    }
-    set _bound(v) {
-      this._events._bound = v;
-    }
-    addEventListener() {
-      return this._events.addEventListener.apply(this, arguments);
-    }
-    on() {
-      return this._events.addEventListener.apply(this, arguments);
-    }
-    bind() {
-      return this._events.addEventListener.apply(this, arguments);
-    }
-    removeEventListener() {
-      return this._events.removeEventListener.apply(this, arguments);
-    }
-    off() {
-      return this._events.removeEventListener.apply(this, arguments);
-    }
-    unbind() {
-      return this._events.removeEventListener.apply(this, arguments);
-    }
-    dispatchEvent() {
-      return this._events.dispatchEvent.apply(this, arguments);
-    }
-    trigger() {
-      return this._events.dispatchEvent.apply(this, arguments);
-    }
-    listen() {
-      return this._events.listen.apply(this, arguments);
-    }
-    ignore() {
-      return this._events.ignore.apply(this, arguments);
-    }
-    type = "";
-    renderer = null;
-    scene = null;
-    width = 0;
-    height = 0;
-    frameCount = 0;
-    timeDelta = 0;
-    playing = false;
-    constructor(options) {
-      const params = _.defaults(options || {}, {
-        fullscreen: false,
-        fitted: false,
-        width: 640,
-        height: 480,
-        type: _Two.Types.svg,
-        autostart: false
-      });
-      _.each(params, function(v, k) {
-        if (/fullscreen/i.test(k) || /autostart/i.test(k)) {
-          return;
-        }
-        this[k] = v;
-      }, this);
-      if (_.isElement(params.domElement)) {
-        const tagName = params.domElement.tagName.toLowerCase();
-        if (!/^(CanvasRenderer-canvas|WebGLRenderer-canvas|SVGRenderer-svg)$/.test(this.type + "-" + tagName)) {
-          this.type = _Two.Types[tagName];
-        }
-      }
-      this.renderer = new _Two[this.type](this);
-      this.setPlaying(params.autostart);
-      this.frameCount = 0;
-      if (params.fullscreen) {
-        this.fit = fitToWindow.bind(this);
-        this.fit.domElement = window;
-        this.fit.attached = true;
-        _.extend(document.body.style, {
-          overflow: "hidden",
-          margin: 0,
-          padding: 0,
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          position: "fixed"
-        });
-        _.extend(this.renderer.domElement.style, {
-          display: "block",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          position: "fixed"
-        });
-        dom.bind(this.fit.domElement, "resize", this.fit);
-        this.fit();
-      } else if (params.fitted) {
-        this.fit = fitToParent.bind(this);
-        _.extend(this.renderer.domElement.style, {
-          display: "block"
-        });
-      } else if (!_.isElement(params.domElement)) {
-        this.renderer.setSize(params.width, params.height, this.ratio);
-        this.width = params.width;
-        this.height = params.height;
-      }
-      this.renderer.bind(Events.Types.resize, updateDimensions.bind(this));
-      this.scene = this.renderer.scene;
-      _Two.Instances.push(this);
-      if (params.autostart) {
-        raf.init();
-      }
-    }
-    appendTo(elem) {
-      elem.appendChild(this.renderer.domElement);
-      if (this.fit) {
-        if (this.fit.domElement !== window) {
-          this.fit.domElement = elem;
-          this.fit.attached = false;
-        }
-        this.update();
-      }
-      return this;
-    }
-    play() {
-      this.playing = true;
-      raf.init();
-      return this.trigger(Events.Types.play);
-    }
-    pause() {
-      this.playing = false;
-      return this.trigger(Events.Types.pause);
-    }
-    setPlaying(p) {
-      this.playing = p;
-    }
-    release(obj) {
-      let i, v, child;
-      if (!_.isObject(obj)) {
-        return this.release(this.scene);
-      }
-      if (typeof obj.unbind === "function") {
-        obj.unbind();
-      }
-      if (obj.vertices) {
-        if (typeof obj.vertices.unbind === "function") {
-          obj.vertices.unbind();
-        }
-        for (i = 0; i < obj.vertices.length; i++) {
-          v = obj.vertices[i];
-          if (typeof v.unbind === "function") {
-            v.unbind();
-          }
-          if (v.controls) {
-            if (v.controls.left && typeof v.controls.left.unbind === "function") {
-              v.controls.left.unbind();
-            }
-            if (v.controls.right && typeof v.controls.right.unbind === "function") {
-              v.controls.right.unbind();
-            }
-          }
-        }
-      }
-      if (obj.children) {
-        for (i = 0; i < obj.children.length; i++) {
-          child = obj.children[i];
-          this.release(child);
-        }
-        if (typeof obj.children.unbind === "function") {
-          obj.children.unbind();
-        }
-      }
-      return obj;
-    }
-    update() {
-      const animated = !!this._lastFrame;
-      const now = _.performance.now();
-      if (animated) {
-        this.timeDelta = parseFloat((now - this._lastFrame).toFixed(3));
-      }
-      this._lastFrame = now;
-      if (this.fit && this.fit.domElement && !this.fit.attached) {
-        dom.bind(this.fit.domElement, "resize", this.fit);
-        this.fit.attached = true;
-        this.fit();
-      }
-      const width = this.width;
-      const height = this.height;
-      const renderer = this.renderer;
-      if (width !== renderer.width || height !== renderer.height) {
-        renderer.setSize(width, height, this.ratio);
-      }
-      this.trigger(Events.Types.update, this.frameCount, this.timeDelta);
-      return this.render();
-    }
-    render() {
-      this.renderer.render();
-      return this.trigger(Events.Types.render, this.frameCount++);
-    }
-    add(objects) {
-      if (!(objects instanceof Array)) {
-        objects = Array.prototype.slice.call(arguments);
-      }
-      this.scene.add(objects);
-      return this;
-    }
-    remove(objects) {
-      if (!(objects instanceof Array)) {
-        objects = Array.prototype.slice.call(arguments);
-      }
-      this.scene.remove(objects);
-      return this;
-    }
-    clear() {
-      this.scene.remove(this.scene.children);
-      return this;
-    }
-    makeLine(x1, y1, x2, y2) {
-      const line = new Line(x1, y1, x2, y2);
-      this.scene.add(line);
-      return line;
-    }
-    makeArrow(x1, y1, x2, y2, size) {
-      const headlen = typeof size === "number" ? size : 10;
-      const angle = Math.atan2(y2 - y1, x2 - x1);
-      const vertices = [
-        new Anchor(x1, y1, void 0, void 0, void 0, void 0, Commands.move),
-        new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.line),
-        new Anchor(
-          x2 - headlen * Math.cos(angle - Math.PI / 4),
-          y2 - headlen * Math.sin(angle - Math.PI / 4),
-          void 0,
-          void 0,
-          void 0,
-          void 0,
-          Commands.line
-        ),
-        new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.move),
-        new Anchor(
-          x2 - headlen * Math.cos(angle + Math.PI / 4),
-          y2 - headlen * Math.sin(angle + Math.PI / 4),
-          void 0,
-          void 0,
-          void 0,
-          void 0,
-          Commands.line
-        )
-      ];
-      const path = new Path(vertices, false, false, true);
-      path.noFill();
-      path.cap = "round";
-      path.join = "round";
-      this.scene.add(path);
-      return path;
-    }
-    makeRectangle(x, y, width, height) {
-      const rect = new Rectangle(x, y, width, height);
-      this.scene.add(rect);
-      return rect;
-    }
-    makeRoundedRectangle(x, y, width, height, sides) {
-      const rect = new RoundedRectangle(x, y, width, height, sides);
-      this.scene.add(rect);
-      return rect;
-    }
-    makeCircle(x, y, radius, resolution) {
-      const circle = new Circle(x, y, radius, resolution);
-      this.scene.add(circle);
-      return circle;
-    }
-    makeEllipse(x, y, rx, ry, resolution) {
-      const ellipse = new Ellipse(x, y, rx, ry, resolution);
-      this.scene.add(ellipse);
-      return ellipse;
-    }
-    makeStar(x, y, outerRadius, innerRadius, sides) {
-      const star = new Star(x, y, outerRadius, innerRadius, sides);
-      this.scene.add(star);
-      return star;
-    }
-    makeCurve(points) {
-      const l = arguments.length;
-      if (!Array.isArray(points)) {
-        points = [];
-        for (let i = 0; i < l; i += 2) {
-          const x = arguments[i];
-          if (typeof x !== "number") {
-            break;
-          }
-          const y = arguments[i + 1];
-          points.push(new Anchor(x, y));
-        }
-      }
-      const last = arguments[l - 1];
-      const curve = new Path(points, !(typeof last === "boolean" ? last : void 0), true);
-      const rect = curve.getBoundingClientRect();
-      curve.center().translation.set(rect.left + rect.width / 2, rect.top + rect.height / 2);
-      this.scene.add(curve);
-      return curve;
-    }
-    makePolygon(x, y, radius, sides) {
-      const poly = new Polygon(x, y, radius, sides);
-      this.scene.add(poly);
-      return poly;
-    }
-    makeArcSegment(x, y, innerRadius, outerRadius, startAngle, endAngle, resolution) {
-      const arcSegment = new ArcSegment(
-        x,
-        y,
-        innerRadius,
-        outerRadius,
-        startAngle,
-        endAngle,
-        resolution
-      );
-      this.scene.add(arcSegment);
-      return arcSegment;
-    }
-    makePoints(p) {
-      const l = arguments.length;
-      let vertices = p;
-      if (!Array.isArray(p)) {
-        vertices = [];
-        for (let i = 0; i < l; i += 2) {
-          const x = arguments[i];
-          if (typeof x !== "number") {
-            break;
-          }
-          const y = arguments[i + 1];
-          vertices.push(new Vector(x, y));
-        }
-      }
-      const points = new Points(vertices);
-      this.scene.add(points);
-      return points;
-    }
-    makePath(p) {
-      const l = arguments.length;
-      let points = p;
-      if (!Array.isArray(p)) {
-        points = [];
-        for (let i = 0; i < l; i += 2) {
-          const x = arguments[i];
-          if (typeof x !== "number") {
-            break;
-          }
-          const y = arguments[i + 1];
-          points.push(new Anchor(x, y));
-        }
-      }
-      const last = arguments[l - 1];
-      const path = new Path(points, !(typeof last === "boolean" ? last : void 0));
-      const rect = path.getBoundingClientRect();
-      if (typeof rect.top === "number" && typeof rect.left === "number" && typeof rect.right === "number" && typeof rect.bottom === "number") {
-        path.center().translation.set(rect.left + rect.width / 2, rect.top + rect.height / 2);
-      }
-      this.scene.add(path);
-      return path;
-    }
-    makeText(message, x, y, styles) {
-      const text = new Text(message, x, y, styles);
-      this.add(text);
-      return text;
-    }
-    makeLinearGradient(x1, y1, x2, y2) {
-      const stops = Array.prototype.slice.call(arguments, 4);
-      const gradient = new LinearGradient(x1, y1, x2, y2, stops);
-      this.add(gradient);
-      return gradient;
-    }
-    makeRadialGradient(x1, y1, radius) {
-      const stops = Array.prototype.slice.call(arguments, 3);
-      const gradient = new RadialGradient(x1, y1, radius, stops);
-      this.add(gradient);
-      return gradient;
-    }
-    makeSprite(pathOrTexture, x, y, columns, rows, frameRate, autostart) {
-      const sprite = new Sprite(pathOrTexture, x, y, columns, rows, frameRate);
-      if (autostart) {
-        sprite.play();
-      }
-      this.add(sprite);
-      return sprite;
-    }
-    makeImageSequence(pathsOrTextures, x, y, frameRate, autostart) {
-      const imageSequence = new ImageSequence(pathsOrTextures, x, y, frameRate);
-      if (autostart) {
-        imageSequence.play();
-      }
-      this.add(imageSequence);
-      return imageSequence;
-    }
-    makeTexture(pathOrSource, callback) {
-      const texture = new Texture(pathOrSource, callback);
-      return texture;
-    }
-    makeGroup(objects) {
-      if (!(objects instanceof Array)) {
-        objects = Array.prototype.slice.call(arguments);
-      }
-      const group = new Group();
-      this.scene.add(group);
-      group.add(objects);
-      return group;
-    }
-    interpret(svg2, shallow, add) {
-      const tag = svg2.tagName.toLowerCase();
-      add = typeof add !== "undefined" ? add : true;
-      if (!(tag in read)) {
-        return null;
-      }
-      const node = read[tag].call(this, svg2);
-      if (add) {
-        this.add(shallow && node instanceof Group ? node.children : node);
-      } else if (node.parent) {
-        node.remove();
-      }
-      return node;
-    }
-    load(pathOrSVGContent, callback) {
-      const group = new Group();
-      let elem, i, child;
-      const attach = function(data) {
-        dom.temp.innerHTML = data;
-        for (i = 0; i < dom.temp.children.length; i++) {
-          elem = dom.temp.children[i];
-          child = this.interpret(elem, false, false);
-          if (child !== null) {
-            group.add(child);
-          }
-        }
-        if (typeof callback === "function") {
-          const svg2 = dom.temp.children.length <= 1 ? dom.temp.children[0] : dom.temp.children;
-          callback(group, svg2);
-        }
-      }.bind(this);
-      if (/\.svg$/i.test(pathOrSVGContent)) {
-        xhr(pathOrSVGContent, attach);
-        return group;
-      }
-      attach(pathOrSVGContent);
-      return group;
-    }
-  };
-  var Two = _Two;
-  __publicField(Two, "nextFrameID", Constants.nextFrameID);
-  __publicField(Two, "Types", Constants.Types);
-  __publicField(Two, "Version", Constants.Version);
-  __publicField(Two, "PublishDate", Constants.PublishDate);
-  __publicField(Two, "Identifier", Constants.Identifier);
-  __publicField(Two, "Resolution", Constants.Resolution);
-  __publicField(Two, "AutoCalculateImportedMatrices", Constants.AutoCalculateImportedMatrices);
-  __publicField(Two, "Instances", Constants.Instances);
-  __publicField(Two, "uniqueId", Constants.uniqueId);
-  __publicField(Two, "Anchor", Anchor);
-  __publicField(Two, "Collection", Collection);
-  __publicField(Two, "Events", Events);
-  __publicField(Two, "Group", Group);
-  __publicField(Two, "Matrix", Matrix2);
-  __publicField(Two, "Path", Path);
-  __publicField(Two, "Registry", Registry);
-  __publicField(Two, "Shape", Shape);
-  __publicField(Two, "Text", Text);
-  __publicField(Two, "Vector", Vector);
-  __publicField(Two, "Gradient", Gradient);
-  __publicField(Two, "ImageSequence", ImageSequence);
-  __publicField(Two, "LinearGradient", LinearGradient);
-  __publicField(Two, "RadialGradient", RadialGradient);
-  __publicField(Two, "Sprite", Sprite);
-  __publicField(Two, "Stop", Stop);
-  __publicField(Two, "Texture", Texture);
-  __publicField(Two, "ArcSegment", ArcSegment);
-  __publicField(Two, "Circle", Circle);
-  __publicField(Two, "Ellipse", Ellipse);
-  __publicField(Two, "Line", Line);
-  __publicField(Two, "Points", Points);
-  __publicField(Two, "Polygon", Polygon);
-  __publicField(Two, "Rectangle", Rectangle);
-  __publicField(Two, "RoundedRectangle", RoundedRectangle);
-  __publicField(Two, "Star", Star);
-  __publicField(Two, "CanvasRenderer", Renderer);
-  __publicField(Two, "SVGRenderer", Renderer2);
-  __publicField(Two, "WebGLRenderer", Renderer3);
-  __publicField(Two, "Commands", Commands);
-  __publicField(Two, "Utils", Utils);
-  function fitToWindow() {
-    const wr = document.body.getBoundingClientRect();
-    const width = this.width = wr.width;
-    const height = this.height = wr.height;
-    this.renderer.setSize(width, height, this.ratio);
-  }
-  function fitToParent() {
-    const parent = this.renderer.domElement.parentElement;
-    if (!parent) {
-      console.warn("Two.js: Attempting to fit to parent, but no parent found.");
-      return;
-    }
-    const wr = parent.getBoundingClientRect();
-    const width = this.width = wr.width;
-    const height = this.height = wr.height;
-    this.renderer.setSize(width, height, this.ratio);
-  }
-  function updateDimensions(width, height) {
-    this.width = width;
-    this.height = height;
-    this.trigger(Events.Types.resize, width, height);
-  }
-  var raf = dom.getRequestAnimationFrame();
-  function loop() {
-    for (let i = 0; i < Two.Instances.length; i++) {
-      const t = Two.Instances[i];
-      if (t.playing) {
-        t.update();
-      }
-    }
-    Two.nextFrameID = raf(loop);
-  }
-  raf.init = function() {
-    loop();
-    raf.init = function() {
     };
-  };
-  return __toCommonJS(two_exports);
+
+    // src/renderers/webgl.js
+    var multiplyMatrix = Matrix2.Multiply;
+    var identity = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+    var transformation = new NumArray(9);
+    var CanvasUtils = Renderer.Utils;
+    var quad = new NumArray([
+        0,
+        0,
+        1,
+        0,
+        0,
+        1,
+        0,
+        1,
+        1,
+        0,
+        1,
+        1
+    ]);
+    var webgl = {
+        precision: 0.9,
+        isHidden: /(undefined|none|transparent)/i,
+        canvas: root.document ? root.document.createElement("canvas") : {
+            getContext: function () {
+            }
+        },
+        alignments: {
+            left: "start",
+            middle: "center",
+            right: "end"
+        },
+        matrix: new Matrix2(),
+        group: {
+            removeChild: function (child, gl) {
+                if (child.children) {
+                    for (let i = 0; i < child.children.length; i++) {
+                        webgl.group.removeChild(child.children[i], gl);
+                    }
+                }
+                if (child._renderer.texture) {
+                    gl.deleteTexture(child._renderer.texture);
+                    delete child._renderer.texture;
+                }
+                if (child._renderer.positionBuffer) {
+                    gl.deleteBuffer(child._renderer.positionBuffer);
+                    delete child._renderer.positionBuffer;
+                }
+            },
+            render: function (gl, programs) {
+                if (!this._visible) {
+                    return;
+                }
+                this._update();
+                const parent = this.parent;
+                const flagParentMatrix = parent._matrix && parent._matrix.manual || parent._flagMatrix;
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                if (flagParentMatrix || flagMatrix) {
+                    if (!this._renderer.matrix) {
+                        this._renderer.matrix = new NumArray(9);
+                    }
+                    this._matrix.toTransformArray(true, transformation);
+                    multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+                    if (!(this._renderer.scale instanceof Vector)) {
+                        this._renderer.scale = new Vector();
+                    }
+                    if (this._scale instanceof Vector) {
+                        this._renderer.scale.x = this._scale.x;
+                        this._renderer.scale.y = this._scale.y;
+                    } else {
+                        this._renderer.scale.x = this._scale;
+                        this._renderer.scale.y = this._scale;
+                    }
+                    if (!/renderer/i.test(parent._renderer.type)) {
+                        this._renderer.scale.x *= parent._renderer.scale.x;
+                        this._renderer.scale.y *= parent._renderer.scale.y;
+                    }
+                    if (flagParentMatrix) {
+                        this._flagMatrix = true;
+                    }
+                }
+                if (this._mask) {
+                    gl.clear(gl.STENCIL_BUFFER_BIT);
+                    gl.enable(gl.STENCIL_TEST);
+                    gl.stencilFunc(gl.ALWAYS, 1, 0);
+                    gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+                    gl.colorMask(false, false, false, false);
+                    webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
+                    gl.stencilFunc(gl.EQUAL, 1, 255);
+                    gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+                    gl.colorMask(true, true, true, true);
+                }
+                this._flagOpacity = parent._flagOpacity || this._flagOpacity;
+                this._renderer.opacity = this._opacity * (parent && parent._renderer ? parent._renderer.opacity : 1);
+                let i;
+                if (this._flagSubtractions) {
+                    for (i = 0; i < this.subtractions.length; i++) {
+                        webgl.group.removeChild(this.subtractions[i], gl);
+                    }
+                }
+                for (i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    webgl[child._renderer.type].render.call(child, gl, programs);
+                }
+                if (this._mask) {
+                    gl.disable(gl.STENCIL_TEST);
+                }
+                return this.flagReset();
+            }
+        },
+        path: {
+            updateCanvas: function (elem) {
+                let prev, a, c, ux, uy, vx, vy, ar, bl, br, cl, x, y;
+                let isOffset;
+                const commands = elem._renderer.vertices;
+                const canvas3 = this.canvas;
+                const ctx = this.ctx;
+                const scale = elem._renderer.scale;
+                const stroke = elem._stroke;
+                const linewidth = elem._linewidth;
+                const fill = elem._fill;
+                const opacity = elem._renderer.opacity || elem._opacity;
+                const cap = elem._cap;
+                const join = elem._join;
+                const miter = elem._miter;
+                const closed2 = elem._closed;
+                const dashes = elem.dashes;
+                const length = commands.length;
+                const last = length - 1;
+                canvas3.width = Math.max(Math.ceil(elem._renderer.rect.width * scale.x), 1);
+                canvas3.height = Math.max(Math.ceil(elem._renderer.rect.height * scale.y), 1);
+                const centroid = elem._renderer.rect.centroid;
+                const cx = centroid.x;
+                const cy = centroid.y;
+                ctx.clearRect(0, 0, canvas3.width, canvas3.height);
+                if (fill) {
+                    if (typeof fill === "string") {
+                        ctx.fillStyle = fill;
+                    } else {
+                        webgl[fill._renderer.type].render.call(fill, ctx, elem);
+                        ctx.fillStyle = fill._renderer.effect;
+                    }
+                }
+                if (stroke) {
+                    if (typeof stroke === "string") {
+                        ctx.strokeStyle = stroke;
+                    } else {
+                        webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
+                        ctx.strokeStyle = stroke._renderer.effect;
+                    }
+                    if (linewidth) {
+                        ctx.lineWidth = linewidth;
+                    }
+                    if (miter) {
+                        ctx.miterLimit = miter;
+                    }
+                    if (join) {
+                        ctx.lineJoin = join;
+                    }
+                    if (!closed2 && cap) {
+                        ctx.lineCap = cap;
+                    }
+                }
+                if (typeof opacity === "number") {
+                    ctx.globalAlpha = opacity;
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.lineDashOffset = dashes.offset || 0;
+                    ctx.setLineDash(dashes);
+                }
+                let d, rx, ry, xAxisRotation, largeArcFlag, sweepFlag, ax, ay;
+                ctx.save();
+                ctx.scale(scale.x, scale.y);
+                ctx.translate(cx, cy);
+                ctx.beginPath();
+                for (let i = 0; i < commands.length; i++) {
+                    const b = commands[i];
+                    x = b.x;
+                    y = b.y;
+                    switch (b.command) {
+                        case Commands.close:
+                            ctx.closePath();
+                            break;
+                        case Commands.arc:
+                            rx = b.rx;
+                            ry = b.ry;
+                            xAxisRotation = b.xAxisRotation;
+                            largeArcFlag = b.largeArcFlag;
+                            sweepFlag = b.sweepFlag;
+                            prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
+                            a = commands[prev];
+                            ax = a.x;
+                            ay = a.y;
+                            CanvasUtils.renderSvgArcCommand(ctx, ax, ay, rx, ry, largeArcFlag, sweepFlag, xAxisRotation, x, y);
+                            break;
+                        case Commands.curve:
+                            prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
+                            a = commands[prev];
+                            ar = a.controls && a.controls.right || Vector.zero;
+                            bl = b.controls && b.controls.left || Vector.zero;
+                            if (a._relative) {
+                                vx = ar.x + a.x;
+                                vy = ar.y + a.y;
+                            } else {
+                                vx = ar.x;
+                                vy = ar.y;
+                            }
+                            if (b._relative) {
+                                ux = bl.x + b.x;
+                                uy = bl.y + b.y;
+                            } else {
+                                ux = bl.x;
+                                uy = bl.y;
+                            }
+                            ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+                            if (i >= last && closed2) {
+                                c = d;
+                                br = b.controls && b.controls.right || Vector.zero;
+                                cl = c.controls && c.controls.left || Vector.zero;
+                                if (b._relative) {
+                                    vx = br.x + b.x;
+                                    vy = br.y + b.y;
+                                } else {
+                                    vx = br.x;
+                                    vy = br.y;
+                                }
+                                if (c._relative) {
+                                    ux = cl.x + c.x;
+                                    uy = cl.y + c.y;
+                                } else {
+                                    ux = cl.x;
+                                    uy = cl.y;
+                                }
+                                x = c.x;
+                                y = c.y;
+                                ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+                            }
+                            break;
+                        case Commands.line:
+                            ctx.lineTo(x, y);
+                            break;
+                        case Commands.move:
+                            d = b;
+                            ctx.moveTo(x, y);
+                            break;
+                    }
+                }
+                if (closed2) {
+                    ctx.closePath();
+                }
+                if (!webgl.isHidden.test(fill)) {
+                    isOffset = fill._renderer && fill._renderer.offset;
+                    if (isOffset) {
+                        ctx.save();
+                        ctx.translate(
+                            -fill._renderer.offset.x,
+                            -fill._renderer.offset.y
+                        );
+                        ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+                    }
+                    ctx.fill();
+                    if (isOffset) {
+                        ctx.restore();
+                    }
+                }
+                if (!webgl.isHidden.test(stroke)) {
+                    isOffset = stroke._renderer && stroke._renderer.offset;
+                    if (isOffset) {
+                        ctx.save();
+                        ctx.translate(
+                            -stroke._renderer.offset.x,
+                            -stroke._renderer.offset.y
+                        );
+                        ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+                        ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+                    }
+                    ctx.stroke();
+                    if (isOffset) {
+                        ctx.restore();
+                    }
+                }
+                ctx.restore();
+            },
+            getBoundingClientRect: function (vertices, border, rect) {
+                let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity, width, height;
+                vertices.forEach(function (v) {
+                    const x = v.x, y = v.y, controls = v.controls;
+                    let a, b, c, d, cl, cr;
+                    top = Math.min(y, top);
+                    left = Math.min(x, left);
+                    right = Math.max(x, right);
+                    bottom = Math.max(y, bottom);
+                    if (!v.controls) {
+                        return;
+                    }
+                    cl = controls.left;
+                    cr = controls.right;
+                    if (!cl || !cr) {
+                        return;
+                    }
+                    a = v._relative ? cl.x + x : cl.x;
+                    b = v._relative ? cl.y + y : cl.y;
+                    c = v._relative ? cr.x + x : cr.x;
+                    d = v._relative ? cr.y + y : cr.y;
+                    if (!a || !b || !c || !d) {
+                        return;
+                    }
+                    top = Math.min(b, d, top);
+                    left = Math.min(a, c, left);
+                    right = Math.max(a, c, right);
+                    bottom = Math.max(b, d, bottom);
+                });
+                if (typeof border === "number") {
+                    top -= border;
+                    left -= border;
+                    right += border;
+                    bottom += border;
+                }
+                width = right - left;
+                height = bottom - top;
+                rect.top = top;
+                rect.left = left;
+                rect.right = right;
+                rect.bottom = bottom;
+                rect.width = width;
+                rect.height = height;
+                if (!rect.centroid) {
+                    rect.centroid = {};
+                }
+                rect.centroid.x = -left;
+                rect.centroid.y = -top;
+            },
+            render: function (gl, programs, forcedParent) {
+                if (!this._visible || !this._opacity) {
+                    return this;
+                }
+                this._update();
+                const parent = forcedParent || this.parent;
+                const program = programs[this._renderer.type];
+                const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                const parentChanged = this._renderer.parent !== parent;
+                const flagTexture = this._flagVertices || this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagCap || this._flagJoin || this._flagMiter || this._flagScale || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
+                if (flagParentMatrix || flagMatrix || parentChanged) {
+                    if (!this._renderer.matrix) {
+                        this._renderer.matrix = new NumArray(9);
+                    }
+                    this._matrix.toTransformArray(true, transformation);
+                    multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+                    if (!(this._renderer.scale instanceof Vector)) {
+                        this._renderer.scale = new Vector();
+                    }
+                    if (this._scale instanceof Vector) {
+                        this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
+                        this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
+                    } else {
+                        this._renderer.scale.x = this._scale * parent._renderer.scale.x;
+                        this._renderer.scale.y = this._scale * parent._renderer.scale.y;
+                    }
+                    if (parentChanged) {
+                        this._renderer.parent = parent;
+                    }
+                }
+                if (this._mask) {
+                    gl.clear(gl.STENCIL_BUFFER_BIT);
+                    gl.enable(gl.STENCIL_TEST);
+                    gl.stencilFunc(gl.ALWAYS, 1, 0);
+                    gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+                    gl.colorMask(false, false, false, false);
+                    webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
+                    gl.stencilFunc(gl.EQUAL, 1, 255);
+                    gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+                    gl.colorMask(true, true, true, true);
+                }
+                if (flagTexture) {
+                    if (!this._renderer.rect) {
+                        this._renderer.rect = {};
+                    }
+                    this._renderer.opacity = this._opacity * parent._renderer.opacity;
+                    webgl.path.getBoundingClientRect(
+                        this._renderer.vertices,
+                        this._linewidth,
+                        this._renderer.rect
+                    );
+                    webgl.updateTexture.call(webgl, gl, this);
+                } else {
+                    if (this._fill && this._fill._update) {
+                        this._fill._update();
+                    }
+                    if (this._stroke && this._stroke._update) {
+                        this._stroke._update();
+                    }
+                }
+                if (this._clip && !forcedParent || !this._renderer.texture) {
+                    return this;
+                }
+                if (programs.current !== program) {
+                    gl.useProgram(program);
+                    gl.bindBuffer(gl.ARRAY_BUFFER, programs.buffers.position);
+                    gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+                    gl.enableVertexAttribArray(program.position);
+                    gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
+                    if (!programs.resolution.flagged) {
+                        gl.uniform2f(
+                            gl.getUniformLocation(program, "u_resolution"),
+                            programs.resolution.width,
+                            programs.resolution.height
+                        );
+                    }
+                    programs.current = program;
+                }
+                if (programs.resolution.flagged) {
+                    gl.uniform2f(
+                        gl.getUniformLocation(program, "u_resolution"),
+                        programs.resolution.width,
+                        programs.resolution.height
+                    );
+                }
+                gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
+                const rect = this._renderer.rect;
+                gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
+                gl.uniform4f(program.rect, rect.left, rect.top, rect.right, rect.bottom);
+                gl.drawArrays(gl.TRIANGLES, 0, 6);
+                if (this._mask) {
+                    gl.disable(gl.STENCIL_TEST);
+                }
+                return this.flagReset();
+            }
+        },
+        points: {
+            updateCanvas: function (elem) {
+                let isOffset;
+                const canvas3 = this.canvas;
+                const ctx = this.ctx;
+                const stroke = elem._stroke;
+                const linewidth = elem._linewidth;
+                const fill = elem._fill;
+                const opacity = elem._renderer.opacity || elem._opacity;
+                const dashes = elem.dashes;
+                const size = elem._size;
+                let dimension = size;
+                if (!webgl.isHidden.test(stroke)) {
+                    dimension += linewidth;
+                }
+                canvas3.width = getPoT(dimension);
+                canvas3.height = canvas3.width;
+                const aspect = dimension / canvas3.width;
+                const cx = canvas3.width / 2;
+                const cy = canvas3.height / 2;
+                ctx.clearRect(0, 0, canvas3.width, canvas3.height);
+                if (fill) {
+                    if (typeof fill === "string") {
+                        ctx.fillStyle = fill;
+                    } else {
+                        webgl[fill._renderer.type].render.call(fill, ctx, elem);
+                        ctx.fillStyle = fill._renderer.effect;
+                    }
+                }
+                if (stroke) {
+                    if (typeof stroke === "string") {
+                        ctx.strokeStyle = stroke;
+                    } else {
+                        webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
+                        ctx.strokeStyle = stroke._renderer.effect;
+                    }
+                    if (linewidth) {
+                        ctx.lineWidth = linewidth / aspect;
+                    }
+                }
+                if (typeof opacity === "number") {
+                    ctx.globalAlpha = opacity;
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.lineDashOffset = dashes.offset || 0;
+                    ctx.setLineDash(dashes);
+                }
+                ctx.save();
+                ctx.translate(cx, cy);
+                ctx.scale(webgl.precision, webgl.precision);
+                ctx.beginPath();
+                ctx.arc(0, 0, size / aspect * 0.5, 0, TWO_PI);
+                ctx.restore();
+                if (closed) {
+                    ctx.closePath();
+                }
+                if (!webgl.isHidden.test(fill)) {
+                    isOffset = fill._renderer && fill._renderer.offset;
+                    if (isOffset) {
+                        ctx.save();
+                        ctx.translate(
+                            -fill._renderer.offset.x,
+                            -fill._renderer.offset.y
+                        );
+                        ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+                    }
+                    ctx.fill();
+                    if (isOffset) {
+                        ctx.restore();
+                    }
+                }
+                if (!webgl.isHidden.test(stroke)) {
+                    isOffset = stroke._renderer && stroke._renderer.offset;
+                    if (isOffset) {
+                        ctx.save();
+                        ctx.translate(
+                            -stroke._renderer.offset.x,
+                            -stroke._renderer.offset.y
+                        );
+                        ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+                        ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+                    }
+                    ctx.stroke();
+                    if (isOffset) {
+                        ctx.restore();
+                    }
+                }
+            },
+            render: function (gl, programs, forcedParent) {
+                if (!this._visible || !this._opacity) {
+                    return this;
+                }
+                this._update();
+                let size = this._size;
+                const parent = forcedParent || this.parent;
+                const program = programs[this._renderer.type];
+                const sizeAttenuation = this._sizeAttenuation;
+                const stroke = this._stroke;
+                const linewidth = this._linewidth;
+                const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                const parentChanged = this._renderer.parent !== parent;
+                const commands = this._renderer.vertices;
+                const length = this._renderer.collection.length;
+                const flagVertices = this._flagVertices;
+                const flagTexture = this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagScale || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
+                if (flagParentMatrix || flagMatrix || parentChanged) {
+                    if (!this._renderer.matrix) {
+                        this._renderer.matrix = new NumArray(9);
+                    }
+                    this._matrix.toTransformArray(true, transformation);
+                    multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+                    if (!(this._renderer.scale instanceof Vector)) {
+                        this._renderer.scale = new Vector();
+                    }
+                    if (this._scale instanceof Vector) {
+                        this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
+                        this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
+                    } else {
+                        this._renderer.scale.x = this._scale * parent._renderer.scale.x;
+                        this._renderer.scale.y = this._scale * parent._renderer.scale.y;
+                    }
+                    if (parentChanged) {
+                        this._renderer.parent = parent;
+                    }
+                }
+                if (flagVertices) {
+                    const positionBuffer = this._renderer.positionBuffer;
+                    if (positionBuffer) {
+                        gl.deleteBuffer(positionBuffer);
+                    }
+                    this._renderer.positionBuffer = gl.createBuffer();
+                    gl.bindBuffer(gl.ARRAY_BUFFER, this._renderer.positionBuffer);
+                    gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+                    gl.enableVertexAttribArray(program.position);
+                    gl.bufferData(gl.ARRAY_BUFFER, commands, gl.STATIC_DRAW);
+                }
+                if (flagTexture) {
+                    this._renderer.opacity = this._opacity * parent._renderer.opacity;
+                    webgl.updateTexture.call(webgl, gl, this);
+                } else {
+                    if (this._fill && this._fill._update) {
+                        this._fill._update();
+                    }
+                    if (this._stroke && this._stroke._update) {
+                        this._stroke._update();
+                    }
+                }
+                if (this._clip && !forcedParent || !this._renderer.texture) {
+                    return this;
+                }
+                if (!webgl.isHidden.test(stroke)) {
+                    size += linewidth;
+                }
+                size /= webgl.precision;
+                if (sizeAttenuation) {
+                    size *= Math.max(this._renderer.scale.x, this._renderer.scale.y);
+                }
+                if (programs.current !== program) {
+                    gl.useProgram(program);
+                    if (!programs.resolution.flagged) {
+                        gl.uniform2f(
+                            gl.getUniformLocation(program, "u_resolution"),
+                            programs.resolution.width,
+                            programs.resolution.height
+                        );
+                    }
+                    programs.current = program;
+                }
+                if (programs.resolution.flagged) {
+                    gl.uniform2f(
+                        gl.getUniformLocation(program, "u_resolution"),
+                        programs.resolution.width,
+                        programs.resolution.height
+                    );
+                }
+                gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
+                gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
+                gl.uniform1f(program.size, size * programs.resolution.ratio);
+                gl.drawArrays(gl.POINTS, 0, length);
+                return this.flagReset();
+            }
+        },
+        text: {
+            updateCanvas: function (elem) {
+                const canvas3 = this.canvas;
+                const ctx = this.ctx;
+                const scale = elem._renderer.scale;
+                const stroke = elem._stroke;
+                const linewidth = elem._linewidth * scale;
+                const fill = elem._fill;
+                const opacity = elem._renderer.opacity || elem._opacity;
+                const dashes = elem.dashes;
+                const decoration = elem._decoration;
+                canvas3.width = Math.max(Math.ceil(elem._renderer.rect.width * scale.x), 1);
+                canvas3.height = Math.max(Math.ceil(elem._renderer.rect.height * scale.y), 1);
+                const centroid = elem._renderer.rect.centroid;
+                const cx = centroid.x;
+                const cy = centroid.y;
+                let a, b, c, d, e, sx, sy, x1, y1, x2, y2;
+                const isOffset = fill._renderer && fill._renderer.offset && stroke._renderer && stroke._renderer.offset;
+                ctx.clearRect(0, 0, canvas3.width, canvas3.height);
+                if (!isOffset) {
+                    ctx.font = [elem._style, elem._weight, elem._size + "px/" + elem._leading + "px", elem._family].join(" ");
+                }
+                ctx.textAlign = "center";
+                ctx.textBaseline = "middle";
+                if (fill) {
+                    if (typeof fill === "string") {
+                        ctx.fillStyle = fill;
+                    } else {
+                        webgl[fill._renderer.type].render.call(fill, ctx, elem);
+                        ctx.fillStyle = fill._renderer.effect;
+                    }
+                }
+                if (stroke) {
+                    if (typeof stroke === "string") {
+                        ctx.strokeStyle = stroke;
+                    } else {
+                        webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
+                        ctx.strokeStyle = stroke._renderer.effect;
+                    }
+                    if (linewidth) {
+                        ctx.lineWidth = linewidth;
+                    }
+                }
+                if (typeof opacity === "number") {
+                    ctx.globalAlpha = opacity;
+                }
+                if (dashes && dashes.length > 0) {
+                    ctx.lineDashOffset = dashes.offset || 0;
+                    ctx.setLineDash(dashes);
+                }
+                ctx.save();
+                ctx.scale(scale.x, scale.y);
+                ctx.translate(cx, cy);
+                if (!webgl.isHidden.test(fill)) {
+                    if (fill._renderer && fill._renderer.offset) {
+                        sx = fill._renderer.scale.x;
+                        sy = fill._renderer.scale.y;
+                        ctx.save();
+                        ctx.translate(
+                            -fill._renderer.offset.x,
+                            -fill._renderer.offset.y
+                        );
+                        ctx.scale(sx, sy);
+                        a = elem._size / fill._renderer.scale.y;
+                        b = elem._leading / fill._renderer.scale.y;
+                        ctx.font = [
+                            elem._style,
+                            elem._weight,
+                            a + "px/",
+                            b + "px",
+                            elem._family
+                        ].join(" ");
+                        c = fill._renderer.offset.x / fill._renderer.scale.x;
+                        d = fill._renderer.offset.y / fill._renderer.scale.y;
+                        ctx.fillText(elem.value, c, d);
+                        ctx.restore();
+                    } else {
+                        ctx.fillText(elem.value, 0, 0);
+                    }
+                }
+                if (!webgl.isHidden.test(stroke)) {
+                    if (stroke._renderer && stroke._renderer.offset) {
+                        sx = stroke._renderer.scale.x;
+                        sy = stroke._renderer.scale.y;
+                        ctx.save();
+                        ctx.translate(
+                            -stroke._renderer.offset.x,
+                            -stroke._renderer.offset.y
+                        );
+                        ctx.scale(sx, sy);
+                        a = elem._size / stroke._renderer.scale.y;
+                        b = elem._leading / stroke._renderer.scale.y;
+                        ctx.font = [
+                            elem._style,
+                            elem._weight,
+                            a + "px/",
+                            b + "px",
+                            elem._family
+                        ].join(" ");
+                        c = stroke._renderer.offset.x / stroke._renderer.scale.x;
+                        d = stroke._renderer.offset.y / stroke._renderer.scale.y;
+                        e = linewidth / stroke._renderer.scale.x;
+                        ctx.lineWidth = e;
+                        ctx.strokeText(elem.value, c, d);
+                        ctx.restore();
+                    } else {
+                        ctx.strokeText(elem.value, 0, 0);
+                    }
+                }
+                if (/(underline|strikethrough)/i.test(decoration)) {
+                    const metrics = ctx.measureText(elem.value);
+                    switch (decoration) {
+                        case "underline":
+                            y1 = metrics.actualBoundingBoxAscent;
+                            y2 = metrics.actualBoundingBoxAscent;
+                            break;
+                        case "strikethrough":
+                            y1 = 0;
+                            y2 = 0;
+                            break;
+                    }
+                    x1 = -metrics.width / 2;
+                    x2 = metrics.width / 2;
+                    ctx.lineWidth = Math.max(Math.floor(elem._size / 15), 1);
+                    ctx.strokeStyle = ctx.fillStyle;
+                    ctx.beginPath();
+                    ctx.moveTo(x1, y1);
+                    ctx.lineTo(x2, y2);
+                    ctx.stroke();
+                }
+                ctx.restore();
+            },
+            getBoundingClientRect: function (elem, rect) {
+                const ctx = webgl.ctx;
+                ctx.font = [elem._style, elem._weight, elem._size + "px/" + elem._leading + "px", elem._family].join(" ");
+                ctx.textAlign = "center";
+                ctx.textBaseline = elem._baseline;
+                let width = ctx.measureText(elem._value).width * 1.25;
+                let height = Math.max(elem._size, elem._leading) * 1.25;
+                if (this._linewidth && !webgl.isHidden.test(this._stroke)) {
+                    width += this._linewidth * 2;
+                    height += this._linewidth * 2;
+                }
+                const w = width / 2;
+                const h = height / 2;
+                switch (webgl.alignments[elem._alignment] || elem._alignment) {
+                    case webgl.alignments.left:
+                        rect.left = 0;
+                        rect.right = width;
+                        break;
+                    case webgl.alignments.right:
+                        rect.left = -width;
+                        rect.right = 0;
+                        break;
+                    default:
+                        rect.left = -w;
+                        rect.right = w;
+                }
+                switch (elem._baseline) {
+                    case "bottom":
+                        rect.top = -height;
+                        rect.bottom = 0;
+                        break;
+                    case "top":
+                        rect.top = 0;
+                        rect.bottom = height;
+                        break;
+                    default:
+                        rect.top = -h;
+                        rect.bottom = h;
+                }
+                rect.width = width;
+                rect.height = height;
+                if (!rect.centroid) {
+                    rect.centroid = {};
+                }
+                rect.centroid.x = w;
+                rect.centroid.y = h;
+            },
+            render: function (gl, programs, forcedParent) {
+                if (!this._visible || !this._opacity) {
+                    return this;
+                }
+                this._update();
+                const parent = forcedParent || this.parent;
+                const program = programs[this._renderer.type];
+                const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
+                const flagMatrix = this._matrix.manual || this._flagMatrix;
+                const parentChanged = this._renderer.parent !== parent;
+                const flagTexture = this._flagVertices || this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagScale || this._flagValue || this._flagFamily || this._flagSize || this._flagLeading || this._flagAlignment || this._flagBaseline || this._flagStyle || this._flagWeight || this._flagDecoration || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
+                if (flagParentMatrix || flagMatrix || parentChanged) {
+                    if (!this._renderer.matrix) {
+                        this._renderer.matrix = new NumArray(9);
+                    }
+                    this._matrix.toTransformArray(true, transformation);
+                    multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+                    if (!(this._renderer.scale instanceof Vector)) {
+                        this._renderer.scale = new Vector();
+                    }
+                    if (this._scale instanceof Vector) {
+                        this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
+                        this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
+                    } else {
+                        this._renderer.scale.x = this._scale * parent._renderer.scale.x;
+                        this._renderer.scale.y = this._scale * parent._renderer.scale.y;
+                    }
+                    if (parentChanged) {
+                        this._renderer.parent = parent;
+                    }
+                }
+                if (this._mask) {
+                    gl.clear(gl.STENCIL_BUFFER_BIT);
+                    gl.enable(gl.STENCIL_TEST);
+                    gl.stencilFunc(gl.ALWAYS, 1, 0);
+                    gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+                    gl.colorMask(false, false, false, false);
+                    webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
+                    gl.stencilFunc(gl.EQUAL, 1, 255);
+                    gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+                    gl.colorMask(true, true, true, true);
+                }
+                if (flagTexture) {
+                    if (!this._renderer.rect) {
+                        this._renderer.rect = {};
+                    }
+                    this._renderer.opacity = this._opacity * parent._renderer.opacity;
+                    webgl.text.getBoundingClientRect(this, this._renderer.rect);
+                    webgl.updateTexture.call(webgl, gl, this);
+                } else {
+                    if (this._fill && this._fill._update) {
+                        this._fill._update();
+                    }
+                    if (this._stroke && this._stroke._update) {
+                        this._stroke._update();
+                    }
+                }
+                if (this._clip && !forcedParent || !this._renderer.texture) {
+                    return this;
+                }
+                if (programs.current !== program) {
+                    gl.useProgram(program);
+                    gl.bindBuffer(gl.ARRAY_BUFFER, programs.buffers.position);
+                    gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+                    gl.enableVertexAttribArray(program.position);
+                    gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
+                    if (!programs.resolution.flagged) {
+                        gl.uniform2f(
+                            gl.getUniformLocation(program, "u_resolution"),
+                            programs.resolution.width,
+                            programs.resolution.height
+                        );
+                    }
+                    programs.current = program;
+                }
+                if (programs.resolution.flagged) {
+                    gl.uniform2f(
+                        gl.getUniformLocation(program, "u_resolution"),
+                        programs.resolution.width,
+                        programs.resolution.height
+                    );
+                }
+                gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
+                const rect = this._renderer.rect;
+                gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
+                gl.uniform4f(program.rect, rect.left, rect.top, rect.right, rect.bottom);
+                gl.drawArrays(gl.TRIANGLES, 0, 6);
+                if (this._mask) {
+                    gl.disable(gl.STENCIL_TEST);
+                }
+                return this.flagReset();
+            }
+        },
+        "linear-gradient": {
+            render: function (ctx, parent) {
+                if (!ctx.canvas.getContext("2d") || !parent) {
+                    return;
+                }
+                this._update();
+                if (!this._renderer.effect || this._flagEndPoints || this._flagStops || this._flagUnits) {
+                    let rect;
+                    let lx = this.left._x;
+                    let ly = this.left._y;
+                    let rx = this.right._x;
+                    let ry = this.right._y;
+                    if (/objectBoundingBox/i.test(this._units)) {
+                        rect = parent.getBoundingClientRect(true);
+                        lx = (lx - 0.5) * rect.width;
+                        ly = (ly - 0.5) * rect.height;
+                        rx = (rx - 0.5) * rect.width;
+                        ry = (ry - 0.5) * rect.height;
+                    }
+                    this._renderer.effect = ctx.createLinearGradient(lx, ly, rx, ry);
+                    for (let i = 0; i < this.stops.length; i++) {
+                        const stop = this.stops[i];
+                        this._renderer.effect.addColorStop(stop._offset, stop._color);
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        "radial-gradient": {
+            render: function (ctx, parent) {
+                if (!ctx.canvas.getContext("2d") || !parent) {
+                    return;
+                }
+                this._update();
+                if (!this._renderer.effect || this._flagCenter || this._flagFocal || this._flagRadius || this._flagStops || this._flagUnits) {
+                    let rect;
+                    let cx = this.center._x;
+                    let cy = this.center._y;
+                    let fx = this.focal._x;
+                    let fy = this.focal._y;
+                    let radius = this._radius;
+                    if (/objectBoundingBox/i.test(this._units)) {
+                        rect = parent.getBoundingClientRect(true);
+                        cx = cx * rect.width * 0.5;
+                        cy = cy * rect.height * 0.5;
+                        fx = fx * rect.width * 0.5;
+                        fy = fy * rect.height * 0.5;
+                        radius *= Math.min(rect.width, rect.height) * 0.5;
+                    }
+                    this._renderer.effect = ctx.createRadialGradient(
+                        cx,
+                        cy,
+                        0,
+                        fx,
+                        fy,
+                        radius
+                    );
+                    for (let i = 0; i < this.stops.length; i++) {
+                        const stop = this.stops[i];
+                        this._renderer.effect.addColorStop(stop._offset, stop._color);
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        texture: {
+            render: function (ctx, elem) {
+                if (!ctx.canvas.getContext("2d")) {
+                    return;
+                }
+                this._update();
+                const image = this.image;
+                if ((this._flagLoaded || this._flagImage || this._flagVideo || this._flagRepeat) && this.loaded) {
+                    this._renderer.effect = ctx.createPattern(image, this._repeat);
+                } else if (!this._renderer.effect) {
+                    return this.flagReset();
+                }
+                if (this._flagOffset || this._flagLoaded || this._flagScale) {
+                    if (!(this._renderer.offset instanceof Vector)) {
+                        this._renderer.offset = new Vector();
+                    }
+                    this._renderer.offset.x = -this._offset.x;
+                    this._renderer.offset.y = -this._offset.y;
+                    if (image) {
+                        this._renderer.offset.x += image.width / 2;
+                        this._renderer.offset.y += image.height / 2;
+                        if (this._scale instanceof Vector) {
+                            this._renderer.offset.x *= this._scale.x;
+                            this._renderer.offset.y *= this._scale.y;
+                        } else {
+                            this._renderer.offset.x *= this._scale;
+                            this._renderer.offset.y *= this._scale;
+                        }
+                    }
+                }
+                if (this._flagScale || this._flagLoaded) {
+                    if (!(this._renderer.scale instanceof Vector)) {
+                        this._renderer.scale = new Vector();
+                    }
+                    if (this._scale instanceof Vector) {
+                        this._renderer.scale.copy(this._scale);
+                    } else {
+                        this._renderer.scale.set(this._scale, this._scale);
+                    }
+                }
+                return this.flagReset();
+            }
+        },
+        updateTexture: function (gl, elem) {
+            this[elem._renderer.type].updateCanvas.call(webgl, elem);
+            if (this.canvas.width <= 0 || this.canvas.height <= 0) {
+                if (elem._renderer.texture) {
+                    gl.deleteTexture(elem._renderer.texture);
+                }
+                delete elem._renderer.texture;
+                return;
+            }
+            if (!elem._renderer.texture) {
+                elem._renderer.texture = gl.createTexture();
+            }
+            gl.bindTexture(gl.TEXTURE_2D, elem._renderer.texture);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.canvas);
+        },
+        program: {
+            create: function (gl, shaders2) {
+                let program, linked, error;
+                program = gl.createProgram();
+                _.each(shaders2, function (s) {
+                    gl.attachShader(program, s);
+                });
+                gl.linkProgram(program);
+                linked = gl.getProgramParameter(program, gl.LINK_STATUS);
+                if (!linked) {
+                    error = gl.getProgramInfoLog(program);
+                    gl.deleteProgram(program);
+                    throw new TwoError("unable to link program: " + error);
+                }
+                return program;
+            }
+        },
+        TextureRegistry: new Registry()
+    };
+    webgl.ctx = webgl.canvas.getContext("2d");
+    var Renderer3 = class extends Events {
+        constructor(params) {
+            super();
+            let gl, program, vs, fs;
+            this.domElement = params.domElement || document.createElement("canvas");
+            if (typeof params.offscreenElement !== "undefined") {
+                webgl.canvas = params.offscreenElement;
+                webgl.ctx = webgl.canvas.getContext("2d");
+            }
+            this.scene = new Group();
+            this.scene.parent = this;
+            this._renderer = {
+                type: "renderer",
+                matrix: new NumArray(identity),
+                scale: 1,
+                opacity: 1
+            };
+            this._flagMatrix = true;
+            params = _.defaults(params || {}, {
+                antialias: false,
+                alpha: true,
+                premultipliedAlpha: true,
+                stencil: true,
+                preserveDrawingBuffer: true,
+                overdraw: false
+            });
+            this.overdraw = params.overdraw;
+            gl = this.ctx = this.domElement.getContext("webgl", params) || this.domElement.getContext("experimental-webgl", params);
+            if (!this.ctx) {
+                throw new TwoError(
+                    "unable to create a webgl context. Try using another renderer."
+                );
+            }
+            vs = shaders.create(gl, shaders.path.vertex, shaders.types.vertex);
+            fs = shaders.create(gl, shaders.path.fragment, shaders.types.fragment);
+            this.programs = {
+                current: null,
+                buffers: {
+                    position: gl.createBuffer()
+                },
+                resolution: {
+                    width: 0,
+                    height: 0,
+                    ratio: 1,
+                    flagged: false
+                }
+            };
+            program = this.programs.path = webgl.program.create(gl, [vs, fs]);
+            this.programs.text = this.programs.path;
+            program.position = gl.getAttribLocation(program, "a_position");
+            program.matrix = gl.getUniformLocation(program, "u_matrix");
+            program.rect = gl.getUniformLocation(program, "u_rect");
+            const positionBuffer = gl.createBuffer();
+            gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
+            gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+            gl.enableVertexAttribArray(program.position);
+            gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
+            vs = shaders.create(gl, shaders.points.vertex, shaders.types.vertex);
+            fs = shaders.create(gl, shaders.points.fragment, shaders.types.fragment);
+            program = this.programs.points = webgl.program.create(gl, [vs, fs]);
+            program.position = gl.getAttribLocation(program, "a_position");
+            program.matrix = gl.getUniformLocation(program, "u_matrix");
+            program.size = gl.getUniformLocation(program, "u_size");
+            gl.enable(gl.BLEND);
+            gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+            gl.blendEquation(gl.FUNC_ADD);
+            gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+        }
+
+        setSize(width, height, ratio) {
+            let w, h;
+            const ctx = this.ctx;
+            this.width = width;
+            this.height = height;
+            this.ratio = typeof ratio === "undefined" ? getRatio(ctx) : ratio;
+            this.domElement.width = width * this.ratio;
+            this.domElement.height = height * this.ratio;
+            if (_.isObject(this.domElement.style)) {
+                _.extend(this.domElement.style, {
+                    width: width + "px",
+                    height: height + "px"
+                });
+            }
+            this._renderer.matrix[0] = this._renderer.matrix[4] = this._renderer.scale = this.ratio;
+            this._flagMatrix = true;
+            w = width * this.ratio;
+            h = height * this.ratio;
+            ctx.viewport(0, 0, w, h);
+            this.programs.resolution.width = w;
+            this.programs.resolution.height = h;
+            this.programs.resolution.ratio = this.ratio;
+            this.programs.resolution.flagged = true;
+            return this.trigger(Events.Types.resize, width, height, ratio);
+        }
+
+        render() {
+            const gl = this.ctx;
+            if (!this.overdraw) {
+                gl.clear(gl.COLOR_BUFFER_BIT);
+            }
+            webgl.group.render.call(this.scene, gl, this.programs);
+            this._flagMatrix = false;
+            this.programs.resolution.flagged = true;
+            return this;
+        }
+    };
+    __publicField(Renderer3, "Utils", webgl);
+
+    // src/two.js
+    var Utils = _.extend({
+        Error: TwoError,
+        getRatio,
+        read,
+        xhr
+    }, _, CanvasShim, curves_exports, math_exports);
+    var _Two = class {
+        _events = new Events();
+
+        get _bound() {
+            return this._events._bound;
+        }
+
+        set _bound(v) {
+            this._events._bound = v;
+        }
+
+        addEventListener() {
+            return this._events.addEventListener.apply(this, arguments);
+        }
+
+        on() {
+            return this._events.addEventListener.apply(this, arguments);
+        }
+
+        bind() {
+            return this._events.addEventListener.apply(this, arguments);
+        }
+
+        removeEventListener() {
+            return this._events.removeEventListener.apply(this, arguments);
+        }
+
+        off() {
+            return this._events.removeEventListener.apply(this, arguments);
+        }
+
+        unbind() {
+            return this._events.removeEventListener.apply(this, arguments);
+        }
+
+        dispatchEvent() {
+            return this._events.dispatchEvent.apply(this, arguments);
+        }
+
+        trigger() {
+            return this._events.dispatchEvent.apply(this, arguments);
+        }
+
+        listen() {
+            return this._events.listen.apply(this, arguments);
+        }
+
+        ignore() {
+            return this._events.ignore.apply(this, arguments);
+        }
+
+        type = "";
+        renderer = null;
+        scene = null;
+        width = 0;
+        height = 0;
+        frameCount = 0;
+        timeDelta = 0;
+        playing = false;
+
+        constructor(options) {
+            const params = _.defaults(options || {}, {
+                fullscreen: false,
+                fitted: false,
+                width: 640,
+                height: 480,
+                type: _Two.Types.svg,
+                autostart: false
+            });
+            _.each(params, function (v, k) {
+                if (/fullscreen/i.test(k) || /autostart/i.test(k)) {
+                    return;
+                }
+                this[k] = v;
+            }, this);
+            if (_.isElement(params.domElement)) {
+                const tagName = params.domElement.tagName.toLowerCase();
+                if (!/^(CanvasRenderer-canvas|WebGLRenderer-canvas|SVGRenderer-svg)$/.test(this.type + "-" + tagName)) {
+                    this.type = _Two.Types[tagName];
+                }
+            }
+            this.renderer = new _Two[this.type](this);
+            this.setPlaying(params.autostart);
+            this.frameCount = 0;
+            if (params.fullscreen) {
+                this.fit = fitToWindow.bind(this);
+                this.fit.domElement = window;
+                this.fit.attached = true;
+                _.extend(document.body.style, {
+                    overflow: "hidden",
+                    margin: 0,
+                    padding: 0,
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    position: "fixed"
+                });
+                _.extend(this.renderer.domElement.style, {
+                    display: "block",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    position: "fixed"
+                });
+                dom.bind(this.fit.domElement, "resize", this.fit);
+                this.fit();
+            } else if (params.fitted) {
+                this.fit = fitToParent.bind(this);
+                _.extend(this.renderer.domElement.style, {
+                    display: "block"
+                });
+            } else if (!_.isElement(params.domElement)) {
+                this.renderer.setSize(params.width, params.height, this.ratio);
+                this.width = params.width;
+                this.height = params.height;
+            }
+            this.renderer.bind(Events.Types.resize, updateDimensions.bind(this));
+            this.scene = this.renderer.scene;
+            _Two.Instances.push(this);
+            if (params.autostart) {
+                raf.init();
+            }
+        }
+
+        appendTo(elem) {
+            elem.appendChild(this.renderer.domElement);
+            if (this.fit) {
+                if (this.fit.domElement !== window) {
+                    this.fit.domElement = elem;
+                    this.fit.attached = false;
+                }
+                this.update();
+            }
+            return this;
+        }
+
+        play() {
+            this.playing = true;
+            raf.init();
+            return this.trigger(Events.Types.play);
+        }
+
+        pause() {
+            this.playing = false;
+            return this.trigger(Events.Types.pause);
+        }
+
+        setPlaying(p) {
+            this.playing = p;
+        }
+
+        release(obj) {
+            let i, v, child;
+            if (!_.isObject(obj)) {
+                return this.release(this.scene);
+            }
+            if (typeof obj.unbind === "function") {
+                obj.unbind();
+            }
+            if (obj.vertices) {
+                if (typeof obj.vertices.unbind === "function") {
+                    obj.vertices.unbind();
+                }
+                for (i = 0; i < obj.vertices.length; i++) {
+                    v = obj.vertices[i];
+                    if (typeof v.unbind === "function") {
+                        v.unbind();
+                    }
+                    if (v.controls) {
+                        if (v.controls.left && typeof v.controls.left.unbind === "function") {
+                            v.controls.left.unbind();
+                        }
+                        if (v.controls.right && typeof v.controls.right.unbind === "function") {
+                            v.controls.right.unbind();
+                        }
+                    }
+                }
+            }
+            if (obj.children) {
+                for (i = 0; i < obj.children.length; i++) {
+                    child = obj.children[i];
+                    this.release(child);
+                }
+                if (typeof obj.children.unbind === "function") {
+                    obj.children.unbind();
+                }
+            }
+            return obj;
+        }
+
+        update() {
+            const animated = !!this._lastFrame;
+            const now = _.performance.now();
+            if (animated) {
+                this.timeDelta = parseFloat((now - this._lastFrame).toFixed(3));
+            }
+            this._lastFrame = now;
+            if (this.fit && this.fit.domElement && !this.fit.attached) {
+                dom.bind(this.fit.domElement, "resize", this.fit);
+                this.fit.attached = true;
+                this.fit();
+            }
+            const width = this.width;
+            const height = this.height;
+            const renderer = this.renderer;
+            if (width !== renderer.width || height !== renderer.height) {
+                renderer.setSize(width, height, this.ratio);
+            }
+            this.trigger(Events.Types.update, this.frameCount, this.timeDelta);
+            return this.render();
+        }
+
+        render() {
+            this.renderer.render();
+            return this.trigger(Events.Types.render, this.frameCount++);
+        }
+
+        add(objects) {
+            if (!(objects instanceof Array)) {
+                objects = Array.prototype.slice.call(arguments);
+            }
+            this.scene.add(objects);
+            return this;
+        }
+
+        remove(objects) {
+            if (!(objects instanceof Array)) {
+                objects = Array.prototype.slice.call(arguments);
+            }
+            this.scene.remove(objects);
+            return this;
+        }
+
+        clear() {
+            this.scene.remove(this.scene.children);
+            return this;
+        }
+
+        makeLine(x1, y1, x2, y2) {
+            const line = new Line(x1, y1, x2, y2);
+            this.scene.add(line);
+            return line;
+        }
+
+        makeArrow(x1, y1, x2, y2, size) {
+            const headlen = typeof size === "number" ? size : 10;
+            const angle = Math.atan2(y2 - y1, x2 - x1);
+            const vertices = [
+                new Anchor(x1, y1, void 0, void 0, void 0, void 0, Commands.move),
+                new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.line),
+                new Anchor(
+                    x2 - headlen * Math.cos(angle - Math.PI / 4),
+                    y2 - headlen * Math.sin(angle - Math.PI / 4),
+                    void 0,
+                    void 0,
+                    void 0,
+                    void 0,
+                    Commands.line
+                ),
+                new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.move),
+                new Anchor(
+                    x2 - headlen * Math.cos(angle + Math.PI / 4),
+                    y2 - headlen * Math.sin(angle + Math.PI / 4),
+                    void 0,
+                    void 0,
+                    void 0,
+                    void 0,
+                    Commands.line
+                )
+            ];
+            const path = new Path(vertices, false, false, true);
+            path.noFill();
+            path.cap = "round";
+            path.join = "round";
+            this.scene.add(path);
+            return path;
+        }
+
+        /* IMN added */
+        makeDobleArrow(x1, y1, x2, y2, size) {
+            const headlen = typeof size === "number" ? size : 10;
+            const angle = Math.atan2(y2 - y1, x2 - x1);
+            const vertices = [
+                new Anchor(x1, y1, void 0, void 0, void 0, void 0, Commands.move),
+                new Anchor(
+                    x1 + headlen * Math.cos(angle - Math.PI / 8),
+                    y1 + headlen * Math.sin(angle - Math.PI / 8),
+                    void 0,
+                    void 0,
+                    void 0,
+                    void 0,
+                    Commands.line
+                ),
+                new Anchor(x1, y1, void 0, void 0, void 0, void 0, Commands.move),
+                new Anchor(
+                    x1 + headlen * Math.cos(angle + Math.PI / 8),
+                    y1 + headlen * Math.sin(angle + Math.PI / 8),
+                    void 0,
+                    void 0,
+                    void 0,
+                    void 0,
+                    Commands.line
+                ),
+                new Anchor(x1, y1, void 0, void 0, void 0, void 0, Commands.move),
+                new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.line),
+                new Anchor(
+                    x2 - headlen * Math.cos(angle - Math.PI / 8),
+                    y2 - headlen * Math.sin(angle - Math.PI / 8),
+                    void 0,
+                    void 0,
+                    void 0,
+                    void 0,
+                    Commands.line
+                ),
+                new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.move),
+                new Anchor(
+                    x2 - headlen * Math.cos(angle + Math.PI / 8),
+                    y2 - headlen * Math.sin(angle + Math.PI / 8),
+                    void 0,
+                    void 0,
+                    void 0,
+                    void 0,
+                    Commands.line
+                )
+            ];
+            const path = new Path(vertices, false, false, true);
+            path.noFill();
+            path.cap = "round";
+            path.join = "round";
+            this.scene.add(path);
+            return path;
+        }
+
+        makeRectangle(x, y, width, height) {
+            const rect = new Rectangle(x, y, width, height);
+            this.scene.add(rect);
+            return rect;
+        }
+
+        makeRoundedRectangle(x, y, width, height, sides) {
+            const rect = new RoundedRectangle(x, y, width, height, sides);
+            this.scene.add(rect);
+            return rect;
+        }
+
+        makeCircle(x, y, radius, resolution) {
+            const circle = new Circle(x, y, radius, resolution);
+            this.scene.add(circle);
+            return circle;
+        }
+
+        makeEllipse(x, y, rx, ry, resolution) {
+            const ellipse = new Ellipse(x, y, rx, ry, resolution);
+            this.scene.add(ellipse);
+            return ellipse;
+        }
+
+        makeStar(x, y, outerRadius, innerRadius, sides) {
+            const star = new Star(x, y, outerRadius, innerRadius, sides);
+            this.scene.add(star);
+            return star;
+        }
+
+        makeCurve(points) {
+            const l = arguments.length;
+            if (!Array.isArray(points)) {
+                points = [];
+                for (let i = 0; i < l; i += 2) {
+                    const x = arguments[i];
+                    if (typeof x !== "number") {
+                        break;
+                    }
+                    const y = arguments[i + 1];
+                    points.push(new Anchor(x, y));
+                }
+            }
+            const last = arguments[l - 1];
+            const curve = new Path(points, !(typeof last === "boolean" ? last : void 0), true);
+            const rect = curve.getBoundingClientRect();
+            curve.center().translation.set(rect.left + rect.width / 2, rect.top + rect.height / 2);
+            this.scene.add(curve);
+            return curve;
+        }
+
+        makePolygon(x, y, radius, sides) {
+            const poly = new Polygon(x, y, radius, sides);
+            this.scene.add(poly);
+            return poly;
+        }
+
+        makeArcSegment(x, y, innerRadius, outerRadius, startAngle, endAngle, resolution) {
+            const arcSegment = new ArcSegment(
+                x,
+                y,
+                innerRadius,
+                outerRadius,
+                startAngle,
+                endAngle,
+                resolution
+            );
+            this.scene.add(arcSegment);
+            return arcSegment;
+        }
+
+        makePoints(p) {
+            const l = arguments.length;
+            let vertices = p;
+            if (!Array.isArray(p)) {
+                vertices = [];
+                for (let i = 0; i < l; i += 2) {
+                    const x = arguments[i];
+                    if (typeof x !== "number") {
+                        break;
+                    }
+                    const y = arguments[i + 1];
+                    vertices.push(new Vector(x, y));
+                }
+            }
+            const points = new Points(vertices);
+            this.scene.add(points);
+            return points;
+        }
+
+        makePath(p) {
+            const l = arguments.length;
+            let points = p;
+            if (!Array.isArray(p)) {
+                points = [];
+                for (let i = 0; i < l; i += 2) {
+                    const x = arguments[i];
+                    if (typeof x !== "number") {
+                        break;
+                    }
+                    const y = arguments[i + 1];
+                    points.push(new Anchor(x, y));
+                }
+            }
+            const last = arguments[l - 1];
+            const path = new Path(points, !(typeof last === "boolean" ? last : void 0));
+            const rect = path.getBoundingClientRect();
+            if (typeof rect.top === "number" && typeof rect.left === "number" && typeof rect.right === "number" && typeof rect.bottom === "number") {
+                path.center().translation.set(rect.left + rect.width / 2, rect.top + rect.height / 2);
+            }
+            this.scene.add(path);
+            return path;
+        }
+
+        makeText(message, x, y, styles) {
+            const text = new Text(message, x, y, styles);
+            this.add(text);
+            return text;
+        }
+
+        makeLinearGradient(x1, y1, x2, y2) {
+            const stops = Array.prototype.slice.call(arguments, 4);
+            const gradient = new LinearGradient(x1, y1, x2, y2, stops);
+            this.add(gradient);
+            return gradient;
+        }
+
+        makeRadialGradient(x1, y1, radius) {
+            const stops = Array.prototype.slice.call(arguments, 3);
+            const gradient = new RadialGradient(x1, y1, radius, stops);
+            this.add(gradient);
+            return gradient;
+        }
+
+        makeSprite(pathOrTexture, x, y, columns, rows, frameRate, autostart) {
+            const sprite = new Sprite(pathOrTexture, x, y, columns, rows, frameRate);
+            if (autostart) {
+                sprite.play();
+            }
+            this.add(sprite);
+            return sprite;
+        }
+
+        makeImageSequence(pathsOrTextures, x, y, frameRate, autostart) {
+            const imageSequence = new ImageSequence(pathsOrTextures, x, y, frameRate);
+            if (autostart) {
+                imageSequence.play();
+            }
+            this.add(imageSequence);
+            return imageSequence;
+        }
+
+        makeTexture(pathOrSource, callback) {
+            const texture = new Texture(pathOrSource, callback);
+            return texture;
+        }
+
+        makeGroup(objects) {
+            if (!(objects instanceof Array)) {
+                objects = Array.prototype.slice.call(arguments);
+            }
+            const group = new Group();
+            this.scene.add(group);
+            group.add(objects);
+            return group;
+        }
+
+        interpret(svg2, shallow, add) {
+            const tag = svg2.tagName.toLowerCase();
+            add = typeof add !== "undefined" ? add : true;
+            if (!(tag in read)) {
+                return null;
+            }
+            const node = read[tag].call(this, svg2);
+            if (add) {
+                this.add(shallow && node instanceof Group ? node.children : node);
+            } else if (node.parent) {
+                node.remove();
+            }
+            return node;
+        }
+
+        load(pathOrSVGContent, callback) {
+            const group = new Group();
+            let elem, i, child;
+            const attach = function (data) {
+                dom.temp.innerHTML = data;
+                for (i = 0; i < dom.temp.children.length; i++) {
+                    elem = dom.temp.children[i];
+                    child = this.interpret(elem, false, false);
+                    if (child !== null) {
+                        group.add(child);
+                    }
+                }
+                if (typeof callback === "function") {
+                    const svg2 = dom.temp.children.length <= 1 ? dom.temp.children[0] : dom.temp.children;
+                    callback(group, svg2);
+                }
+            }.bind(this);
+            if (/\.svg$/i.test(pathOrSVGContent)) {
+                xhr(pathOrSVGContent, attach);
+                return group;
+            }
+            attach(pathOrSVGContent);
+            return group;
+        }
+    };
+    var Two = _Two;
+    __publicField(Two, "nextFrameID", Constants.nextFrameID);
+    __publicField(Two, "Types", Constants.Types);
+    __publicField(Two, "Version", Constants.Version);
+    __publicField(Two, "PublishDate", Constants.PublishDate);
+    __publicField(Two, "Identifier", Constants.Identifier);
+    __publicField(Two, "Resolution", Constants.Resolution);
+    __publicField(Two, "AutoCalculateImportedMatrices", Constants.AutoCalculateImportedMatrices);
+    __publicField(Two, "Instances", Constants.Instances);
+    __publicField(Two, "uniqueId", Constants.uniqueId);
+    __publicField(Two, "Anchor", Anchor);
+    __publicField(Two, "Collection", Collection);
+    __publicField(Two, "Events", Events);
+    __publicField(Two, "Group", Group);
+    __publicField(Two, "Matrix", Matrix2);
+    __publicField(Two, "Path", Path);
+    __publicField(Two, "Registry", Registry);
+    __publicField(Two, "Shape", Shape);
+    __publicField(Two, "Text", Text);
+    __publicField(Two, "Vector", Vector);
+    __publicField(Two, "Gradient", Gradient);
+    __publicField(Two, "ImageSequence", ImageSequence);
+    __publicField(Two, "LinearGradient", LinearGradient);
+    __publicField(Two, "RadialGradient", RadialGradient);
+    __publicField(Two, "Sprite", Sprite);
+    __publicField(Two, "Stop", Stop);
+    __publicField(Two, "Texture", Texture);
+    __publicField(Two, "ArcSegment", ArcSegment);
+    __publicField(Two, "Circle", Circle);
+    __publicField(Two, "Ellipse", Ellipse);
+    __publicField(Two, "Line", Line);
+    __publicField(Two, "Points", Points);
+    __publicField(Two, "Polygon", Polygon);
+    __publicField(Two, "Rectangle", Rectangle);
+    __publicField(Two, "RoundedRectangle", RoundedRectangle);
+    __publicField(Two, "Star", Star);
+    __publicField(Two, "CanvasRenderer", Renderer);
+    __publicField(Two, "SVGRenderer", Renderer2);
+    __publicField(Two, "WebGLRenderer", Renderer3);
+    __publicField(Two, "Commands", Commands);
+    __publicField(Two, "Utils", Utils);
+
+    function fitToWindow() {
+        const wr = document.body.getBoundingClientRect();
+        const width = this.width = wr.width;
+        const height = this.height = wr.height;
+        this.renderer.setSize(width, height, this.ratio);
+    }
+
+    function fitToParent() {
+        const parent = this.renderer.domElement.parentElement;
+        if (!parent) {
+            console.warn("Two.js: Attempting to fit to parent, but no parent found.");
+            return;
+        }
+        const wr = parent.getBoundingClientRect();
+        const width = this.width = wr.width;
+        const height = this.height = wr.height;
+        this.renderer.setSize(width, height, this.ratio);
+    }
+
+    function updateDimensions(width, height) {
+        this.width = width;
+        this.height = height;
+        this.trigger(Events.Types.resize, width, height);
+    }
+
+    var raf = dom.getRequestAnimationFrame();
+
+    function loop() {
+        for (let i = 0; i < Two.Instances.length; i++) {
+            const t = Two.Instances[i];
+            if (t.playing) {
+                t.update();
+            }
+        }
+        Two.nextFrameID = raf(loop);
+    }
+
+    raf.init = function () {
+        loop();
+        raf.init = function () {
+        };
+    };
+    return __toCommonJS(two_exports);
 })().default;
 
-(function(){if(typeof exports==='object'&&typeof module!=='undefined'){module.exports=Two}})()
\ No newline at end of file
+(function () {
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+        module.exports = Two
+    }
+})()
\ No newline at end of file
diff --git a/httpdocs/themes/vuexy/vendor/libs/two/two.min.js b/httpdocs/themes/vuexy/vendor/libs/two/two.min.js
deleted file mode 100644
index fc20d934..00000000
--- a/httpdocs/themes/vuexy/vendor/libs/two/two.min.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
-MIT License
-
-Copyright (c) 2012 - 2021 @jonobr1 / http://jono.fyi
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-*/
-var Two=(()=>{var me=Object.defineProperty;var Yi=Object.getOwnPropertyDescriptor;var qi=Object.getOwnPropertyNames;var Gi=Object.prototype.hasOwnProperty;var Ki=(i,t,e)=>t in i?me(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var Me=(i,t)=>{for(var e in t)me(i,e,{get:t[e],enumerable:!0})},$i=(i,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of qi(t))!Gi.call(i,r)&&r!==e&&me(i,r,{get:()=>t[r],enumerable:!(s=Yi(t,r))||s.enumerable});return i};var Ji=i=>$i(me({},"__esModule",{value:!0}),i);var v=(i,t,e)=>(Ki(i,typeof t!="symbol"?t+"":t,e),e);var Gs={};Me(Gs,{default:()=>P});var w={move:"M",line:"L",curve:"C",arc:"A",close:"Z"};var Ie={};Me(Ie,{HALF_PI:()=>J,NumArray:()=>yt,TWO_PI:()=>$,decomposeMatrix:()=>St,getComputedMatrix:()=>Oe,getPoT:()=>Pe,lerp:()=>nt,mod:()=>it,setMatrix:()=>Le,toFixed:()=>K});var H;typeof window<"u"?H=window:typeof global<"u"?H=global:typeof self<"u"&&(H=self);var li,$=Math.PI*2,J=Math.PI*.5;function St(i,t,e,s,r,n){let a;return arguments.length<=1?(a=i.a,t=i.b,e=i.c,s=i.d,r=i.e,n=i.f):a=i,{translateX:r,translateY:n,scaleX:Math.sqrt(a*a+t*t),scaleY:Math.sqrt(e*e+s*s),rotation:180*Math.atan2(t,a)/Math.PI}}function Le(i){li=i}function Oe(i,t){t=t&&t.identity()||new li;let e=i,s=[];for(;e&&e._matrix;)s.push(e._matrix),e=e.parent;s.reverse();for(let r=0;r<s.length;r++){let a=s[r].elements;t.multiply(a[0],a[1],a[2],a[3],a[4],a[5],a[6],a[7],a[8],a[9])}return t}function nt(i,t,e){return e*(t-i)+i}var Ce=[2,4,8,16,32,64,128,256,512,1024,2048,4096];function Pe(i){let t=0;for(;Ce[t]&&Ce[t]<i;)t++;return Ce[t]}function it(i,t){for(;i<0;)i+=t;return i%t}var yt=H.Float32Array||Array,Zi=Math.floor;function K(i){return Zi(i*1e6)/1e6}var Ve={};Me(Ve,{Curve:()=>jt,getAnchorsFromArcData:()=>ts,getComponentOnCubicBezier:()=>Ut,getControlPoints:()=>ui,getCurveBoundingBox:()=>Ne,getCurveFromPoints:()=>je,getCurveLength:()=>Be,getReflection:()=>ye,integrate:()=>ci,subdivide:()=>se});var p=class{_events={};_bound=!1;constructor(){}addEventListener(t,e){return(this._events[t]||(this._events[t]=[])).push(e),this._bound=!0,this}on(){return this.addEventListener.apply(this,arguments)}bind(){return this.addEventListener.apply(this,arguments)}removeEventListener(t,e){if(!this._events)return this;if(!t&&!e)return this._events={},this._bound=!1,this;let s=t?[t]:Object.keys(this._events);for(let r=0,n=s.length;r<n;r++){t=s[r];let a=this._events[t];if(a){let o=[];if(e)for(let h=0,l=a.length;h<l;h++){let f=a[h];f=f.handler?f.handler:f,e!==f&&o.push(f)}this._events[t]=o}}return this}off(){return this.removeEventListener.apply(this,arguments)}unbind(){return this.removeEventListener.apply(this,arguments)}dispatchEvent(t){if(!this._events)return this;let e=Array.prototype.slice.call(arguments,1),s=this._events[t];if(s)for(let r=0;r<s.length;r++)s[r].call(this,...e);return this}trigger(){return this.dispatchEvent.apply(this,arguments)}listen(t,e,s){let r=this;t&&(n.obj=t,n.name=e,n.handler=s,t.on(e,n));function n(){s.apply(r,arguments)}return r}ignore(t,e,s){return t.off(e,s),this}};v(p,"Types",{play:"play",pause:"pause",update:"update",render:"render",resize:"resize",change:"change",remove:"remove",insert:"insert",order:"order",load:"load"}),v(p,"Methods",["addEventListener","on","removeEventListener","off","unbind","dispatchEvent","trigger","listen","ignore"]);var hi={x:{enumerable:!0,get:function(){return this._x},set:function(i){this._x!==i&&(this._x=i,this._bound&&this.dispatchEvent(p.Types.change))}},y:{enumerable:!0,get:function(){return this._y},set:function(i){this._y!==i&&(this._y=i,this._bound&&this.dispatchEvent(p.Types.change))}}},bt=class extends p{_x=0;_y=0;constructor(t=0,e=0){super();for(let s in hi)Object.defineProperty(this,s,hi[s]);this.x=t,this.y=e}static add(t,e){return new bt(t.x+e.x,t.y+e.y)}static sub(t,e){return new bt(t.x-e.x,t.y-e.y)}static subtract(t,e){return bt.sub(t,e)}static ratioBetween(t,e){return(t.x*e.x+t.y*e.y)/(t.length()*e.length())}static angleBetween(t,e){if(arguments.length>=4){let n=arguments[0]-arguments[2],a=arguments[1]-arguments[3];return Math.atan2(a,n)}let s=t.x-e.x,r=t.y-e.y;return Math.atan2(r,s)}static distanceBetween(t,e){return Math.sqrt(bt.distanceBetweenSquared(t,e))}static distanceBetweenSquared(t,e){let s=t.x-e.x,r=t.y-e.y;return s*s+r*r}set(t,e){return this.x=t,this.y=e,this}copy(t){return this.x=t.x,this.y=t.y,this}clear(){return this.x=0,this.y=0,this}clone(){return new bt(this.x,this.y)}add(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x+=t,this.y+=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x+=t.x,this.y+=t.y):(this.x+=t,this.y+=e),this)}addSelf(t){return this.add.apply(this,arguments)}sub(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x-=t,this.y-=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x-=t.x,this.y-=t.y):(this.x-=t,this.y-=e),this)}subtract(){return this.sub.apply(this,arguments)}subSelf(t){return this.sub.apply(this,arguments)}subtractSelf(t){return this.sub.apply(this,arguments)}multiply(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x*=t,this.y*=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x*=t.x,this.y*=t.y):(this.x*=t,this.y*=e),this)}multiplySelf(t){return this.multiply.apply(this,arguments)}multiplyScalar(t){return this.multiply(t)}divide(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x/=t,this.y/=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x/=t.x,this.y/=t.y):(this.x/=t,this.y/=e),isNaN(this.x)&&(this.x=0),isNaN(this.y)&&(this.y=0),this)}divideSelf(t){return this.divide.apply(this,arguments)}divideScalar(t){return this.divide(t)}negate(){return this.multiply(-1)}dot(t){return this.x*t.x+this.y*t.y}length(){return Math.sqrt(this.lengthSquared())}lengthSquared(){return this.x*this.x+this.y*this.y}normalize(){return this.divideScalar(this.length())}distanceTo(t){return Math.sqrt(this.distanceToSquared(t))}distanceToSquared(t){let e=this.x-t.x,s=this.y-t.y;return e*e+s*s}setLength(t){return this.normalize().multiplyScalar(t)}equals(t,e){return e=typeof e>"u"?1e-4:e,this.distanceTo(t)<e}lerp(t,e){let s=(t.x-this.x)*e+this.x,r=(t.y-this.y)*e+this.y;return this.set(s,r)}isZero(t){return t=typeof t>"u"?1e-4:t,this.length()<t}toString(){return this.x+", "+this.y}toObject(){return{x:this.x,y:this.y}}rotate(t){let e=this.x,s=this.y,r=Math.cos(t),n=Math.sin(t);return this.x=e*r-s*n,this.y=e*n+s*r,this}},k=bt;v(k,"zero",new bt),v(k,"left",new bt(-1,0)),v(k,"right",new bt(1,0)),v(k,"up",new bt(0,-1)),v(k,"down",new bt(0,1));var F=class extends k{controls={left:new k,right:new k};_command=w.move;_relative=!0;_rx=0;_ry=0;_xAxisRotation=0;_largeArcFlag=0;_sweepFlag=1;constructor(t=0,e=0,s=0,r=0,n=0,a=0,o=w.move){super(t,e);for(let l in fi)Object.defineProperty(this,l,fi[l]);this.command=o,this.relative=!0;let h=F.makeBroadcast(this);this.controls.left.set(s,r).addEventListener(p.Types.change,h),this.controls.right.set(n,a).addEventListener(p.Types.change,h)}static makeBroadcast(t){return e;function e(){t._bound&&t.dispatchEvent(p.Types.change)}}copy(t){return this.x=t.x,this.y=t.y,typeof t.command=="string"&&(this.command=t.command),t.controls&&(t.controls.left&&this.controls.left.copy(t.controls.left),t.controls.right&&this.controls.right.copy(t.controls.right)),typeof t.relative=="boolean"&&(this.relative=t.relative),typeof t.rx=="number"&&(this.rx=t.rx),typeof t.ry=="number"&&(this.ry=t.ry),typeof t.xAxisRotation=="number"&&(this.xAxisRotation=t.xAxisRotation),typeof t.largeArcFlag=="number"&&(this.largeArcFlag=t.largeArcFlag),typeof t.sweepFlag=="number"&&(this.sweepFlag=t.sweepFlag),this}clone(){return new F().copy(this)}toObject(){return{x:this.x,y:this.y,command:this.command,relative:this.relative,controls:{left:this.controls.left.toObject(),right:this.controls.right.toObject()},rx:this.rx,ry:this.ry,xAxisRotation:this.xAxisRotation,largeArcFlag:this.largeArcFlag,sweepFlag:this.sweepFlag}}toString(){return JSON.stringify(this.toObject())}},fi={command:{enumerable:!0,get:function(){return this._command},set:function(i){this._command!==i&&(this._command=i,this._bound&&this.dispatchEvent(p.Types.change))}},relative:{enumerable:!0,get:function(){return this._relative},set:function(i){this._relative!==!!i&&(this._relative=!!i,this._bound&&this.dispatchEvent(p.Types.change))}},rx:{enumerable:!0,get:function(){return this._rx},set:function(i){this._rx!==i&&(this._rx=i,this._bound&&this.dispatchEvent(p.Types.change))}},ry:{enumerable:!0,get:function(){return this._ry},set:function(i){this._ry!==i&&(this._ry=i,this._bound&&this.dispatchEvent(p.Types.change))}},xAxisRotation:{enumerable:!0,get:function(){return this._xAxisRotation},set:function(i){this._xAxisRotation!==i&&(this._xAxisRotation=i,this._bound&&this.dispatchEvent(p.Types.change))}},largeArcFlag:{enumerable:!0,get:function(){return this._largeArcFlag},set:function(i){this._largeArcFlag!==i&&(this._largeArcFlag=i,this._bound&&this.dispatchEvent(p.Types.change))}},sweepFlag:{get:function(){return this._sweepFlag},set:function(i){this._sweepFlag!==i&&(this._sweepFlag=i,this._bound&&this.dispatchEvent(p.Types.change))}}};var Qi=0,Y={nextFrameID:null,Types:{webgl:"WebGLRenderer",svg:"SVGRenderer",canvas:"CanvasRenderer"},Version:"v0.8.12",PublishDate:"2023-10-16T17:55:26.551Z",Identifier:"two-",Resolution:12,AutoCalculateImportedMatrices:!0,Instances:[],uniqueId:function(){return Qi++}};var jt={CollinearityEpsilon:Math.pow(10,-30),RecursionLimit:16,CuspLimit:0,Tolerance:{distance:.25,angle:0,epsilon:Number.EPSILON},abscissas:[[.5773502691896257],[0,.7745966692414834],[.33998104358485626,.8611363115940526],[0,.5384693101056831,.906179845938664],[.2386191860831969,.6612093864662645,.932469514203152],[0,.4058451513773972,.7415311855993945,.9491079123427585],[.1834346424956498,.525532409916329,.7966664774136267,.9602898564975363],[0,.3242534234038089,.6133714327005904,.8360311073266358,.9681602395076261],[.14887433898163122,.4333953941292472,.6794095682990244,.8650633666889845,.9739065285171717],[0,.26954315595234496,.5190961292068118,.7301520055740494,.8870625997680953,.978228658146057],[.1252334085114689,.3678314989981802,.5873179542866175,.7699026741943047,.9041172563704749,.9815606342467192],[0,.2304583159551348,.44849275103644687,.6423493394403402,.8015780907333099,.9175983992229779,.9841830547185881],[.10805494870734367,.31911236892788974,.5152486363581541,.6872929048116855,.827201315069765,.9284348836635735,.9862838086968123],[0,.20119409399743451,.3941513470775634,.5709721726085388,.7244177313601701,.8482065834104272,.937273392400706,.9879925180204854],[.09501250983763744,.2816035507792589,.45801677765722737,.6178762444026438,.755404408355003,.8656312023878318,.9445750230732326,.9894009349916499]],weights:[[1],[.8888888888888888,.5555555555555556],[.6521451548625461,.34785484513745385],[.5688888888888889,.47862867049936647,.23692688505618908],[.46791393457269104,.3607615730481386,.17132449237917036],[.4179591836734694,.3818300505051189,.27970539148927664,.1294849661688697],[.362683783378362,.31370664587788727,.22238103445337448,.10122853629037626],[.3302393550012598,.31234707704000286,.26061069640293544,.1806481606948574,.08127438836157441],[.29552422471475287,.26926671930999635,.21908636251598204,.1494513491505806,.06667134430868814],[.2729250867779006,.26280454451024665,.23319376459199048,.18629021092773426,.1255803694649046,.05566856711617366],[.24914704581340277,.2334925365383548,.20316742672306592,.16007832854334622,.10693932599531843,.04717533638651183],[.2325515532308739,.22628318026289723,.2078160475368885,.17814598076194574,.13887351021978725,.09212149983772845,.04048400476531588],[.2152638534631578,.2051984637212956,.18553839747793782,.15720316715819355,.12151857068790319,.08015808715976021,.03511946033175186],[.2025782419255613,.19843148532711158,.1861610000155622,.16626920581699392,.13957067792615432,.10715922046717194,.07036604748810812,.03075324199611727],[.1894506104550685,.18260341504492358,.16915651939500254,.14959598881657674,.12462897125553388,.09515851168249279,.062253523938647894,.027152459411754096]]};function Ut(i,t,e,s,r){let n=1-i;return n*n*n*t+3*n*n*i*e+3*n*i*i*s+i*i*i*r}function se(i,t,e,s,r,n,a,o,h){h=h||jt.RecursionLimit;let l=h+1;if(Math.abs(i-a)<.001&&Math.abs(t-o)<.001)return[new F(a,o)];let f=[];for(let c=0;c<l;c++){let d=c/l,_=Ut(d,i,e,r,a),u=Ut(d,t,s,n,o);f.push(new F(_,u))}return f}function Be(i,t,e,s,r,n,a,o,h){if(i===e&&t===s&&r===a&&n===o){let b=a-i,g=o-t;return Math.sqrt(b*b+g*g)}let l=9*(e-r)+3*(a-i),f=6*(i+r)-12*e,c=3*(e-i),d=9*(s-n)+3*(o-t),_=6*(t+n)-12*s,u=3*(s-t);function m(b){let g=(l*b+f)*b+c,y=(d*b+_)*b+u;return Math.sqrt(g*g+y*y)}return ci(m,0,1,h||jt.RecursionLimit)}function Ne(i,t,e,s,r,n,a,o){let h=[],l=[[],[]],f,c,d,_,u,m,b,g;for(let A=0;A<2;++A){if(A==0?(c=6*i-12*e+6*r,f=-3*i+9*e-9*r+3*a,d=3*e-3*i):(c=6*t-12*s+6*n,f=-3*t+9*s-9*n+3*o,d=3*s-3*t),Math.abs(f)<1e-12){if(Math.abs(c)<1e-12)continue;_=-d/c,0<_&&_<1&&h.push(_);continue}b=c*c-4*d*f,g=Math.sqrt(b),!(b<0)&&(u=(-c+g)/(2*f),0<u&&u<1&&h.push(u),m=(-c-g)/(2*f),0<m&&m<1&&h.push(m))}let y=h.length,x=y,S;for(;y--;)_=h[y],S=1-_,l[0][y]=S*S*S*i+3*S*S*_*e+3*S*_*_*r+_*_*_*a,l[1][y]=S*S*S*t+3*S*S*_*s+3*S*_*_*n+_*_*_*o;return l[0][x]=i,l[1][x]=t,l[0][x+1]=a,l[1][x+1]=o,l[0].length=l[1].length=x+2,{min:{x:Math.min.apply(0,l[0]),y:Math.min.apply(0,l[1])},max:{x:Math.max.apply(0,l[0]),y:Math.max.apply(0,l[1])}}}function ci(i,t,e,s){let r=jt.abscissas[s-2],n=jt.weights[s-2],a=.5*(e-t),o=a+t,h=0,l=s+1>>1,f=s&1?n[h++]*i(o):0;for(;h<l;){let c=a*r[h];f+=n[h++]*(i(o+c)+i(o-c))}return a*f}function je(i,t){let e=i.length,s=e-1;for(let r=0;r<e;r++){let n=i[r],a=t?it(r-1,e):Math.max(r-1,0),o=t?it(r+1,e):Math.min(r+1,s),h=i[a],l=n,f=i[o];ui(h,l,f),l.command=r===0?w.move:w.curve}}function ui(i,t,e){let s=k.angleBetween(i,t),r=k.angleBetween(e,t),n=k.distanceBetween(i,t),a=k.distanceBetween(e,t),o=(s+r)/2;return n<1e-4||a<1e-4?(typeof t.relative=="boolean"&&!t.relative&&(t.controls.left.copy(t),t.controls.right.copy(t)),t):(n*=.33,a*=.33,r<s?o+=J:o-=J,t.controls.left.x=Math.cos(o)*n,t.controls.left.y=Math.sin(o)*n,o-=Math.PI,t.controls.right.x=Math.cos(o)*a,t.controls.right.y=Math.sin(o)*a,typeof t.relative=="boolean"&&!t.relative&&(t.controls.left.x+=t.x,t.controls.left.y+=t.y,t.controls.right.x+=t.x,t.controls.right.y+=t.y),t)}function ye(i,t,e){return new k(2*i.x-(t.x+i.x)-(e?i.x:0),2*i.y-(t.y+i.y)-(e?i.y:0))}function ts(i,t,e,s,r,n,a){let o=Y.Resolution,h=[];for(let l=0;l<o;l++){let f=(l+1)/o;a&&(f=1-f);let c=f*n+r,d=e*Math.cos(c),_=s*Math.sin(c),u=new F(d,_);u.command=w.line,h.push(u)}}var es=H.devicePixelRatio||1;function is(i){return i.webkitBackingStorePixelRatio||i.mozBackingStorePixelRatio||i.msBackingStorePixelRatio||i.oBackingStorePixelRatio||i.backingStorePixelRatio||1}function Dt(i){return es/is(i)}var di=Array.prototype.slice;function ss(i){if(i==null)return!1;let t=i.length;return typeof t=="number"&&t>=0&&t<4294967296}var R={isNaN:function(i){return typeof i=="number"&&i!==+i},isElement:function(i){return!!(i&&i.nodeType===1)},isObject:function(i){let t=typeof i;return t==="function"||t==="object"&&!!i},extend:function(i){let t=di.call(arguments,1);for(let e=0;e<t.length;e++){let s=t[e];for(let r in s)i[r]=s[r]}return i},defaults:function(i){let t=di.call(arguments,1);for(let e=0;e<t.length;e++){let s=t[e];for(let r in s)i[r]===void 0&&(i[r]=s[r])}return i},each:function(i,t,e){let s=e||this,r=!ss(i)&&Object.keys(i),n=(r||i).length;for(let a=0;a<n;a++){let o=r?r[a]:a;t.call(s,i[o],o,i)}return i},performance:H.performance&&H.performance.now?H.performance:Date};var Rt=class extends p{_flagId=!1;_flagClassName=!1;_renderer={};_id="";_className="";classList=[];constructor(){super();for(let t in _i)Object.defineProperty(this,t,_i[t])}flagReset(){this._flagId=this._flagClassName=!1}},_i={renderer:{enumerable:!1,get:function(){return this._renderer}},id:{enumerable:!0,get:function(){return this._id},set:function(i){let t=this._id;i!==this._id&&(this._id=i,this._flagId=!0,this.parent&&(delete this.parent.children.ids[t],this.parent.children.ids[this._id]=this))}},className:{enumerable:!0,get:function(){return this._className},set:function(i){this._className!==i&&(this._flagClassName=!0,this.classList=i.split(/\s+?/),this._className=i)}}};var rs=Math.cos,ns=Math.sin,gi=Math.tan,ze=[],gt=class extends p{elements=new yt(9);manual=!1;constructor(t,e,s,r,n,a){super();let o=t;Array.isArray(o)||(o=Array.prototype.slice.call(arguments)),this.identity(),o.length>0&&this.set(o)}static Multiply(t,e,s){if(e.length<=3){let E=t,M,B,C,T=e[0]||0,j=e[1]||0,z=e[2]||0;return M=E[0]*T+E[1]*j+E[2]*z,B=E[3]*T+E[4]*j+E[5]*z,C=E[6]*T+E[7]*j+E[8]*z,[M,B,C]}let r=t[0],n=t[1],a=t[2],o=t[3],h=t[4],l=t[5],f=t[6],c=t[7],d=t[8],_=e[0],u=e[1],m=e[2],b=e[3],g=e[4],y=e[5],x=e[6],S=e[7],A=e[8];return s=s||new yt(9),s[0]=r*_+n*b+a*x,s[1]=r*u+n*g+a*S,s[2]=r*m+n*y+a*A,s[3]=o*_+h*b+l*x,s[4]=o*u+h*g+l*S,s[5]=o*m+h*y+l*A,s[6]=f*_+c*b+d*x,s[7]=f*u+c*g+d*S,s[8]=f*m+c*y+d*A,s}set(t,e,s,r,n,a,o,h,l){if(typeof e>"u"){let f=t;t=f[0],e=f[1],s=f[2],r=f[3],n=f[4],a=f[5],o=f[6],h=f[7],l=f[8]}return this.elements[0]=t,this.elements[1]=e,this.elements[2]=s,this.elements[3]=r,this.elements[4]=n,this.elements[5]=a,this.elements[6]=o,this.elements[7]=h,this.elements[8]=l,this.trigger(p.Types.change)}copy(t){return this.elements[0]=t.elements[0],this.elements[1]=t.elements[1],this.elements[2]=t.elements[2],this.elements[3]=t.elements[3],this.elements[4]=t.elements[4],this.elements[5]=t.elements[5],this.elements[6]=t.elements[6],this.elements[7]=t.elements[7],this.elements[8]=t.elements[8],this.manual=t.manual,this.trigger(p.Types.change)}identity(){return this.elements[0]=gt.Identity[0],this.elements[1]=gt.Identity[1],this.elements[2]=gt.Identity[2],this.elements[3]=gt.Identity[3],this.elements[4]=gt.Identity[4],this.elements[5]=gt.Identity[5],this.elements[6]=gt.Identity[6],this.elements[7]=gt.Identity[7],this.elements[8]=gt.Identity[8],this.trigger(p.Types.change)}multiply(t,e,s,r,n,a,o,h,l){if(typeof e>"u")return this.elements[0]*=t,this.elements[1]*=t,this.elements[2]*=t,this.elements[3]*=t,this.elements[4]*=t,this.elements[5]*=t,this.elements[6]*=t,this.elements[7]*=t,this.elements[8]*=t,this.trigger(p.Types.change);if(typeof s>"u"&&(s=1),typeof r>"u"){t=t||0,e=e||0,s=s||0,n=this.elements;let V=n[0]*t+n[1]*e+n[2]*s,ct=n[3]*t+n[4]*e+n[5]*s,ut=n[6]*t+n[7]*e+n[8]*s;return[V,ct,ut]}let f=this.elements,c=[t,e,s,r,n,a,o,h,l],d=f[0],_=f[1],u=f[2],m=f[3],b=f[4],g=f[5],y=f[6],x=f[7],S=f[8],A=c[0],E=c[1],M=c[2],B=c[3],C=c[4],T=c[5],j=c[6],z=c[7],X=c[8];return this.elements[0]=d*A+_*B+u*j,this.elements[1]=d*E+_*C+u*z,this.elements[2]=d*M+_*T+u*X,this.elements[3]=m*A+b*B+g*j,this.elements[4]=m*E+b*C+g*z,this.elements[5]=m*M+b*T+g*X,this.elements[6]=y*A+x*B+S*j,this.elements[7]=y*E+x*C+S*z,this.elements[8]=y*M+x*T+S*X,this.trigger(p.Types.change)}inverse(t){let e=this.elements;t=t||new gt;let s=e[0],r=e[1],n=e[2],a=e[3],o=e[4],h=e[5],l=e[6],f=e[7],c=e[8],d=c*o-h*f,_=-c*a+h*l,u=f*a-o*l,m=s*d+r*_+n*u;return m?(m=1/m,t.elements[0]=d*m,t.elements[1]=(-c*r+n*f)*m,t.elements[2]=(h*r-n*o)*m,t.elements[3]=_*m,t.elements[4]=(c*s-n*l)*m,t.elements[5]=(-h*s+n*a)*m,t.elements[6]=u*m,t.elements[7]=(-f*s+r*l)*m,t.elements[8]=(o*s-r*a)*m,t):null}scale(t,e){return arguments.length<=1&&(e=t),this.multiply(t,0,0,0,e,0,0,0,1)}rotate(t){let e=rs(t),s=ns(t);return this.multiply(e,-s,0,s,e,0,0,0,1)}translate(t,e){return this.multiply(1,0,t,0,1,e,0,0,1)}skewX(t){let e=gi(t);return this.multiply(1,e,0,0,1,0,0,0,1)}skewY(t){let e=gi(t);return this.multiply(1,0,0,e,1,0,0,0,1)}toString(t){return ze.length=0,this.toTransformArray(t,ze),ze.map(K).join(" ")}toTransformArray(t,e){let s=this.elements,r=!!e,n=s[0],a=s[1],o=s[2],h=s[3],l=s[4],f=s[5];if(t){let c=s[6],d=s[7],_=s[8];if(r){e[0]=n,e[1]=h,e[2]=c,e[3]=a,e[4]=l,e[5]=d,e[6]=o,e[7]=f,e[8]=_;return}return[n,h,c,a,l,d,o,f,_]}if(r){e[0]=n,e[1]=h,e[2]=a,e[3]=l,e[4]=o,e[5]=f;return}return[n,h,a,l,o,f]}toArray(t,e){let s=this.elements,r=!!e,n=s[0],a=s[1],o=s[2],h=s[3],l=s[4],f=s[5];if(t){let c=s[6],d=s[7],_=s[8];if(r){e[0]=n,e[1]=a,e[2]=o,e[3]=h,e[4]=l,e[5]=f,e[6]=c,e[7]=d,e[8]=_;return}return[n,a,o,h,l,f,c,d,_]}if(r){e[0]=n,e[1]=a,e[2]=o,e[3]=h,e[4]=l,e[5]=f;return}return[n,a,o,h,l,f]}toObject(){return{elements:this.toArray(!0),manual:!!this.manual}}clone(){return new gt().copy(this)}},xt=gt;v(xt,"Identity",[1,0,0,0,1,0,0,0,1]);Le(xt);var at=class extends Rt{_flagMatrix=!0;_flagScale=!1;_matrix=null;_worldMatrix=null;_position=null;_rotation=0;_scale=1;_skewX=0;_skewY=0;constructor(){super();for(let t in be)Object.defineProperty(this,t,be[t]);this._renderer.flagMatrix=pi.bind(this),this.isShape=!0,this.id=Y.Identifier+Y.uniqueId(),this.matrix=new xt,this.worldMatrix=new xt,this.position=new k,this.rotation=0,this.scale=1,this.skewX=0,this.skewY=0}get renderer(){return this._renderer}set renderer(t){this._renderer=t}get translation(){return be.position.get.apply(this,arguments)}set translation(t){be.position.set.apply(this,arguments)}addTo(t){return t.add(this),this}remove(){return this.parent?(this.parent.remove(this),this):this}clone(t){let e=new at;return e.position.copy(this.position),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}_update(t){return!this._matrix.manual&&this._flagMatrix&&(this._matrix.identity().translate(this.position.x,this.position.y),this._scale instanceof k?this._matrix.scale(this._scale.x,this._scale.y):this._matrix.scale(this._scale),this._matrix.rotate(this.rotation),this._matrix.skewX(this.skewX),this._matrix.skewY(this.skewY)),t&&this.parent&&this.parent._update&&this.parent._update(),this}flagReset(){return this._flagMatrix=this._flagScale=!1,super.flagReset.call(this),this}},be={position:{enumerable:!0,get:function(){return this._position},set:function(i){this._position&&this._position.unbind(p.Types.change,this._renderer.flagMatrix),this._position=i,this._position.bind(p.Types.change,this._renderer.flagMatrix),pi.call(this)}},rotation:{enumerable:!0,get:function(){return this._rotation},set:function(i){this._rotation=i,this._flagMatrix=!0}},scale:{enumerable:!0,get:function(){return this._scale},set:function(i){this._scale instanceof k&&this._scale.unbind(p.Types.change,this._renderer.flagMatrix),this._scale=i,this._scale instanceof k&&this._scale.bind(p.Types.change,this._renderer.flagMatrix),this._flagMatrix=!0,this._flagScale=!0}},skewX:{enumerable:!0,get:function(){return this._skewX},set:function(i){this._skewX=i,this._flagMatrix=!0}},skewY:{enumerable:!0,get:function(){return this._skewY},set:function(i){this._skewY=i,this._flagMatrix=!0}},matrix:{enumerable:!0,get:function(){return this._matrix},set:function(i){this._matrix=i,this._flagMatrix=!0}},worldMatrix:{enumerable:!0,get:function(){return Oe(this,this._worldMatrix),this._worldMatrix},set:function(i){this._worldMatrix=i}}};function pi(){this._flagMatrix=!0}var ot=class extends Array{_events=new p;get _bound(){return this._events._bound}set _bound(t){this._events._bound=t}addEventListener(){return this._events.addEventListener.apply(this,arguments)}on(){return this._events.on.apply(this,arguments)}bind(){return this._events.bind.apply(this,arguments)}removeEventListener(){return this._events.removeEventListener.apply(this,arguments)}off(){return this._events.off.apply(this,arguments)}unbind(){return this._events.unbind.apply(this,arguments)}dispatchEvent(){return this._events.dispatchEvent.apply(this,arguments)}trigger(){return this._events.trigger.apply(this,arguments)}listen(){return this._events.listen.apply(this,arguments)}ignore(){return this._events.ignore.apply(this,arguments)}constructor(){super(),arguments[0]&&Array.isArray(arguments[0])?arguments[0].length>0&&this.push.apply(this,arguments[0]):arguments.length>0&&this.push.apply(this,arguments)}pop(){let t=super.pop.apply(this,arguments);return this.trigger(p.Types.remove,[t]),t}shift(){let t=super.shift.apply(this,arguments);return this.trigger(p.Types.remove,[t]),t}push(){let t=super.push.apply(this,arguments);return this.trigger(p.Types.insert,arguments),t}unshift(){let t=super.unshift.apply(this,arguments);return this.trigger(p.Types.insert,arguments),t}splice(){let t=super.splice.apply(this,arguments);if(this.trigger(p.Types.remove,t),arguments.length>2){let e=this.slice(arguments[0],arguments[0]+arguments.length-2);this.trigger(p.Types.insert,e),this.trigger(p.Types.order)}return t}sort(){return super.sort.apply(this,arguments),this.trigger(p.Types.order),this}reverse(){return super.reverse.apply(this,arguments),this.trigger(p.Types.order),this}indexOf(){return super.indexOf.apply(this,arguments)}map(t,e){let s=[];for(let r=0;r<this.length;r++){let n=this[r],a;e?a=t.call(e,n,r):a=t(n,r),s.push(a)}return s}};var re=class extends ot{ids={};constructor(t){t=Array.isArray(t)?t:Array.prototype.slice.call(arguments),super(t),this.attach(t),this.on(p.Types.insert,this.attach),this.on(p.Types.remove,this.detach)}attach(t){for(let e=0;e<t.length;e++){let s=t[e];s&&s.id&&(this.ids[s.id]=s)}return this}detach(t){for(let e=0;e<t.length;e++)delete this.ids[t[e].id];return this}};var xe=Math.min,ve=Math.max,Ue=class extends at{_flagAdditions=!1;_flagSubtractions=!1;_flagOrder=!1;_flagOpacity=!0;_flagBeginning=!1;_flagEnding=!1;_flagLength=!1;_flagMask=!1;_fill="#fff";_stroke="#000";_linewidth=1;_opacity=1;_visible=!0;_cap="round";_join="round";_miter=4;_closed=!0;_curved=!1;_automatic=!0;_beginning=0;_ending=1;_length=0;_mask=null;constructor(t){super();for(let e in mi)Object.defineProperty(this,e,mi[e]);this._renderer.type="group",this.additions=[],this.subtractions=[],this.children=Array.isArray(t)?t:Array.prototype.slice.call(arguments)}static InsertChildren(t){for(let e=0;e<t.length;e++)yi.call(this,t[e],this)}static RemoveChildren(t){for(let e=0;e<t.length;e++)yi.call(this,t[e])}static OrderChildren(t){this._flagOrder=!0}clone(t){let e=new Ue,s=this.children.map(function(r){return r.clone()});return e.add(s),e.opacity=this.opacity,this.mask&&(e.mask=this.mask),e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.className=this.className,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={children:[],translation:this.translation.toObject(),rotation:this.rotation,scale:this.scale instanceof k?this.scale.toObject():this.scale,opacity:this.opacity,className:this.className,mask:this.mask?this.mask.toObject():null};return this.matrix.manual&&(t.matrix=this.matrix.toObject()),R.each(this.children,function(e,s){t.children[s]=e.toObject()},this),t}corner(){let t=this.getBoundingClientRect(!0);for(let e=0;e<this.children.length;e++){let s=this.children[e];s.translation.x-=t.left,s.translation.y-=t.top}return this.mask&&(this.mask.translation.x-=t.left,this.mask.translation.y-=t.top),this}center(){let t=this.getBoundingClientRect(!0),e=t.left+t.width/2-this.translation.x,s=t.top+t.height/2-this.translation.y;for(let r=0;r<this.children.length;r++){let n=this.children[r];n.isShape&&(n.translation.x-=e,n.translation.y-=s)}return this.mask&&(this.mask.translation.x-=e,this.mask.translation.y-=s),this}getById(t){let e=null;function s(r){if(r.id===t)return r;if(r.children){for(let n=0;n<r.children.length;n++)if(e=s(r.children[n]),e)return e}return null}return s(this)}getByClassName(t){let e=[];function s(r){if(Array.prototype.indexOf.call(r.classList,t)>=0&&e.push(r),r.children)for(let n=0;n<r.children.length;n++){let a=r.children[n];s(a)}return e}return s(this)}getByType(t){let e=[];function s(r){if(r instanceof t&&e.push(r),r.children)for(let n=0;n<r.children.length;n++){let a=r.children[n];s(a)}return e}return s(this)}add(t){t instanceof Array?t=t.slice():t=Array.prototype.slice.call(arguments);for(let e=0;e<t.length;e++){let s=t[e];if(!(s&&s.id))continue;let r=Array.prototype.indexOf.call(this.children,s);r>=0&&this.children.splice(r,1),this.children.push(s)}return this}remove(t){let e=arguments.length,s=this.parent;if(e<=0&&s)return s.remove(this),this;t instanceof Array?t=t.slice():t=Array.prototype.slice.call(arguments);for(let r=0;r<t.length;r++){let n=t[r];if(!n||!this.children.ids[n.id])continue;let a=this.children.indexOf(n);a>=0&&this.children.splice(a,1)}return this}getBoundingClientRect(t){let e,s,r,n,a,o;this._update(!0);let h=1/0,l=-1/0,f=1/0,c=-1/0,d=/texture|gradient/i;s=t?this.matrix:this.worldMatrix;for(let _=0;_<this.children.length;_++){let u=this.children[_];if(!(!u.visible||d.test(u._renderer.type))&&(e=u.getBoundingClientRect(t),r=typeof e.top!="number"||R.isNaN(e.top)||!isFinite(e.top),n=typeof e.left!="number"||R.isNaN(e.left)||!isFinite(e.left),a=typeof e.right!="number"||R.isNaN(e.right)||!isFinite(e.right),o=typeof e.bottom!="number"||R.isNaN(e.bottom)||!isFinite(e.bottom),!(r||n||a||o)))if(t){let[m,b]=s.multiply(e.left,e.top),[g,y]=s.multiply(e.right,e.top),[x,S]=s.multiply(e.left,e.bottom),[A,E]=s.multiply(e.right,e.bottom);f=xe(b,y,S,E),h=xe(m,g,x,A),l=ve(m,g,x,A),c=ve(b,y,S,E)}else f=xe(e.top,f),h=xe(e.left,h),l=ve(e.right,l),c=ve(e.bottom,c)}return{top:f,left:h,right:l,bottom:c,width:l-h,height:c-f}}noFill(){return this.children.forEach(function(t){t.noFill()}),this}noStroke(){return this.children.forEach(function(t){t.noStroke()}),this}subdivide(){let t=arguments;return this.children.forEach(function(e){e.subdivide.apply(e,t)}),this}_update(){let t,e,s;if(this._flagBeginning||this._flagEnding){let r=Math.min(this._beginning,this._ending),n=Math.max(this._beginning,this._ending),a=this.length,o=0,h=r*a,l=n*a;for(t=0;t<this.children.length;t++)s=this.children[t],e=s.length,h>o+e?(s.beginning=1,s.ending=1):l<o?(s.beginning=0,s.ending=0):h>o&&h<o+e?(s.beginning=(h-o)/e,s.ending=1):l>o&&l<o+e?(s.beginning=0,s.ending=(l-o)/e):(s.beginning=0,s.ending=1),o+=e}return super._update.apply(this,arguments)}flagReset(){return this._flagAdditions&&(this.additions.length=0,this._flagAdditions=!1),this._flagSubtractions&&(this.subtractions.length=0,this._flagSubtractions=!1),this._flagOrder=this._flagMask=this._flagOpacity=this._flagBeginning=this._flagEnding=!1,super.flagReset.call(this),this}},q=Ue;v(q,"Children",re),v(q,"Properties",["fill","stroke","linewidth","cap","join","miter","closed","curved","automatic"]);var mi={visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._flagVisible=this._visible!==i||this._flagVisible,this._visible=i}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._flagOpacity=this._opacity!==i||this._flagOpacity,this._opacity=i}},beginning:{enumerable:!0,get:function(){return this._beginning},set:function(i){this._flagBeginning=this._beginning!==i||this._flagBeginning,this._beginning=i}},ending:{enumerable:!0,get:function(){return this._ending},set:function(i){this._flagEnding=this._ending!==i||this._flagEnding,this._ending=i}},length:{enumerable:!0,get:function(){if(this._flagLength||this._length<=0){if(this._length=0,!this.children)return this._length;for(let i=0;i<this.children.length;i++){let t=this.children[i];this._length+=t.length}}return this._length}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){this._fill=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.fill=i}}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){this._stroke=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.stroke=i}}},linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.linewidth=i}}},join:{enumerable:!0,get:function(){return this._join},set:function(i){this._join=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.join=i}}},miter:{enumerable:!0,get:function(){return this._miter},set:function(i){this._miter=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.miter=i}}},cap:{enumerable:!0,get:function(){return this._cap},set:function(i){this._cap=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.cap=i}}},closed:{enumerable:!0,get:function(){return this._closed},set:function(i){this._closed=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.closed=i}}},curved:{enumerable:!0,get:function(){return this._curved},set:function(i){this._curved=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.curved=i}}},automatic:{enumerable:!0,get:function(){return this._automatic},set:function(i){this._automatic=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.automatic=i}}},children:{enumerable:!0,get:function(){return this._children},set:function(i){let t=q.InsertChildren.bind(this),e=q.RemoveChildren.bind(this),s=q.OrderChildren.bind(this);this._children&&(this._children.unbind(),this._children.length>0&&e(this._children)),this._children=new re(i),this._children.bind(p.Types.insert,t),this._children.bind(p.Types.remove,e),this._children.bind(p.Types.order,s),i.length>0&&t(i)}},mask:{enumerable:!0,get:function(){return this._mask},set:function(i){this._mask=i,this._flagMask=!0,R.isObject(i)&&!i.clip&&(i.clip=!0)}}};function yi(i,t){let e=i.parent,s;if(e===t){r();return}if(e&&e.children.ids[i.id]&&(s=Array.prototype.indexOf.call(e.children,i),e.children.splice(s,1),n()),t){r();return}n(),e._flagAdditions&&e.additions.length===0&&(e._flagAdditions=!1),e._flagSubtractions&&e.subtractions.length===0&&(e._flagSubtractions=!1),delete i.parent;function r(){t.subtractions.length>0&&(s=Array.prototype.indexOf.call(t.subtractions,i),s>=0&&t.subtractions.splice(s,1)),t.additions.length>0&&(s=Array.prototype.indexOf.call(t.additions,i),s>=0&&t.additions.splice(s,1)),i.parent=t,t.additions.push(i),t._flagAdditions=!0}function n(){s=Array.prototype.indexOf.call(e.additions,i),s>=0&&e.additions.splice(s,1),s=Array.prototype.indexOf.call(e.subtractions,i),s<0&&(e.subtractions.push(i),e._flagSubtractions=!0)}}var De=[],He=Math.max,as=Math.min,bi=Math.abs,we=Math.sin,ke=Math.cos,os=Math.acos,Se=Math.sqrt,tt={isHidden:/(undefined|none|transparent)/i,alignments:{left:"start",middle:"center",right:"end"},shim:function(i,t){return i.tagName=i.nodeName=t||"canvas",i.nodeType=1,i.getAttribute=function(e){return this[e]},i.setAttribute=function(e,s){return this[e]=s,this},i},group:{renderChild:function(i){tt[i._renderer.type].render.call(i,this.ctx,!0,this.clip)},render:function(i){if(!this._visible)return this;this._update();let t=this._matrix.elements,e=this.parent;this._renderer.opacity=this._opacity*(e&&e._renderer?e._renderer.opacity:1);let s=this._mask,r=Ae(t),n=!r||!!s;if(this._renderer.context||(this._renderer.context={}),this._renderer.context.ctx=i,n&&(i.save(),r||i.transform(t[0],t[3],t[1],t[4],t[2],t[5])),s&&tt[s._renderer.type].render.call(s,i,!0),this._opacity>0&&this._scale!==0)for(let a=0;a<this.children.length;a++){let o=this.children[a];tt[o._renderer.type].render.call(o,i)}return n&&i.restore(),this.flagReset()}},path:{render:function(i,t,e){let s,r,n,a,o,h,l,f,c,d,_,u,m,b,g,y,x,S,A,E,M,B,C,T,j,z,X,V,ct,ut,Z,dt,rt,Tt;if(Tt=this.parent&&this.parent._renderer?this.parent._renderer.opacity:1,ct=this._mask,ut=this._clip,o=this._opacity*(Tt||1),h=this._visible,!t&&(!h||ut||o===0))return this;this._update(),s=this._matrix.elements,r=this._stroke,n=this._linewidth,a=this._fill,l=this._cap,f=this._join,c=this._miter,d=this._closed,_=this._renderer.vertices,u=_.length,m=u-1,Z=Ae(s),rt=this.dashes,Z||(i.save(),i.transform(s[0],s[3],s[1],s[4],s[2],s[5])),ct&&tt[ct._renderer.type].render.call(ct,i,!0),a&&(typeof a=="string"?i.fillStyle=a:(tt[a._renderer.type].render.call(a,i,this),i.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?i.strokeStyle=r:(tt[r._renderer.type].render.call(r,i,this),i.strokeStyle=r._renderer.effect),n&&(i.lineWidth=n),c&&(i.miterLimit=c),f&&(i.lineJoin=f),!d&&l&&(i.lineCap=l)),typeof o=="number"&&(i.globalAlpha=o),rt&&rt.length>0&&(i.lineDashOffset=rt.offset||0,i.setLineDash(rt)),i.beginPath();let Ct,te,ee,ie,wt,Q,oi;for(let Lt=0;Lt<u;Lt++)switch(y=_[Lt],X=y.x,V=y.y,y.command){case w.close:i.closePath();break;case w.arc:Ct=y.rx,te=y.ry,ee=y.xAxisRotation,ie=y.largeArcFlag,wt=y.sweepFlag,b=d?it(Lt-1,u):He(Lt-1,0),g=_[b],Q=g.x,oi=g.y,tt.renderSvgArcCommand(i,Q,oi,Ct,te,ie,wt,ee,X,V);break;case w.curve:b=d?it(Lt-1,u):Math.max(Lt-1,0),g=_[b],C=g.controls&&g.controls.right||k.zero,T=y.controls&&y.controls.left||k.zero,g._relative?(M=C.x+g.x,B=C.y+g.y):(M=C.x,B=C.y),y._relative?(A=T.x+y.x,E=T.y+y.y):(A=T.x,E=T.y),i.bezierCurveTo(M,B,A,E,X,V),Lt>=m&&d&&(x=S,j=y.controls&&y.controls.right||k.zero,z=x.controls&&x.controls.left||k.zero,y._relative?(M=j.x+y.x,B=j.y+y.y):(M=j.x,B=j.y),x._relative?(A=z.x+x.x,E=z.y+x.y):(A=z.x,E=z.y),X=x.x,V=x.y,i.bezierCurveTo(M,B,A,E,X,V));break;case w.line:i.lineTo(X,V);break;case w.move:S=y,i.moveTo(X,V);break}return d&&i.closePath(),!ut&&!e&&(tt.isHidden.test(a)||(dt=a._renderer&&a._renderer.offset,dt&&(i.save(),i.translate(-a._renderer.offset.x,-a._renderer.offset.y),i.scale(a._renderer.scale.x,a._renderer.scale.y)),i.fill(),dt&&i.restore()),tt.isHidden.test(r)||(dt=r._renderer&&r._renderer.offset,dt&&(i.save(),i.translate(-r._renderer.offset.x,-r._renderer.offset.y),i.scale(r._renderer.scale.x,r._renderer.scale.y),i.lineWidth=n/r._renderer.scale.x),i.stroke(),dt&&i.restore())),Z||i.restore(),ut&&!e&&i.clip(),rt&&rt.length>0&&i.setLineDash(De),this.flagReset()}},points:{render:function(i,t,e){let s,r,n,a,o,h,l,f,c,d,_,u,m,b,g,y;if(y=this.parent&&this.parent._renderer?this.parent._renderer.opacity:1,o=this._opacity*(y||1),h=this._visible,!t&&(!h||o===0))return this;this._update(),s=this._matrix.elements,r=this._stroke,n=this._linewidth,a=this._fill,f=this._renderer.collection,c=f.length,m=Ae(s),g=this.dashes,l=this._size,m||(i.save(),i.transform(s[0],s[3],s[1],s[4],s[2],s[5])),a&&(typeof a=="string"?i.fillStyle=a:(tt[a._renderer.type].render.call(a,i,this),i.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?i.strokeStyle=r:(tt[r._renderer.type].render.call(r,i,this),i.strokeStyle=r._renderer.effect),n&&(i.lineWidth=n)),typeof o=="number"&&(i.globalAlpha=o),g&&g.length>0&&(i.lineDashOffset=g.offset||0,i.setLineDash(g)),i.beginPath();let x=l*.5,S;this._sizeAttenuation||(S=this.worldMatrix.elements,S=St(S[0],S[3],S[1],S[4],S[2],S[5]),x/=Math.max(S.scaleX,S.scaleY));for(let A=0;A<c;A++)d=f[A],_=d.x,u=d.y,i.moveTo(_+x,u),i.arc(_,u,x,0,$);return e||(tt.isHidden.test(a)||(b=a._renderer&&a._renderer.offset,b&&(i.save(),i.translate(-a._renderer.offset.x,-a._renderer.offset.y),i.scale(a._renderer.scale.x,a._renderer.scale.y)),i.fill(),b&&i.restore()),tt.isHidden.test(r)||(b=r._renderer&&r._renderer.offset,b&&(i.save(),i.translate(-r._renderer.offset.x,-r._renderer.offset.y),i.scale(r._renderer.scale.x,r._renderer.scale.y),i.lineWidth=n/r._renderer.scale.x),i.stroke(),b&&i.restore())),m||i.restore(),g&&g.length>0&&i.setLineDash(De),this.flagReset()}},text:{render:function(i,t,e){let s=this.parent&&this.parent._renderer?this.parent._renderer.opacity:1,r=this._opacity*s,n=this._visible,a=this._mask,o=this._clip;if(!t&&(!n||o||r===0))return this;this._update();let h=this._matrix.elements,l=this._stroke,f=this._linewidth,c=this._fill,d=this._decoration,_=Ae(h),u=c._renderer&&c._renderer.offset&&l._renderer&&l._renderer.offset,m=this.dashes,b=tt.alignments[this._alignment]||this._alignment,g=this._baseline,y,x,S,A,E,M,B,C,T,j,z;if(_||(i.save(),i.transform(h[0],h[3],h[1],h[4],h[2],h[5])),a&&tt[a._renderer.type].render.call(a,i,!0),u||(i.font=[this._style,this._weight,this._size+"px/"+this._leading+"px",this._family].join(" ")),i.textAlign=b,i.textBaseline=g,c&&(typeof c=="string"?i.fillStyle=c:(tt[c._renderer.type].render.call(c,i,this),i.fillStyle=c._renderer.effect)),l&&(typeof l=="string"?i.strokeStyle=l:(tt[l._renderer.type].render.call(l,i,this),i.strokeStyle=l._renderer.effect),f&&(i.lineWidth=f)),typeof r=="number"&&(i.globalAlpha=r),m&&m.length>0&&(i.lineDashOffset=m.offset||0,i.setLineDash(m)),!o&&!e&&(tt.isHidden.test(c)||(c._renderer&&c._renderer.offset?(M=c._renderer.scale.x,B=c._renderer.scale.y,i.save(),i.translate(-c._renderer.offset.x,-c._renderer.offset.y),i.scale(M,B),y=this._size/c._renderer.scale.y,x=this._leading/c._renderer.scale.y,i.font=[this._style,this._weight,y+"px/",x+"px",this._family].join(" "),S=c._renderer.offset.x/c._renderer.scale.x,A=c._renderer.offset.y/c._renderer.scale.y,i.fillText(this.value,S,A),i.restore()):i.fillText(this.value,0,0)),tt.isHidden.test(l)||(l._renderer&&l._renderer.offset?(M=l._renderer.scale.x,B=l._renderer.scale.y,i.save(),i.translate(-l._renderer.offset.x,-l._renderer.offset.y),i.scale(M,B),y=this._size/l._renderer.scale.y,x=this._leading/l._renderer.scale.y,i.font=[this._style,this._weight,y+"px/",x+"px",this._family].join(" "),S=l._renderer.offset.x/l._renderer.scale.x,A=l._renderer.offset.y/l._renderer.scale.y,E=f/l._renderer.scale.x,i.lineWidth=E,i.strokeText(this.value,S,A),i.restore()):i.strokeText(this.value,0,0))),/(underline|strikethrough)/i.test(d)){let X=i.measureText(this.value),V=1;switch(d){case"underline":T=X.actualBoundingBoxAscent,z=X.actualBoundingBoxAscent;break;case"strikethrough":T=0,z=0,V=.5;break}switch(g){case"top":T+=this._size*V,z+=this._size*V;break;case"baseline":case"bottom":T-=this._size*V,z-=this._size*V;break}switch(b){case"left":case"start":C=0,j=X.width;break;case"right":case"end":C=-X.width,j=0;break;default:C=-X.width/2,j=X.width/2}i.lineWidth=Math.max(Math.floor(this._size/15),1),i.strokeStyle=i.fillStyle,i.beginPath(),i.moveTo(C,T),i.lineTo(j,z),i.stroke()}return _||i.restore(),o&&!e&&i.clip(),m&&m.length>0&&i.setLineDash(De),this.flagReset()}},"linear-gradient":{render:function(i,t){if(!!t){if(this._update(),!this._renderer.effect||this._flagEndPoints||this._flagStops||this._flagUnits){let e,s=this.left._x,r=this.left._y,n=this.right._x,a=this.right._y;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=(s-.5)*e.width,r=(r-.5)*e.height,n=(n-.5)*e.width,a=(a-.5)*e.height),this._renderer.effect=i.createLinearGradient(s,r,n,a);for(let o=0;o<this.stops.length;o++){let h=this.stops[o];this._renderer.effect.addColorStop(h._offset,h._color)}}return this.flagReset()}}},"radial-gradient":{render:function(i,t){if(!!t){if(this._update(),!this._renderer.effect||this._flagCenter||this._flagFocal||this._flagRadius||this._flagStops||this._flagUnits){let e,s=this.center._x,r=this.center._y,n=this.focal._x,a=this.focal._y,o=this._radius;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=s*e.width*.5,r=r*e.height*.5,n=n*e.width*.5,a=a*e.height*.5,o*=Math.min(e.width,e.height)*.5),this._renderer.effect=i.createRadialGradient(s,r,0,n,a,o);for(let h=0;h<this.stops.length;h++){let l=this.stops[h];this._renderer.effect.addColorStop(l._offset,l._color)}}return this.flagReset()}}},texture:{render:function(i){this._update();let t=this.image;return(!this._renderer.effect||(this._flagLoaded||this._flagImage||this._flagVideo||this._flagRepeat)&&this.loaded)&&(this._renderer.effect=i.createPattern(this.image,this._repeat)),(this._flagOffset||this._flagLoaded||this._flagScale)&&(this._renderer.offset instanceof k||(this._renderer.offset=new k),this._renderer.offset.x=-this._offset.x,this._renderer.offset.y=-this._offset.y,t&&(this._renderer.offset.x+=t.width/2,this._renderer.offset.y+=t.height/2,this._scale instanceof k?(this._renderer.offset.x*=this._scale.x,this._renderer.offset.y*=this._scale.y):(this._renderer.offset.x*=this._scale,this._renderer.offset.y*=this._scale))),(this._flagScale||this._flagLoaded)&&(this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?this._renderer.scale.copy(this._scale):this._renderer.scale.set(this._scale,this._scale)),this.flagReset()}},renderSvgArcCommand:function(i,t,e,s,r,n,a,o,h,l){o=o*Math.PI/180,s=bi(s),r=bi(r);let f=(t-h)/2,c=(e-l)/2,d=ke(o)*f+we(o)*c,_=-we(o)*f+ke(o)*c,u=d*d,m=_*_,b=s*s,g=r*r,y=u/b+m/g;if(y>1){let V=Se(y);s=V*s,r=V*r,b=s*s,g=r*r}let x=b*m+g*u,S=(b*g-x)/x,A=Se(He(0,S));n===a&&(A=-A);let E=A*s*_/r,M=-A*r*d/s,B=ke(o)*E-we(o)*M+(t+h)/2,C=we(o)*E+ke(o)*M+(e+l)/2,T=xi(1,0,(d-E)/s,(_-M)/r),j=xi((d-E)/s,(_-M)/r,(-d-E)/s,(-_-M)/r)%$,z=T+j;ls(i,B,C,s,r,T,z,a===0,o)}},kt=class extends p{constructor(t){super();let e=t.smoothing!==!1;this.domElement=t.domElement||document.createElement("canvas"),this.ctx=this.domElement.getContext("2d"),this.overdraw=t.overdraw||!1,typeof this.ctx.imageSmoothingEnabled<"u"&&(this.ctx.imageSmoothingEnabled=e),this.scene=new q,this.scene.parent=this}setSize(t,e,s){return this.width=t,this.height=e,this.ratio=typeof s>"u"?Dt(this.ctx):s,this.domElement.width=t*this.ratio,this.domElement.height=e*this.ratio,this.domElement.style&&R.extend(this.domElement.style,{width:t+"px",height:e+"px"}),this.trigger(p.Types.resize,t,e,s)}render(){let t=this.ratio===1;return t||(this.ctx.save(),this.ctx.scale(this.ratio,this.ratio)),this.overdraw||this.ctx.clearRect(0,0,this.width,this.height),tt.group.render.call(this.scene,this.ctx),t||this.ctx.restore(),this}};v(kt,"Utils",tt);function ls(i,t,e,s,r,n,a,o,h){let l=a-n,f=jt.Tolerance.epsilon,c=Math.abs(l)<f,d=it(l,$);d<f&&(c?d=0:d=$),o===!0&&!c&&(d===$?d=-$:d=d-$);for(let _=0;_<Y.Resolution;_++){let u=_/(Y.Resolution-1),m=n+u*d,b=t+s*Math.cos(m),g=e+r*Math.sin(m);if(h!==0){let y=Math.cos(h),x=Math.sin(h),S=b-t,A=g-e;b=S*y-A*x+t,g=S*x+A*y+e}i.lineTo(b,g)}}function xi(i,t,e,s){let r=i*e+t*s,n=Se(i*i+t*t)*Se(e*e+s*s),a=os(He(-1,as(1,r/n)));return i*s-t*e<0&&(a=-a),a}function Ae(i){return i[0]==1&&i[3]==0&&i[1]==0&&i[4]==1&&i[2]==0&&i[5]==0}var lt={Image:null,isHeadless:!1,shim:function(i,t){return kt.Utils.shim(i),typeof t<"u"&&(lt.Image=t),lt.isHeadless=!0,i}};var _t={hasEventListeners:typeof H.addEventListener=="function",bind:function(i,t,e,s){return this.hasEventListeners?i.addEventListener(t,e,!!s):i.attachEvent("on"+t,e),_t},unbind:function(i,t,e,s){return _t.hasEventListeners?i.removeEventListeners(t,e,!!s):i.detachEvent("on"+t,e),_t},getRequestAnimationFrame:function(){let i=["ms","moz","webkit","o"],t=0,e=H.requestAnimationFrame;if(!e){for(let r=0;r<i.length;r++)e=H[i[r]+"RequestAnimationFrame"]||e;e=e||s}function s(r,n){let a=new Date().getTime(),o=Math.max(0,16-(a-t)),h=H.setTimeout(l,o);t=a+o;function l(){r(a+o)}return h}return e}},Ht=H.document?H.document.createElement("div"):{};Ht.id="help-two-load";Object.defineProperty(_t,"temp",{enumerable:!0,get:function(){return R.isElement(Ht)&&!H.document.head.contains(Ht)&&(Ht.style.display="none",H.document.head.appendChild(Ht)),Ht}});var et=class extends Error{name="Two.js";message;constructor(t){super(),this.message=t}};var Et=class{map={};constructor(){}add(t,e){return this.map[t]=e,this}remove(t){return delete this.map[t],this}get(t){return this.map[t]}contains(t){return t in this.map}};function We(i,t){if(t===0||t===1)return!0;let s=i._length*t,r=0;for(let n=0;n<i._lengths.length;n++){let a=i._lengths[n];if(r>=s)return s-r>=0;r+=a}return!1}function Wt(i,t){let e=i._length;if(t<=0)return 0;if(t>=e)return i._lengths.length-1;for(let s=0,r=0;s<i._lengths.length;s++){if(r+i._lengths[s]>=t)return t-=r,Math.max(s-1,0)+t/i._lengths[s];r+=i._lengths[s]}return-1}function Re(i,t,e){let s,r,n,a,o,h,l,f,c=t.controls&&t.controls.right,d=i.controls&&i.controls.left;return s=t.x,o=t.y,r=(c||t).x,h=(c||t).y,n=(d||i).x,l=(d||i).y,a=i.x,f=i.y,c&&t._relative&&(r+=t.x,h+=t.y),d&&i._relative&&(n+=i.x,l+=i.y),Be(s,o,r,h,n,l,a,f,e)}function Xe(i,t,e){let s,r,n,a,o,h,l,f,c=t.controls&&t.controls.right,d=i.controls&&i.controls.left;return s=t.x,o=t.y,r=(c||t).x,h=(c||t).y,n=(d||i).x,l=(d||i).y,a=i.x,f=i.y,c&&t._relative&&(r+=t.x,h+=t.y),d&&i._relative&&(n+=i.x,l+=i.y),se(s,o,r,h,n,l,a,f,e)}var Mt=class extends Rt{_flagOffset=!0;_flagOpacity=!0;_flagColor=!0;_offset=0;_opacity=1;_color="#fff";constructor(t,e,s){super();for(let r in vi)Object.defineProperty(this,r,vi[r]);this._renderer.type="stop",this.offset=typeof t=="number"?t:Mt.Index<=0?0:1,this.opacity=typeof s=="number"?s:1,this.color=typeof e=="string"?e:Mt.Index<=0?"#fff":"#000",Mt.Index=(Mt.Index+1)%2}clone(t){let e=new Mt;return R.each(Mt.Properties,function(s){e[s]=this[s]},this),t&&t.stops&&t.stops.push(e),e}toObject(){let t={};return R.each(Mt.Properties,function(e){t[e]=this[e]},this),t}flagReset(){return this._flagOffset=this._flagColor=this._flagOpacity=!1,super.flagReset.call(this),this}},ht=Mt;v(ht,"Index",0),v(ht,"Properties",["offset","opacity","color"]);var vi={offset:{enumerable:!0,get:function(){return this._offset},set:function(i){this._offset=i,this._flagOffset=!0,this.parent&&(this.parent._flagStops=!0)}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0,this.parent&&(this.parent._flagStops=!0)}},color:{enumerable:!0,get:function(){return this._color},set:function(i){this._color=i,this._flagColor=!0,this.parent&&(this.parent._flagStops=!0)}}};var ne=class extends Rt{_flagStops=!1;_flagSpread=!1;_flagUnits=!1;_spread="";_units="";constructor(t){super();for(let e in wi)Object.defineProperty(this,e,wi[e]);this._renderer.type="gradient",this.id=Y.Identifier+Y.uniqueId(),this.classList=[],this._renderer.flagStops=hs.bind(this),this._renderer.bindStops=fs.bind(this),this._renderer.unbindStops=cs.bind(this),this.spread="pad",this.units="objectBoundingBox",t&&(this.stops=t)}clone(t){let e=this.stops.map(function(r){return r.clone()}),s=new ne(e);return R.each(ne.Properties,function(r){s[r]=this[r]},this),t&&t.add(s),s}toObject(){let t={stops:this.stops.map(function(e){return e.toObject()})};return R.each(ne.Properties,function(e){t[e]=this[e]},this),t}_update(){return(this._flagSpread||this._flagStops)&&this.trigger(p.Types.change),this}flagReset(){return this._flagSpread=this._flagUnits=this._flagStops=!1,super.flagReset.call(this),this}},W=ne;v(W,"Stop",ht),v(W,"Properties",["spread","stops","renderer","units"]);var wi={spread:{enumerable:!0,get:function(){return this._spread},set:function(i){this._spread=i,this._flagSpread=!0}},units:{enumerable:!0,get:function(){return this._units},set:function(i){this._units=i,this._flagUnits=!0}},stops:{enumerable:!0,get:function(){return this._stops},set:function(i){let t=this._renderer.bindStops,e=this._renderer.unbindStops;this._stops&&this._stops.unbind(p.Types.insert,t).unbind(p.Types.remove,e),this._stops=new ot((i||[]).slice(0)),this._stops.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._stops)}}};function hs(){this._flagStops=!0}function fs(i){let t=i.length;for(;t--;)i[t].bind(p.Types.change,this._renderer.flagStops),i[t].parent=this;this._renderer.flagStops()}function cs(i){let t=i.length;for(;t--;)i[t].unbind(p.Types.change,this._renderer.flagStops),delete i[t].parent;this._renderer.flagStops()}var Ye=class extends W{_flagEndPoints=!1;_left=null;_right=null;constructor(t,e,s,r,n){super(n);for(let a in ki)Object.defineProperty(this,a,ki[a]);this._renderer.type="linear-gradient",this._renderer.flagEndPoints=us.bind(this),this.left=new k,this.right=new k,typeof t=="number"&&(this.left.x=t),typeof e=="number"&&(this.left.y=e),typeof s=="number"&&(this.right.x=s),typeof r=="number"&&(this.right.y=r)}clone(t){let e=this.stops.map(function(r){return r.clone()}),s=new Ye(this.left._x,this.left._y,this.right._x,this.right._y,e);return R.each(W.Properties,function(r){s[r]=this[r]},this),t&&t.add(s),s}toObject(){let t=super.toObject.call(this);return t.left=this.left.toObject(),t.right=this.right.toObject(),t}_update(){return(this._flagEndPoints||this._flagSpread||this._flagStops)&&this.trigger(p.Types.change),this}flagReset(){return this._flagEndPoints=!1,super.flagReset.call(this),this}},U=Ye;v(U,"Properties",["left","right"]),v(U,"Stop",ht);var ki={left:{enumerable:!0,get:function(){return this._left},set:function(i){this._left instanceof k&&this._left.unbind(p.Types.change,this._renderer.flagEndPoints),this._left=i,this._left.bind(p.Types.change,this._renderer.flagEndPoints),this._flagEndPoints=!0}},right:{enumerable:!0,get:function(){return this._right},set:function(i){this._right instanceof k&&this._right.unbind(p.Types.change,this._renderer.flagEndPoints),this._right=i,this._right.bind(p.Types.change,this._renderer.flagEndPoints),this._flagEndPoints=!0}}};function us(){this._flagEndPoints=!0}var ae=class extends W{_flagRadius=!1;_flagCenter=!1;_flagFocal=!1;_radius=0;_center=null;_focal=null;constructor(t,e,s,r,n,a){super(r);for(let o in Ai)Object.defineProperty(this,o,Ai[o]);this._renderer.type="radial-gradient",this._renderer.flagCenter=ds.bind(this),this._renderer.flagFocal=_s.bind(this),this.center=new k,this.radius=typeof s=="number"?s:1,this.focal=new k,typeof t=="number"&&(this.center.x=t),typeof e=="number"&&(this.center.y=e),this.focal.copy(this.center),typeof n=="number"&&(this.focal.x=n),typeof a=="number"&&(this.focal.y=a)}clone(t){let e=this.stops.map(function(r){return r.clone()}),s=new ae(this.center._x,this.center._y,this._radius,e,this.focal._x,this.focal._y);return R.each(W.Properties.concat(ae.Properties),function(r){s[r]=this[r]},this),t&&t.add(s),s}toObject(){let t=super.toObject.call(this);return R.each(ae.Properties,function(e){t[e]=this[e]},this),t.center=this.center.toObject(),t.focal=this.focal.toObject(),t}_update(){return(this._flagRadius||this._flatCenter||this._flagFocal||this._flagSpread||this._flagStops)&&this.trigger(p.Types.change),this}flagReset(){return this._flagRadius=this._flagCenter=this._flagFocal=!1,super.flagReset.call(this),this}},D=ae;v(D,"Stop",ht),v(D,"Properties",["center","radius","focal"]);var Ai={radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius=i,this._flagRadius=!0}},center:{enumerable:!0,get:function(){return this._center},set:function(i){this._center&&this._center.unbind(p.Types.change,this._renderer.flagCenter),this._center=i,this._center.bind(p.Types.change,this._renderer.flagCenter),this._flagCenter=!0}},focal:{enumerable:!0,get:function(){return this._focal},set:function(i){this._focal&&this._focal.unbind(p.Types.change,this._renderer.flagFocal),this._focal=i,this._focal.bind(p.Types.change,this._renderer.flagFocal),this._flagFocal=!0}}};function ds(){this._flagCenter=!0}function _s(){this._flagFocal=!0}var Ee,Si={video:/\.(mp4|webm|ogg)$/i,image:/\.(jpe?g|png|gif|tiff|webp)$/i,effect:/texture|gradient/i};H.document&&(Ee=document.createElement("a"));var st=class extends Rt{_flagSrc=!1;_flagImage=!1;_flagVideo=!1;_flagLoaded=!1;_flagRepeat=!1;_flagOffset=!1;_flagScale=!1;_src="";_image=null;_loaded=!1;_repeat="no-repeat";_scale=1;_offset=null;constructor(t,e){super(),this._renderer={};for(let s in Ri)Object.defineProperty(this,s,Ri[s]);if(this._renderer.type="texture",this._renderer.flagOffset=gs.bind(this),this._renderer.flagScale=ps.bind(this),this.id=Y.Identifier+Y.uniqueId(),this.classList=[],this.loaded=!1,this.repeat="no-repeat",this.offset=new k,typeof e=="function"){let s=function(){this.unbind(p.Types.load,s),typeof e=="function"&&e()}.bind(this);this.bind(p.Types.load,s)}if(typeof t=="string")this.src=t;else if(typeof t=="object"){let s=Object.prototype.toString.call(t);(s==="[object HTMLImageElement]"||s==="[object HTMLCanvasElement]"||s==="[object HTMLVideoElement]"||s==="[object Image]")&&(this.image=t)}this._update()}static getAbsoluteURL(t){return Ee?(Ee.href=t,Ee.href):t}static loadHeadlessBuffer(t,e){t.image.onload=e,t.image.src=t.src}static getTag(t){return t&&t.nodeName&&t.nodeName.toLowerCase()||"img"}static getImage(t){let e=st.getAbsoluteURL(t);if(st.ImageRegistry.contains(e))return st.ImageRegistry.get(e);let s;return lt.Image?(s=new lt.Image,kt.Utils.shim(s,"img")):H.document?Si.video.test(e)?s=document.createElement("video"):s=document.createElement("img"):console.warn("Two.js: no prototypical image defined for Two.Texture"),s.crossOrigin="anonymous",s.referrerPolicy="no-referrer",s}static load(t,e){let s=t.image,r=st.getTag(s);t._flagImage&&(/canvas/i.test(r)?st.Register.canvas(t,e):(t._src=!lt.isHeadless&&s.getAttribute("two-src")||s.src,st.Register[r](t,e))),t._flagSrc&&(s||(s=st.getImage(t.src),t.image=s),r=st.getTag(s),st.Register[r](t,e))}clone(){let t=new st(this.src);return t.repeat=this.repeat,t.offset.copy(this.origin),t.scale=this.scale,t}toObject(){return{src:this.src,repeat:this.repeat,origin:this.origin.toObject(),scale:typeof this.scale=="number"?this.scale:this.scale.toObject()}}_update(){return(this._flagSrc||this._flagImage)&&(this.trigger(p.Types.change),(this._flagSrc||this._flagImage)&&(this.loaded=!1,st.load(this,function(){this.loaded=!0,this.trigger(p.Types.change).trigger(p.Types.load)}.bind(this)))),this._image&&this._image.readyState>=4&&(this._flagVideo=!0),this}flagReset(){return this._flagSrc=this._flagImage=this._flagLoaded=this._flagRepeat=this._flagVideo=this._flagScale=this._flagOffset=!1,super.flagReset.call(this),this}},N=st;v(N,"Properties",["src","loaded","repeat","scale","offset","image"]),v(N,"RegularExpressions",Si),v(N,"ImageRegistry",new Et),v(N,"Register",{canvas:function(t,e){t._src="#"+t.id,st.ImageRegistry.add(t.src,t.image),typeof e=="function"&&e()},img:function(t,e){let s=t.image,r=function(a){!lt.isHeadless&&s.removeEventListener&&typeof s.removeEventListener=="function"&&(s.removeEventListener("load",r,!1),s.removeEventListener("error",n,!1)),typeof e=="function"&&e()},n=function(a){throw!lt.isHeadless&&typeof s.removeEventListener=="function"&&(s.removeEventListener("load",r,!1),s.removeEventListener("error",n,!1)),new et("unable to load "+t.src)};typeof s.width=="number"&&s.width>0&&typeof s.height=="number"&&s.height>0?r():!lt.isHeadless&&typeof s.addEventListener=="function"&&(s.addEventListener("load",r,!1),s.addEventListener("error",n,!1)),t._src=st.getAbsoluteURL(t._src),!(!lt.isHeadless&&s&&s.getAttribute("two-src"))&&(lt.isHeadless||s.setAttribute("two-src",t.src),st.ImageRegistry.add(t.src,s),lt.isHeadless?st.loadHeadlessBuffer(t,r):t.image.src=t.src)},video:function(t,e){if(lt.isHeadless)throw new et("video textures are not implemented in headless environments.");let s=function(n){t.image.removeEventListener("canplaythrough",s,!1),t.image.removeEventListener("error",r,!1),t.image.width=t.image.videoWidth,t.image.height=t.image.videoHeight,typeof e=="function"&&e()},r=function(n){throw t.image.removeEventListener("canplaythrough",s,!1),t.image.removeEventListener("error",r,!1),new et("unable to load "+t.src)};t._src=st.getAbsoluteURL(t._src),t.image.getAttribute("two-src")||(t.image.setAttribute("two-src",t.src),st.ImageRegistry.add(t.src,t.image)),t.image.readyState>=4?s():(t.image.addEventListener("canplaythrough",s,!1),t.image.addEventListener("error",r,!1),t.image.src=t.src,t.image.load())}});var Ri={src:{enumerable:!0,get:function(){return this._src},set:function(i){this._src=i,this._flagSrc=!0}},loaded:{enumerable:!0,get:function(){return this._loaded},set:function(i){this._loaded=i,this._flagLoaded=!0}},repeat:{enumerable:!0,get:function(){return this._repeat},set:function(i){this._repeat=i,this._flagRepeat=!0}},image:{enumerable:!0,get:function(){return this._image},set:function(i){let t=N.getTag(i),e;switch(t){case"canvas":e="#"+i.id;break;default:e=i.src}N.ImageRegistry.contains(e)?this._image=N.ImageRegistry.get(i.src):this._image=i,this._flagImage=!0}},offset:{enumerable:!0,get:function(){return this._offset},set:function(i){this._offset&&this._offset.unbind(p.Types.change,this._renderer.flagOffset),this._offset=i,this._offset.bind(p.Types.change,this._renderer.flagOffset),this._flagOffset=!0}},scale:{enumerable:!0,get:function(){return this._scale},set:function(i){this._scale instanceof k&&this._scale.unbind(p.Types.change,this._renderer.flagScale),this._scale=i,this._scale instanceof k&&this._scale.bind(p.Types.change,this._renderer.flagScale),this._flagScale=!0}}};function gs(){this._flagOffset=!0}function ps(){this._flagScale=!0}var Xt=Math.min,Yt=Math.max,ms=Math.ceil,ys=Math.floor,bs=new k,qt=class extends at{_flagVertices=!0;_flagLength=!0;_flagFill=!0;_flagStroke=!0;_flagLinewidth=!0;_flagOpacity=!0;_flagVisible=!0;_flagCap=!0;_flagJoin=!0;_flagMiter=!0;_flagMask=!1;_flagClip=!1;_length=0;_fill="#fff";_stroke="#000";_linewidth=1;_opacity=1;_visible=!0;_cap="round";_join="round";_miter=4;_closed=!0;_curved=!1;_automatic=!0;_beginning=0;_ending=1;_mask=null;_clip=!1;_dashes=null;constructor(t,e,s,r){super();for(let n in Ei)Object.defineProperty(this,n,Ei[n]);this._renderer.type="path",this._renderer.flagVertices=qe.bind(this),this._renderer.bindVertices=Ge.bind(this),this._renderer.unbindVertices=Ke.bind(this),this._renderer.flagFill=$e.bind(this),this._renderer.flagStroke=Je.bind(this),this._renderer.vertices=[],this._renderer.collection=[],this.closed=!!e,this.curved=!!s,this.beginning=0,this.ending=1,this.fill="#fff",this.stroke="#000",this.linewidth=1,this.opacity=1,this.className="",this.visible=!0,this.cap="butt",this.join="miter",this.miter=4,this.vertices=t,this.automatic=!r,this.dashes=[],this.dashes.offset=0}clone(t){let e=new qt;for(let s=0;s<this.vertices.length;s++)e.vertices.push(this.vertices[s].clone());for(let s=0;s<qt.Properties.length;s++){let r=qt.Properties[s];e[r]=this[r]}return e.className=this.className,e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={vertices:this.vertices.map(function(e){return e.toObject()})};return R.each(qt.Properties,function(e){typeof this[e]<"u"&&(this[e].toObject?t[e]=this[e].toObject():t[e]=this[e])},this),t.className=this.className,t.translation=this.translation.toObject(),t.rotation=this.rotation,t.scale=this.scale instanceof k?this.scale.toObject():this.scale,t.skewX=this.skewX,t.skewY=this.skewY,this.matrix.manual&&(t.matrix=this.matrix.toObject()),t}noFill(){return this.fill="none",this}noStroke(){return this.stroke="none",this}corner(){let t=this.getBoundingClientRect(!0),e=t.width/2,s=t.height/2,r=t.left+t.width/2,n=t.top+t.height/2;for(let a=0;a<this.vertices.length;a++){let o=this.vertices[a];o.x-=r,o.y-=n,o.x+=e,o.y+=s}return this.mask&&(this.mask.translation.x-=r,this.mask.translation.x+=e,this.mask.translation.y-=n,this.mask.translation.y+=s),this}center(){let t=this.getBoundingClientRect(!0),e=t.left+t.width/2-this.translation.x,s=t.top+t.height/2-this.translation.y;for(let r=0;r<this.vertices.length;r++){let n=this.vertices[r];n.x-=e,n.y-=s}return this.mask&&(this.mask.translation.x-=e,this.mask.translation.y-=s),this}getBoundingClientRect(t){let e,s,r,n,a,o,h=1/0,l=-1/0,f=1/0,c=-1/0;if(this._update(!0),e=t?this.matrix:this.worldMatrix,s=(this.linewidth||0)/2,r=this._renderer.vertices.length,this.linewidth>0||this.stroke&&!/(transparent|none)/i.test(this.stroke))if(this.matrix.manual){let{scaleX:d,scaleY:_}=St(e.elements[0],e.elements[3],e.elements[1],e.elements[4],e.elements[2],e.elements[5]);typeof d=="number"&&typeof _=="number"&&(s=Math.max(d,_)*(this.linewidth||0)/2)}else s*=typeof this.scale=="number"?this.scale:Math.max(this.scale.x,this.scale.y);if(r<=0)return{width:0,height:0};for(n=0;n<r;n++){o=this._renderer.vertices[n],a=this._renderer.vertices[(n+r-1)%r];let[d,_]=e.multiply(a.x,a.y),[u,m]=e.multiply(o.x,o.y);if(a.controls&&o.controls){let b=a.controls.right.x,g=a.controls.right.y;a.relative&&(b+=a.x,g+=a.y);let[y,x]=e.multiply(b,g),S=o.controls.left.x,A=o.controls.left.y;o.relative&&(S+=o.x,A+=o.y);let[E,M]=e.multiply(S,A),B=Ne(d,_,y,x,E,M,u,m);f=Xt(B.min.y-s,f),h=Xt(B.min.x-s,h),l=Yt(B.max.x+s,l),c=Yt(B.max.y+s,c)}else n<=1&&(f=Xt(_-s,f),h=Xt(d-s,h),l=Yt(d+s,l),c=Yt(_+s,c)),f=Xt(m-s,f),h=Xt(u-s,h),l=Yt(u+s,l),c=Yt(m+s,c)}return{top:f,left:h,right:l,bottom:c,width:l-h,height:c-f}}getPointAt(t,e){let s,r,n,a,o,h,l,f,c,d,_,u,m,b,g,y=this.length*Math.min(Math.max(t,0),1),x=this.vertices.length,S=x-1,A=null,E=null;for(let Z=0,dt=this._lengths.length,rt=0;Z<dt;Z++){if(rt+this._lengths[Z]>=y){this._closed?(s=it(Z,x),r=it(Z-1,x),Z===0&&(s=r,r=Z)):(s=Z,r=Math.min(Math.max(Z-1,0),S)),A=this.vertices[s],E=this.vertices[r],y-=rt,this._lengths[Z]!==0?t=y/this._lengths[Z]:t=0;break}rt+=this._lengths[Z]}if(A===null||E===null)return null;if(A){if(!E)return A}else return E;g=E.controls&&E.controls.right,b=A.controls&&A.controls.left,o=E.x,d=E.y,h=(g||E).x,_=(g||E).y,l=(b||A).x,u=(b||A).y,f=A.x,m=A.y,g&&E.relative&&(h+=E.x,_+=E.y),b&&A.relative&&(l+=A.x,u+=A.y),a=Ut(t,o,h,l,f),c=Ut(t,d,_,u,m);let M=nt(o,h,t),B=nt(d,_,t),C=nt(h,l,t),T=nt(_,u,t),j=nt(l,f,t),z=nt(u,m,t),X=nt(M,C,t),V=nt(B,T,t),ct=nt(C,j,t),ut=nt(T,z,t);return R.isObject(e)?(e.x=a,e.y=c,e instanceof F&&(e.controls.left.x=X,e.controls.left.y=V,e.controls.right.x=ct,e.controls.right.y=ut,(typeof e.relative!="boolean"||e.relative)&&(e.controls.left.x-=a,e.controls.left.y-=c,e.controls.right.x-=a,e.controls.right.y-=c)),e.t=t,e):(n=new F(a,c,X-a,V-c,ct-a,ut-c,this._curved?w.curve:w.line),n.t=t,n)}plot(){if(this.curved)return je(this._collection,this.closed),this;for(let t=0;t<this._collection.length;t++)this._collection[t].command=t===0?w.move:w.line;return this}subdivide(t){this._update();let e=this.vertices.length-1,s=this._closed||this.vertices[e]._command===w.close,r=this.vertices[e],n=[],a;return R.each(this.vertices,function(o,h){if(h<=0&&!s){r=o;return}if(o.command===w.move){n.push(new F(r.x,r.y)),h>0&&(n[n.length-1].command=w.line),r=o;return}a=Xe(o,r,t),n=n.concat(a),R.each(a,function(l,f){f<=0&&r.command===w.move?l.command=w.move:l.command=w.line}),h>=e&&(this._closed&&this._automatic?(r=o,a=Xe(o,r,t),n=n.concat(a),R.each(a,function(l,f){f<=0&&r.command===w.move?l.command=w.move:l.command=w.line})):s&&n.push(new F(o.x,o.y)),n[n.length-1].command=s?w.close:w.line),r=o},this),this._automatic=!1,this._curved=!1,this.vertices=n,this}_updateLength(t,e){e||this._update();let s=this.vertices.length,r=s-1,n=!1,a=this.vertices[r],o=0;return typeof this._lengths>"u"&&(this._lengths=[]),R.each(this.vertices,function(h,l){if(l<=0&&!n||h.command===w.move){a=h,this._lengths[l]=0;return}this._lengths[l]=Re(h,a,t),o+=this._lengths[l],l>=r&&n&&(a=this.vertices[(l+1)%s],this._lengths[l+1]=Re(h,a,t),o+=this._lengths[l+1]),a=h},this),this._length=o,this._flagLength=!1,this}_update(){if(this._flagVertices){this._automatic&&this.plot(),this._flagLength&&this._updateLength(void 0,!0);let t=this._collection.length,e=this._closed,s=Math.min(this._beginning,this._ending),r=Math.max(this._beginning,this._ending),n=Wt(this,s*this._length),a=Wt(this,r*this._length),o=ms(n),h=ys(a),l,f,c,d,_,u;for(this._renderer.vertices.length=0,u=0;u<t;u++)this._renderer.collection.length<=u&&this._renderer.collection.push(new F),u>h&&!f?(_=this._renderer.collection[u].copy(this._collection[u]),this.getPointAt(r,_),_.command=this._renderer.collection[u].command,this._renderer.vertices.push(_),f=_,c=this._collection[u-1],c&&c.controls&&(_.relative?_.controls.right.clear():_.controls.right.copy(_),c.relative?this._renderer.collection[u-1].controls.right.copy(c.controls.right).lerp(k.zero,1-_.t):this._renderer.collection[u-1].controls.right.copy(c.controls.right).lerp(c,1-_.t))):u>=o&&u<=h&&(_=this._renderer.collection[u].copy(this._collection[u]),this._renderer.vertices.push(_),u===h&&We(this,r)?(f=_,!e&&f.controls&&(f.relative?f.controls.right.clear():f.controls.right.copy(f))):u===o&&We(this,s)&&(l=_,l.command=w.move,!e&&l.controls&&(l.relative?l.controls.left.clear():l.controls.left.copy(l))));o>0&&!l&&(u=o-1,_=this._renderer.collection[u].copy(this._collection[u]),this.getPointAt(s,_),_.command=w.move,this._renderer.vertices.unshift(_),d=this._collection[u+1],d&&d.controls&&(_.controls.left.clear(),d.relative?this._renderer.collection[u+1].controls.left.copy(d.controls.left).lerp(k.zero,_.t):(bs.copy(d),this._renderer.collection[u+1].controls.left.copy(d.controls.left).lerp(d,_.t))))}return at.prototype._update.apply(this,arguments),this}flagReset(){return this._flagVertices=this._flagLength=this._flagFill=this._flagStroke=this._flagLinewidth=this._flagOpacity=this._flagVisible=this._flagCap=this._flagJoin=this._flagMiter=this._flagClip=!1,at.prototype.flagReset.call(this),this}},L=qt;v(L,"Properties",["fill","stroke","linewidth","opacity","visible","cap","join","miter","closed","curved","automatic","beginning","ending"]),v(L,"Utils",{getCurveLength:Re});var Ei={linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i,this._flagLinewidth=!0}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0}},visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._visible=i,this._flagVisible=!0}},cap:{enumerable:!0,get:function(){return this._cap},set:function(i){this._cap=i,this._flagCap=!0}},join:{enumerable:!0,get:function(){return this._join},set:function(i){this._join=i,this._flagJoin=!0}},miter:{enumerable:!0,get:function(){return this._miter},set:function(i){this._miter=i,this._flagMiter=!0}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.unbind(p.Types.change,this._renderer.flagFill),this._fill=i,this._flagFill=!0,(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.bind(p.Types.change,this._renderer.flagFill)}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.unbind(p.Types.change,this._renderer.flagStroke),this._stroke=i,this._flagStroke=!0,(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.bind(p.Types.change,this._renderer.flagStroke)}},length:{get:function(){return this._flagLength&&this._updateLength(),this._length}},closed:{enumerable:!0,get:function(){return this._closed},set:function(i){this._closed=!!i,this._flagVertices=!0}},curved:{enumerable:!0,get:function(){return this._curved},set:function(i){this._curved=!!i,this._flagVertices=!0}},automatic:{enumerable:!0,get:function(){return this._automatic},set:function(i){if(i===this._automatic)return;this._automatic=!!i;let t=this._automatic?"ignore":"listen";R.each(this.vertices,function(e){e[t]()})}},beginning:{enumerable:!0,get:function(){return this._beginning},set:function(i){this._beginning=i,this._flagVertices=!0}},ending:{enumerable:!0,get:function(){return this._ending},set:function(i){this._ending=i,this._flagVertices=!0}},vertices:{enumerable:!0,get:function(){return this._collection},set:function(i){let t=this._renderer.bindVertices,e=this._renderer.unbindVertices;this._collection&&this._collection.unbind(p.Types.insert,t).unbind(p.Types.remove,e),i instanceof ot?this._collection=i:this._collection=new ot(i||[]),this._collection.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._collection)}},mask:{enumerable:!0,get:function(){return this._mask},set:function(i){this._mask=i,this._flagMask=!0,R.isObject(i)&&!i.clip&&(i.clip=!0)}},clip:{enumerable:!0,get:function(){return this._clip},set:function(i){this._clip=i,this._flagClip=!0}},dashes:{enumerable:!0,get:function(){return this._dashes},set:function(i){typeof i.offset!="number"&&(i.offset=this.dashes&&this._dashes.offset||0),this._dashes=i}}};function qe(){this._flagVertices=!0,this._flagLength=!0,this.parent&&(this.parent._flagLength=!0)}function Ge(i){let t=i.length;for(;t--;)i[t].bind(p.Types.change,this._renderer.flagVertices);this._renderer.flagVertices()}function Ke(i){let t=i.length;for(;t--;)i[t].unbind(p.Types.change,this._renderer.flagVertices);this._renderer.flagVertices()}function $e(){this._flagFill=!0}function Je(){this._flagStroke=!0}var Ze=class extends L{constructor(t,e,s,r){let n=[new F,new F,new F,new F];super(n,!0,!1,!0);for(let a in Fi)Object.defineProperty(this,a,Fi[a]);this.width=typeof s=="number"?s:1,this.height=typeof r=="number"?r:1,this.origin=new k,typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e),this._update()}_flagWidth=0;_flagHeight=0;_width=0;_height=0;_origin=null;_update(){if(this._flagVertices||this._flagWidth||this._flagHeight){let t=this._width/2,e=this._height/2;!this._closed&&this.vertices.length===4&&this.vertices.push(new F),this.vertices[0].set(-t,-e).sub(this._origin).command=w.move,this.vertices[1].set(t,-e).sub(this._origin).command=w.line,this.vertices[2].set(t,e).sub(this._origin).command=w.line,this.vertices[3].set(-t,e).sub(this._origin).command=w.line,this.vertices[4]&&(this.vertices[4].set(-t,-e).sub(this._origin).command=w.line)}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=!1,super.flagReset.call(this),this}clone(t){let e=new Ze(0,0,this.width,this.height);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix);for(let s=0;s<L.Properties.length;s++){let r=L.Properties[s];e[r]=this[r]}return t&&t.add(e),e}toObject(){let t=super.toObject.call(this);return t.width=this.width,t.height=this.height,t.origin=this.origin.toObject(),t}},pt=Ze;v(pt,"Properties",["width","height"]);var Fi={width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0}},origin:{enumerable:!0,get:function(){return this._origin},set:function(i){this._origin&&this._origin.unbind(p.Types.change,this._renderer.flagVertices),this._origin=i,this._origin.bind(p.Types.change,this._renderer.flagVertices),this._renderer.flagVertices()}}};var Qe=class extends pt{_flagTexture=!1;_flagColumns=!1;_flagRows=!1;_flagFrameRate=!1;_flagIndex=!1;_amount=1;_duration=0;_startTime=0;_playing=!1;_firstFrame=0;_lastFrame=0;_loop=!0;_texture=null;_columns=1;_rows=1;_frameRate=0;_index=0;_origin=null;constructor(t,e,s,r,n,a){super(e,s,0,0);for(let o in Ti)Object.defineProperty(this,o,Ti[o]);this.noStroke(),this.noFill(),t instanceof N?this.texture=t:typeof t=="string"&&(this.texture=new N(t)),this.origin=new k,this._update(),typeof r=="number"&&(this.columns=r),typeof n=="number"&&(this.rows=n),typeof a=="number"&&(this.frameRate=a),this.index=0}play(t,e,s){return this._playing=!0,this._firstFrame=0,this._lastFrame=this.amount-1,this._startTime=R.performance.now(),typeof t=="number"&&(this._firstFrame=t),typeof e=="number"&&(this._lastFrame=e),typeof s=="function"?this._onLastFrame=s:delete this._onLastFrame,this._index!==this._firstFrame&&(this._startTime-=1e3*Math.abs(this._index-this._firstFrame)/this._frameRate),this}pause(){return this._playing=!1,this}stop(){return this._playing=!1,this._index=0,this}clone(t){let e=new Qe(this.texture,this.translation.x,this.translation.y,this.columns,this.rows,this.frameRate);return this.playing&&(e.play(this._firstFrame,this._lastFrame),e._loop=this._loop),t&&t.add(e),e}toObject(){let t=super.toObject.call(this);return t.texture=this.texture.toObject(),t.columns=this.columns,t.rows=this.rows,t.frameRate=this.frameRate,t.index=this.index,t._firstFrame=this._firstFrame,t._lastFrame=this._lastFrame,t._loop=this._loop,t}_update(){let t=this._texture,e=this._columns,s=this._rows,r,n,a,o,h,l,f,c,d;if(t&&((this._flagColumns||this._flagRows)&&(this._amount=this._columns*this._rows),this._flagFrameRate&&(this._duration=1e3*this._amount/this._frameRate),this._flagTexture&&(this.fill=t),t.loaded)){f=t.image.width,c=t.image.height,r=f/e,n=c/s,o=this._amount,this.width!==r&&(this.width=r),this.height!==n&&(this.height=n),this._playing&&this._frameRate>0&&(R.isNaN(this._lastFrame)&&(this._lastFrame=o-1),a=R.performance.now()-this._startTime,d=this._lastFrame+1,h=1e3*(d-this._firstFrame)/this._frameRate,this._loop?a=a%h:a=Math.min(a,h),l=nt(this._firstFrame,d,a/h),l=Math.floor(l),l!==this._index&&(this._index=l,l>=this._lastFrame-1&&this._onLastFrame&&this._onLastFrame()));let _=this._index%e,u=Math.floor(this._index/e),m=-r*_+(f-r)/2,b=-n*u+(c-n)/2;m!==t.offset.x&&(t.offset.x=m),b!==t.offset.y&&(t.offset.y=b)}return super._update.call(this),this}flagReset(){return this._flagTexture=this._flagColumns=this._flagRows=this._flagFrameRate=!1,super.flagReset.call(this),this}},Ot=Qe;v(Ot,"Properties",["texture","columns","rows","frameRate","index"]);var Ti={texture:{enumerable:!0,get:function(){return this._texture},set:function(i){this._texture=i,this._flagTexture=!0}},columns:{enumerable:!0,get:function(){return this._columns},set:function(i){this._columns=i,this._flagColumns=!0}},rows:{enumerable:!0,get:function(){return this._rows},set:function(i){this._rows=i,this._flagRows=!0}},frameRate:{enumerable:!0,get:function(){return this._frameRate},set:function(i){this._frameRate=i,this._flagFrameRate=!0}},index:{enumerable:!0,get:function(){return this._index},set:function(i){this._index=i,this._flagIndex=!0}}};var ti=Math.cos,ei=Math.sin,oe=class extends L{_flagRadius=!1;_radius=0;constructor(t,e,s,r){let n=r?Math.max(r,2):4,a=[];for(let o=0;o<n;o++)a.push(new F(0,0,0,0,0,0));super(a,!0,!0,!0);for(let o in Mi)Object.defineProperty(this,o,Mi[o]);typeof s=="number"&&(this.radius=s),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagRadius){let t=this.vertices.length;!this._closed&&t>2&&(t-=1);let e=4/3*Math.tan(Math.PI/(t*2)),s=this._radius,r=s*e;for(let n=0;n<this.vertices.length;n++){let o=n/t*$,h=s*ti(o),l=s*ei(o),f=r*ti(o-J),c=r*ei(o-J),d=r*ti(o+J),_=r*ei(o+J),u=this.vertices[n];u.command=n===0?w.move:w.curve,u.set(h,l),u.controls.left.set(f,c),u.controls.right.set(d,_)}}return super._update.call(this),this}flagReset(){return this._flagRadius=!1,super.flagReset.call(this),this}clone(t){let e=new oe(0,0,this.radius,this.vertices.length);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix);for(let s=0;s<L.Properties.length;s++){let r=L.Properties[s];e[r]=this[r]}return t&&t.add(e),e}toObject(){let t=super.toObject.call(this);for(let e=0;e<oe.Properties.length;e++){let s=oe.Properties[e];t[s]=this[s]}return t}},Pt=oe;v(Pt,"Properties",["radius"]);var Mi={radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius=i,this._flagRadius=!0}}};var ii=Math.cos,si=Math.sin,le=class extends L{_flagWidth=!1;_flagHeight=!1;_width=0;_height=0;constructor(t,e,s,r,n){typeof r!="number"&&typeof s=="number"&&(r=s);let a=n?Math.max(n,2):4,o=[];for(let h=0;h<a;h++)o.push(new F);super(o,!0,!0,!0);for(let h in Ci)Object.defineProperty(this,h,Ci[h]);typeof s=="number"&&(this.width=s*2),typeof r=="number"&&(this.height=r*2),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagWidth||this._flagHeight){let t=this.vertices.length;!this._closed&&t>2&&(t-=1);let e=4/3*Math.tan(Math.PI/(this.vertices.length*2)),s=this._width/2,r=this._height/2;for(let n=0;n<this.vertices.length;n++){let o=n/t*$,h=s*ii(o),l=r*si(o),f=s*e*ii(o-J),c=r*e*si(o-J),d=s*e*ii(o+J),_=r*e*si(o+J),u=this.vertices[n];u.command=n===0?w.move:w.curve,u.set(h,l),u.controls.left.set(f,c),u.controls.right.set(d,_)}}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=!1,super.flagReset.call(this),this}clone(t){let e=this.width/2,s=this.height/2,r=this.vertices.length,n=new le(0,0,e,s,r);n.translation.copy(this.translation),n.rotation=this.rotation,n.scale=this.scale,n.skewX=this.skewX,n.skewY=this.skewY,this.matrix.manual&&n.matrix.copy(this.matrix);for(let a=0;a<L.Properties.length;a++){let o=L.Properties[a];n[o]=this[o]}return t&&t.add(n),n}toObject(){let t=super.toObject.call(this);for(let e=0;e<le.Properties.length;e++){let s=le.Properties[e];t[s]=this[s]}return t}},It=le;v(It,"Properties",["width","height"]);var Ci={width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0}}};var Vt=class extends L{constructor(t,e,s,r){let n=[new F(t,e),new F(s,r)];super(n);for(let a in Li)Object.defineProperty(this,a,Li[a]);this.vertices[0].command=w.move,this.vertices[1].command=w.line,this.automatic=!1}},Li={left:{enumerable:!0,get:function(){return this.vertices[0]},set:function(i){if(R.isObject(i))this.vertices.splice(0,1,i);else{let t=new et("Two.Line.x argument is not an object.");console.warn(t.name,t.message)}}},right:{enumerable:!0,get:function(){return this.vertices[1]},set:function(i){if(R.isObject(i))this.vertices.splice(1,1,i);else{let t=new et("Two.Line.y argument is not an object.");console.warn(t.name,t.message)}}}};var he=class extends L{_flagWidth=!1;_flagHeight=!1;_flagRadius=!1;_width=0;_height=0;_radius=12;constructor(t,e,s,r,n){typeof n>"u"&&typeof s=="number"&&typeof r=="number"&&(n=Math.floor(Math.min(s,r)/12));let a=[];for(let o=0;o<10;o++)a.push(new F(0,0,0,0,0,0,o===0?w.move:w.curve));super(a);for(let o in Oi)Object.defineProperty(this,o,Oi[o]);this.closed=!0,this.automatic=!1,this._renderer.flagRadius=xs.bind(this),typeof s=="number"&&(this.width=s),typeof r=="number"&&(this.height=r),typeof n=="number"&&(this.radius=n),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagWidth||this._flagHeight||this._flagRadius){let t=this._width,e=this._height,s,r;this._radius instanceof k?(s=this._radius.x,r=this._radius.y):(s=this._radius,r=this._radius);let n,a=t/2,o=e/2;n=this.vertices[0],n.x=-(a-s),n.y=-o,n=this.vertices[1],n.x=a-s,n.y=-o,n.controls.left.clear(),n.controls.right.x=s,n.controls.right.y=0,n=this.vertices[2],n.x=a,n.y=-(o-r),n.controls.right.clear(),n.controls.left.clear(),n=this.vertices[3],n.x=a,n.y=o-r,n.controls.left.clear(),n.controls.right.x=0,n.controls.right.y=r,n=this.vertices[4],n.x=a-s,n.y=o,n.controls.right.clear(),n.controls.left.clear(),n=this.vertices[5],n.x=-(a-s),n.y=o,n.controls.left.clear(),n.controls.right.x=-s,n.controls.right.y=0,n=this.vertices[6],n.x=-a,n.y=o-r,n.controls.left.clear(),n.controls.right.clear(),n=this.vertices[7],n.x=-a,n.y=-(o-r),n.controls.left.clear(),n.controls.right.x=0,n.controls.right.y=-r,n=this.vertices[8],n.x=-(a-s),n.y=-o,n.controls.left.clear(),n.controls.right.clear(),n=this.vertices[9],n.copy(this.vertices[8])}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=this._flagRadius=!1,super.flagReset.call(this),this}clone(t){let e=this.width,s=this.height,r=this.radius,n=new he(0,0,e,s,r);n.translation.copy(this.translation),n.rotation=this.rotation,n.scale=this.scale,n.skewX=this.skewX,n.skewY=this.skewY,this.matrix.manual&&n.matrix.copy(this.matrix);for(let a=0;a<L.Properties.length;a++){let o=L.Properties[a];n[o]=this[o]}return t&&t.add(n),n}toObject(){let t=super.toObject.call(this);for(let e=0;e<he.Properties.length;e++){let s=he.Properties[e];t[s]=this[s]}return t.radius=typeof this.radius=="number"?this.radius:this.radius.toObject(),t}},Bt=he;v(Bt,"Properties",["width","height","radius"]);var Oi={width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0}},radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius instanceof k&&this._radius.unbind(p.Types.change,this._renderer.flagRadius),this._radius=i,this._radius instanceof k&&this._radius.bind(p.Types.change,this._renderer.flagRadius),this._flagRadius=!0}}};function xs(){this._flagRadius=!0}var ri,Pi=Math.min,Ii=Math.max;H.document&&(ri=document.createElement("canvas"));var At=class extends at{_flagValue=!0;_flagFamily=!0;_flagSize=!0;_flagLeading=!0;_flagAlignment=!0;_flagBaseline=!0;_flagStyle=!0;_flagWeight=!0;_flagDecoration=!0;_flagFill=!0;_flagStroke=!0;_flagLinewidth=!0;_flagOpacity=!0;_flagVisible=!0;_flagMask=!1;_flagClip=!1;_value="";_family="sans-serif";_size=13;_leading=17;_alignment="center";_baseline="middle";_style="normal";_weight=500;_decoration="none";_fill="#000";_stroke="none";_linewidth=1;_opacity=1;_visible=!0;_mask=null;_clip=!1;_dashes=null;constructor(t,e,s,r){super();for(let n in Bi)Object.defineProperty(this,n,Bi[n]);if(this._renderer.type="text",this._renderer.flagFill=vs.bind(this),this._renderer.flagStroke=ws.bind(this),this.value=t,typeof e=="number"&&(this.translation.x=e),typeof s=="number"&&(this.translation.y=s),this.dashes=[],this.dashes.offset=0,!R.isObject(r))return this;for(let n=0;n<At.Properties.length;n++){let a=At.Properties[n];a in r&&(this[a]=r[a])}}static Measure(t){if(ri){let e=ri.getContext("2d");e.font=[t._style,t._weight,`${t._size}px/${t._leading}px`,t._family].join(" ");let s=e.measureText(t.value,0,0),r=s.actualBoundingBoxDescent+s.actualBoundingBoxAscent;return{width:s.width,height:r}}else{let e=this.value.length*this.size*At.Ratio,s=this.leading;return console.warn("Two.Text: unable to accurately measure text, so using an approximation."),{width:e,height:s}}}clone(t){let e=new At(this.value);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale;for(let s=0;s<At.Properties.length;s++){let r=At.Properties[s];e[r]=this[r]}return this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={translation:this.translation.toObject(),rotation:this.rotation,scale:this.scale};this.matrix.manual&&(t.matrix=this.matrix.toObject());for(let e=0;e<At.Properties.length;e++){let s=At.Properties[e];t[s]=this[s]}return t}noFill(){return this.fill="none",this}noStroke(){return this.stroke="none",this.linewidth=0,this}getBoundingClientRect(t){let e,s,r,n,a;this._update(!0),e=t?this.matrix:this.worldMatrix;let{width:o,height:h}=At.Measure(this),l=(this._linewidth||0)/2;switch(this.alignment){case"left":s=-l,r=o+l;break;case"right":s=-(o+l),r=l;break;default:s=-(o/2+l),r=o/2+l}switch(this.baseline){case"middle":n=-(h/2+l),a=h/2+l;break;default:n=-(h+l),a=l}let[f,c]=e.multiply(s,n),[d,_]=e.multiply(s,a),[u,m]=e.multiply(r,n),[b,g]=e.multiply(r,a);return n=Pi(c,_,m,g),s=Pi(f,d,u,b),r=Ii(f,d,u,b),a=Ii(c,_,m,g),{top:n,left:s,right:r,bottom:a,width:r-s,height:a-n}}flagReset(){return super.flagReset.call(this),this._flagValue=this._flagFamily=this._flagSize=this._flagLeading=this._flagAlignment=this._flagFill=this._flagStroke=this._flagLinewidth=this._flagOpacity=this._flagVisible=this._flagClip=this._flagDecoration=this._flagClassName=this._flagBaseline=this._flagWeight=this._flagStyle=!1,this}},ft=At;v(ft,"Ratio",.6),v(ft,"Properties",["value","family","size","leading","alignment","linewidth","style","weight","decoration","baseline","opacity","visible","fill","stroke"]);var Bi={value:{enumerable:!0,get:function(){return this._value},set:function(i){this._value=i,this._flagValue=!0}},family:{enumerable:!0,get:function(){return this._family},set:function(i){this._family=i,this._flagFamily=!0}},size:{enumerable:!0,get:function(){return this._size},set:function(i){this._size=i,this._flagSize=!0}},leading:{enumerable:!0,get:function(){return this._leading},set:function(i){this._leading=i,this._flagLeading=!0}},alignment:{enumerable:!0,get:function(){return this._alignment},set:function(i){this._alignment=i,this._flagAlignment=!0}},linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i,this._flagLinewidth=!0}},style:{enumerable:!0,get:function(){return this._style},set:function(i){this._style=i,this._flagStyle=!0}},weight:{enumerable:!0,get:function(){return this._weight},set:function(i){this._weight=i,this._flagWeight=!0}},decoration:{enumerable:!0,get:function(){return this._decoration},set:function(i){this._decoration=i,this._flagDecoration=!0}},baseline:{enumerable:!0,get:function(){return this._baseline},set:function(i){this._baseline=i,this._flagBaseline=!0}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0}},visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._visible=i,this._flagVisible=!0}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.unbind(p.Types.change,this._renderer.flagFill),this._fill=i,this._flagFill=!0,(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.bind(p.Types.change,this._renderer.flagFill)}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.unbind(p.Types.change,this._renderer.flagStroke),this._stroke=i,this._flagStroke=!0,(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.bind(p.Types.change,this._renderer.flagStroke)}},mask:{enumerable:!0,get:function(){return this._mask},set:function(i){this._mask=i,this._flagMask=!0,R.isObject(i)&&!i.clip&&(i.clip=!0)}},clip:{enumerable:!0,get:function(){return this._clip},set:function(i){this._clip=i,this._flagClip=!0}},dashes:{enumerable:!0,get:function(){return this._dashes},set:function(i){typeof i.offset!="number"&&(i.offset=this.dashes&&this._dashes.offset||0),this._dashes=i}}};function vs(){this._flagFill=!0}function ws(){this._flagStroke=!0}var Ft={path:/[+-]?(?:\d*\.\d+|\d+)(?:[eE][+-]\d+)?/g,cssBackgroundImage:/url\(['"]?#([\w\d-_]*)['"]?\)/i,unitSuffix:/[a-zA-Z%]*/i},ks={start:"left",middle:"center",end:"right"},Ni=["id","class","transform","xmlns","viewBox"],As=["x","y","width","height","href","xlink:href"];function Ss(i){return ks[i]}function Rs(i){let t=i.getAttribute("dominant-baseline"),e=i.getAttribute("alignment-baseline");return t||e}function fe(i){return i.replace(/svg:/ig,"").toLowerCase()}function ji(i,t){if(t.x+=i.translateX,t.y+=i.translateY,t.x*=i.scaleX,t.y*=i.scaleY,i.rotation!==0){let e=t.length();t.x=e*Math.cos(i.rotation),t.y=e*Math.sin(i.rotation)}}function Es(i,t){t||(t={});let e=i.split(";");for(let s=0;s<e.length;s++){let r=e[s].split(":"),n=r[0],a=r[1];typeof n>"u"||typeof a>"u"||(t[n]=a.replace(/\s/,""))}return t}function Fs(i){let t={},e=Ts(i),s=Math.max(e.length,i.style.length);for(let r=0;r<s;r++){let n=i.style[r],a=e[r];n&&(t[n]=i.style[n]),a&&(t[a]=i.getAttribute(a))}return t}function Ts(i){let t=i.getAttributeNames();for(let e=0;e<Ni.length;e++){let s=Ni[e],r=Array.prototype.indexOf.call(t,s);r>=0&&t.splice(r,1)}return t}function Ms(i,t){let e=t.split(/[\s,]/),s=-parseFloat(e[0]),r=-parseFloat(e[1]),n=parseFloat(e[2]),a=parseFloat(e[3]);if(s&&r)for(let c=0;c<i.children.length;c++){let d=i.children[c];"translation"in d?d.translation.add(s,r):"x"in d?d.x=s:"y"in d&&(d.y=r)}let o=typeof i.x=="number",h=typeof i.y=="number",l=typeof i.width=="number",f=typeof i.height=="number";return o&&(i.translation.x+=i.x),h&&(i.translation.y+=i.y),(l||f)&&(i.scale=new k(1,1)),l&&(i.scale.x=i.width/n),f&&(i.scale.y=i.height/a),i.mask=new pt(0,0,n,a),i.mask.origin.set(-n/2,-a/2),i}function vt(i,t,e){let s={},r={},n={},a,o,h,l,f,c,d,_,u,m,b,g,y,x,S,A,E;if(i===null)return s;if(H.getComputedStyle){let M=H.getComputedStyle(i);for(a=M.length;a--;)h=M[a],l=M[h],typeof l<"u"&&(s[h]=l)}for(a=0;a<i.attributes.length;a++)c=i.attributes[a],/style/i.test(c.nodeName)?Es(c.value,n):r[c.nodeName]=c.value;typeof s.opacity<"u"&&(s["stroke-opacity"]=s.opacity,s["fill-opacity"]=s.opacity,delete s.opacity),e&&R.defaults(s,e),R.extend(s,n,r),s.visible=!(typeof s.display>"u"&&/none/i.test(s.display))||typeof s.visibility>"u"&&/hidden/i.test(s.visibility);for(h in s)switch(l=s[h],h){case"gradientTransform":if(/none/i.test(l)||(o=i.gradientTransform&&i.gradientTransform.baseVal&&i.gradientTransform.baseVal.length>0?i.gradientTransform.baseVal[0].matrix:i.getCTM?i.getCTM():null,o===null))break;switch(d=St(o),t._renderer.type){case"linear-gradient":ji(d,t.left),ji(d,t.right);break;case"radial-gradient":t.center.x+=d.translateX,t.center.y+=d.translateY,t.focal.x+=d.translateX,t.focal.y+=d.translateY,t.radius*=Math.max(d.scaleX,d.scaleY);break}break;case"transform":if(/none/i.test(l)||(o=i.transform&&i.transform.baseVal&&i.transform.baseVal.length>0?i.transform.baseVal[0].matrix:i.getCTM?i.getCTM():null,o===null))break;Y.AutoCalculateImportedMatrices?(d=St(o),t.translation.set(d.translateX,d.translateY),t.rotation=Math.PI*(d.rotation/180),t.scale=new k(d.scaleX,d.scaleY),_=parseFloat((s.x+"").replace("px")),u=parseFloat((s.y+"").replace("px")),_&&(t.translation.x=_),u&&(t.translation.y=u)):(o=i.getCTM(),t._matrix.manual=!0,t._matrix.set(o.a,o.b,o.c,o.d,o.e,o.f));break;case"visible":if(t instanceof q){t._visible=l;break}t.visible=l;break;case"stroke-linecap":if(t instanceof q){t._cap=l;break}t.cap=l;break;case"stroke-linejoin":if(t instanceof q){t._join=l;break}t.join=l;break;case"stroke-miterlimit":if(t instanceof q){t._miter=l;break}t.miter=l;break;case"stroke-width":if(t instanceof q){t._linewidth=parseFloat(l);break}t.linewidth=parseFloat(l);break;case"opacity":case"stroke-opacity":case"fill-opacity":if(t instanceof q){t._opacity=parseFloat(l);break}t.opacity=parseFloat(l);break;case"clip-path":if(Ft.cssBackgroundImage.test(l)&&(m=l.replace(Ft.cssBackgroundImage,"$1"),G.defs.current&&G.defs.current.contains(m)&&(g=G.defs.current.get(m),g&&g.childNodes.length>0)))switch(g=g.childNodes[0],y=fe(g.nodeName),t.mask=G[y].call(this,g,{}),t._renderer.type){case"text":case"path":t.position.add(t.mask.position),t.mask.position.clear();break}break;case"fill":case"stroke":f=(t instanceof q?"_":"")+h,Ft.cssBackgroundImage.test(l)?(m=l.replace(Ft.cssBackgroundImage,"$1"),G.defs.current&&G.defs.current.contains(m)?(g=G.defs.current.get(m),g.object||(y=fe(g.nodeName),g.object=G[y].call(this,g,{})),g=g.object):(b=Ls(this),g=b.getById(m)),t[f]=g):t[f]=l;break;case"id":t.id=l;break;case"class":case"className":t.classList=l.split(" "),t._flagClassName=!0;break;case"x":case"y":if(x=t instanceof W,S=t instanceof U,A=t instanceof D,x||S||A)break;l.match("[a-z%]$")&&!l.endsWith("px")&&(E=new et("only pixel values are supported with the "+h+" attribute."),console.warn(E.name,E.message)),t.translation[h]=parseFloat(l);break;case"font-family":t instanceof ft&&(t.family=l);break;case"font-size":t instanceof ft&&(t.size=l);break;case"font-weight":t instanceof ft&&(t.weight=l);break;case"font-style":t instanceof ft&&(t.style=l);break;case"text-decoration":t instanceof ft&&(t.decoration=l);break;case"line-height":t instanceof ft&&(t.leading=l);break}return Object.keys(i.dataset).length&&(t.dataset=i.dataset),s}function Cs(i,t){for(let e=0,s=i.childNodes.length;e<s;e++){let r=i.childNodes[e];!r.id||fe(i.nodeName)==="#text"||t.add(r.id,r)}}function Ls(i){for(;i.parent;)i=i.parent;return i.scene}var G={svg:function(i){let t=G.defs.current=new Et,e=i.getElementsByTagName("defs");for(let u=0;u<e.length;u++)Cs(e[u],t);let s=G.g.call(this,i),r=i.getAttribute("viewBox"),n=i.getAttribute("x"),a=i.getAttribute("y"),o=i.getAttribute("width"),h=i.getAttribute("height");s.defs=t;let l=r!==null,f=n!==null,c=a!==null,d=o!==null,_=h!==null;return f&&(s.x=parseFloat(n.replace(Ft.unitSuffix,""))),c&&(s.y=parseFloat(a.replace(Ft.unitSuffix,""))),d&&(s.width=parseFloat(o.replace(Ft.unitSuffix,""))),_&&(s.height=parseFloat(h.replace(Ft.unitSuffix,""))),l&&Ms(s,r),delete G.defs.current,s},defs:function(i){return null},use:function(i,t){let e,s=i.getAttribute("href")||i.getAttribute("xlink:href");if(!s)return e=new et("encountered <use /> with no href."),console.warn(e.name,e.message),null;let r=s.slice(1);if(!G.defs.current.contains(r))return e=new et("unable to find element for reference "+s+"."),console.warn(e.name,e.message),null;let a=G.defs.current.get(r).cloneNode(!0);for(let h=0;h<i.attributes.length;h++){let l=i.attributes[h],f=As.includes(l.nodeName),c=!a.hasAttribute(l.nodeName);(f||c)&&a.setAttribute(l.nodeName,l.value)}let o=fe(a.nodeName);return G[o].call(this,a,t)},g:function(i,t){let e=new q;vt.call(this,i,e,t),this.add(e);let s=Fs.call(this,i);for(let r=0,n=i.childNodes.length;r<n;r++){let a=i.childNodes[r],o=a.nodeName;if(!o)return;let h=fe(o);if(h in G){let l=G[h].call(e,a,s);!!l&&!l.parent&&e.add(l)}}return e},polygon:function(i,t){let e;typeof i=="string"?e=i:e=i.getAttribute("points");let s=[];e.replace(/(-?[\d.eE-]+)[,|\s](-?[\d.eE-]+)/g,function(n,a,o){s.push(new F(parseFloat(a),parseFloat(o)))});let r=new L(s,!0).noStroke();return r.fill="black",vt.call(this,i,r,t),r},polyline:function(i,t){let e=G.polygon.call(this,i,t);return e.closed=!1,e},path:function(i,t){let e;typeof i=="string"?(e=i,i=null):e=i.getAttribute("d");let s=[],r=!1,n=!1;if(e){let o=new F,h,l,f=e.match(/[a-df-z][^a-df-z]*/ig),c=f.length-1;R.each(f.slice(0),function(d,_){let u=d.slice(1).trim().match(Ft.path),m=d[0],b=m.toLowerCase(),g,y,x,S,A,E=[];switch(_===0&&(f=[]),b){case"h":case"v":u.length>1&&(g=1);break;case"m":case"l":case"t":u.length>2&&(g=2);break;case"s":case"q":u.length>4&&(g=4);break;case"c":u.length>6&&(g=6);break;case"a":u.length>7&&(g=7);break}if(g){for(y=0,x=u.length,A=0;y<x;y+=g){if(S=m,A>0)switch(m){case"m":S="l";break;case"M":S="L";break}E.push(S+u.slice(y,y+g).join(" ")),A++}f=Array.prototype.concat.apply(f,E)}else f.push(d)}),R.each(f,function(d,_){let u,m,b,g=d[0],y=g.toLowerCase();l=d.slice(1).trim().match(Ft.path),n=g===y;let x,S,A,E,M,B,C,T,j,z,X,V,ct,ut,Z,dt,rt;switch(y){case"z":if(_>=c)r=!0;else{m=o.x,b=o.y,u=new F(m,b,void 0,void 0,void 0,void 0,w.close);for(let Tt=s.length-1;Tt>=0;Tt--){let Ct=s[Tt];if(/m/i.test(Ct.command)){o=Ct;break}}}break;case"m":case"l":h=void 0,m=parseFloat(l[0]),b=parseFloat(l[1]),u=new F(m,b,void 0,void 0,void 0,void 0,/m/i.test(y)?w.move:w.line),n&&u.addSelf(o),o=u;break;case"h":case"v":z=/h/i.test(y)?"x":"y",X=/x/i.test(z)?"y":"x",u=new F(void 0,void 0,void 0,void 0,void 0,void 0,w.line),u[z]=parseFloat(l[0]),u[X]=o[X],n&&(u[z]+=o[z]),o=u;break;case"c":case"s":x=o.x,S=o.y,h||(h=new k),/c/i.test(y)?(A=parseFloat(l[0]),E=parseFloat(l[1]),M=parseFloat(l[2]),B=parseFloat(l[3]),C=parseFloat(l[4]),T=parseFloat(l[5])):(j=ye(o,h,n),A=j.x,E=j.y,M=parseFloat(l[0]),B=parseFloat(l[1]),C=parseFloat(l[2]),T=parseFloat(l[3])),n&&(A+=x,E+=S,M+=x,B+=S,C+=x,T+=S),o.controls.right.set(A-o.x,E-o.y),u=new F(C,T,M-C,B-T,void 0,void 0,w.curve),o=u,h=u.controls.left;break;case"t":case"q":x=o.x,S=o.y,h||(h=new k),/q/i.test(y)?(A=parseFloat(l[0]),E=parseFloat(l[1]),M=parseFloat(l[0]),B=parseFloat(l[1]),C=parseFloat(l[2]),T=parseFloat(l[3])):(j=ye(o,h,n),A=j.x,E=j.y,M=j.x,B=j.y,C=parseFloat(l[0]),T=parseFloat(l[1])),n&&(A+=x,E+=S,M+=x,B+=S,C+=x,T+=S),o.controls.right.set((A-o.x)*.33,(E-o.y)*.33),u=new F(C,T,M-C,B-T,void 0,void 0,w.curve),o=u,h=u.controls.left;break;case"a":x=o.x,S=o.y,ct=parseFloat(l[0]),ut=parseFloat(l[1]),Z=parseFloat(l[2]),dt=parseFloat(l[3]),rt=parseFloat(l[4]),C=parseFloat(l[5]),T=parseFloat(l[6]),n&&(C+=x,T+=S),V=new F(C,T),V.command=w.arc,V.rx=ct,V.ry=ut,V.xAxisRotation=Z,V.largeArcFlag=dt,V.sweepFlag=rt,u=V,o=V,h=void 0;break}u&&(Array.isArray(u)?s=s.concat(u):s.push(u))})}e=new L(s,r,void 0,!0).noStroke(),e.fill="black";let a=e.getBoundingClientRect(!0);return a.centroid={x:a.left+a.width/2,y:a.top+a.height/2},R.each(e.vertices,function(o){o.subSelf(a.centroid)}),vt.call(this,i,e,t),e.translation.addSelf(a.centroid),e},circle:function(i,t){let e=parseFloat(i.getAttribute("cx")),s=parseFloat(i.getAttribute("cy")),r=parseFloat(i.getAttribute("r")),n=new Pt(0,0,r).noStroke();return n.fill="black",vt.call(this,i,n,t),n.translation.x=e,n.translation.y=s,n},ellipse:function(i,t){let e=parseFloat(i.getAttribute("cx")),s=parseFloat(i.getAttribute("cy")),r=parseFloat(i.getAttribute("rx")),n=parseFloat(i.getAttribute("ry")),a=new It(0,0,r,n).noStroke();return a.fill="black",vt.call(this,i,a,t),a.translation.x=e,a.translation.y=s,a},rect:function(i,t){let e=parseFloat(i.getAttribute("rx")),s=parseFloat(i.getAttribute("ry"));if(!R.isNaN(e)||!R.isNaN(s))return G["rounded-rect"](i);let r=parseFloat(i.getAttribute("width")),n=parseFloat(i.getAttribute("height")),a=r/2,o=n/2,h=new pt(0,0,r,n).noStroke();return h.fill="black",vt.call(this,i,h,t),h.translation.x+=a,h.translation.y+=o,h},"rounded-rect":function(i,t){let e=parseFloat(i.getAttribute("rx"))||0,s=parseFloat(i.getAttribute("ry"))||0,r=parseFloat(i.getAttribute("width")),n=parseFloat(i.getAttribute("height")),a=r/2,o=n/2,h=new k(e,s),l=new Bt(0,0,r,n,h).noStroke();return l.fill="black",vt.call(this,i,l,t),l.translation.x+=a,l.translation.y+=o,l},line:function(i,t){let e=parseFloat(i.getAttribute("x1")),s=parseFloat(i.getAttribute("y1")),r=parseFloat(i.getAttribute("x2")),n=parseFloat(i.getAttribute("y2")),a=new Vt(e,s,r,n).noFill();return vt.call(this,i,a,t),a},lineargradient:function(i,t){let e=i.getAttribute("gradientUnits"),s=i.getAttribute("spreadMethod");e||(e="objectBoundingBox"),s||(s="pad");let r=parseFloat(i.getAttribute("x1")||0),n=parseFloat(i.getAttribute("y1")||0),a=parseFloat(i.getAttribute("x2")||0),o=parseFloat(i.getAttribute("y2")||0),h=(a+r)/2,l=(o+n)/2;/userSpaceOnUse/i.test(e)&&(r-=h,n-=l,a-=h,o-=l);let f=[];for(let d=0;d<i.children.length;d++){let _=i.children[d],u=_.getAttribute("offset");/%/ig.test(u)&&(u=parseFloat(u.replace(/%/ig,""))/100),u=parseFloat(u);let m=_.getAttribute("stop-color"),b=_.getAttribute("stop-opacity"),g=_.getAttribute("style"),y;m===null&&(y=g?g.match(/stop-color:\s?([#a-fA-F0-9]*)/):!1,m=y&&y.length>1?y[1]:void 0),b===null?(y=g?g.match(/stop-opacity:\s?([0-9.-]*)/):!1,b=y&&y.length>1?parseFloat(y[1]):1):b=parseFloat(b),f.push(new ht(u,m,b))}let c=new U(r,n,a,o,f);return c.spread=s,c.units=e,vt.call(this,i,c,t),c},radialgradient:function(i,t){let e=i.getAttribute("gradientUnits"),s=i.getAttribute("spreadMethod");e||(e="objectBoundingBox"),s||(s="pad");let r=parseFloat(i.getAttribute("cx"))||0,n=parseFloat(i.getAttribute("cy"))||0,a=parseFloat(i.getAttribute("r")),o=parseFloat(i.getAttribute("fx")),h=parseFloat(i.getAttribute("fy"));R.isNaN(o)&&(o=r),R.isNaN(h)&&(h=n);let l=Math.abs(r+o)/2,f=Math.abs(n+h)/2;/userSpaceOnUse/i.test(e)&&(r-=l,n-=f,o-=l,h-=f);let c=[];for(let _=0;_<i.children.length;_++){let u=i.children[_],m=u.getAttribute("offset");/%/ig.test(m)&&(m=parseFloat(m.replace(/%/ig,""))/100),m=parseFloat(m);let b=u.getAttribute("stop-color"),g=u.getAttribute("stop-opacity"),y=u.getAttribute("style"),x;b===null&&(x=y?y.match(/stop-color:\s?([#a-fA-F0-9]*)/):!1,b=x&&x.length>1?x[1]:void 0),g===null?(x=y?y.match(/stop-opacity:\s?([0-9.-]*)/):!1,g=x&&x.length>1?parseFloat(x[1]):1):g=parseFloat(g),c.push(new ht(m,b,g))}let d=new D(r,n,a,c,o,h);return d.spread=s,d.units=e,vt.call(this,i,d,t),d},text:function(i,t){let e=Ss(i.getAttribute("text-anchor"))||"left",s=Rs(i)||"baseline",r=i.textContent,n=new ft(r);return vt.call(this,i,n,t),n.alignment=e,n.baseline=s,n},clippath:function(i,t){return G.defs.current&&!G.defs.current.contains(i.id)&&G.defs.current.add(i.id,i),null},image:function(i,t){let e,s=i.getAttribute("href")||i.getAttribute("xlink:href");if(!s)return e=new et("encountered <image /> with no href."),console.warn(e.name,e.message),null;let r=parseFloat(i.getAttribute("x"))||0,n=parseFloat(i.getAttribute("y"))||0,a=parseFloat(i.getAttribute("width")),o=parseFloat(i.getAttribute("height")),h=new Ot(s,r,n);return R.isNaN(a)||(h.width=a),R.isNaN(o)||(h.height=o),vt.call(this,i,h,t),h}};function ni(i,t){let e=new XMLHttpRequest;return e.open("GET",i),e.onreadystatechange=function(){e.readyState===4&&e.status===200&&t(e.responseText)},e.send(),e}var Fe=class extends pt{_flagTextures=!1;_flagFrameRate=!1;_flagIndex=!1;_amount=1;_duration=0;_index=0;_startTime=0;_playing=!1;_firstFrame=0;_lastFrame=0;_loop=!0;_textures=null;_frameRate=0;_origin=null;constructor(t,e,s,r){super(e,s,0,0);for(let n in Vi)Object.defineProperty(this,n,Vi[n]);this._renderer.flagTextures=Os.bind(this),this._renderer.bindTextures=Ps.bind(this),this._renderer.unbindTextures=Is.bind(this),this.noStroke(),this.noFill(),Array.isArray(t)?this.textures=t.map(zi.bind(this)):this.textures=[zi(t)],this.origin=new k,this._update(),typeof r=="number"?this.frameRate=r:this.frameRate=Fe.DefaultFrameRate,this.index=0}play(t,e,s){return this._playing=!0,this._firstFrame=0,this._lastFrame=this.amount-1,this._startTime=R.performance.now(),typeof t=="number"&&(this._firstFrame=t),typeof e=="number"&&(this._lastFrame=e),typeof s=="function"?this._onLastFrame=s:delete this._onLastFrame,this._index!==this._firstFrame&&(this._startTime-=1e3*Math.abs(this._index-this._firstFrame)/this._frameRate),this}pause(){return this._playing=!1,this}stop(){return this._playing=!1,this._index=this._firstFrame,this}clone(t){let e=new Fe(this.textures,this.translation.x,this.translation.y,this.frameRate);return e._loop=this._loop,this._playing&&e.play(),t&&t.add(e),e}toObject(){let t=super.toObject.call(this);return t.textures=this.textures.map(function(e){return e.toObject()}),t.frameRate=this.frameRate,t.index=this.index,t._firstFrame=this._firstFrame,t._lastFrame=this._lastFrame,t._loop=this._loop,t}_update(){let t=this._textures,e,s,r,n,a,o,h,l;return t&&(this._flagTextures&&(this._amount=t.length),this._flagFrameRate&&(this._duration=1e3*this._amount/this._frameRate),this._playing&&this._frameRate>0?(n=this._amount,R.isNaN(this._lastFrame)&&(this._lastFrame=n-1),r=R.performance.now()-this._startTime,l=this._lastFrame+1,a=1e3*(l-this._firstFrame)/this._frameRate,this._loop?r=r%a:r=Math.min(r,a),h=nt(this._firstFrame,l,r/a),h=Math.floor(h),h!==this._index&&(this._index=h,o=t[this._index],o.loaded&&(e=o.image.width,s=o.image.height,this.width!==e&&(this.width=e),this.height!==s&&(this.height=s),this.fill=o,h>=this._lastFrame-1&&this._onLastFrame&&this._onLastFrame()))):(this._flagIndex||!(this.fill instanceof N))&&(o=t[this._index],o.loaded&&(e=o.image.width,s=o.image.height,this.width!==e&&(this.width=e),this.height!==s&&(this.height=s)),this.fill=o)),super._update.call(this),this}flagReset(){return this._flagTextures=this._flagFrameRate=!1,super.flagReset.call(this),this}},zt=Fe;v(zt,"Properties",["textures","frameRate","index"]),v(zt,"DefaultFrameRate",30);var Vi={frameRate:{enumerable:!0,get:function(){return this._frameRate},set:function(i){this._frameRate=i,this._flagFrameRate=!0}},index:{enumerable:!0,get:function(){return this._index},set:function(i){this._index=i,this._flagIndex=!0}},textures:{enumerable:!0,get:function(){return this._textures},set:function(i){let t=this._renderer.bindTextures,e=this._renderer.unbindTextures;this._textures&&this._textures.unbind(p.Types.insert,t).unbind(p.Types.remove,e),this._textures=new ot((i||[]).slice(0)),this._textures.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._textures)}}};function Os(){this._flagTextures=!0}function Ps(i){let t=i.length;for(;t--;)i[t].bind(p.Types.change,this._renderer.flagTextures);this._renderer.flagTextures()}function Is(i){let t=i.length;for(;t--;)i[t].unbind(p.Types.change,this._renderer.flagTextures);this._renderer.flagTextures()}function zi(i){if(i instanceof N)return i;if(typeof i=="string")return new N(i)}var ce=class extends L{_flagStartAngle=!1;_flagEndAngle=!1;_flagInnerRadius=!1;_flagOuterRadius=!1;_startAngle=0;_endAngle=$;_innerRadius=0;_outerRadius=0;constructor(t,e,s,r,n,a,o){let h=o||Y.Resolution*3,l=[];for(let f=0;f<h;f++)l.push(new F);super(l,!0,!1,!0);for(let f in Ui)Object.defineProperty(this,f,Ui[f]);typeof s=="number"&&(this.innerRadius=s),typeof r=="number"&&(this.outerRadius=r),typeof n=="number"&&(this.startAngle=n),typeof a=="number"&&(this.endAngle=a),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagStartAngle||this._flagEndAngle||this._flagInnerRadius||this._flagOuterRadius){let t=this._startAngle,e=this._endAngle,s=this._innerRadius,r=this._outerRadius,n=it(t,$)===it(e,$),a=s>0,o=this.vertices,h=a?o.length/2:o.length,l,f=0,c,d,_,u,m,b,g,y,x;for(n?h--:a||(h-=2),c=0,d=h-1;c<h;c++){switch(_=c/d,u=o[f],m=_*(e-t)+t,b=(e-t)/h,g=r*Math.cos(m),y=r*Math.sin(m),c){case 0:l=w.move;break;default:l=w.curve}u.command=l,u.x=g,u.y=y,u.controls.left.clear(),u.controls.right.clear(),u.command===w.curve&&(x=r*b/Math.PI,u.controls.left.x=x*Math.cos(m-J),u.controls.left.y=x*Math.sin(m-J),u.controls.right.x=x*Math.cos(m+J),u.controls.right.y=x*Math.sin(m+J),c===1&&u.controls.left.multiplyScalar(2),c===d&&u.controls.right.multiplyScalar(2)),f++}if(a){for(n?(o[f].command=w.close,f++):(h--,d=h-1),c=0;c<h;c++)_=c/d,u=o[f],m=(1-_)*(e-t)+t,b=(e-t)/h,g=s*Math.cos(m),y=s*Math.sin(m),l=w.curve,c<=0&&(l=n?w.move:w.line),u.command=l,u.x=g,u.y=y,u.controls.left.clear(),u.controls.right.clear(),u.command===w.curve&&(x=s*b/Math.PI,u.controls.left.x=x*Math.cos(m+J),u.controls.left.y=x*Math.sin(m+J),u.controls.right.x=x*Math.cos(m-J),u.controls.right.y=x*Math.sin(m-J),c===1&&u.controls.left.multiplyScalar(2),c===d&&u.controls.right.multiplyScalar(2)),f++;o[f].copy(o[0]),o[f].command=w.line}else n||(o[f].command=w.line,o[f].x=0,o[f].y=0,f++,o[f].copy(o[0]),o[f].command=w.line)}return super._update.call(this),this}flagReset(){return super.flagReset.call(this),this._flagStartAngle=this._flagEndAngle=this._flagInnerRadius=this._flagOuterRadius=!1,this}clone(t){let e=this.innerRadius,s=this.outerRadius,r=this.startAngle,n=this.endAngle,a=this.vertices.length,o=new ce(0,0,e,s,r,n,a);o.translation.copy(this.translation),o.rotation=this.rotation,o.scale=this.scale,o.skewX=this.skewX,o.skewY=this.skewY,this.matrix.manual&&o.matrix.copy(this.matrix);for(let h=0;h<L.Properties.length;h++){let l=L.Properties[h];o[l]=this[l]}return t&&t.add(o),o}toObject(){let t=super.toObject.call(this);for(let e=0;e<ce.Properties.length;e++){let s=ce.Properties[e];t[s]=this[s]}return t}},Gt=ce;v(Gt,"Properties",["startAngle","endAngle","innerRadius","outerRadius"]);var Ui={startAngle:{enumerable:!0,get:function(){return this._startAngle},set:function(i){this._startAngle=i,this._flagStartAngle=!0}},endAngle:{enumerable:!0,get:function(){return this._endAngle},set:function(i){this._endAngle=i,this._flagEndAngle=!0}},innerRadius:{enumerable:!0,get:function(){return this._innerRadius},set:function(i){this._innerRadius=i,this._flagInnerRadius=!0}},outerRadius:{enumerable:!0,get:function(){return this._outerRadius},set:function(i){this._outerRadius=i,this._flagOuterRadius=!0}}};var Bs=Math.ceil,Ns=Math.floor,Kt=class extends at{_flagVertices=!0;_flagLength=!0;_flagFill=!0;_flagStroke=!0;_flagLinewidth=!0;_flagOpacity=!0;_flagVisible=!0;_flagSize=!0;_flagSizeAttenuation=!0;_length=0;_fill="#fff";_stroke="#000";_linewidth=1;_opacity=1;_visible=!0;_size=1;_sizeAttenuation=!1;_beginning=0;_ending=1;_dashes=null;constructor(t){super();for(let e in Di)Object.defineProperty(this,e,Di[e]);this._renderer.type="points",this._renderer.flagVertices=qe.bind(this),this._renderer.bindVertices=Ge.bind(this),this._renderer.unbindVertices=Ke.bind(this),this._renderer.flagFill=$e.bind(this),this._renderer.flagStroke=Je.bind(this),this._renderer.vertices=null,this._renderer.collection=null,this.sizeAttenuation=!1,this.beginning=0,this.ending=1,this.fill="#fff",this.stroke="#000",this.className="",this.visible=!0,this.vertices=t,this.dashes=[],this.dashes.offset=0}clone(t){let e=new Kt;for(let s=0;s<this.vertices.length;s++)e.vertices.push(this.vertices[s].clone());for(let s=0;s<Kt.Properties.length;s++){let r=Kt.Properties[s];e[r]=this[r]}return e.className=this.className,e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={vertices:this.vertices.map(function(e){return e.toObject()})};return R.each(Kt.Properties,function(e){t[e]=this[e]},this),t.className=this.className,t.translation=this.translation.toObject(),t.rotation=this.rotation,t.scale=this.scale instanceof k?this.scale.toObject():this.scale,t.skewX=this.skewX,t.skewY=this.skewY,this.matrix.manual&&(t.matrix=this.matrix.toObject()),t}noFill=L.prototype.noFill;noStroke=L.prototype.noStroke;corner=L.prototype.corner;center=L.prototype.center;getBoundingClientRect=L.prototype.getBoundingClientRect;subdivide(t){this._update();let e=[];for(let s=0;s<this.vertices.length;s++){let r=this.vertices[s],n=this.vertices[s-1];if(!n)continue;let a=r.x,o=r.y,h=n.x,l=n.y,f=se(a,o,a,o,h,l,h,l,t);e=e.concat(f)}return this.vertices=e,this}_updateLength=L.prototype._updateLength;_update(){if(this._flagVertices){this._flagLength&&this._updateLength(void 0,!0);let t=Math.min(this._beginning,this._ending),e=Math.max(this._beginning,this._ending),s=Wt(this,t*this._length),r=Wt(this,e*this._length),n=Bs(s),a=Ns(r),o=0,h;this._renderer.vertices=[],this._renderer.collection=[];for(let l=0;l<this._collection.length;l++)l>=n&&l<=a&&(h=this._collection[l],this._renderer.collection.push(h),this._renderer.vertices[o*2+0]=h.x,this._renderer.vertices[o*2+1]=h.y,o++)}return super._update.apply(this,arguments),this}flagReset(){return this._flagVertices=this._flagLength=this._flagFill=this._flagStroke=this._flagLinewidth=this._flagOpacity=this._flagVisible=this._flagSize=this._flagSizeAttenuation=!1,super.flagReset.call(this),this}},$t=Kt;v($t,"Properties",["fill","stroke","linewidth","opacity","visible","size","sizeAttenuation","beginning","ending"]);var Di={linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i,this._flagLinewidth=!0}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0}},visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._visible=i,this._flagVisible=!0}},size:{enumerable:!0,get:function(){return this._size},set:function(i){this._size=i,this._flagSize=!0}},sizeAttenuation:{enumerable:!0,get:function(){return this._sizeAttenuation},set:function(i){this._sizeAttenuation=i,this._flagSizeAttenuation=!0}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.unbind(p.Types.change,this._renderer.flagFill),this._fill=i,this._flagFill=!0,(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.bind(p.Types.change,this._renderer.flagFill)}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.unbind(p.Types.change,this._renderer.flagStroke),this._stroke=i,this._flagStroke=!0,(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.bind(p.Types.change,this._renderer.flagStroke)}},length:{get:function(){return this._flagLength&&this._updateLength(),this._length}},beginning:{enumerable:!0,get:function(){return this._beginning},set:function(i){this._beginning=i,this._flagVertices=!0}},ending:{enumerable:!0,get:function(){return this._ending},set:function(i){this._ending=i,this._flagVertices=!0}},vertices:{enumerable:!0,get:function(){return this._collection},set:function(i){let t=this._renderer.bindVertices,e=this._renderer.unbindVertices;this._collection&&this._collection.unbind(p.Types.insert,t).unbind(p.Types.remove,e),i instanceof ot?this._collection=i:this._collection=new ot(i||[]),this._collection.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._collection)}},dashes:{enumerable:!0,get:function(){return this._dashes},set:function(i){typeof i.offset!="number"&&(i.offset=this.dashes&&this._dashes.offset||0),this._dashes=i}}};var js=Math.cos,Vs=Math.sin,ue=class extends L{_flagWidth=!1;_flagHeight=!1;_flagSides=!1;_radius=0;_width=0;_height=0;_sides=0;constructor(t,e,s,r){r=Math.max(r||0,3),super();for(let n in Hi)Object.defineProperty(this,n,Hi[n]);this.closed=!0,this.automatic=!1,typeof s=="number"&&(this.radius=s),typeof r=="number"&&(this.sides=r),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagWidth||this._flagHeight||this._flagSides){let t=this._sides,e=t+1,s=this.vertices.length;s>t&&(this.vertices.splice(t-1,s-t),s=t);for(let r=0;r<e;r++){let n=(r+.5)/t,a=$*n+Math.PI/2,o=this._width*js(a)/2,h=this._height*Vs(a)/2;r>=s?this.vertices.push(new F(o,h)):this.vertices[r].set(o,h),this.vertices[r].command=r===0?w.move:w.line}}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=this._flagSides=!1,super.flagReset.call(this),this}clone(t){let e=new ue(0,0,0,this.sides);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,e.width=this.width,e.height=this.height,this.matrix.manual&&e.matrix.copy(this.matrix);for(let s=0;s<L.Properties.length;s++){let r=L.Properties[s];e[r]=this[r]}return t&&t.add(e),e}toObject(){let t=super.toObject.call(this);for(let e=0;e<ue.Properties.length;e++){let s=ue.Properties[e];t[s]=this[s]}return t}},Jt=ue;v(Jt,"Properties",["width","height","sides"]);var Hi={radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius=i,this.width=i*2,this.height=i*2}},width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0,this._radius=Math.max(this.width,this.height)/2}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0,this._radius=Math.max(this.width,this.height)/2}},sides:{enumerable:!0,get:function(){return this._sides},set:function(i){this._sides=i,this._flagSides=!0}}};var zs=Math.cos,Us=Math.sin,de=class extends L{_flagInnerRadius=!1;_flagOuterRadius=!1;_flagSides=!1;_innerRadius=0;_outerRadius=0;_sides=0;constructor(t,e,s,r,n){arguments.length<=3&&(r=s,s=r/2),(typeof n!="number"||n<=0)&&(n=5),super();for(let a in Wi)Object.defineProperty(this,a,Wi[a]);this.closed=!0,this.automatic=!1,typeof s=="number"&&(this.innerRadius=s),typeof r=="number"&&(this.outerRadius=r),typeof n=="number"&&(this.sides=n),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagInnerRadius||this._flagOuterRadius||this._flagSides){let t=this._sides*2,e=t+1,s=this.vertices.length;s>t&&(this.vertices.splice(t-1,s-t),s=t);for(let r=0;r<e;r++){let n=(r+.5)/t,a=$*n,o=(r%2?this._outerRadius:this._innerRadius)/2,h=o*zs(a),l=o*Us(a);r>=s?this.vertices.push(new F(h,l)):this.vertices[r].set(h,l),this.vertices[r].command=r===0?w.move:w.line}}return super._update.call(this),this}flagReset(){return this._flagInnerRadius=this._flagOuterRadius=this._flagSides=!1,super.flagReset.call(this),this}clone(t){let e=this.innerRadius,s=this.outerRadius,r=this.sides,n=new de(0,0,e,s,r);n.translation.copy(this.translation),n.rotation=this.rotation,n.scale=this.scale,n.skewX=this.skewX,n.skewY=this.skewY,this.matrix.manual&&n.matrix.copy(this.matrix);for(let a=0;a<L.Properties.length;a++){let o=L.Properties[a];n[o]=this[o]}return t&&t.add(n),n}toObject(){let t=super.toObject.call(this);for(let e=0;e<de.Properties.length;e++){let s=de.Properties[e];t[s]=this[s]}return t}},Zt=de;v(Zt,"Properties",["innerRadius","outerRadius","sides"]);var Wi={innerRadius:{enumerable:!0,get:function(){return this._innerRadius},set:function(i){this._innerRadius=i,this._flagInnerRadius=!0}},outerRadius:{enumerable:!0,get:function(){return this._outerRadius},set:function(i){this._outerRadius=i,this._flagOuterRadius=!0}},sides:{enumerable:!0,get:function(){return this._sides},set:function(i){this._sides=i,this._flagSides=!0}}};var O={version:1.1,ns:"http://www.w3.org/2000/svg",xlink:"http://www.w3.org/1999/xlink",alignments:{left:"start",center:"middle",right:"end"},createElement:function(i,t){let e=i,s=document.createElementNS(O.ns,e);return e==="svg"&&(t=R.defaults(t||{},{version:O.version})),t&&Object.keys(t).length>0&&O.setAttributes(s,t),s},setAttributes:function(i,t){let e=Object.keys(t);for(let s=0;s<e.length;s++)/href/.test(e[s])?i.setAttributeNS(O.xlink,e[s],t[e[s]]):i.setAttribute(e[s],t[e[s]]);return this},removeAttributes:function(i,t){for(let e in t)i.removeAttribute(e);return this},toString:function(i,t){let e=i.length,s=e-1,r,n="";for(let a=0;a<e;a++){let o=i[a],h=t?it(a-1,e):Math.max(a-1,0),l=i[h],f,c,d,_,u,m,b,g,y,x,S,A,E,M,B,C=K(o.x),T=K(o.y);switch(o.command){case w.close:f=w.close;break;case w.arc:S=o.rx,A=o.ry,E=o.xAxisRotation,M=o.largeArcFlag,B=o.sweepFlag,f=w.arc+" "+S+" "+A+" "+E+" "+M+" "+B+" "+C+" "+T;break;case w.curve:b=l.controls&&l.controls.right||k.zero,g=o.controls&&o.controls.left||k.zero,l.relative?(d=K(b.x+l.x),_=K(b.y+l.y)):(d=K(b.x),_=K(b.y)),o.relative?(u=K(g.x+o.x),m=K(g.y+o.y)):(u=K(g.x),m=K(g.y)),f=(a===0?w.move:w.curve)+" "+d+" "+_+" "+u+" "+m+" "+C+" "+T;break;case w.move:r=o,f=w.move+" "+C+" "+T;break;default:f=o.command+" "+C+" "+T}a>=s&&t&&(o.command===w.curve&&(c=r,y=o.controls&&o.controls.right||o,x=c.controls&&c.controls.left||c,o.relative?(d=K(y.x+o.x),_=K(y.y+o.y)):(d=K(y.x),_=K(y.y)),c.relative?(u=K(x.x+c.x),m=K(x.y+c.y)):(u=K(x.x),m=K(x.y)),C=K(c.x),T=K(c.y),f+=" C "+d+" "+_+" "+u+" "+m+" "+C+" "+T),o.command!==w.close&&(f+=" Z")),n+=f+" "}return n},pointsToString:function(i,t){let e="",s=t*.5;for(let r=0;r<i.length;r++){let n=i[r].x,a=i[r].y-s;e+=w.move+" "+n+" "+a+" ",e+="a "+s+" "+s+" 0 1 0 0.001 0 Z"}return e},getClip:function(i,t){let e=i._renderer.clip;return e||(e=i._renderer.clip=O.createElement("clipPath",{"clip-rule":"nonzero"})),e.parentNode===null&&t.defs.appendChild(e),e},defs:{update:function(i){let{defs:t}=i;if(t._flagUpdate){let e=Array.prototype.slice.call(t.children,0);for(let s=0;s<e.length;s++){let r=e[s],n=r.id,a=`[fill="url(#${n})"],[stroke="url(#${n})"],[clip-path="url(#${n})"]`;i.querySelector(a)||t.removeChild(r)}t._flagUpdate=!1}}},group:{appendChild:function(i){let t=i._renderer.elem;if(!t)return;let e=t.nodeName;!e||/(radial|linear)gradient/i.test(e)||i._clip||this.elem.appendChild(t)},removeChild:function(i){let t=i._renderer.elem;!t||t.parentNode!=this.elem||!t.nodeName||i._clip||this.elem.removeChild(t)},orderChild:function(i){this.elem.appendChild(i._renderer.elem)},renderChild:function(i){O[i._renderer.type].render.call(i,this)},render:function(i){if(!this._visible&&!this._flagVisible||this._opacity===0&&!this._flagOpacity)return this;this._update(),this._renderer.elem||(this._renderer.elem=O.createElement("g",{id:this.id}),i.appendChild(this._renderer.elem));let t=this._matrix.manual||this._flagMatrix,e={domElement:i,elem:this._renderer.elem};t&&this._renderer.elem.setAttribute("transform","matrix("+this._matrix.toString()+")");for(let s=0;s<this.children.length;s++){let r=this.children[s];O[r._renderer.type].render.call(r,i)}return this._flagId&&this._renderer.elem.setAttribute("id",this._id),this._flagOpacity&&this._renderer.elem.setAttribute("opacity",this._opacity),this._flagVisible&&this._renderer.elem.setAttribute("display",this._visible?"inline":"none"),this._flagClassName&&this._renderer.elem.setAttribute("class",this.classList.join(" ")),this._flagAdditions&&this.additions.forEach(O.group.appendChild,e),this._flagSubtractions&&this.subtractions.forEach(O.group.removeChild,e),this._flagOrder&&this.children.forEach(O.group.orderChild,e),this._flagMask&&(this._mask?(O[this._mask._renderer.type].render.call(this._mask,i),this._renderer.elem.setAttribute("clip-path","url(#"+this._mask.id+")")):this._renderer.elem.removeAttribute("clip-path")),this.dataset&&Object.assign(this._renderer.elem.dataset,this.dataset),this.flagReset()}},path:{render:function(i){if(this._opacity===0&&!this._flagOpacity)return this;this._update();let t={};if((this._matrix.manual||this._flagMatrix)&&(t.transform="matrix("+this._matrix.toString()+")"),this._flagId&&(t.id=this._id),this._flagVertices){let s=O.toString(this._renderer.vertices,this._closed);t.d=s}if(this._fill&&this._fill._renderer&&(this._renderer.hasFillEffect=!0,this._fill._update(),O[this._fill._renderer.type].render.call(this._fill,i,!0)),this._flagFill&&(t.fill=this._fill&&this._fill.id?"url(#"+this._fill.id+")":this._fill,this._renderer.hasFillEffect&&typeof this._fill.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasFillEffect)),this._stroke&&this._stroke._renderer&&(this._renderer.hasStrokeEffect=!0,this._stroke._update(),O[this._stroke._renderer.type].render.call(this._stroke,i,!0)),this._flagStroke&&(t.stroke=this._stroke&&this._stroke.id?"url(#"+this._stroke.id+")":this._stroke,this._renderer.hasStrokeEffect&&typeof this._stroke.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasStrokeEffect)),this._flagLinewidth&&(t["stroke-width"]=this._linewidth),this._flagOpacity&&(t["stroke-opacity"]=this._opacity,t["fill-opacity"]=this._opacity),this._flagClassName&&(t.class=this.classList.join(" ")),this._flagVisible&&(t.visibility=this._visible?"visible":"hidden"),this._flagCap&&(t["stroke-linecap"]=this._cap),this._flagJoin&&(t["stroke-linejoin"]=this._join),this._flagMiter&&(t["stroke-miterlimit"]=this._miter),this.dashes&&this.dashes.length>0&&(t["stroke-dasharray"]=this.dashes.join(" "),t["stroke-dashoffset"]=this.dashes.offset||0),this._renderer.elem?O.setAttributes(this._renderer.elem,t):(t.id=this._id,this._renderer.elem=O.createElement("path",t),i.appendChild(this._renderer.elem)),this._flagClip){let s=O.getClip(this,i),r=this._renderer.elem;this._clip?(r.removeAttribute("id"),s.setAttribute("id",this.id),s.appendChild(r)):(s.removeAttribute("id"),r.setAttribute("id",this.id),this.parent._renderer.elem.appendChild(r))}return this._flagMask&&(this._mask?(O[this._mask._renderer.type].render.call(this._mask,i),this._renderer.elem.setAttribute("clip-path","url(#"+this._mask.id+")")):this._renderer.elem.removeAttribute("clip-path")),this.flagReset()}},points:{render:function(i){if(this._opacity===0&&!this._flagOpacity)return this;this._update();let t={};if((this._matrix.manual||this._flagMatrix)&&(t.transform="matrix("+this._matrix.toString()+")"),this._flagId&&(t.id=this._id),this._flagVertices||this._flagSize||this._flagSizeAttenuation){let s=this._size;if(!this._sizeAttenuation){let n=this.worldMatrix.elements,a=St(n[0],n[3],n[1],n[4],n[2],n[5]);s/=Math.max(a.scaleX,a.scaleY)}let r=O.pointsToString(this._renderer.collection,s);t.d=r}return this._fill&&this._fill._renderer&&(this._renderer.hasFillEffect=!0,this._fill._update(),O[this._fill._renderer.type].render.call(this._fill,i,!0)),this._flagFill&&(t.fill=this._fill&&this._fill.id?"url(#"+this._fill.id+")":this._fill,this._renderer.hasFillEffect&&typeof this._fill.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasFillEffect)),this._stroke&&this._stroke._renderer&&(this._renderer.hasStrokeEffect=!0,this._stroke._update(),O[this._stroke._renderer.type].render.call(this._stroke,i,!0)),this._flagStroke&&(t.stroke=this._stroke&&this._stroke.id?"url(#"+this._stroke.id+")":this._stroke,this._renderer.hasStrokeEffect&&typeof this._stroke.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasStrokeEffect)),this._flagLinewidth&&(t["stroke-width"]=this._linewidth),this._flagOpacity&&(t["stroke-opacity"]=this._opacity,t["fill-opacity"]=this._opacity),this._flagClassName&&(t.class=this.classList.join(" ")),this._flagVisible&&(t.visibility=this._visible?"visible":"hidden"),this.dashes&&this.dashes.length>0&&(t["stroke-dasharray"]=this.dashes.join(" "),t["stroke-dashoffset"]=this.dashes.offset||0),this._renderer.elem?O.setAttributes(this._renderer.elem,t):(t.id=this._id,this._renderer.elem=O.createElement("path",t),i.appendChild(this._renderer.elem)),this.flagReset()}},text:{render:function(i){this._update();let t={};if((this._matrix.manual||this._flagMatrix)&&(t.transform="matrix("+this._matrix.toString()+")"),this._flagId&&(t.id=this._id),this._flagFamily&&(t["font-family"]=this._family),this._flagSize&&(t["font-size"]=this._size),this._flagLeading&&(t["line-height"]=this._leading),this._flagAlignment&&(t["text-anchor"]=O.alignments[this._alignment]||this._alignment),this._flagBaseline&&(t["alignment-baseline"]=t["dominant-baseline"]=this._baseline),this._flagStyle&&(t["font-style"]=this._style),this._flagWeight&&(t["font-weight"]=this._weight),this._flagDecoration&&(t["text-decoration"]=this._decoration),this._fill&&this._fill._renderer&&(this._renderer.hasFillEffect=!0,this._fill._update(),O[this._fill._renderer.type].render.call(this._fill,i,!0)),this._flagFill&&(t.fill=this._fill&&this._fill.id?"url(#"+this._fill.id+")":this._fill,this._renderer.hasFillEffect&&typeof this._fill.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasFillEffect)),this._stroke&&this._stroke._renderer&&(this._renderer.hasStrokeEffect=!0,this._stroke._update(),O[this._stroke._renderer.type].render.call(this._stroke,i,!0)),this._flagStroke&&(t.stroke=this._stroke&&this._stroke.id?"url(#"+this._stroke.id+")":this._stroke,this._renderer.hasStrokeEffect&&typeof this._stroke.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasStrokeEffect)),this._flagLinewidth&&(t["stroke-width"]=this._linewidth),this._flagOpacity&&(t.opacity=this._opacity),this._flagClassName&&(t.class=this.classList.join(" ")),this._flagVisible&&(t.visibility=this._visible?"visible":"hidden"),this.dashes&&this.dashes.length>0&&(t["stroke-dasharray"]=this.dashes.join(" "),t["stroke-dashoffset"]=this.dashes.offset||0),this._renderer.elem?O.setAttributes(this._renderer.elem,t):(t.id=this._id,this._renderer.elem=O.createElement("text",t),i.appendChild(this._renderer.elem)),this._flagClip){let s=O.getClip(this,i),r=this._renderer.elem;this._clip?(r.removeAttribute("id"),s.setAttribute("id",this.id),s.appendChild(r)):(s.removeAttribute("id"),r.setAttribute("id",this.id),this.parent._renderer.elem.appendChild(r))}return this._flagMask&&(this._mask?(O[this._mask._renderer.type].render.call(this._mask,i),this._renderer.elem.setAttribute("clip-path","url(#"+this._mask.id+")")):this._renderer.elem.removeAttribute("clip-path")),this._flagValue&&(this._renderer.elem.textContent=this._value),this.flagReset()}},"linear-gradient":{render:function(i,t){t||this._update();let e={};if(this._flagId&&(e.id=this._id),this._flagEndPoints&&(e.x1=this.left._x,e.y1=this.left._y,e.x2=this.right._x,e.y2=this.right._y),this._flagSpread&&(e.spreadMethod=this._spread),this._flagUnits&&(e.gradientUnits=this._units),this._renderer.elem?O.setAttributes(this._renderer.elem,e):(e.id=this._id,this._renderer.elem=O.createElement("linearGradient",e)),this._renderer.elem.parentNode===null&&i.defs.appendChild(this._renderer.elem),this._flagStops){let s=this._renderer.elem.childNodes.length!==this.stops.length;if(s)for(;this._renderer.elem.lastChild;)this._renderer.elem.removeChild(this._renderer.elem.lastChild);for(let r=0;r<this.stops.length;r++){let n=this.stops[r],a={};n._flagOffset&&(a.offset=100*n._offset+"%"),n._flagColor&&(a["stop-color"]=n._color),n._flagOpacity&&(a["stop-opacity"]=n._opacity),n._renderer.elem?O.setAttributes(n._renderer.elem,a):n._renderer.elem=O.createElement("stop",a),s&&this._renderer.elem.appendChild(n._renderer.elem),n.flagReset()}}return this.flagReset()}},"radial-gradient":{render:function(i,t){t||this._update();let e={};if(this._flagId&&(e.id=this._id),this._flagCenter&&(e.cx=this.center._x,e.cy=this.center._y),this._flagFocal&&(e.fx=this.focal._x,e.fy=this.focal._y),this._flagRadius&&(e.r=this._radius),this._flagSpread&&(e.spreadMethod=this._spread),this._flagUnits&&(e.gradientUnits=this._units),this._renderer.elem?O.setAttributes(this._renderer.elem,e):(e.id=this._id,this._renderer.elem=O.createElement("radialGradient",e)),this._renderer.elem.parentNode===null&&i.defs.appendChild(this._renderer.elem),this._flagStops){let s=this._renderer.elem.childNodes.length!==this.stops.length;if(s)for(;this._renderer.elem.lastChild;)this._renderer.elem.removeChild(this._renderer.elem.lastChild);for(let r=0;r<this.stops.length;r++){let n=this.stops[r],a={};n._flagOffset&&(a.offset=100*n._offset+"%"),n._flagColor&&(a["stop-color"]=n._color),n._flagOpacity&&(a["stop-opacity"]=n._opacity),n._renderer.elem?O.setAttributes(n._renderer.elem,a):n._renderer.elem=O.createElement("stop",a),s&&this._renderer.elem.appendChild(n._renderer.elem),n.flagReset()}}return this.flagReset()}},texture:{render:function(i,t){t||this._update();let e={},s={x:0,y:0},r=this.image;if(this._flagId&&(e.id=this._id),this._flagLoaded&&this.loaded)switch(r.nodeName.toLowerCase()){case"canvas":s.href=s["xlink:href"]=r.toDataURL("image/png");break;case"img":case"image":s.href=s["xlink:href"]=this.src;break}if((this._flagOffset||this._flagLoaded||this._flagScale)&&(e.x=this._offset.x,e.y=this._offset.y,r&&(e.x-=r.width/2,e.y-=r.height/2,this._scale instanceof k?(e.x*=this._scale.x,e.y*=this._scale.y):(e.x*=this._scale,e.y*=this._scale)),e.x>0&&(e.x*=-1),e.y>0&&(e.y*=-1)),(this._flagScale||this._flagLoaded||this._flagRepeat)&&(e.width=0,e.height=0,r)){switch(s.width=e.width=r.width,s.height=e.height=r.height,this._repeat){case"no-repeat":e.width+=1,e.height+=1;break}this._scale instanceof k?(e.width*=this._scale.x,e.height*=this._scale.y):(e.width*=this._scale,e.height*=this._scale)}return(this._flagScale||this._flagLoaded)&&(this._renderer.image?O.setAttributes(this._renderer.image,s):this._renderer.image=O.createElement("image",s)),this._renderer.elem?Object.keys(e).length!==0&&O.setAttributes(this._renderer.elem,e):(e.id=this._id,e.patternUnits="userSpaceOnUse",this._renderer.elem=O.createElement("pattern",e)),this._renderer.elem.parentNode===null&&i.defs.appendChild(this._renderer.elem),this._renderer.elem&&this._renderer.image&&!this._renderer.appended&&(this._renderer.elem.appendChild(this._renderer.image),this._renderer.appended=!0),this.flagReset()}}},_e=class extends p{constructor(t){super(),this.domElement=t.domElement||O.createElement("svg"),this.scene=new q,this.scene.parent=this,this.defs=O.createElement("defs"),this.defs._flagUpdate=!1,this.domElement.appendChild(this.defs),this.domElement.defs=this.defs,this.domElement.style.overflow="hidden"}setSize(t,e){return this.width=t,this.height=e,O.setAttributes(this.domElement,{width:t,height:e}),this.trigger(p.Types.resize,t,e)}render(){return O.group.render.call(this.scene,this.domElement),O.defs.update(this.domElement),this}};v(_e,"Utils",O);var mt={create:function(i,t,e){let s=i.createShader(i[e]);if(i.shaderSource(s,t),i.compileShader(s),!i.getShaderParameter(s,i.COMPILE_STATUS)){let n=i.getShaderInfoLog(s);throw i.deleteShader(s),new et("unable to compile shader "+s+": "+n)}return s},types:{vertex:"VERTEX_SHADER",fragment:"FRAGMENT_SHADER"},path:{vertex:`
-      precision mediump float;
-      attribute vec2 a_position;
-
-      uniform mat3 u_matrix;
-      uniform vec2 u_resolution;
-      uniform vec4 u_rect;
-
-      varying vec2 v_textureCoords;
-
-      void main() {
-        vec2 rectCoords = (a_position * (u_rect.zw - u_rect.xy)) + u_rect.xy;
-        vec2 projected = (u_matrix * vec3(rectCoords, 1.0)).xy;
-        vec2 normal = projected / u_resolution;
-        vec2 clipspace = (normal * 2.0) - 1.0;
-
-        gl_Position = vec4(clipspace * vec2(1.0, -1.0), 0.0, 1.0);
-        v_textureCoords = a_position;
-      }
-    `,fragment:`
-      precision mediump float;
-
-      uniform sampler2D u_image;
-      varying vec2 v_textureCoords;
-
-      void main() {
-        vec4 texel = texture2D(u_image, v_textureCoords);
-        if (texel.a == 0.0) {
-          discard;
-        }
-        gl_FragColor = texel;
-      }
-    `},points:{vertex:`
-      precision mediump float;
-      attribute vec2 a_position;
-
-      uniform float u_size;
-      uniform mat3 u_matrix;
-      uniform vec2 u_resolution;
-
-      varying vec2 v_textureCoords;
-
-      void main() {
-        vec2 projected = (u_matrix * vec3(a_position, 1.0)).xy;
-        vec2 normal = projected / u_resolution;
-        vec2 clipspace = (normal * 2.0) - 1.0;
-
-        gl_PointSize = u_size;
-        gl_Position = vec4(clipspace * vec2(1.0, -1.0), 0.0, 1.0);
-        v_textureCoords = a_position;
-      }
-    `,fragment:`
-      precision mediump float;
-
-      uniform sampler2D u_image;
-
-      void main() {
-        vec4 texel = texture2D(u_image, gl_PointCoord);
-        if (texel.a == 0.0) {
-          discard;
-        }
-        gl_FragColor = texel;
-      }
-    `}};var Te=xt.Multiply,Ds=[1,0,0,0,1,0,0,0,1],Nt=new yt(9),Hs=kt.Utils,ai=new yt([0,0,1,0,0,1,0,1,1,0,1,1]),I={precision:.9,isHidden:/(undefined|none|transparent)/i,canvas:H.document?H.document.createElement("canvas"):{getContext:function(){}},alignments:{left:"start",middle:"center",right:"end"},matrix:new xt,group:{removeChild:function(i,t){if(i.children)for(let e=0;e<i.children.length;e++)I.group.removeChild(i.children[e],t);i._renderer.texture&&(t.deleteTexture(i._renderer.texture),delete i._renderer.texture),i._renderer.positionBuffer&&(t.deleteBuffer(i._renderer.positionBuffer),delete i._renderer.positionBuffer)},render:function(i,t){if(!this._visible)return;this._update();let e=this.parent,s=e._matrix&&e._matrix.manual||e._flagMatrix,r=this._matrix.manual||this._flagMatrix;(s||r)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,e._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x,this._renderer.scale.y=this._scale.y):(this._renderer.scale.x=this._scale,this._renderer.scale.y=this._scale),/renderer/i.test(e._renderer.type)||(this._renderer.scale.x*=e._renderer.scale.x,this._renderer.scale.y*=e._renderer.scale.y),s&&(this._flagMatrix=!0)),this._mask&&(i.clear(i.STENCIL_BUFFER_BIT),i.enable(i.STENCIL_TEST),i.stencilFunc(i.ALWAYS,1,0),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),i.colorMask(!1,!1,!1,!1),I[this._mask._renderer.type].render.call(this._mask,i,t,this),i.stencilFunc(i.EQUAL,1,255),i.stencilOp(i.KEEP,i.KEEP,i.KEEP),i.colorMask(!0,!0,!0,!0)),this._flagOpacity=e._flagOpacity||this._flagOpacity,this._renderer.opacity=this._opacity*(e&&e._renderer?e._renderer.opacity:1);let n;if(this._flagSubtractions)for(n=0;n<this.subtractions.length;n++)I.group.removeChild(this.subtractions[n],i);for(n=0;n<this.children.length;n++){let a=this.children[n];I[a._renderer.type].render.call(a,i,t)}return this._mask&&i.disable(i.STENCIL_TEST),this.flagReset()}},path:{updateCanvas:function(i){let t,e,s,r,n,a,o,h,l,f,c,d,_,u,m=i._renderer.vertices,b=this.canvas,g=this.ctx,y=i._renderer.scale,x=i._stroke,S=i._linewidth,A=i._fill,E=i._renderer.opacity||i._opacity,M=i._cap,B=i._join,C=i._miter,T=i._closed,j=i.dashes,z=m.length,X=z-1;b.width=Math.max(Math.ceil(i._renderer.rect.width*y.x),1),b.height=Math.max(Math.ceil(i._renderer.rect.height*y.y),1);let V=i._renderer.rect.centroid,ct=V.x,ut=V.y;g.clearRect(0,0,b.width,b.height),A&&(typeof A=="string"?g.fillStyle=A:(I[A._renderer.type].render.call(A,g,i),g.fillStyle=A._renderer.effect)),x&&(typeof x=="string"?g.strokeStyle=x:(I[x._renderer.type].render.call(x,g,i),g.strokeStyle=x._renderer.effect),S&&(g.lineWidth=S),C&&(g.miterLimit=C),B&&(g.lineJoin=B),!T&&M&&(g.lineCap=M)),typeof E=="number"&&(g.globalAlpha=E),j&&j.length>0&&(g.lineDashOffset=j.offset||0,g.setLineDash(j));let Z,dt,rt,Tt,Ct,te,ee,ie;g.save(),g.scale(y.x,y.y),g.translate(ct,ut),g.beginPath();for(let wt=0;wt<m.length;wt++){let Q=m[wt];switch(d=Q.x,_=Q.y,Q.command){case w.close:g.closePath();break;case w.arc:dt=Q.rx,rt=Q.ry,Tt=Q.xAxisRotation,Ct=Q.largeArcFlag,te=Q.sweepFlag,t=T?it(wt-1,z):Math.max(wt-1,0),e=m[t],ee=e.x,ie=e.y,Hs.renderSvgArcCommand(g,ee,ie,dt,rt,Ct,te,Tt,d,_);break;case w.curve:t=T?it(wt-1,z):Math.max(wt-1,0),e=m[t],h=e.controls&&e.controls.right||k.zero,l=Q.controls&&Q.controls.left||k.zero,e._relative?(a=h.x+e.x,o=h.y+e.y):(a=h.x,o=h.y),Q._relative?(r=l.x+Q.x,n=l.y+Q.y):(r=l.x,n=l.y),g.bezierCurveTo(a,o,r,n,d,_),wt>=X&&T&&(s=Z,f=Q.controls&&Q.controls.right||k.zero,c=s.controls&&s.controls.left||k.zero,Q._relative?(a=f.x+Q.x,o=f.y+Q.y):(a=f.x,o=f.y),s._relative?(r=c.x+s.x,n=c.y+s.y):(r=c.x,n=c.y),d=s.x,_=s.y,g.bezierCurveTo(a,o,r,n,d,_));break;case w.line:g.lineTo(d,_);break;case w.move:Z=Q,g.moveTo(d,_);break}}T&&g.closePath(),I.isHidden.test(A)||(u=A._renderer&&A._renderer.offset,u&&(g.save(),g.translate(-A._renderer.offset.x,-A._renderer.offset.y),g.scale(A._renderer.scale.x,A._renderer.scale.y)),g.fill(),u&&g.restore()),I.isHidden.test(x)||(u=x._renderer&&x._renderer.offset,u&&(g.save(),g.translate(-x._renderer.offset.x,-x._renderer.offset.y),g.scale(x._renderer.scale.x,x._renderer.scale.y),g.lineWidth=S/x._renderer.scale.x),g.stroke(),u&&g.restore()),g.restore()},getBoundingClientRect:function(i,t,e){let s=1/0,r=-1/0,n=1/0,a=-1/0,o,h;i.forEach(function(l){let f=l.x,c=l.y,d=l.controls,_,u,m,b,g,y;n=Math.min(c,n),s=Math.min(f,s),r=Math.max(f,r),a=Math.max(c,a),l.controls&&(g=d.left,y=d.right,!(!g||!y)&&(_=l._relative?g.x+f:g.x,u=l._relative?g.y+c:g.y,m=l._relative?y.x+f:y.x,b=l._relative?y.y+c:y.y,!(!_||!u||!m||!b)&&(n=Math.min(u,b,n),s=Math.min(_,m,s),r=Math.max(_,m,r),a=Math.max(u,b,a))))}),typeof t=="number"&&(n-=t,s-=t,r+=t,a+=t),o=r-s,h=a-n,e.top=n,e.left=s,e.right=r,e.bottom=a,e.width=o,e.height=h,e.centroid||(e.centroid={}),e.centroid.x=-s,e.centroid.y=-n},render:function(i,t,e){if(!this._visible||!this._opacity)return this;this._update();let s=e||this.parent,r=t[this._renderer.type],n=s._matrix.manual||s._flagMatrix,a=this._matrix.manual||this._flagMatrix,o=this._renderer.parent!==s,h=this._flagVertices||this._flagFill||this._fill instanceof U&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagEndPoints)||this._fill instanceof D&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagRadius||this._fill._flagCenter||this._fill._flagFocal)||this._fill instanceof N&&(this._fill._flagLoaded&&this._fill.loaded||this._fill._flagImage||this._fill._flagVideo||this._fill._flagRepeat||this._fill._flagOffset||this._fill._flagScale)||this._stroke instanceof U&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagEndPoints)||this._stroke instanceof D&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagRadius||this._stroke._flagCenter||this._stroke._flagFocal)||this._stroke instanceof N&&(this._stroke._flagLoaded&&this._stroke.loaded||this._stroke._flagImage||this._stroke._flagVideo||this._stroke._flagRepeat||this._stroke._flagOffset||this._fill._flagScale)||this._flagStroke||this._flagLinewidth||this._flagOpacity||s._flagOpacity||this._flagVisible||this._flagCap||this._flagJoin||this._flagMiter||this._flagScale||this.dashes&&this.dashes.length>0||!this._renderer.texture;if((n||a||o)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,s._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x*s._renderer.scale.x,this._renderer.scale.y=this._scale.y*s._renderer.scale.y):(this._renderer.scale.x=this._scale*s._renderer.scale.x,this._renderer.scale.y=this._scale*s._renderer.scale.y),o&&(this._renderer.parent=s)),this._mask&&(i.clear(i.STENCIL_BUFFER_BIT),i.enable(i.STENCIL_TEST),i.stencilFunc(i.ALWAYS,1,0),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),i.colorMask(!1,!1,!1,!1),I[this._mask._renderer.type].render.call(this._mask,i,t,this),i.stencilFunc(i.EQUAL,1,255),i.stencilOp(i.KEEP,i.KEEP,i.KEEP),i.colorMask(!0,!0,!0,!0)),h?(this._renderer.rect||(this._renderer.rect={}),this._renderer.opacity=this._opacity*s._renderer.opacity,I.path.getBoundingClientRect(this._renderer.vertices,this._linewidth,this._renderer.rect),I.updateTexture.call(I,i,this)):(this._fill&&this._fill._update&&this._fill._update(),this._stroke&&this._stroke._update&&this._stroke._update()),this._clip&&!e||!this._renderer.texture)return this;t.current!==r&&(i.useProgram(r),i.bindBuffer(i.ARRAY_BUFFER,t.buffers.position),i.vertexAttribPointer(r.position,2,i.FLOAT,!1,0,0),i.enableVertexAttribArray(r.position),i.bufferData(i.ARRAY_BUFFER,ai,i.STATIC_DRAW),t.resolution.flagged||i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),t.current=r),t.resolution.flagged&&i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),i.bindTexture(i.TEXTURE_2D,this._renderer.texture);let l=this._renderer.rect;return i.uniformMatrix3fv(r.matrix,!1,this._renderer.matrix),i.uniform4f(r.rect,l.left,l.top,l.right,l.bottom),i.drawArrays(i.TRIANGLES,0,6),this._mask&&i.disable(i.STENCIL_TEST),this.flagReset()}},points:{updateCanvas:function(i){let t,e=this.canvas,s=this.ctx,r=i._stroke,n=i._linewidth,a=i._fill,o=i._renderer.opacity||i._opacity,h=i.dashes,l=i._size,f=l;I.isHidden.test(r)||(f+=n),e.width=Pe(f),e.height=e.width;let c=f/e.width,d=e.width/2,_=e.height/2;s.clearRect(0,0,e.width,e.height),a&&(typeof a=="string"?s.fillStyle=a:(I[a._renderer.type].render.call(a,s,i),s.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?s.strokeStyle=r:(I[r._renderer.type].render.call(r,s,i),s.strokeStyle=r._renderer.effect),n&&(s.lineWidth=n/c)),typeof o=="number"&&(s.globalAlpha=o),h&&h.length>0&&(s.lineDashOffset=h.offset||0,s.setLineDash(h)),s.save(),s.translate(d,_),s.scale(I.precision,I.precision),s.beginPath(),s.arc(0,0,l/c*.5,0,$),s.restore(),closed&&s.closePath(),I.isHidden.test(a)||(t=a._renderer&&a._renderer.offset,t&&(s.save(),s.translate(-a._renderer.offset.x,-a._renderer.offset.y),s.scale(a._renderer.scale.x,a._renderer.scale.y)),s.fill(),t&&s.restore()),I.isHidden.test(r)||(t=r._renderer&&r._renderer.offset,t&&(s.save(),s.translate(-r._renderer.offset.x,-r._renderer.offset.y),s.scale(r._renderer.scale.x,r._renderer.scale.y),s.lineWidth=n/r._renderer.scale.x),s.stroke(),t&&s.restore())},render:function(i,t,e){if(!this._visible||!this._opacity)return this;this._update();let s=this._size,r=e||this.parent,n=t[this._renderer.type],a=this._sizeAttenuation,o=this._stroke,h=this._linewidth,l=r._matrix.manual||r._flagMatrix,f=this._matrix.manual||this._flagMatrix,c=this._renderer.parent!==r,d=this._renderer.vertices,_=this._renderer.collection.length,u=this._flagVertices,m=this._flagFill||this._fill instanceof U&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagEndPoints)||this._fill instanceof D&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagRadius||this._fill._flagCenter||this._fill._flagFocal)||this._fill instanceof N&&(this._fill._flagLoaded&&this._fill.loaded||this._fill._flagImage||this._fill._flagVideo||this._fill._flagRepeat||this._fill._flagOffset||this._fill._flagScale)||this._stroke instanceof U&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagEndPoints)||this._stroke instanceof D&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagRadius||this._stroke._flagCenter||this._stroke._flagFocal)||this._stroke instanceof N&&(this._stroke._flagLoaded&&this._stroke.loaded||this._stroke._flagImage||this._stroke._flagVideo||this._stroke._flagRepeat||this._stroke._flagOffset||this._fill._flagScale)||this._flagStroke||this._flagLinewidth||this._flagOpacity||r._flagOpacity||this._flagVisible||this._flagScale||this.dashes&&this.dashes.length>0||!this._renderer.texture;if((l||f||c)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,r._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x*r._renderer.scale.x,this._renderer.scale.y=this._scale.y*r._renderer.scale.y):(this._renderer.scale.x=this._scale*r._renderer.scale.x,this._renderer.scale.y=this._scale*r._renderer.scale.y),c&&(this._renderer.parent=r)),u){let b=this._renderer.positionBuffer;b&&i.deleteBuffer(b),this._renderer.positionBuffer=i.createBuffer(),i.bindBuffer(i.ARRAY_BUFFER,this._renderer.positionBuffer),i.vertexAttribPointer(n.position,2,i.FLOAT,!1,0,0),i.enableVertexAttribArray(n.position),i.bufferData(i.ARRAY_BUFFER,d,i.STATIC_DRAW)}return m?(this._renderer.opacity=this._opacity*r._renderer.opacity,I.updateTexture.call(I,i,this)):(this._fill&&this._fill._update&&this._fill._update(),this._stroke&&this._stroke._update&&this._stroke._update()),this._clip&&!e||!this._renderer.texture?this:(I.isHidden.test(o)||(s+=h),s/=I.precision,a&&(s*=Math.max(this._renderer.scale.x,this._renderer.scale.y)),t.current!==n&&(i.useProgram(n),t.resolution.flagged||i.uniform2f(i.getUniformLocation(n,"u_resolution"),t.resolution.width,t.resolution.height),t.current=n),t.resolution.flagged&&i.uniform2f(i.getUniformLocation(n,"u_resolution"),t.resolution.width,t.resolution.height),i.bindTexture(i.TEXTURE_2D,this._renderer.texture),i.uniformMatrix3fv(n.matrix,!1,this._renderer.matrix),i.uniform1f(n.size,s*t.resolution.ratio),i.drawArrays(i.POINTS,0,_),this.flagReset())}},text:{updateCanvas:function(i){let t=this.canvas,e=this.ctx,s=i._renderer.scale,r=i._stroke,n=i._linewidth*s,a=i._fill,o=i._renderer.opacity||i._opacity,h=i.dashes,l=i._decoration;t.width=Math.max(Math.ceil(i._renderer.rect.width*s.x),1),t.height=Math.max(Math.ceil(i._renderer.rect.height*s.y),1);let f=i._renderer.rect.centroid,c=f.x,d=f.y,_,u,m,b,g,y,x,S,A,E,M,B=a._renderer&&a._renderer.offset&&r._renderer&&r._renderer.offset;if(e.clearRect(0,0,t.width,t.height),B||(e.font=[i._style,i._weight,i._size+"px/"+i._leading+"px",i._family].join(" ")),e.textAlign="center",e.textBaseline="middle",a&&(typeof a=="string"?e.fillStyle=a:(I[a._renderer.type].render.call(a,e,i),e.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?e.strokeStyle=r:(I[r._renderer.type].render.call(r,e,i),e.strokeStyle=r._renderer.effect),n&&(e.lineWidth=n)),typeof o=="number"&&(e.globalAlpha=o),h&&h.length>0&&(e.lineDashOffset=h.offset||0,e.setLineDash(h)),e.save(),e.scale(s.x,s.y),e.translate(c,d),I.isHidden.test(a)||(a._renderer&&a._renderer.offset?(y=a._renderer.scale.x,x=a._renderer.scale.y,e.save(),e.translate(-a._renderer.offset.x,-a._renderer.offset.y),e.scale(y,x),_=i._size/a._renderer.scale.y,u=i._leading/a._renderer.scale.y,e.font=[i._style,i._weight,_+"px/",u+"px",i._family].join(" "),m=a._renderer.offset.x/a._renderer.scale.x,b=a._renderer.offset.y/a._renderer.scale.y,e.fillText(i.value,m,b),e.restore()):e.fillText(i.value,0,0)),I.isHidden.test(r)||(r._renderer&&r._renderer.offset?(y=r._renderer.scale.x,x=r._renderer.scale.y,e.save(),e.translate(-r._renderer.offset.x,-r._renderer.offset.y),e.scale(y,x),_=i._size/r._renderer.scale.y,u=i._leading/r._renderer.scale.y,e.font=[i._style,i._weight,_+"px/",u+"px",i._family].join(" "),m=r._renderer.offset.x/r._renderer.scale.x,b=r._renderer.offset.y/r._renderer.scale.y,g=n/r._renderer.scale.x,e.lineWidth=g,e.strokeText(i.value,m,b),e.restore()):e.strokeText(i.value,0,0)),/(underline|strikethrough)/i.test(l)){let C=e.measureText(i.value);switch(l){case"underline":A=C.actualBoundingBoxAscent,M=C.actualBoundingBoxAscent;break;case"strikethrough":A=0,M=0;break}S=-C.width/2,E=C.width/2,e.lineWidth=Math.max(Math.floor(i._size/15),1),e.strokeStyle=e.fillStyle,e.beginPath(),e.moveTo(S,A),e.lineTo(E,M),e.stroke()}e.restore()},getBoundingClientRect:function(i,t){let e=I.ctx;e.font=[i._style,i._weight,i._size+"px/"+i._leading+"px",i._family].join(" "),e.textAlign="center",e.textBaseline=i._baseline;let s=e.measureText(i._value).width*1.25,r=Math.max(i._size,i._leading)*1.25;this._linewidth&&!I.isHidden.test(this._stroke)&&(s+=this._linewidth*2,r+=this._linewidth*2);let n=s/2,a=r/2;switch(I.alignments[i._alignment]||i._alignment){case I.alignments.left:t.left=0,t.right=s;break;case I.alignments.right:t.left=-s,t.right=0;break;default:t.left=-n,t.right=n}switch(i._baseline){case"bottom":t.top=-r,t.bottom=0;break;case"top":t.top=0,t.bottom=r;break;default:t.top=-a,t.bottom=a}t.width=s,t.height=r,t.centroid||(t.centroid={}),t.centroid.x=n,t.centroid.y=a},render:function(i,t,e){if(!this._visible||!this._opacity)return this;this._update();let s=e||this.parent,r=t[this._renderer.type],n=s._matrix.manual||s._flagMatrix,a=this._matrix.manual||this._flagMatrix,o=this._renderer.parent!==s,h=this._flagVertices||this._flagFill||this._fill instanceof U&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagEndPoints)||this._fill instanceof D&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagRadius||this._fill._flagCenter||this._fill._flagFocal)||this._fill instanceof N&&(this._fill._flagLoaded&&this._fill.loaded||this._fill._flagImage||this._fill._flagVideo||this._fill._flagRepeat||this._fill._flagOffset||this._fill._flagScale)||this._stroke instanceof U&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagEndPoints)||this._stroke instanceof D&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagRadius||this._stroke._flagCenter||this._stroke._flagFocal)||this._stroke instanceof N&&(this._stroke._flagLoaded&&this._stroke.loaded||this._stroke._flagImage||this._stroke._flagVideo||this._stroke._flagRepeat||this._stroke._flagOffset||this._fill._flagScale)||this._flagStroke||this._flagLinewidth||this._flagOpacity||s._flagOpacity||this._flagVisible||this._flagScale||this._flagValue||this._flagFamily||this._flagSize||this._flagLeading||this._flagAlignment||this._flagBaseline||this._flagStyle||this._flagWeight||this._flagDecoration||this.dashes&&this.dashes.length>0||!this._renderer.texture;if((n||a||o)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,s._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x*s._renderer.scale.x,this._renderer.scale.y=this._scale.y*s._renderer.scale.y):(this._renderer.scale.x=this._scale*s._renderer.scale.x,this._renderer.scale.y=this._scale*s._renderer.scale.y),o&&(this._renderer.parent=s)),this._mask&&(i.clear(i.STENCIL_BUFFER_BIT),i.enable(i.STENCIL_TEST),i.stencilFunc(i.ALWAYS,1,0),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),i.colorMask(!1,!1,!1,!1),I[this._mask._renderer.type].render.call(this._mask,i,t,this),i.stencilFunc(i.EQUAL,1,255),i.stencilOp(i.KEEP,i.KEEP,i.KEEP),i.colorMask(!0,!0,!0,!0)),h?(this._renderer.rect||(this._renderer.rect={}),this._renderer.opacity=this._opacity*s._renderer.opacity,I.text.getBoundingClientRect(this,this._renderer.rect),I.updateTexture.call(I,i,this)):(this._fill&&this._fill._update&&this._fill._update(),this._stroke&&this._stroke._update&&this._stroke._update()),this._clip&&!e||!this._renderer.texture)return this;t.current!==r&&(i.useProgram(r),i.bindBuffer(i.ARRAY_BUFFER,t.buffers.position),i.vertexAttribPointer(r.position,2,i.FLOAT,!1,0,0),i.enableVertexAttribArray(r.position),i.bufferData(i.ARRAY_BUFFER,ai,i.STATIC_DRAW),t.resolution.flagged||i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),t.current=r),t.resolution.flagged&&i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),i.bindTexture(i.TEXTURE_2D,this._renderer.texture);let l=this._renderer.rect;return i.uniformMatrix3fv(r.matrix,!1,this._renderer.matrix),i.uniform4f(r.rect,l.left,l.top,l.right,l.bottom),i.drawArrays(i.TRIANGLES,0,6),this._mask&&i.disable(i.STENCIL_TEST),this.flagReset()}},"linear-gradient":{render:function(i,t){if(!(!i.canvas.getContext("2d")||!t)){if(this._update(),!this._renderer.effect||this._flagEndPoints||this._flagStops||this._flagUnits){let e,s=this.left._x,r=this.left._y,n=this.right._x,a=this.right._y;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=(s-.5)*e.width,r=(r-.5)*e.height,n=(n-.5)*e.width,a=(a-.5)*e.height),this._renderer.effect=i.createLinearGradient(s,r,n,a);for(let o=0;o<this.stops.length;o++){let h=this.stops[o];this._renderer.effect.addColorStop(h._offset,h._color)}}return this.flagReset()}}},"radial-gradient":{render:function(i,t){if(!(!i.canvas.getContext("2d")||!t)){if(this._update(),!this._renderer.effect||this._flagCenter||this._flagFocal||this._flagRadius||this._flagStops||this._flagUnits){let e,s=this.center._x,r=this.center._y,n=this.focal._x,a=this.focal._y,o=this._radius;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=s*e.width*.5,r=r*e.height*.5,n=n*e.width*.5,a=a*e.height*.5,o*=Math.min(e.width,e.height)*.5),this._renderer.effect=i.createRadialGradient(s,r,0,n,a,o);for(let h=0;h<this.stops.length;h++){let l=this.stops[h];this._renderer.effect.addColorStop(l._offset,l._color)}}return this.flagReset()}}},texture:{render:function(i,t){if(!i.canvas.getContext("2d"))return;this._update();let e=this.image;if((this._flagLoaded||this._flagImage||this._flagVideo||this._flagRepeat)&&this.loaded)this._renderer.effect=i.createPattern(e,this._repeat);else if(!this._renderer.effect)return this.flagReset();return(this._flagOffset||this._flagLoaded||this._flagScale)&&(this._renderer.offset instanceof k||(this._renderer.offset=new k),this._renderer.offset.x=-this._offset.x,this._renderer.offset.y=-this._offset.y,e&&(this._renderer.offset.x+=e.width/2,this._renderer.offset.y+=e.height/2,this._scale instanceof k?(this._renderer.offset.x*=this._scale.x,this._renderer.offset.y*=this._scale.y):(this._renderer.offset.x*=this._scale,this._renderer.offset.y*=this._scale))),(this._flagScale||this._flagLoaded)&&(this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?this._renderer.scale.copy(this._scale):this._renderer.scale.set(this._scale,this._scale)),this.flagReset()}},updateTexture:function(i,t){if(this[t._renderer.type].updateCanvas.call(I,t),this.canvas.width<=0||this.canvas.height<=0){t._renderer.texture&&i.deleteTexture(t._renderer.texture),delete t._renderer.texture;return}t._renderer.texture||(t._renderer.texture=i.createTexture()),i.bindTexture(i.TEXTURE_2D,t._renderer.texture),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.LINEAR),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,this.canvas)},program:{create:function(i,t){let e,s,r;if(e=i.createProgram(),R.each(t,function(n){i.attachShader(e,n)}),i.linkProgram(e),s=i.getProgramParameter(e,i.LINK_STATUS),!s)throw r=i.getProgramInfoLog(e),i.deleteProgram(e),new et("unable to link program: "+r);return e}},TextureRegistry:new Et};I.ctx=I.canvas.getContext("2d");var ge=class extends p{constructor(t){super();let e,s,r,n;if(this.domElement=t.domElement||document.createElement("canvas"),typeof t.offscreenElement<"u"&&(I.canvas=t.offscreenElement,I.ctx=I.canvas.getContext("2d")),this.scene=new q,this.scene.parent=this,this._renderer={type:"renderer",matrix:new yt(Ds),scale:1,opacity:1},this._flagMatrix=!0,t=R.defaults(t||{},{antialias:!1,alpha:!0,premultipliedAlpha:!0,stencil:!0,preserveDrawingBuffer:!0,overdraw:!1}),this.overdraw=t.overdraw,e=this.ctx=this.domElement.getContext("webgl",t)||this.domElement.getContext("experimental-webgl",t),!this.ctx)throw new et("unable to create a webgl context. Try using another renderer.");r=mt.create(e,mt.path.vertex,mt.types.vertex),n=mt.create(e,mt.path.fragment,mt.types.fragment),this.programs={current:null,buffers:{position:e.createBuffer()},resolution:{width:0,height:0,ratio:1,flagged:!1}},s=this.programs.path=I.program.create(e,[r,n]),this.programs.text=this.programs.path,s.position=e.getAttribLocation(s,"a_position"),s.matrix=e.getUniformLocation(s,"u_matrix"),s.rect=e.getUniformLocation(s,"u_rect");let a=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,a),e.vertexAttribPointer(s.position,2,e.FLOAT,!1,0,0),e.enableVertexAttribArray(s.position),e.bufferData(e.ARRAY_BUFFER,ai,e.STATIC_DRAW),r=mt.create(e,mt.points.vertex,mt.types.vertex),n=mt.create(e,mt.points.fragment,mt.types.fragment),s=this.programs.points=I.program.create(e,[r,n]),s.position=e.getAttribLocation(s,"a_position"),s.matrix=e.getUniformLocation(s,"u_matrix"),s.size=e.getUniformLocation(s,"u_size"),e.enable(e.BLEND),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),e.blendEquation(e.FUNC_ADD),e.blendFunc(e.ONE,e.ONE_MINUS_SRC_ALPHA)}setSize(t,e,s){let r,n,a=this.ctx;return this.width=t,this.height=e,this.ratio=typeof s>"u"?Dt(a):s,this.domElement.width=t*this.ratio,this.domElement.height=e*this.ratio,R.isObject(this.domElement.style)&&R.extend(this.domElement.style,{width:t+"px",height:e+"px"}),this._renderer.matrix[0]=this._renderer.matrix[4]=this._renderer.scale=this.ratio,this._flagMatrix=!0,r=t*this.ratio,n=e*this.ratio,a.viewport(0,0,r,n),this.programs.resolution.width=r,this.programs.resolution.height=n,this.programs.resolution.ratio=this.ratio,this.programs.resolution.flagged=!0,this.trigger(p.Types.resize,t,e,s)}render(){let t=this.ctx;return this.overdraw||t.clear(t.COLOR_BUFFER_BIT),I.group.render.call(this.scene,t,this.programs),this._flagMatrix=!1,this.programs.resolution.flagged=!0,this}};v(ge,"Utils",I);var Ws=R.extend({Error:et,getRatio:Dt,read:G,xhr:ni},R,lt,Ve,Ie),Qt=class{_events=new p;get _bound(){return this._events._bound}set _bound(t){this._events._bound=t}addEventListener(){return this._events.addEventListener.apply(this,arguments)}on(){return this._events.addEventListener.apply(this,arguments)}bind(){return this._events.addEventListener.apply(this,arguments)}removeEventListener(){return this._events.removeEventListener.apply(this,arguments)}off(){return this._events.removeEventListener.apply(this,arguments)}unbind(){return this._events.removeEventListener.apply(this,arguments)}dispatchEvent(){return this._events.dispatchEvent.apply(this,arguments)}trigger(){return this._events.dispatchEvent.apply(this,arguments)}listen(){return this._events.listen.apply(this,arguments)}ignore(){return this._events.ignore.apply(this,arguments)}type="";renderer=null;scene=null;width=0;height=0;frameCount=0;timeDelta=0;playing=!1;constructor(t){let e=R.defaults(t||{},{fullscreen:!1,fitted:!1,width:640,height:480,type:Qt.Types.svg,autostart:!1});if(R.each(e,function(s,r){/fullscreen/i.test(r)||/autostart/i.test(r)||(this[r]=s)},this),R.isElement(e.domElement)){let s=e.domElement.tagName.toLowerCase();/^(CanvasRenderer-canvas|WebGLRenderer-canvas|SVGRenderer-svg)$/.test(this.type+"-"+s)||(this.type=Qt.Types[s])}this.renderer=new Qt[this.type](this),this.setPlaying(e.autostart),this.frameCount=0,e.fullscreen?(this.fit=Xs.bind(this),this.fit.domElement=window,this.fit.attached=!0,R.extend(document.body.style,{overflow:"hidden",margin:0,padding:0,top:0,left:0,right:0,bottom:0,position:"fixed"}),R.extend(this.renderer.domElement.style,{display:"block",top:0,left:0,right:0,bottom:0,position:"fixed"}),_t.bind(this.fit.domElement,"resize",this.fit),this.fit()):e.fitted?(this.fit=Ys.bind(this),R.extend(this.renderer.domElement.style,{display:"block"})):R.isElement(e.domElement)||(this.renderer.setSize(e.width,e.height,this.ratio),this.width=e.width,this.height=e.height),this.renderer.bind(p.Types.resize,qs.bind(this)),this.scene=this.renderer.scene,Qt.Instances.push(this),e.autostart&&pe.init()}appendTo(t){return t.appendChild(this.renderer.domElement),this.fit&&(this.fit.domElement!==window&&(this.fit.domElement=t,this.fit.attached=!1),this.update()),this}play(){return this.playing=!0,pe.init(),this.trigger(p.Types.play)}pause(){return this.playing=!1,this.trigger(p.Types.pause)}setPlaying(t){this.playing=t}release(t){let e,s,r;if(!R.isObject(t))return this.release(this.scene);if(typeof t.unbind=="function"&&t.unbind(),t.vertices)for(typeof t.vertices.unbind=="function"&&t.vertices.unbind(),e=0;e<t.vertices.length;e++)s=t.vertices[e],typeof s.unbind=="function"&&s.unbind(),s.controls&&(s.controls.left&&typeof s.controls.left.unbind=="function"&&s.controls.left.unbind(),s.controls.right&&typeof s.controls.right.unbind=="function"&&s.controls.right.unbind());if(t.children){for(e=0;e<t.children.length;e++)r=t.children[e],this.release(r);typeof t.children.unbind=="function"&&t.children.unbind()}return t}update(){let t=!!this._lastFrame,e=R.performance.now();t&&(this.timeDelta=parseFloat((e-this._lastFrame).toFixed(3))),this._lastFrame=e,this.fit&&this.fit.domElement&&!this.fit.attached&&(_t.bind(this.fit.domElement,"resize",this.fit),this.fit.attached=!0,this.fit());let s=this.width,r=this.height,n=this.renderer;return(s!==n.width||r!==n.height)&&n.setSize(s,r,this.ratio),this.trigger(p.Types.update,this.frameCount,this.timeDelta),this.render()}render(){return this.renderer.render(),this.trigger(p.Types.render,this.frameCount++)}add(t){return t instanceof Array||(t=Array.prototype.slice.call(arguments)),this.scene.add(t),this}remove(t){return t instanceof Array||(t=Array.prototype.slice.call(arguments)),this.scene.remove(t),this}clear(){return this.scene.remove(this.scene.children),this}makeLine(t,e,s,r){let n=new Vt(t,e,s,r);return this.scene.add(n),n}makeArrow(t,e,s,r,n){let a=typeof n=="number"?n:10,o=Math.atan2(r-e,s-t),h=[new F(t,e,void 0,void 0,void 0,void 0,w.move),new F(s,r,void 0,void 0,void 0,void 0,w.line),new F(s-a*Math.cos(o-Math.PI/4),r-a*Math.sin(o-Math.PI/4),void 0,void 0,void 0,void 0,w.line),new F(s,r,void 0,void 0,void 0,void 0,w.move),new F(s-a*Math.cos(o+Math.PI/4),r-a*Math.sin(o+Math.PI/4),void 0,void 0,void 0,void 0,w.line)],l=new L(h,!1,!1,!0);return l.noFill(),l.cap="round",l.join="round",this.scene.add(l),l}makeRectangle(t,e,s,r){let n=new pt(t,e,s,r);return this.scene.add(n),n}makeRoundedRectangle(t,e,s,r,n){let a=new Bt(t,e,s,r,n);return this.scene.add(a),a}makeCircle(t,e,s,r){let n=new Pt(t,e,s,r);return this.scene.add(n),n}makeEllipse(t,e,s,r,n){let a=new It(t,e,s,r,n);return this.scene.add(a),a}makeStar(t,e,s,r,n){let a=new Zt(t,e,s,r,n);return this.scene.add(a),a}makeCurve(t){let e=arguments.length;if(!Array.isArray(t)){t=[];for(let a=0;a<e;a+=2){let o=arguments[a];if(typeof o!="number")break;let h=arguments[a+1];t.push(new F(o,h))}}let s=arguments[e-1],r=new L(t,!(typeof s=="boolean"&&s),!0),n=r.getBoundingClientRect();return r.center().translation.set(n.left+n.width/2,n.top+n.height/2),this.scene.add(r),r}makePolygon(t,e,s,r){let n=new Jt(t,e,s,r);return this.scene.add(n),n}makeArcSegment(t,e,s,r,n,a,o){let h=new Gt(t,e,s,r,n,a,o);return this.scene.add(h),h}makePoints(t){let e=arguments.length,s=t;if(!Array.isArray(t)){s=[];for(let n=0;n<e;n+=2){let a=arguments[n];if(typeof a!="number")break;let o=arguments[n+1];s.push(new k(a,o))}}let r=new $t(s);return this.scene.add(r),r}makePath(t){let e=arguments.length,s=t;if(!Array.isArray(t)){s=[];for(let o=0;o<e;o+=2){let h=arguments[o];if(typeof h!="number")break;let l=arguments[o+1];s.push(new F(h,l))}}let r=arguments[e-1],n=new L(s,!(typeof r=="boolean"&&r)),a=n.getBoundingClientRect();return typeof a.top=="number"&&typeof a.left=="number"&&typeof a.right=="number"&&typeof a.bottom=="number"&&n.center().translation.set(a.left+a.width/2,a.top+a.height/2),this.scene.add(n),n}makeText(t,e,s,r){let n=new ft(t,e,s,r);return this.add(n),n}makeLinearGradient(t,e,s,r){let n=Array.prototype.slice.call(arguments,4),a=new U(t,e,s,r,n);return this.add(a),a}makeRadialGradient(t,e,s){let r=Array.prototype.slice.call(arguments,3),n=new D(t,e,s,r);return this.add(n),n}makeSprite(t,e,s,r,n,a,o){let h=new Ot(t,e,s,r,n,a);return o&&h.play(),this.add(h),h}makeImageSequence(t,e,s,r,n){let a=new zt(t,e,s,r);return n&&a.play(),this.add(a),a}makeTexture(t,e){return new N(t,e)}makeGroup(t){t instanceof Array||(t=Array.prototype.slice.call(arguments));let e=new q;return this.scene.add(e),e.add(t),e}interpret(t,e,s){let r=t.tagName.toLowerCase();if(s=typeof s<"u"?s:!0,!(r in G))return null;let n=G[r].call(this,t);return s?this.add(e&&n instanceof q?n.children:n):n.parent&&n.remove(),n}load(t,e){let s=new q,r,n,a,o=function(h){for(_t.temp.innerHTML=h,n=0;n<_t.temp.children.length;n++)r=_t.temp.children[n],a=this.interpret(r,!1,!1),a!==null&&s.add(a);if(typeof e=="function"){let l=_t.temp.children.length<=1?_t.temp.children[0]:_t.temp.children;e(s,l)}}.bind(this);return/\.svg$/i.test(t)?(ni(t,o),s):(o(t),s)}},P=Qt;v(P,"nextFrameID",Y.nextFrameID),v(P,"Types",Y.Types),v(P,"Version",Y.Version),v(P,"PublishDate",Y.PublishDate),v(P,"Identifier",Y.Identifier),v(P,"Resolution",Y.Resolution),v(P,"AutoCalculateImportedMatrices",Y.AutoCalculateImportedMatrices),v(P,"Instances",Y.Instances),v(P,"uniqueId",Y.uniqueId),v(P,"Anchor",F),v(P,"Collection",ot),v(P,"Events",p),v(P,"Group",q),v(P,"Matrix",xt),v(P,"Path",L),v(P,"Registry",Et),v(P,"Shape",at),v(P,"Text",ft),v(P,"Vector",k),v(P,"Gradient",W),v(P,"ImageSequence",zt),v(P,"LinearGradient",U),v(P,"RadialGradient",D),v(P,"Sprite",Ot),v(P,"Stop",ht),v(P,"Texture",N),v(P,"ArcSegment",Gt),v(P,"Circle",Pt),v(P,"Ellipse",It),v(P,"Line",Vt),v(P,"Points",$t),v(P,"Polygon",Jt),v(P,"Rectangle",pt),v(P,"RoundedRectangle",Bt),v(P,"Star",Zt),v(P,"CanvasRenderer",kt),v(P,"SVGRenderer",_e),v(P,"WebGLRenderer",ge),v(P,"Commands",w),v(P,"Utils",Ws);function Xs(){let i=document.body.getBoundingClientRect(),t=this.width=i.width,e=this.height=i.height;this.renderer.setSize(t,e,this.ratio)}function Ys(){let i=this.renderer.domElement.parentElement;if(!i){console.warn("Two.js: Attempting to fit to parent, but no parent found.");return}let t=i.getBoundingClientRect(),e=this.width=t.width,s=this.height=t.height;this.renderer.setSize(e,s,this.ratio)}function qs(i,t){this.width=i,this.height=t,this.trigger(p.Types.resize,i,t)}var pe=_t.getRequestAnimationFrame();function Xi(){for(let i=0;i<P.Instances.length;i++){let t=P.Instances[i];t.playing&&t.update()}P.nextFrameID=pe(Xi)}pe.init=function(){Xi(),pe.init=function(){}};return Ji(Gs);})().default;
-
-(function(){if(typeof exports==='object'&&typeof module!=='undefined'){module.exports=Two}})()
\ No newline at end of file