Revert back to classes, fix remaining tests

2 files changed, 1491 insertions, 1381 deletions

diff --git a/dist/svg.js b/dist/svg.js
index 82efb01..fe8c329 100644
--- a/dist/svg.js
+++ b/dist/svg.js
@@ -118,6 +118,36 @@ var SVG = (function () {
     return _assertThisInitialized(self);
   }
 
+  function _superPropBase(object, property) {
+    while (!Object.prototype.hasOwnProperty.call(object, property)) {
+      object = _getPrototypeOf(object);
+      if (object === null) break;
+    }
+
+    return object;
+  }
+
+  function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) {
+      _get = Reflect.get;
+    } else {
+      _get = function _get(target, property, receiver) {
+        var base = _superPropBase(target, property);
+
+        if (!base) return;
+        var desc = Object.getOwnPropertyDescriptor(base, property);
+
+        if (desc.get) {
+          return desc.get.call(receiver);
+        }
+
+        return desc.value;
+      };
+    }
+
+    return _get(target, property, receiver || target);
+  }
+
   function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
   }
@@ -179,37 +209,16 @@ var SVG = (function () {
   var Base =
   /*#__PURE__*/
   function () {
-    function Base(node, _ref) {
-      var _ref$extensions = _ref.extensions,
-          extensions = _ref$extensions === void 0 ? [] : _ref$extensions;
+    function Base(node
+    /*, {extensions = []}*/
+    ) {// this.tags = []
+      //
+      // for (let extension of extensions) {
+      //   extension.setup.call(this, node)
+      //   this.tags.push(extension.name)
+      // }
 
       _classCallCheck(this, Base);
-
-      this.tags = [];
-      var _iteratorNormalCompletion = true;
-      var _didIteratorError = false;
-      var _iteratorError = undefined;
-
-      try {
-        for (var _iterator = extensions[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var extension = _step.value;
-          extension.setup.call(this, node);
-          this.tags.push(extension.name);
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
-        }
-      }
     }
 
     _createClass(Base, [{
@@ -262,7 +271,7 @@ var SVG = (function () {
 
   var dots = /\./g;
 
-  var regex$1 = /*#__PURE__*/Object.freeze({
+  var regex = /*#__PURE__*/Object.freeze({
     numberAndUnit: numberAndUnit,
     hex: hex,
     rgb: rgb,
@@ -476,12 +485,7 @@ var SVG = (function () {
     modules = Array.isArray(modules) ? modules : [modules];
 
     for (i = modules.length - 1; i >= 0; i--) {
-      if (methods.name) {
-        modules[i].extensions = (modules[i].extensions || []).concat(methods);
-      }
-
       for (key in methods) {
-        if (modules[i].prototype[key] || key == 'name' || key == 'setup') continue;
         modules[i].prototype[key] = methods[key];
       }
     }
@@ -624,76 +628,6 @@ var SVG = (function () {
     assignNewId: assignNewId
   });
 
-  var HtmlNode =
-  /*#__PURE__*/
-  function (_Base) {
-    _inherits(HtmlNode, _Base);
-
-    function HtmlNode(element) {
-      var _this;
-
-      _classCallCheck(this, HtmlNode);
-
-      _this = _possibleConstructorReturn(this, _getPrototypeOf(HtmlNode).call(this, element, HtmlNode));
-      _this.node = element;
-      return _this;
-    }
-
-    _createClass(HtmlNode, [{
-      key: "add",
-      value: function add(element, i) {
-        element = makeInstance(element);
-
-        if (element.node !== this.node.children[i]) {
-          this.node.insertBefore(element.node, this.node.children[i] || null);
-        }
-
-        return this;
-      }
-    }, {
-      key: "put",
-      value: function put(element, i) {
-        this.add(element, i);
-        return element;
-      }
-    }, {
-      key: "getEventTarget",
-      value: function getEventTarget() {
-        return this.node;
-      }
-    }]);
-
-    return HtmlNode;
-  }(Base);
-  register(HtmlNode);
-
-  var Defs =
-  /*#__PURE__*/
-  function (_Base) {
-    _inherits(Defs, _Base);
-
-    function Defs(node) {
-      _classCallCheck(this, Defs);
-
-      return _possibleConstructorReturn(this, _getPrototypeOf(Defs).call(this, nodeOrNew('defs', node), Defs));
-    }
-
-    _createClass(Defs, [{
-      key: "flatten",
-      value: function flatten() {
-        return this;
-      }
-    }, {
-      key: "ungroup",
-      value: function ungroup() {
-        return this;
-      }
-    }]);
-
-    return Defs;
-  }(Base);
-  register(Defs);
-
   var methods = {};
   var constructors = {};
   function registerMethods(name, m) {
@@ -754,6 +688,197 @@ var SVG = (function () {
     } : {};
   }
 
+  var listenerId = 0;
+
+  function getEventTarget(node) {
+    return typeof node.getEventTarget === 'function' ? node.getEventTarget() : node;
+  } // Add event binder in the SVG namespace
+
+
+  function on(node, events, listener, binding, options) {
+    var l = listener.bind(binding || node);
+    var n = getEventTarget(node); // events can be an array of events or a string of events
+
+    events = Array.isArray(events) ? events : events.split(delimiter); // ensure instance object for nodes which are not adopted
+
+    n.instance = n.instance || {
+      events: {} // pull event handlers from the element
+
+    };
+    var bag = n.instance.events; // add id to listener
+
+    if (!listener._svgjsListenerId) {
+      listener._svgjsListenerId = ++listenerId;
+    }
+
+    events.forEach(function (event) {
+      var ev = event.split('.')[0];
+      var ns = event.split('.')[1] || '*'; // ensure valid object
+
+      bag[ev] = bag[ev] || {};
+      bag[ev][ns] = bag[ev][ns] || {}; // reference listener
+
+      bag[ev][ns][listener._svgjsListenerId] = l; // add listener
+
+      n.addEventListener(ev, l, options || false);
+    });
+  } // Add event unbinder in the SVG namespace
+
+  function off(node, events, listener, options) {
+    var n = getEventTarget(node); // we cannot remove an event if its not an svg.js instance
+
+    if (!n.instance) return; // listener can be a function or a number
+
+    if (typeof listener === 'function') {
+      listener = listener._svgjsListenerId;
+      if (!listener) return;
+    } // pull event handlers from the element
+
+
+    var bag = n.instance.events; // events can be an array of events or a string or undefined
+
+    events = Array.isArray(events) ? events : (events || '').split(delimiter);
+    events.forEach(function (event) {
+      var ev = event && event.split('.')[0];
+      var ns = event && event.split('.')[1];
+      var namespace, l;
+
+      if (listener) {
+        // remove listener reference
+        if (bag[ev] && bag[ev][ns || '*']) {
+          // removeListener
+          n.removeEventListener(ev, bag[ev][ns || '*'][listener], options || false);
+          delete bag[ev][ns || '*'][listener];
+        }
+      } else if (ev && ns) {
+        // remove all listeners for a namespaced event
+        if (bag[ev] && bag[ev][ns]) {
+          for (l in bag[ev][ns]) {
+            off(n, [ev, ns].join('.'), l);
+          }
+
+          delete bag[ev][ns];
+        }
+      } else if (ns) {
+        // remove all listeners for a specific namespace
+        for (event in bag) {
+          for (namespace in bag[event]) {
+            if (ns === namespace) {
+              off(n, [event, ns].join('.'));
+            }
+          }
+        }
+      } else if (ev) {
+        // remove all listeners for the event
+        if (bag[ev]) {
+          for (namespace in bag[ev]) {
+            off(n, [ev, namespace].join('.'));
+          }
+
+          delete bag[ev];
+        }
+      } else {
+        // remove all listeners on a given node
+        for (event in bag) {
+          off(n, event);
+        }
+
+        n.instance.events = {};
+      }
+    });
+  }
+  function dispatch(node, event, data) {
+    var n = getEventTarget(node); // Dispatch event
+
+    if (event instanceof window.Event) {
+      n.dispatchEvent(event);
+    } else {
+      event = new window.CustomEvent(event, {
+        detail: data,
+        cancelable: true
+      });
+      n.dispatchEvent(event);
+    }
+
+    return event;
+  }
+
+  var events = /*#__PURE__*/Object.freeze({
+    on: on,
+    off: off,
+    dispatch: dispatch
+  });
+
+  var EventTarget =
+  /*#__PURE__*/
+  function (_Base) {
+    _inherits(EventTarget, _Base);
+
+    function EventTarget() {
+      var _this;
+
+      var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      _classCallCheck(this, EventTarget);
+
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(EventTarget).call(this));
+      _this.events = node.events || {};
+      return _this;
+    } // Bind given event to listener
+
+
+    _createClass(EventTarget, [{
+      key: "on",
+      value: function on$$1(event, listener, binding, options) {
+        on(this, event, listener, binding, options);
+
+        return this;
+      } // Unbind event from listener
+
+    }, {
+      key: "off",
+      value: function off$$1(event, listener) {
+        off(this, event, listener);
+
+        return this;
+      }
+    }, {
+      key: "dispatch",
+      value: function dispatch$$1(event, data) {
+        return dispatch(this, event, data);
+      } // Fire given event
+
+    }, {
+      key: "fire",
+      value: function fire(event, data) {
+        this.dispatch(event, data);
+        return this;
+      }
+    }]);
+
+    return EventTarget;
+  }(Base); // Add events to elements
+  var methods$1 = ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout', 'mousemove', 'mouseenter', 'mouseleave', 'touchstart', 'touchmove', 'touchleave', 'touchend', 'touchcancel'].reduce(function (last, event) {
+    // add event to Element
+    var fn = function fn(f) {
+      if (f === null) {
+        off(this, event);
+      } else {
+        on(this, event, f);
+      }
+
+      return this;
+    };
+
+    last[event] = fn;
+    return last;
+  }, {});
+  extend(EventTarget, methods$1); // registerMethods('EventTarget', {
+  //   on, off, dispatch, fire
+  // })
+  //
+  // registerConstructor('EventTarget', setup)
+
   var SVGNumber =
   /*#__PURE__*/
   function () {
@@ -852,256 +977,631 @@ var SVG = (function () {
     return SVGNumber;
   }();
 
-  var Doc = getClass(root);
-  var HtmlNode$1 = getClass('HtmlNode');
-  function setup(node) {
-    // initialize data object
-    this.dom = {}; // create circular reference
+  var Doc = getClass(root); //export const name = 'Element'
 
-    this.node = node;
-    this.type = node.nodeName;
-    this.node.instance = this;
+  var Element =
+  /*#__PURE__*/
+  function (_EventTarget) {
+    _inherits(Element, _EventTarget);
 
-    if (node.hasAttribute('svgjs:data')) {
-      // pull svgjs data from the dom (getAttributeNS doesn't work in html5)
-      this.setData(JSON.parse(node.getAttribute('svgjs:data')) || {});
-    }
-  } // Move over x-axis
+    function Element(node) {
+      var _this;
 
-  function x(x) {
-    return this.attr('x', x);
-  } // Move over y-axis
+      _classCallCheck(this, Element);
 
-  function y(y) {
-    return this.attr('y', y);
-  } // Move by center over x-axis
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(Element).call(this)); // initialize data object
 
-  function cx(x) {
-    return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2);
-  } // Move by center over y-axis
+      _this.dom = {}; // create circular reference
 
-  function cy(y) {
-    return y == null ? this.y() + this.height() / 2 : this.y(y - this.height() / 2);
-  } // Move element to given x and y values
+      _this.node = node;
+      _this.type = node.nodeName;
+      _this.node.instance = _assertThisInitialized(_assertThisInitialized(_this));
 
-  function move(x, y) {
-    return this.x(x).y(y);
-  } // Move element by its center
+      if (node.hasAttribute('svgjs:data')) {
+        // pull svgjs data from the dom (getAttributeNS doesn't work in html5)
+        _this.setData(JSON.parse(node.getAttribute('svgjs:data')) || {});
+      }
 
-  function center(x, y) {
-    return this.cx(x).cy(y);
-  } // Set width of element
+      return _this;
+    } // Move over x-axis
 
-  function width(width) {
-    return this.attr('width', width);
-  } // Set height of element
 
-  function height(height) {
-    return this.attr('height', height);
-  } // Set element size to given width and height
+    _createClass(Element, [{
+      key: "x",
+      value: function x(_x) {
+        return this.attr('x', _x);
+      } // Move over y-axis
 
-  function size(width, height) {
-    var p = proportionalSize(this, width, height);
-    return this.width(new SVGNumber(p.width)).height(new SVGNumber(p.height));
-  } // Clone element
+    }, {
+      key: "y",
+      value: function y(_y) {
+        return this.attr('y', _y);
+      } // Move by center over x-axis
 
-  function clone(parent) {
-    // write dom data to the dom so the clone can pickup the data
-    this.writeDataToDom(); // clone element and assign new id
+    }, {
+      key: "cx",
+      value: function cx(x) {
+        return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2);
+      } // Move by center over y-axis
 
-    var clone = assignNewId(this.node.cloneNode(true)); // insert the clone in the given parent or after myself
+    }, {
+      key: "cy",
+      value: function cy(y) {
+        return y == null ? this.y() + this.height() / 2 : this.y(y - this.height() / 2);
+      } // Move element to given x and y values
 
-    if (parent) parent.add(clone);else this.after(clone);
-    return clone;
-  } // Remove element
+    }, {
+      key: "move",
+      value: function move(x, y) {
+        return this.x(x).y(y);
+      } // Move element by its center
 
-  function remove() {
-    if (this.parent()) {
-      this.parent().removeElement(this);
-    }
+    }, {
+      key: "center",
+      value: function center(x, y) {
+        return this.cx(x).cy(y);
+      } // Set width of element
 
-    return this;
-  } // Replace element
+    }, {
+      key: "width",
+      value: function width(_width) {
+        return this.attr('width', _width);
+      } // Set height of element
 
-  function replace(element) {
-    this.after(element).remove();
-    return element;
-  } // Add element to given container and return self
+    }, {
+      key: "height",
+      value: function height(_height) {
+        return this.attr('height', _height);
+      } // Set element size to given width and height
 
-  function addTo(parent) {
-    return makeInstance(parent).put(this);
-  } // Add element to given container and return container
+    }, {
+      key: "size",
+      value: function size(width, height) {
+        var p = proportionalSize(this, width, height);
+        return this.width(new SVGNumber(p.width)).height(new SVGNumber(p.height));
+      } // Clone element
 
-  function putIn(parent) {
-    return makeInstance(parent).add(this);
-  } // Get / set id
+    }, {
+      key: "clone",
+      value: function clone(parent) {
+        // write dom data to the dom so the clone can pickup the data
+        this.writeDataToDom(); // clone element and assign new id
 
-  function id$1(id) {
-    // generate new id if no id set
-    if (typeof id === 'undefined' && !this.node.id) {
-      this.node.id = eid(this.type);
-    } // dont't set directly width this.node.id to make `null` work correctly
+        var clone = assignNewId(this.node.cloneNode(true)); // insert the clone in the given parent or after myself
 
+        if (parent) parent.add(clone);else this.after(clone);
+        return clone;
+      } // Remove element
 
-    return this.attr('id', id);
-  } // Checks whether the given point inside the bounding box of the element
+    }, {
+      key: "remove",
+      value: function remove() {
+        if (this.parent()) {
+          this.parent().removeElement(this);
+        }
 
-  function inside(x, y) {
-    var box = this.bbox();
-    return x > box.x && y > box.y && x < box.x + box.width && y < box.y + box.height;
-  } // Return id on string conversion
+        return this;
+      } // Replace element
 
-  function toString() {
-    return this.id();
-  } // Return array of classes on the node
+    }, {
+      key: "replace",
+      value: function replace(element) {
+        this.after(element).remove();
+        return element;
+      } // Add element to given container and return self
 
-  function classes() {
-    var attr = this.attr('class');
-    return attr == null ? [] : attr.trim().split(delimiter);
-  } // Return true if class exists on the node, false otherwise
+    }, {
+      key: "addTo",
+      value: function addTo(parent) {
+        return makeInstance(parent).put(this);
+      } // Add element to given container and return container
 
-  function hasClass(name) {
-    return this.classes().indexOf(name) !== -1;
-  } // Add class to the node
+    }, {
+      key: "putIn",
+      value: function putIn(parent) {
+        return makeInstance(parent).add(this);
+      } // Get / set id
 
-  function addClass(name) {
-    if (!this.hasClass(name)) {
-      var array = this.classes();
-      array.push(name);
-      this.attr('class', array.join(' '));
-    }
+    }, {
+      key: "id",
+      value: function id(_id) {
+        // generate new id if no id set
+        if (typeof _id === 'undefined' && !this.node.id) {
+          this.node.id = eid(this.type);
+        } // dont't set directly width this.node.id to make `null` work correctly
 
-    return this;
-  } // Remove class from the node
 
-  function removeClass(name) {
-    if (this.hasClass(name)) {
-      this.attr('class', this.classes().filter(function (c) {
-        return c !== name;
-      }).join(' '));
-    }
+        return this.attr('id', _id);
+      } // Checks whether the given point inside the bounding box of the element
 
-    return this;
-  } // Toggle the presence of a class on the node
+    }, {
+      key: "inside",
+      value: function inside(x, y) {
+        var box = this.bbox();
+        return x > box.x && y > box.y && x < box.x + box.width && y < box.y + box.height;
+      } // Return id on string conversion
+
+    }, {
+      key: "toString",
+      value: function toString() {
+        return this.id();
+      } // Return array of classes on the node
+
+    }, {
+      key: "classes",
+      value: function classes() {
+        var attr = this.attr('class');
+        return attr == null ? [] : attr.trim().split(delimiter);
+      } // Return true if class exists on the node, false otherwise
+
+    }, {
+      key: "hasClass",
+      value: function hasClass(name) {
+        return this.classes().indexOf(name) !== -1;
+      } // Add class to the node
+
+    }, {
+      key: "addClass",
+      value: function addClass(name) {
+        if (!this.hasClass(name)) {
+          var array = this.classes();
+          array.push(name);
+          this.attr('class', array.join(' '));
+        }
+
+        return this;
+      } // Remove class from the node
+
+    }, {
+      key: "removeClass",
+      value: function removeClass(name) {
+        if (this.hasClass(name)) {
+          this.attr('class', this.classes().filter(function (c) {
+            return c !== name;
+          }).join(' '));
+        }
+
+        return this;
+      } // Toggle the presence of a class on the node
+
+    }, {
+      key: "toggleClass",
+      value: function toggleClass(name) {
+        return this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
+      } // Get referenced element form attribute value
+
+    }, {
+      key: "reference",
+      value: function reference$$1(attr) {
+        var id = idFromReference(this.attr(attr));
+        return id ? makeInstance(id) : null;
+      } // Returns the parent element instance
+
+    }, {
+      key: "parent",
+      value: function parent(type) {
+        var parent = this; // check for parent
+
+        if (!parent.node.parentNode) return null; // get parent element
+
+        parent = adopt(parent.node.parentNode);
+        if (!type) return parent; // loop trough ancestors if type is given
+
+        while (parent && parent.node instanceof window.SVGElement) {
+          if (typeof type === 'string' ? parent.matches(type) : parent instanceof type) return parent;
+          parent = adopt(parent.node.parentNode);
+        }
+      } // Get parent document
+
+    }, {
+      key: "doc",
+      value: function doc() {
+        var p = this.parent(Doc);
+        return p && p.doc();
+      } // Get defs
+
+    }, {
+      key: "defs",
+      value: function defs() {
+        return this.doc().defs();
+      } // return array of all ancestors of given type up to the root svg
+
+    }, {
+      key: "parents",
+      value: function parents(type) {
+        var parents = [];
+        var parent = this;
+
+        do {
+          parent = parent.parent(type);
+          if (!parent || parent instanceof getClass('HtmlNode')) break;
+          parents.push(parent);
+        } while (parent.parent);
+
+        return parents;
+      } // matches the element vs a css selector
+
+    }, {
+      key: "matches",
+      value: function matches(selector) {
+        return matcher(this.node, selector);
+      } // Returns the svg node to call native svg methods on it
 
-  function toggleClass(name) {
-    return this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
-  } // Get referenced element form attribute value
+    }, {
+      key: "native",
+      value: function native() {
+        return this.node;
+      } // Import raw svg
 
-  function reference$1(attr) {
-    var id = idFromReference(this.attr(attr));
-    return id ? makeInstance(id) : null;
-  } // Returns the parent element instance
+    }, {
+      key: "svg",
+      value: function svg() {
+        // write svgjs data to the dom
+        this.writeDataToDom();
+        return this.node.outerHTML;
+      } // write svgjs data to the dom
 
-  function parent(type) {
-    var parent = this; // check for parent
+    }, {
+      key: "writeDataToDom",
+      value: function writeDataToDom() {
+        // remove previously set data
+        this.node.removeAttribute('svgjs:data');
 
-    if (!parent.node.parentNode) return null; // get parent element
+        if (Object.keys(this.dom).length) {
+          this.node.setAttribute('svgjs:data', JSON.stringify(this.dom)); // see #428
+        }
 
-    parent = adopt(parent.node.parentNode);
-    if (!type) return parent; // loop trough ancestors if type is given
+        return this;
+      } // set given data to the elements data property
 
-    while (parent && parent.node instanceof window.SVGElement) {
-      if (typeof type === 'string' ? parent.matches(type) : parent instanceof type) return parent;
-      parent = adopt(parent.node.parentNode);
+    }, {
+      key: "setData",
+      value: function setData(o) {
+        this.dom = o;
+        return this;
+      }
+    }, {
+      key: "getEventTarget",
+      value: function getEventTarget() {
+        return this.node;
+      }
+    }]);
+
+    return Element;
+  }(EventTarget); // registerMethods('Element', {
+
+  // Map function
+  function map(array, block) {
+    var i;
+    var il = array.length;
+    var result = [];
+
+    for (i = 0; i < il; i++) {
+      result.push(block(array[i]));
     }
-  } // Get parent document
-
-  function doc() {
-    var p = this.parent(Doc);
-    return p && p.doc();
-  } // Get defs
-
-  function defs() {
-    return this.doc().defs();
-  } // return array of all ancestors of given type up to the root svg
-
-  function parents(type) {
-    var parents = [];
-    var parent = this;
-
-    do {
-      parent = parent.parent(type);
-      if (!parent || parent instanceof HtmlNode$1) break;
-      parents.push(parent);
-    } while (parent.parent);
-
-    return parents;
-  } // matches the element vs a css selector
-
-  function matches(selector) {
-    return matcher(this.node, selector);
-  } // Returns the svg node to call native svg methods on it
-
-  function native() {
-    return this.node;
-  } // Import raw svg
-
-  function svg() {
-    // write svgjs data to the dom
-    this.writeDataToDom();
-    return this.node.outerHTML;
-  } // write svgjs data to the dom
-
-  function writeDataToDom() {
-    // remove previously set data
-    this.node.removeAttribute('svgjs:data');
-
-    if (Object.keys(this.dom).length) {
-      this.node.setAttribute('svgjs:data', JSON.stringify(this.dom)); // see #428
+
+    return result;
+  } // Filter function
+
+  function filter(array, block) {
+    var i;
+    var il = array.length;
+    var result = [];
+
+    for (i = 0; i < il; i++) {
+      if (block(array[i])) {
+        result.push(array[i]);
+      }
     }
 
-    return this;
-  } // set given data to the elements data property
+    return result;
+  } // Degrees to radians
 
-  function setData(o) {
-    this.dom = o;
-    return this;
+  function radians(d) {
+    return d % 360 * Math.PI / 180;
+  } // Radians to degrees
+
+  function degrees(r) {
+    return r * 180 / Math.PI % 360;
   }
-  function getEventTarget() {
-    return this.node;
+  function filterSVGElements(nodes) {
+    return this.filter(nodes, function (el) {
+      return el instanceof window.SVGElement;
+    });
   }
-  registerMethods('Element', {
-    x: x,
-    y: y,
-    cx: cx,
-    cy: cy,
-    move: move,
-    center: center,
-    width: width,
-    height: height,
-    size: size,
-    clone: clone,
-    remove: remove,
-    replace: replace,
-    addTo: addTo,
-    putIn: putIn,
-    id: id$1,
-    inside: inside,
-    toString: toString,
-    classes: classes,
-    hasClass: hasClass,
-    addClass: addClass,
-    removeClass: removeClass,
-    toggleClass: toggleClass,
-    reference: reference$1,
-    doc: doc,
-    defs: defs,
-    parent: parent,
-    parents: parents,
-    matches: matches,
-    native: native,
-    svg: svg,
-    writeDataToDom: writeDataToDom,
-    setData: setData,
-    getEventTarget: getEventTarget
+
+  var utils = /*#__PURE__*/Object.freeze({
+    map: map,
+    filter: filter,
+    radians: radians,
+    degrees: degrees,
+    filterSVGElements: filterSVGElements
   });
-  registerConstructor('Element', setup);
+
+  var Parent =
+  /*#__PURE__*/
+  function (_Element) {
+    _inherits(Parent, _Element);
+
+    function Parent() {
+      _classCallCheck(this, Parent);
+
+      return _possibleConstructorReturn(this, _getPrototypeOf(Parent).apply(this, arguments));
+    }
+
+    _createClass(Parent, [{
+      key: "children",
+      // Returns all child elements
+      value: function children() {
+        return map(this.node.children, function (node) {
+          return adopt(node);
+        });
+      } // Add given element at a position
+
+    }, {
+      key: "add",
+      value: function add(element, i) {
+        element = makeInstance(element);
+
+        if (i == null) {
+          this.node.appendChild(element.node);
+        } else if (element.node !== this.node.childNodes[i]) {
+          this.node.insertBefore(element.node, this.node.childNodes[i]);
+        }
+
+        return this;
+      } // Basically does the same as `add()` but returns the added element instead
+
+    }, {
+      key: "put",
+      value: function put(element, i) {
+        this.add(element, i);
+        return element.instance || element;
+      } // Checks if the given element is a child
+
+    }, {
+      key: "has",
+      value: function has(element) {
+        return this.index(element) >= 0;
+      } // Gets index of given element
+
+    }, {
+      key: "index",
+      value: function index(element) {
+        return [].slice.call(this.node.childNodes).indexOf(element.node);
+      } // Get a element at the given index
+
+    }, {
+      key: "get",
+      value: function get(i) {
+        return adopt(this.node.childNodes[i]);
+      } // Get first child
+
+    }, {
+      key: "first",
+      value: function first() {
+        return adopt(this.node.firstChild);
+      } // Get the last child
+
+    }, {
+      key: "last",
+      value: function last() {
+        return adopt(this.node.lastChild);
+      } // Iterates over all children and invokes a given block
+
+    }, {
+      key: "each",
+      value: function each(block, deep) {
+        var children = this.children();
+        var i, il;
+
+        for (i = 0, il = children.length; i < il; i++) {
+          if (children[i] instanceof Element) {
+            block.apply(children[i], [i, children]);
+          }
+
+          if (deep && children[i] instanceof Parent) {
+            children[i].each(block, deep);
+          }
+        }
+
+        return this;
+      } // Remove a given child
+
+    }, {
+      key: "removeElement",
+      value: function removeElement(element) {
+        this.node.removeChild(element.node);
+        return this;
+      } // Remove all elements in this container
+
+    }, {
+      key: "clear",
+      value: function clear() {
+        // remove children
+        while (this.node.hasChildNodes()) {
+          this.node.removeChild(this.node.lastChild);
+        } // remove defs reference
+
+
+        delete this._defs;
+        return this;
+      } // Import raw svg
+
+    }, {
+      key: "svg",
+      value: function svg(_svg) {
+        var well, len; // act as a setter if svg is given
+
+        if (_svg) {
+          // create temporary holder
+          well = document.createElementNS(ns, 'svg'); // dump raw svg
+
+          well.innerHTML = _svg; // transplant nodes
+
+          for (len = well.children.length; len--;) {
+            this.node.appendChild(well.firstElementChild);
+          } // otherwise act as a getter
+
+        } else {
+          // write svgjs data to the dom
+          this.writeDataToDom();
+          return this.node.outerHTML;
+        }
+
+        return this;
+      } // write svgjs data to the dom
+
+    }, {
+      key: "writeDataToDom",
+      value: function writeDataToDom() {
+        // dump variables recursively
+        this.each(function () {
+          this.writeDataToDom();
+        }); // remove previously set data
+
+        this.node.removeAttribute('svgjs:data');
+
+        if (Object.keys(this.dom).length) {
+          this.node.setAttribute('svgjs:data', JSON.stringify(this.dom)); // see #428
+        }
+
+        return this;
+      }
+    }, {
+      key: "flatten",
+      value: function flatten(parent) {
+        this.each(function () {
+          if (this instanceof Parent) return this.flatten(parent).ungroup(parent);
+          return this.toParent(parent);
+        }); // we need this so that Doc does not get removed
+
+        this.node.firstElementChild || this.remove();
+        return this;
+      }
+    }, {
+      key: "ungroup",
+      value: function ungroup(parent) {
+        parent = parent || this.parent();
+        this.each(function () {
+          return this.toParent(parent);
+        });
+        this.remove();
+        return this;
+      }
+    }]);
+
+    return Parent;
+  }(Element); // registerMethods('Container', {
+
+  var Shape =
+  /*#__PURE__*/
+  function (_Parent) {
+    _inherits(Shape, _Parent);
+
+    function Shape() {
+      _classCallCheck(this, Shape);
+
+      return _possibleConstructorReturn(this, _getPrototypeOf(Shape).apply(this, arguments));
+    }
+
+    return Shape;
+  }(Parent);
+
+  var Container$1 =
+  /*#__PURE__*/
+  function (_Parent) {
+    _inherits(Container, _Parent);
+
+    function Container() {
+      _classCallCheck(this, Container);
+
+      return _possibleConstructorReturn(this, _getPrototypeOf(Container).apply(this, arguments));
+    }
+
+    return Container;
+  }(Parent);
+
+  var HtmlNode =
+  /*#__PURE__*/
+  function (_Parent) {
+    _inherits(HtmlNode, _Parent);
+
+    function HtmlNode(element) {
+      var _this;
+
+      _classCallCheck(this, HtmlNode);
+
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(HtmlNode).call(this, element, HtmlNode));
+      _this.node = element;
+      return _this;
+    }
+
+    _createClass(HtmlNode, [{
+      key: "add",
+      value: function add(element, i) {
+        element = makeInstance(element);
+
+        if (element.node !== this.node.children[i]) {
+          this.node.insertBefore(element.node, this.node.children[i] || null);
+        }
+
+        return this;
+      }
+    }, {
+      key: "put",
+      value: function put(element, i) {
+        this.add(element, i);
+        return element;
+      }
+    }, {
+      key: "removeElement",
+      value: function removeElement(element) {
+        this.node.removeChild(element.node);
+        return this;
+      }
+    }, {
+      key: "getEventTarget",
+      value: function getEventTarget() {
+        return this.node;
+      }
+    }]);
+
+    return HtmlNode;
+  }(Parent);
+  register(HtmlNode);
+
+  var Defs =
+  /*#__PURE__*/
+  function (_Container) {
+    _inherits(Defs, _Container);
+
+    function Defs(node) {
+      _classCallCheck(this, Defs);
+
+      return _possibleConstructorReturn(this, _getPrototypeOf(Defs).call(this, nodeOrNew('defs', node), Defs));
+    }
+
+    _createClass(Defs, [{
+      key: "flatten",
+      value: function flatten() {
+        return this;
+      }
+    }, {
+      key: "ungroup",
+      value: function ungroup() {
+        return this;
+      }
+    }]);
+
+    return Defs;
+  }(Container$1);
+  register(Defs);
 
   var Doc$1 =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Doc, _Base);
+  function (_Container) {
+    _inherits(Doc, _Container);
 
     function Doc(node) {
       var _this;
@@ -1124,9 +1624,9 @@ var SVG = (function () {
 
     }, {
       key: "doc",
-      value: function doc$$1() {
+      value: function doc() {
         if (this.isRoot()) return this;
-        return doc.call(this);
+        return _get(_getPrototypeOf(Doc.prototype), "doc", this).call(this); //return doc.call(this)
       } // Add namespaces
 
     }, {
@@ -1141,35 +1641,33 @@ var SVG = (function () {
 
     }, {
       key: "defs",
-      value: function defs$$1() {
+      value: function defs() {
         if (!this.isRoot()) return this.doc().defs();
         return adopt(this.node.getElementsByTagName('defs')[0]) || this.put(new Defs());
       } // custom parent method
 
     }, {
       key: "parent",
-      value: function parent$$1(type) {
+      value: function parent(type) {
         if (this.isRoot()) {
           return this.node.parentNode.nodeName === '#document' ? null : adopt(this.node.parentNode);
         }
 
-        return parent.call(this, type);
+        return _get(_getPrototypeOf(Doc.prototype), "parent", this).call(this, type); //return parent.call(this, type)
       } // Removes the doc from the DOM
+      // remove() {
+      //   if (!this.isRoot()) {
+      //     return super.remove()
+      //   }
+      //
+      //   if (this.parent()) {
+      //     this.parent().remove(this)
+      //   }
+      //
+      //   return this
+      // }
 
     }, {
-      key: "remove",
-      value: function remove$$1() {
-        if (!this.isRoot()) {
-          return remove.call(this);
-        }
-
-        if (this.parent()) {
-          this.parent().removeChild(this.node);
-        }
-
-        return this;
-      }
-    }, {
       key: "clear",
       value: function clear() {
         // remove children
@@ -1182,7 +1680,7 @@ var SVG = (function () {
     }]);
 
     return Doc;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Container: {
       // Create nested svg document
@@ -1195,8 +1693,8 @@ var SVG = (function () {
 
   var G =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(G, _Base);
+  function (_Container) {
+    _inherits(G, _Container);
 
     function G(node) {
       _classCallCheck(this, G);
@@ -1205,7 +1703,7 @@ var SVG = (function () {
     }
 
     return G;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Element: {
       // Create a group element
@@ -1371,14 +1869,13 @@ var SVG = (function () {
 
   var Bare =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Bare, _Base);
+  function (_Parent) {
+    _inherits(Bare, _Parent);
 
     function Bare(node) {
-
       _classCallCheck(this, Bare);
 
-      return _possibleConstructorReturn(this, _getPrototypeOf(Bare).call(this, nodeOrNew(node, typeof node === 'string' ? null : node), Bare)); //extend(this, inherit)
+      return _possibleConstructorReturn(this, _getPrototypeOf(Bare).call(this, nodeOrNew(node, typeof node === 'string' ? null : node), Bare));
     }
 
     _createClass(Bare, [{
@@ -1396,7 +1893,7 @@ var SVG = (function () {
     }]);
 
     return Bare;
-  }(Base);
+  }(Parent);
   register(Bare);
   registerMethods('Container', {
     // Create an element that is not described by SVG.js
@@ -1415,31 +1912,31 @@ var SVG = (function () {
     return this.attr('ry', ry);
   } // Move over x-axis
 
-  function x$1(x) {
+  function x(x) {
     return x == null ? this.cx() - this.rx() : this.cx(x + this.rx());
   } // Move over y-axis
 
-  function y$1(y) {
+  function y(y) {
     return y == null ? this.cy() - this.ry() : this.cy(y + this.ry());
   } // Move by center over x-axis
 
-  function cx$1(x) {
+  function cx(x) {
     return x == null ? this.attr('cx') : this.attr('cx', x);
   } // Move by center over y-axis
 
-  function cy$1(y) {
+  function cy(y) {
     return y == null ? this.attr('cy') : this.attr('cy', y);
   } // Set width of element
 
-  function width$1(width) {
+  function width(width) {
     return width == null ? this.rx() * 2 : this.rx(new SVGNumber(width).divide(2));
   } // Set height of element
 
-  function height$1(height) {
+  function height(height) {
     return height == null ? this.ry() * 2 : this.ry(new SVGNumber(height).divide(2));
   } // Custom size function
 
-  function size$1(width, height) {
+  function size(width, height) {
     var p = proportionalSize(this, width, height);
     return this.rx(new SVGNumber(p.width).divide(2)).ry(new SVGNumber(p.height).divide(2));
   }
@@ -1447,19 +1944,19 @@ var SVG = (function () {
   var circled = /*#__PURE__*/Object.freeze({
     rx: rx,
     ry: ry,
-    x: x$1,
-    y: y$1,
-    cx: cx$1,
-    cy: cy$1,
-    width: width$1,
-    height: height$1,
-    size: size$1
+    x: x,
+    y: y,
+    cx: cx,
+    cy: cy,
+    width: width,
+    height: height,
+    size: size
   });
 
   var Circle =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Circle, _Base);
+  function (_Shape) {
+    _inherits(Circle, _Shape);
 
     function Circle(node) {
       _classCallCheck(this, Circle);
@@ -1487,74 +1984,26 @@ var SVG = (function () {
     }]);
 
     return Circle;
-  }(Base);
+  }(Shape);
   extend(Circle, {
-    x: x$1,
-    y: y$1,
-    cx: cx$1,
-    cy: cy$1,
-    width: width$1,
-    height: height$1,
-    size: size$1
+    x: x,
+    y: y,
+    cx: cx,
+    cy: cy,
+    width: width,
+    height: height,
+    size: size
   });
   registerMethods({
     Element: {
       // Create circle element
-      circle: function circle(size) {
-        return this.put(new Circle()).radius(new SVGNumber(size).divide(2)).move(0, 0);
+      circle: function circle(size$$1) {
+        return this.put(new Circle()).radius(new SVGNumber(size$$1).divide(2)).move(0, 0);
       }
     }
   });
   register(Circle);
 
-  // Map function
-  function map(array, block) {
-    var i;
-    var il = array.length;
-    var result = [];
-
-    for (i = 0; i < il; i++) {
-      result.push(block(array[i]));
-    }
-
-    return result;
-  } // Filter function
-
-  function filter(array, block) {
-    var i;
-    var il = array.length;
-    var result = [];
-
-    for (i = 0; i < il; i++) {
-      if (block(array[i])) {
-        result.push(array[i]);
-      }
-    }
-
-    return result;
-  } // Degrees to radians
-
-  function radians(d) {
-    return d % 360 * Math.PI / 180;
-  } // Radians to degrees
-
-  function degrees(r) {
-    return r * 180 / Math.PI % 360;
-  }
-  function filterSVGElements(nodes) {
-    return this.filter(nodes, function (el) {
-      return el instanceof window.SVGElement;
-    });
-  }
-
-  var utils = /*#__PURE__*/Object.freeze({
-    map: map,
-    filter: filter,
-    radians: radians,
-    degrees: degrees,
-    filterSVGElements: filterSVGElements
-  });
-
   // SVG.get = function (id) {
   //   var node = document.getElementById(idFromReference(id) || id)
   //   return SVG.adopt(node)
@@ -1586,14 +2035,14 @@ var SVG = (function () {
   function find$1(query) {
     return baseFind(query, this.node);
   }
-  registerMethods('Container', {
+  registerMethods('Element', {
     find: find$1
   });
 
   var ClipPath =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(ClipPath, _Base);
+  function (_Container) {
+    _inherits(ClipPath, _Container);
 
     function ClipPath(node) {
       _classCallCheck(this, ClipPath);
@@ -1604,13 +2053,13 @@ var SVG = (function () {
 
     _createClass(ClipPath, [{
       key: "remove",
-      value: function remove$$1() {
+      value: function remove() {
         // unclip all targets
         this.targets().forEach(function (el) {
           el.unclip();
         }); // remove clipPath from parent
 
-        return remove.call(this);
+        return _get(_getPrototypeOf(ClipPath.prototype), "remove", this).call(this); //return remove.call(this)
       }
     }, {
       key: "targets",
@@ -1620,7 +2069,7 @@ var SVG = (function () {
     }]);
 
     return ClipPath;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Container: {
       // Create clipping element
@@ -1649,8 +2098,8 @@ var SVG = (function () {
 
   var A =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(A, _Base);
+  function (_Container) {
+    _inherits(A, _Container);
 
     function A(node) {
       _classCallCheck(this, A);
@@ -1673,7 +2122,7 @@ var SVG = (function () {
     }]);
 
     return A;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Container: {
       // Create a hyperlink element
@@ -1700,8 +2149,8 @@ var SVG = (function () {
 
   var Ellipse =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Ellipse, _Base);
+  function (_Shape) {
+    _inherits(Ellipse, _Shape);
 
     function Ellipse(node) {
       _classCallCheck(this, Ellipse);
@@ -1710,20 +2159,20 @@ var SVG = (function () {
     }
 
     return Ellipse;
-  }(Base);
+  }(Shape);
   extend(Ellipse, circled);
   registerMethods('Container', {
     // Create an ellipse
-    ellipse: function ellipse(width, height) {
-      return this.put(new Ellipse()).size(width, height).move(0, 0);
+    ellipse: function ellipse(width$$1, height$$1) {
+      return this.put(new Ellipse()).size(width$$1, height$$1).move(0, 0);
     }
   });
   register(Ellipse);
 
   var Stop =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Stop, _Base);
+  function (_Element) {
+    _inherits(Stop, _Element);
 
     function Stop(node) {
       _classCallCheck(this, Stop);
@@ -1752,7 +2201,7 @@ var SVG = (function () {
     }]);
 
     return Stop;
-  }(Base);
+  }(Element);
   register(Stop);
 
   // FIXME: add to runner
@@ -1780,347 +2229,222 @@ var SVG = (function () {
     to: to
   });
 
-  function noop() {} // Default animation values
+  function parser() {
+    // Reuse cached element if possible
+    if (!parser.nodes) {
+      var svg = new Doc$1().size(2, 0).css({
+        opacity: 0,
+        position: 'absolute',
+        left: '-100%',
+        top: '-100%',
+        overflow: 'hidden'
+      });
+      var path = svg.path().node;
+      parser.nodes = {
+        svg: svg,
+        path: path
+      };
+    }
 
-  var timeline = {
-    duration: 400,
-    ease: '>',
-    delay: 0 // Default attribute values
+    if (!parser.nodes.svg.node.parentNode) {
+      var b = document.body || document.documentElement;
+      parser.nodes.svg.addTo(b);
+    }
 
-  };
-  var attrs = {
-    // fill and stroke
-    'fill-opacity': 1,
-    'stroke-opacity': 1,
-    'stroke-width': 0,
-    'stroke-linejoin': 'miter',
-    'stroke-linecap': 'butt',
-    fill: '#000000',
-    stroke: '#000000',
-    opacity: 1,
-    // position
-    x: 0,
-    y: 0,
-    cx: 0,
-    cy: 0,
-    // size
-    width: 0,
-    height: 0,
-    // radius
-    r: 0,
-    rx: 0,
-    ry: 0,
-    // gradient
-    offset: 0,
-    'stop-opacity': 1,
-    'stop-color': '#000000',
-    // text
-    'font-size': 16,
-    'font-family': 'Helvetica, Arial, sans-serif',
-    'text-anchor': 'start'
-  };
+    return parser.nodes;
+  }
 
-  var Color =
+  var Point =
   /*#__PURE__*/
   function () {
-    function Color() {
-      _classCallCheck(this, Color);
-
-      this.init.apply(this, arguments);
-    }
-
-    _createClass(Color, [{
-      key: "init",
-      value: function init(color, g, b) {
-        var match; // initialize defaults
-
-        this.r = 0;
-        this.g = 0;
-        this.b = 0;
-        if (!color) return; // parse color
-
-        if (typeof color === 'string') {
-          if (isRgb.test(color)) {
-            // get rgb values
-            match = rgb.exec(color.replace(whitespace, '')); // parse numeric values
+    // Initialize
+    function Point(x, y, base) {
+      _classCallCheck(this, Point);
 
-            this.r = parseInt(match[1]);
-            this.g = parseInt(match[2]);
-            this.b = parseInt(match[3]);
-          } else if (isHex.test(color)) {
-            // get hex values
-            match = hex.exec(fullHex(color)); // parse numeric values
+      var source;
+      base = base || {
+        x: 0,
+        y: 0 // ensure source as object
 
-            this.r = parseInt(match[1], 16);
-            this.g = parseInt(match[2], 16);
-            this.b = parseInt(match[3], 16);
-          }
-        } else if (Array.isArray(color)) {
-          this.r = color[0];
-          this.g = color[1];
-          this.b = color[2];
-        } else if (_typeof(color) === 'object') {
-          this.r = color.r;
-          this.g = color.g;
-          this.b = color.b;
-        } else if (arguments.length === 3) {
-          this.r = color;
-          this.g = g;
-          this.b = b;
-        }
-      } // Default to hex conversion
+      };
+      source = Array.isArray(x) ? {
+        x: x[0],
+        y: x[1]
+      } : _typeof(x) === 'object' ? {
+        x: x.x,
+        y: x.y
+      } : {
+        x: x,
+        y: y // merge source
 
-    }, {
-      key: "toString",
-      value: function toString() {
-        return this.toHex();
-      }
-    }, {
-      key: "toArray",
-      value: function toArray() {
-        return [this.r, this.g, this.b];
-      } // Build hex value
+      };
+      this.x = source.x == null ? base.x : source.x;
+      this.y = source.y == null ? base.y : source.y;
+    } // Clone point
 
-    }, {
-      key: "toHex",
-      value: function toHex() {
-        return '#' + compToHex(Math.round(this.r)) + compToHex(Math.round(this.g)) + compToHex(Math.round(this.b));
-      } // Build rgb value
 
-    }, {
-      key: "toRgb",
-      value: function toRgb() {
-        return 'rgb(' + [this.r, this.g, this.b].join() + ')';
-      } // Calculate true brightness
+    _createClass(Point, [{
+      key: "clone",
+      value: function clone() {
+        return new Point(this);
+      } // Convert to native SVGPoint
 
     }, {
-      key: "brightness",
-      value: function brightness() {
-        return this.r / 255 * 0.30 + this.g / 255 * 0.59 + this.b / 255 * 0.11;
-      } // Testers
-      // Test if given value is a color string
+      key: "native",
+      value: function native() {
+        // create new point
+        var point = parser().svg.node.createSVGPoint(); // update with current values
 
-    }], [{
-      key: "test",
-      value: function test(color) {
-        color += '';
-        return isHex.test(color) || isRgb.test(color);
-      } // Test if given value is a rgb object
+        point.x = this.x;
+        point.y = this.y;
+        return point;
+      } // transform point with matrix
 
     }, {
-      key: "isRgb",
-      value: function isRgb$$1(color) {
-        return color && typeof color.r === 'number' && typeof color.g === 'number' && typeof color.b === 'number';
-      } // Test if given value is a color
+      key: "transform",
+      value: function transform(m) {
+        // Perform the matrix multiplication
+        var x = m.a * this.x + m.c * this.y + m.e;
+        var y = m.b * this.x + m.d * this.y + m.f; // Return the required point
 
-    }, {
-      key: "isColor",
-      value: function isColor(color) {
-        return this.isRgb(color) || this.test(color);
+        return new Point(x, y);
       }
     }]);
 
-    return Color;
+    return Point;
   }();
-
-  var subClassArray = function () {
-    try {
-      //throw 'asdad'
-      // try es6 subclassing
-      return Function('name', 'baseClass', '_constructor', ['baseClass = baseClass || Array', 'return {', '[name]: class extends baseClass {', 'constructor (...args) {', 'super(...args)', '_constructor && _constructor.apply(this, args)', '}', '}', '}[name]'].join('\n'));
-    } catch (e) {
-      // Use es5 approach
-      return function (name) {
-        var baseClass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Array;
-
-        var _constructor = arguments.length > 2 ? arguments[2] : undefined;
-
-        var Arr = function Arr() {
-          baseClass.apply(this, arguments);
-          _constructor && _constructor.apply(this, arguments);
-        };
-
-        Arr.prototype = Object.create(baseClass.prototype);
-        Arr.prototype.constructor = Arr;
-        return Arr;
-      };
+  registerMethods({
+    Element: {
+      // Get point
+      point: function point(x, y) {
+        return new Point(x, y).transform(this.screenCTM().inverse());
+      }
     }
-  }();
-
-  var SVGArray = subClassArray('SVGArray', Array, function () {
-    this.init.apply(this, arguments);
   });
-  extend2(SVGArray, {
-    init: function init() {
-      //this.splice(0, this.length)
-      this.length = 0;
-      this.push.apply(this, _toConsumableArray(this.parse.apply(this, arguments)));
-    },
-    toArray: function toArray() {
-      var ret = [];
-      ret.push.apply(ret, _toConsumableArray(this)); //Array.prototype.push.apply(ret, this)
 
-      return ret; //return Array.prototype.concat.apply([], this)
-    },
-    toString: function toString() {
-      return this.join(' ');
-    },
-    valueOf: function valueOf() {
-      return this.toArray();
-    },
-    // Parse whitespace separated string
-    parse: function parse() {
-      var array = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      //array = array.valueOf()
-      // If already is an array, no need to parse it
-      if (array instanceof Array) return array;
-      return array.trim().split(delimiter).map(parseFloat);
-    },
-    clone: function clone() {
-      return new this.constructor(this);
-    },
-    toSet: function toSet() {
-      return new Set(this);
+  var Box$1 =
+  /*#__PURE__*/
+  function () {
+    function Box() {
+      _classCallCheck(this, Box);
+
+      this.init.apply(this, arguments);
     }
-  }); // export default class SVGArray extends BaseArray {
-  //   constructor (...args) {
-  //     super()
-  //     this.init(...args)
-  //   }
-  //
-  //   init (array, fallback = []) {
-  //     //this.splice(0, this.length)
-  //     this.length = 0
-  //     this.push(...this.parse(array || fallback))
-  //   }
-  //
-  //   toArray () {
-  //     return [].concat(this)
-  //   }
-  //
-  //   toString () {
-  //     return this.join(' ')
-  //   }
-  //
-  //   valueOf () {
-  //     return this.toArray()
-  //   }
-  //
-  //   // Parse whitespace separated string
-  //   parse (array) {
-  //     array = array.valueOf()
-  //
-  //     // if already is an array, no need to parse it
-  //     if (Array.isArray(array)) return array
-  //
-  //     return array.trim().split(delimiter).map(parseFloat)
-  //   }
-  //
-  //   clone () {
-  //     return new this.constructor(this)
-  //   }
-  //
-  //   toSet () {
-  //     return new Set(this)
-  //   }
-  // }
 
-  function attr(attr, val, ns) {
-    // act as full getter
-    if (attr == null) {
-      // get an object of attributes
-      attr = {};
-      val = this.node.attributes;
-      var _iteratorNormalCompletion = true;
-      var _didIteratorError = false;
-      var _iteratorError = undefined;
+    _createClass(Box, [{
+      key: "init",
+      value: function init(source) {
+        var base = [0, 0, 0, 0];
+        source = typeof source === 'string' ? source.split(delimiter).map(parseFloat) : Array.isArray(source) ? source : _typeof(source) === 'object' ? [source.left != null ? source.left : source.x, source.top != null ? source.top : source.y, source.width, source.height] : arguments.length === 4 ? [].slice.call(arguments) : base;
+        this.x = source[0];
+        this.y = source[1];
+        this.width = source[2];
+        this.height = source[3]; // add center, right, bottom...
 
-      try {
-        for (var _iterator = val[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var node = _step.value;
-          attr[node.nodeName] = isNumber.test(node.nodeValue) ? parseFloat(node.nodeValue) : node.nodeValue;
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
-        }
-      }
+        fullBox(this);
+      } // Merge rect box with another, return a new instance
 
-      return attr;
-    } else if (Array.isArray(attr)) ; else if (_typeof(attr) === 'object') {
-      // apply every attribute individually if an object is passed
-      for (val in attr) {
-        this.attr(val, attr[val]);
+    }, {
+      key: "merge",
+      value: function merge(box) {
+        var x = Math.min(this.x, box.x);
+        var y = Math.min(this.y, box.y);
+        var width = Math.max(this.x + this.width, box.x + box.width) - x;
+        var height = Math.max(this.y + this.height, box.y + box.height) - y;
+        return new Box(x, y, width, height);
       }
-    } else if (val === null) {
-      // remove value
-      this.node.removeAttribute(attr);
-    } else if (val == null) {
-      // act as a getter if the first and only argument is not an object
-      val = this.node.getAttribute(attr);
-      return val == null ? attrs[attr] // FIXME: do we need to return defaults?
-      : isNumber.test(val) ? parseFloat(val) : val;
-    } else {
-      // convert image fill and stroke to patterns
-      if (attr === 'fill' || attr === 'stroke') {
-        if (isImage.test(val)) {
-          val = this.doc().defs().image(val);
-        }
-      } // FIXME: This is fine, but what about the lines above?
-      // How does attr know about image()?
-
+    }, {
+      key: "transform",
+      value: function transform(m) {
+        var xMin = Infinity;
+        var xMax = -Infinity;
+        var yMin = Infinity;
+        var yMax = -Infinity;
+        var pts = [new Point(this.x, this.y), new Point(this.x2, this.y), new Point(this.x, this.y2), new Point(this.x2, this.y2)];
+        pts.forEach(function (p) {
+          p = p.transform(m);
+          xMin = Math.min(xMin, p.x);
+          xMax = Math.max(xMax, p.x);
+          yMin = Math.min(yMin, p.y);
+          yMax = Math.max(yMax, p.y);
+        });
+        return new Box(xMin, yMin, xMax - xMin, yMax - yMin);
+      }
+    }, {
+      key: "addOffset",
+      value: function addOffset() {
+        // offset by window scroll position, because getBoundingClientRect changes when window is scrolled
+        this.x += window.pageXOffset;
+        this.y += window.pageYOffset;
+        return this;
+      }
+    }, {
+      key: "toString",
+      value: function toString() {
+        return this.x + ' ' + this.y + ' ' + this.width + ' ' + this.height;
+      }
+    }, {
+      key: "toArray",
+      value: function toArray() {
+        return [this.x, this.y, this.width, this.height];
+      }
+    }]);
 
-      while (typeof val.attrHook == 'function') {
-        val = val.attrHook(this, attr);
-      } // ensure correct numeric values (also accepts NaN and Infinity)
+    return Box;
+  }();
 
+  function getBox(cb) {
+    var box;
 
-      if (typeof val === 'number') {
-        val = new SVGNumber(val);
-      } else if (Color.isColor(val)) {
-        // ensure full hex color
-        val = new Color(val);
-      } else if (val.constructor === Array) {
-        // Check for plain arrays and parse array values
-        val = new SVGArray(val);
-      } // if the passed attribute is leading...
+    try {
+      box = cb(this.node);
 
+      if (isNulledBox(box) && !domContains(this.node)) {
+        throw new Error('Element not in the dom');
+      }
+    } catch (e) {
+      try {
+        var clone = this.clone(parser().svg).show();
+        box = cb(clone.node);
+        clone.remove();
+      } catch (e) {
+        console.warn('Getting a bounding box of this element is not possible');
+      }
+    }
 
-      if (attr === 'leading') {
-        // ... call the leading method instead
-        if (this.leading) {
-          this.leading(val);
-        }
-      } else {
-        // set given attribute on node
-        typeof ns === 'string' ? this.node.setAttributeNS(ns, attr, val.toString()) : this.node.setAttribute(attr, val.toString());
-      } // rebuild if required
+    return box;
+  }
 
+  registerMethods({
+    Element: {
+      // Get bounding box
+      bbox: function bbox() {
+        return new Box$1(getBox.call(this, function (node) {
+          return node.getBBox();
+        }));
+      },
+      rbox: function rbox(el) {
+        var box = new Box$1(getBox.call(this, function (node) {
+          return node.getBoundingClientRect();
+        }));
+        if (el) return box.transform(el.screenCTM().inverse());
+        return box.addOffset();
+      }
+    },
+    viewbox: {
+      viewbox: function viewbox(x, y, width, height) {
+        // act as getter
+        if (x == null) return new Box$1(this.attr('viewBox')); // act as setter
 
-      if (this.rebuild && (attr === 'font-size' || attr === 'x')) {
-        this.rebuild();
+        return this.attr('viewBox', new Box$1(x, y, width, height));
       }
     }
-
-    return this;
-  }
-  registerMethods('Element', {
-    attr: attr
   });
 
   var Gradient =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Gradient, _Base);
+  function (_Container) {
+    _inherits(Gradient, _Container);
 
     function Gradient(type) {
       _classCallCheck(this, Gradient);
@@ -2162,19 +2486,24 @@ var SVG = (function () {
 
     }, {
       key: "attr",
-      value: function attr$$1(a, b, c) {
+      value: function attr(a, b, c) {
         if (a === 'transform') a = 'gradientTransform';
-        return attr.call(this, a, b, c);
+        return _get(_getPrototypeOf(Gradient.prototype), "attr", this).call(this, a, b, c); //return attr.call(this, a, b, c)
       }
     }, {
       key: "targets",
       value: function targets() {
         return find('svg [fill*="' + this.id() + '"]');
       }
+    }, {
+      key: "bbox",
+      value: function bbox() {
+        return new Box$1();
+      }
     }]);
 
     return Gradient;
-  }(Base);
+  }(Container$1);
   extend(Gradient, gradiented);
   registerMethods({
     Container: {
@@ -2194,8 +2523,8 @@ var SVG = (function () {
 
   var Pattern =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Pattern, _Base);
+  function (_Container) {
+    _inherits(Pattern, _Container);
 
     // Initialize node
     function Pattern(node) {
@@ -2232,19 +2561,24 @@ var SVG = (function () {
 
     }, {
       key: "attr",
-      value: function attr$$1(a, b, c) {
+      value: function attr(a, b, c) {
         if (a === 'transform') a = 'patternTransform';
-        return attr.call(this, a, b, c);
+        return _get(_getPrototypeOf(Pattern.prototype), "attr", this).call(this, a, b, c); //return attr.call(this, a, b, c)
       }
     }, {
       key: "targets",
       value: function targets() {
         return find('svg [fill*="' + this.id() + '"]');
       }
+    }, {
+      key: "bbox",
+      value: function bbox() {
+        return new Box$1();
+      }
     }]);
 
     return Pattern;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Container: {
       // Create pattern element in defs
@@ -2266,147 +2600,10 @@ var SVG = (function () {
   });
   register(Pattern);
 
-  var methods$1 = ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout', 'mousemove', 'mouseenter', 'mouseleave', 'touchstart', 'touchmove', 'touchleave', 'touchend', 'touchcancel'].reduce(function (last, event) {
-    // add event to Element
-    var fn = function fn(f) {
-      if (f === null) {
-        off(this, event);
-      } else {
-        on(this, event, f);
-      }
-
-      return this;
-    };
-
-    last[event] = fn;
-    return last;
-  }, {});
-  registerMethods('Element', methods$1);
-  var listenerId = 0;
-
-  function getEventTarget$1(node) {
-    return node instanceof Base && node.is('EventTarget') ? node.getEventTarget() : node;
-  } // Add event binder in the SVG namespace
-
-
-  function on(node, events, listener, binding, options) {
-    var l = listener.bind(binding || node);
-    var n = getEventTarget$1(node); // events can be an array of events or a string of events
-
-    events = Array.isArray(events) ? events : events.split(delimiter); // ensure instance object for nodes which are not adopted
-
-    n.instance = n.instance || {
-      events: {} // pull event handlers from the element
-
-    };
-    var bag = n.instance.events; // add id to listener
-
-    if (!listener._svgjsListenerId) {
-      listener._svgjsListenerId = ++listenerId;
-    }
-
-    events.forEach(function (event) {
-      var ev = event.split('.')[0];
-      var ns = event.split('.')[1] || '*'; // ensure valid object
-
-      bag[ev] = bag[ev] || {};
-      bag[ev][ns] = bag[ev][ns] || {}; // reference listener
-
-      bag[ev][ns][listener._svgjsListenerId] = l; // add listener
-
-      n.addEventListener(ev, l, options || false);
-    });
-  } // Add event unbinder in the SVG namespace
-
-  function off(node, events, listener, options) {
-    var n = getEventTarget$1(node); // we cannot remove an event if its not an svg.js instance
-
-    if (!n.instance) return; // listener can be a function or a number
-
-    if (typeof listener === 'function') {
-      listener = listener._svgjsListenerId;
-      if (!listener) return;
-    } // pull event handlers from the element
-
-
-    var bag = n.instance.events; // events can be an array of events or a string or undefined
-
-    events = Array.isArray(events) ? events : (events || '').split(delimiter);
-    events.forEach(function (event) {
-      var ev = event && event.split('.')[0];
-      var ns = event && event.split('.')[1];
-      var namespace, l;
-
-      if (listener) {
-        // remove listener reference
-        if (bag[ev] && bag[ev][ns || '*']) {
-          // removeListener
-          n.removeEventListener(ev, bag[ev][ns || '*'][listener], options || false);
-          delete bag[ev][ns || '*'][listener];
-        }
-      } else if (ev && ns) {
-        // remove all listeners for a namespaced event
-        if (bag[ev] && bag[ev][ns]) {
-          for (l in bag[ev][ns]) {
-            off(n, [ev, ns].join('.'), l);
-          }
-
-          delete bag[ev][ns];
-        }
-      } else if (ns) {
-        // remove all listeners for a specific namespace
-        for (event in bag) {
-          for (namespace in bag[event]) {
-            if (ns === namespace) {
-              off(n, [event, ns].join('.'));
-            }
-          }
-        }
-      } else if (ev) {
-        // remove all listeners for the event
-        if (bag[ev]) {
-          for (namespace in bag[ev]) {
-            off(n, [ev, namespace].join('.'));
-          }
-
-          delete bag[ev];
-        }
-      } else {
-        // remove all listeners on a given node
-        for (event in bag) {
-          off(n, event);
-        }
-
-        n.instance.events = {};
-      }
-    });
-  }
-  function dispatch(node, event, data) {
-    var n = getEventTarget$1(node); // Dispatch event
-
-    if (event instanceof window.Event) {
-      n.dispatchEvent(event);
-    } else {
-      event = new window.CustomEvent(event, {
-        detail: data,
-        cancelable: true
-      });
-      n.dispatchEvent(event);
-    }
-
-    return event;
-  }
-
-  var events = /*#__PURE__*/Object.freeze({
-    on: on,
-    off: off,
-    dispatch: dispatch
-  });
-
   var Image =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Image, _Base);
+  function (_Shape) {
+    _inherits(Image, _Shape);
 
     function Image(node) {
       _classCallCheck(this, Image);
@@ -2461,7 +2658,7 @@ var SVG = (function () {
     }]);
 
     return Image;
-  }(Base);
+  }(Shape);
   registerMethods({
     Container: {
       // create image element, load image and set its size
@@ -2472,6 +2669,110 @@ var SVG = (function () {
   });
   register(Image);
 
+  var subClassArray = function () {
+    try {
+      // try es6 subclassing
+      return Function('name', 'baseClass', '_constructor', ['baseClass = baseClass || Array', 'return {', '[name]: class extends baseClass {', 'constructor (...args) {', 'super(...args)', '_constructor && _constructor.apply(this, args)', '}', '}', '}[name]'].join('\n'));
+    } catch (e) {
+      // Use es5 approach
+      return function (name) {
+        var baseClass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Array;
+
+        var _constructor = arguments.length > 2 ? arguments[2] : undefined;
+
+        var Arr = function Arr() {
+          baseClass.apply(this, arguments);
+          _constructor && _constructor.apply(this, arguments);
+        };
+
+        Arr.prototype = Object.create(baseClass.prototype);
+        Arr.prototype.constructor = Arr;
+        return Arr;
+      };
+    }
+  }();
+
+  var SVGArray = subClassArray('SVGArray', Array, function () {
+    this.init.apply(this, arguments);
+  });
+  extend2(SVGArray, {
+    init: function init() {
+      //this.splice(0, this.length)
+      this.length = 0;
+      this.push.apply(this, _toConsumableArray(this.parse.apply(this, arguments)));
+    },
+    toArray: function toArray() {
+      // const ret = []
+      // ret.push(...this)
+      // return ret
+      return Array.prototype.concat.apply([], this);
+    },
+    toString: function toString() {
+      return this.join(' ');
+    },
+    // Flattens the array if needed
+    valueOf: function valueOf() {
+      var ret = [];
+      ret.push.apply(ret, _toConsumableArray(this));
+      return ret; // return this.toArray()
+    },
+    // Parse whitespace separated string
+    parse: function parse() {
+      var array = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      //array = array.valueOf()
+      // If already is an array, no need to parse it
+      if (array instanceof Array) return array;
+      return array.trim().split(delimiter).map(parseFloat);
+    },
+    clone: function clone() {
+      return new this.constructor(this);
+    },
+    toSet: function toSet() {
+      return new Set(this);
+    }
+  }); // export default class SVGArray extends BaseArray {
+  //   constructor (...args) {
+  //     super()
+  //     this.init(...args)
+  //   }
+  //
+  //   init (array, fallback = []) {
+  //     //this.splice(0, this.length)
+  //     this.length = 0
+  //     this.push(...this.parse(array || fallback))
+  //   }
+  //
+  //   toArray () {
+  //     return [].concat(this)
+  //   }
+  //
+  //   toString () {
+  //     return this.join(' ')
+  //   }
+  //
+  //   valueOf () {
+  //     return this.toArray()
+  //   }
+  //
+  //   // Parse whitespace separated string
+  //   parse (array) {
+  //     array = array.valueOf()
+  //
+  //     // if already is an array, no need to parse it
+  //     if (Array.isArray(array)) return array
+  //
+  //     return array.trim().split(delimiter).map(parseFloat)
+  //   }
+  //
+  //   clone () {
+  //     return new this.constructor(this)
+  //   }
+  //
+  //   toSet () {
+  //     return new Set(this)
+  //   }
+  // }
+
   var PointArray = subClassArray('PointArray', SVGArray);
   extend2(PointArray, {
     // Convert array to string
@@ -2699,10 +3000,38 @@ var SVG = (function () {
   //   }
   // }
 
+  var MorphArray = PointArray; // Move by left top corner over x-axis
+
+  function x$1(x) {
+    return x == null ? this.bbox().x : this.move(x, this.bbox().y);
+  } // Move by left top corner over y-axis
+
+  function y$1(y) {
+    return y == null ? this.bbox().y : this.move(this.bbox().x, y);
+  } // Set width of element
+
+  function width$1(width) {
+    var b = this.bbox();
+    return width == null ? b.width : this.size(width, b.height);
+  } // Set height of element
+
+  function height$1(height) {
+    var b = this.bbox();
+    return height == null ? b.height : this.size(b.width, height);
+  }
+
+  var pointed = /*#__PURE__*/Object.freeze({
+    MorphArray: MorphArray,
+    x: x$1,
+    y: y$1,
+    width: width$1,
+    height: height$1
+  });
+
   var Line =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Line, _Base);
+  function (_Shape) {
+    _inherits(Line, _Shape);
 
     // Initialize node
     function Line(node) {
@@ -2752,7 +3081,8 @@ var SVG = (function () {
     }]);
 
     return Line;
-  }(Base);
+  }(Shape);
+  extend(Line, pointed);
   registerMethods({
     Container: {
       // Create a line element
@@ -2771,8 +3101,8 @@ var SVG = (function () {
 
   var Marker =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Marker, _Base);
+  function (_Container) {
+    _inherits(Marker, _Container);
 
     // Initialize node
     function Marker(node) {
@@ -2821,7 +3151,7 @@ var SVG = (function () {
     }]);
 
     return Marker;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Container: {
       marker: function marker(width, height, block) {
@@ -2853,8 +3183,8 @@ var SVG = (function () {
 
   var Mask =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Mask, _Base);
+  function (_Container) {
+    _inherits(Mask, _Container);
 
     // Initialize node
     function Mask(node) {
@@ -2866,13 +3196,13 @@ var SVG = (function () {
 
     _createClass(Mask, [{
       key: "remove",
-      value: function remove$$1() {
+      value: function remove() {
         // unmask all targets
         this.targets().forEach(function (el) {
           el.unmask();
         }); // remove mask from parent
 
-        return remove.call(this);
+        return _get(_getPrototypeOf(Mask.prototype), "remove", this).call(this); //return remove.call(this)
       }
     }, {
       key: "targets",
@@ -2882,7 +3212,7 @@ var SVG = (function () {
     }]);
 
     return Mask;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Container: {
       mask: function mask() {
@@ -2908,99 +3238,6 @@ var SVG = (function () {
   });
   register(Mask);
 
-  function parser() {
-    // Reuse cached element if possible
-    if (!parser.nodes) {
-      var svg = new Doc$1().size(2, 0).css({
-        opacity: 0,
-        position: 'absolute',
-        left: '-100%',
-        top: '-100%',
-        overflow: 'hidden'
-      });
-      var path = svg.path().node;
-      parser.nodes = {
-        svg: svg,
-        path: path
-      };
-    }
-
-    if (!parser.nodes.svg.node.parentNode) {
-      var b = document.body || document.documentElement;
-      parser.nodes.svg.addTo(b);
-    }
-
-    return parser.nodes;
-  }
-
-  var Point =
-  /*#__PURE__*/
-  function () {
-    // Initialize
-    function Point(x, y, base) {
-      _classCallCheck(this, Point);
-
-      var source;
-      base = base || {
-        x: 0,
-        y: 0 // ensure source as object
-
-      };
-      source = Array.isArray(x) ? {
-        x: x[0],
-        y: x[1]
-      } : _typeof(x) === 'object' ? {
-        x: x.x,
-        y: x.y
-      } : {
-        x: x,
-        y: y // merge source
-
-      };
-      this.x = source.x == null ? base.x : source.x;
-      this.y = source.y == null ? base.y : source.y;
-    } // Clone point
-
-
-    _createClass(Point, [{
-      key: "clone",
-      value: function clone() {
-        return new Point(this);
-      } // Convert to native SVGPoint
-
-    }, {
-      key: "native",
-      value: function native() {
-        // create new point
-        var point = parser().svg.node.createSVGPoint(); // update with current values
-
-        point.x = this.x;
-        point.y = this.y;
-        return point;
-      } // transform point with matrix
-
-    }, {
-      key: "transform",
-      value: function transform(m) {
-        // Perform the matrix multiplication
-        var x = m.a * this.x + m.c * this.y + m.e;
-        var y = m.b * this.x + m.d * this.y + m.f; // Return the required point
-
-        return new Point(x, y);
-      }
-    }]);
-
-    return Point;
-  }();
-  registerMethods({
-    Element: {
-      // Get point
-      point: function point(x, y) {
-        return new Point(x, y).transform(this.screenCTM().inverse());
-      }
-    }
-  });
-
   var PathArray = subClassArray('PathArray', SVGArray);
   var pathHandlers = {
     M: function M(c, p, p0) {
@@ -3488,8 +3725,8 @@ var SVG = (function () {
 
   var Path =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Path, _Base);
+  function (_Shape) {
+    _inherits(Path, _Shape);
 
     // Initialize node
     function Path(node) {
@@ -3562,7 +3799,7 @@ var SVG = (function () {
     }]);
 
     return Path;
-  }(Base); // Define morphable array
+  }(Shape); // Define morphable array
   Path.prototype.MorphArray = PathArray; // Add parent method
 
   registerMethods({
@@ -3576,34 +3813,6 @@ var SVG = (function () {
   });
   register(Path);
 
-  var MorphArray = PointArray; // Move by left top corner over x-axis
-
-  function x$2(x) {
-    return x == null ? this.bbox().x : this.move(x, this.bbox().y);
-  } // Move by left top corner over y-axis
-
-  function y$2(y) {
-    return y == null ? this.bbox().y : this.move(this.bbox().x, y);
-  } // Set width of element
-
-  function width$2(width) {
-    var b = this.bbox();
-    return width == null ? b.width : this.size(width, b.height);
-  } // Set height of element
-
-  function height$2(height) {
-    var b = this.bbox();
-    return height == null ? b.height : this.size(b.width, height);
-  }
-
-  var pointed = /*#__PURE__*/Object.freeze({
-    MorphArray: MorphArray,
-    x: x$2,
-    y: y$2,
-    width: width$2,
-    height: height$2
-  });
-
   // Add polygon-specific functions
 
   function array() {
@@ -3619,11 +3828,11 @@ var SVG = (function () {
     return this;
   } // Move by left top corner
 
-  function move$1(x, y) {
+  function move(x, y) {
     return this.attr('points', this.array().move(x, y));
   } // Set element size to given width and height
 
-  function size$2(width, height) {
+  function size$1(width, height) {
     var p = proportionalSize(this, width, height);
     return this.attr('points', this.array().size(p.width, p.height));
   }
@@ -3632,14 +3841,14 @@ var SVG = (function () {
     array: array,
     plot: plot,
     clear: clear,
-    move: move$1,
-    size: size$2
+    move: move,
+    size: size$1
   });
 
   var Polygon =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Polygon, _Base);
+  function (_Shape) {
+    _inherits(Polygon, _Shape);
 
     // Initialize node
     function Polygon(node) {
@@ -3649,7 +3858,7 @@ var SVG = (function () {
     }
 
     return Polygon;
-  }(Base);
+  }(Shape);
   registerMethods({
     Container: {
       // Create a wrapped polygon element
@@ -3665,8 +3874,8 @@ var SVG = (function () {
 
   var Polyline =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Polyline, _Base);
+  function (_Shape) {
+    _inherits(Polyline, _Shape);
 
     // Initialize node
     function Polyline(node) {
@@ -3676,7 +3885,7 @@ var SVG = (function () {
     }
 
     return Polyline;
-  }(Base);
+  }(Shape);
   registerMethods({
     Container: {
       // Create a wrapped polygon element
@@ -3692,18 +3901,33 @@ var SVG = (function () {
 
   var Rect =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Rect, _Base);
+  function (_Shape) {
+    _inherits(Rect, _Shape);
 
     // Initialize node
     function Rect(node) {
       _classCallCheck(this, Rect);
 
       return _possibleConstructorReturn(this, _getPrototypeOf(Rect).call(this, nodeOrNew('rect', node), Rect));
-    }
+    } // FIXME: unify with circle
+    // Radius x value
+
+
+    _createClass(Rect, [{
+      key: "rx",
+      value: function rx(_rx) {
+        return this.attr('rx', _rx);
+      } // Radius y value
+
+    }, {
+      key: "ry",
+      value: function ry(_ry) {
+        return this.attr('ry', _ry);
+      }
+    }]);
 
     return Rect;
-  }(Base);
+  }(Shape);
   registerMethods({
     Container: {
       // Create a rect element
@@ -3716,8 +3940,8 @@ var SVG = (function () {
 
   var _Symbol =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(_Symbol, _Base);
+  function (_Container) {
+    _inherits(_Symbol, _Container);
 
     // Initialize node
     function _Symbol(node) {
@@ -3727,7 +3951,7 @@ var SVG = (function () {
     }
 
     return _Symbol;
-  }(Base);
+  }(Container$1);
   registerMethods({
     Container: {
       symbol: function symbol() {
@@ -3737,6 +3961,52 @@ var SVG = (function () {
   });
   register(_Symbol);
 
+  function noop() {} // Default animation values
+
+  var timeline = {
+    duration: 400,
+    ease: '>',
+    delay: 0 // Default attribute values
+
+  };
+  var attrs = {
+    // fill and stroke
+    'fill-opacity': 1,
+    'stroke-opacity': 1,
+    'stroke-width': 0,
+    'stroke-linejoin': 'miter',
+    'stroke-linecap': 'butt',
+    fill: '#000000',
+    stroke: '#000000',
+    opacity: 1,
+    // position
+    x: 0,
+    y: 0,
+    cx: 0,
+    cy: 0,
+    // size
+    width: 0,
+    height: 0,
+    // radius
+    r: 0,
+    rx: 0,
+    ry: 0,
+    // gradient
+    offset: 0,
+    'stop-opacity': 1,
+    'stop-color': '#000000',
+    // text
+    'font-size': 16,
+    'font-family': 'Helvetica, Arial, sans-serif',
+    'text-anchor': 'start'
+  };
+
+  var defaults = /*#__PURE__*/Object.freeze({
+    noop: noop,
+    timeline: timeline,
+    attrs: attrs
+  });
+
   // Create plain text node
   function plain(text) {
     // clear if build mode is disabled
@@ -3761,8 +4031,8 @@ var SVG = (function () {
 
   var Text =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Text, _Base);
+  function (_Parent) {
+    _inherits(Text, _Parent);
 
     // Initialize node
     function Text(node) {
@@ -3929,7 +4199,7 @@ var SVG = (function () {
     }]);
 
     return Text;
-  }(Base);
+  }(Parent);
   extend(Text, textable);
   registerMethods({
     Container: {
@@ -4033,8 +4303,8 @@ var SVG = (function () {
 
   var Tspan =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Tspan, _Base);
+  function (_Parent) {
+    _inherits(Tspan, _Parent);
 
     // Initialize node
     function Tspan(node) {
@@ -4077,7 +4347,7 @@ var SVG = (function () {
     }]);
 
     return Tspan;
-  }(Base);
+  }(Parent);
   extend(Tspan, textable);
   registerMethods({
     Tspan: {
@@ -4098,8 +4368,8 @@ var SVG = (function () {
 
   var Use =
   /*#__PURE__*/
-  function (_Base) {
-    _inherits(Use, _Base);
+  function (_Shape) {
+    _inherits(Use, _Shape);
 
     function Use(node) {
       _classCallCheck(this, Use);
@@ -4117,7 +4387,7 @@ var SVG = (function () {
     }]);
 
     return Use;
-  }(Base);
+  }(Shape);
   registerMethods({
     Container: {
       // Create a use element
@@ -4143,7 +4413,7 @@ var SVG = (function () {
       value: function init(source) {
         var base = arrayToMatrix([1, 0, 0, 1, 0, 0]); // ensure source as object
 
-        source = source instanceof Base && source.is('Element') ? source.matrixify() : typeof source === 'string' ? arrayToMatrix(source.split(delimiter).map(parseFloat)) : Array.isArray(source) ? arrayToMatrix(source) : _typeof(source) === 'object' && isMatrixLike(source) ? source : _typeof(source) === 'object' ? new Matrix().transform(source) : arguments.length === 6 ? arrayToMatrix([].slice.call(arguments)) : base; // Merge the source matrix with the base matrix
+        source = source instanceof Element ? source.matrixify() : typeof source === 'string' ? arrayToMatrix(source.split(delimiter).map(parseFloat)) : Array.isArray(source) ? arrayToMatrix(source) : _typeof(source) === 'object' && isMatrixLike(source) ? source : _typeof(source) === 'object' ? new Matrix().transform(source) : arguments.length === 6 ? arrayToMatrix([].slice.call(arguments)) : base; // Merge the source matrix with the base matrix
 
         this.a = source.a != null ? source.a : base.a;
         this.b = source.b != null ? source.b : base.b;
@@ -4646,125 +4916,108 @@ var SVG = (function () {
     }
   });
 
-  var Box$1 =
+  var Color =
   /*#__PURE__*/
   function () {
-    function Box() {
-      _classCallCheck(this, Box);
+    function Color() {
+      _classCallCheck(this, Color);
 
       this.init.apply(this, arguments);
     }
 
-    _createClass(Box, [{
+    _createClass(Color, [{
       key: "init",
-      value: function init(source) {
-        var base = [0, 0, 0, 0];
-        source = typeof source === 'string' ? source.split(delimiter).map(parseFloat) : Array.isArray(source) ? source : _typeof(source) === 'object' ? [source.left != null ? source.left : source.x, source.top != null ? source.top : source.y, source.width, source.height] : arguments.length === 4 ? [].slice.call(arguments) : base;
-        this.x = source[0];
-        this.y = source[1];
-        this.width = source[2];
-        this.height = source[3]; // add center, right, bottom...
+      value: function init(color, g, b) {
+        var match; // initialize defaults
 
-        fullBox(this);
-      } // Merge rect box with another, return a new instance
+        this.r = 0;
+        this.g = 0;
+        this.b = 0;
+        if (!color) return; // parse color
+
+        if (typeof color === 'string') {
+          if (isRgb.test(color)) {
+            // get rgb values
+            match = rgb.exec(color.replace(whitespace, '')); // parse numeric values
+
+            this.r = parseInt(match[1]);
+            this.g = parseInt(match[2]);
+            this.b = parseInt(match[3]);
+          } else if (isHex.test(color)) {
+            // get hex values
+            match = hex.exec(fullHex(color)); // parse numeric values
+
+            this.r = parseInt(match[1], 16);
+            this.g = parseInt(match[2], 16);
+            this.b = parseInt(match[3], 16);
+          }
+        } else if (Array.isArray(color)) {
+          this.r = color[0];
+          this.g = color[1];
+          this.b = color[2];
+        } else if (_typeof(color) === 'object') {
+          this.r = color.r;
+          this.g = color.g;
+          this.b = color.b;
+        } else if (arguments.length === 3) {
+          this.r = color;
+          this.g = g;
+          this.b = b;
+        }
+      } // Default to hex conversion
 
-    }, {
-      key: "merge",
-      value: function merge(box) {
-        var x = Math.min(this.x, box.x);
-        var y = Math.min(this.y, box.y);
-        var width = Math.max(this.x + this.width, box.x + box.width) - x;
-        var height = Math.max(this.y + this.height, box.y + box.height) - y;
-        return new Box(x, y, width, height);
-      }
-    }, {
-      key: "transform",
-      value: function transform(m) {
-        var xMin = Infinity;
-        var xMax = -Infinity;
-        var yMin = Infinity;
-        var yMax = -Infinity;
-        var pts = [new Point(this.x, this.y), new Point(this.x2, this.y), new Point(this.x, this.y2), new Point(this.x2, this.y2)];
-        pts.forEach(function (p) {
-          p = p.transform(m);
-          xMin = Math.min(xMin, p.x);
-          xMax = Math.max(xMax, p.x);
-          yMin = Math.min(yMin, p.y);
-          yMax = Math.max(yMax, p.y);
-        });
-        return new Box(xMin, yMin, xMax - xMin, yMax - yMin);
-      }
-    }, {
-      key: "addOffset",
-      value: function addOffset() {
-        // offset by window scroll position, because getBoundingClientRect changes when window is scrolled
-        this.x += window.pageXOffset;
-        this.y += window.pageYOffset;
-        return this;
-      }
     }, {
       key: "toString",
       value: function toString() {
-        return this.x + ' ' + this.y + ' ' + this.width + ' ' + this.height;
+        return this.toHex();
       }
     }, {
       key: "toArray",
       value: function toArray() {
-        return [this.x, this.y, this.width, this.height];
-      }
-    }]);
+        return [this.r, this.g, this.b];
+      } // Build hex value
 
-    return Box;
-  }();
+    }, {
+      key: "toHex",
+      value: function toHex() {
+        return '#' + compToHex(Math.round(this.r)) + compToHex(Math.round(this.g)) + compToHex(Math.round(this.b));
+      } // Build rgb value
 
-  function getBox(cb) {
-    var box;
+    }, {
+      key: "toRgb",
+      value: function toRgb() {
+        return 'rgb(' + [this.r, this.g, this.b].join() + ')';
+      } // Calculate true brightness
 
-    try {
-      box = cb(this.node);
+    }, {
+      key: "brightness",
+      value: function brightness() {
+        return this.r / 255 * 0.30 + this.g / 255 * 0.59 + this.b / 255 * 0.11;
+      } // Testers
+      // Test if given value is a color string
 
-      if (isNulledBox(box) && !domContains(this.node)) {
-        throw new Error('Element not in the dom');
-      }
-    } catch (e) {
-      try {
-        var clone = this.clone(parser().svg).show();
-        box = cb(clone.node);
-        clone.remove();
-      } catch (e) {
-        throw e;
-        console.warn('Getting a bounding box of this element is not possible');
-      }
-    }
+    }], [{
+      key: "test",
+      value: function test(color) {
+        color += '';
+        return isHex.test(color) || isRgb.test(color);
+      } // Test if given value is a rgb object
 
-    return box;
-  }
+    }, {
+      key: "isRgb",
+      value: function isRgb$$1(color) {
+        return color && typeof color.r === 'number' && typeof color.g === 'number' && typeof color.b === 'number';
+      } // Test if given value is a color
 
-  registerMethods({
-    Element: {
-      // Get bounding box
-      bbox: function bbox() {
-        return new Box$1(getBox.call(this, function (node) {
-          return node.getBBox();
-        }));
-      },
-      rbox: function rbox(el) {
-        var box = new Box$1(getBox.call(this, function (node) {
-          return node.getBoundingClientRect();
-        }));
-        if (el) return box.transform(el.screenCTM().inverse());
-        return box.addOffset();
+    }, {
+      key: "isColor",
+      value: function isColor(color) {
+        return this.isRgb(color) || this.test(color);
       }
-    },
-    viewbox: {
-      viewbox: function viewbox(x, y, width, height) {
-        // act as getter
-        if (x == null) return new Box$1(this.attr('viewBox')); // act as setter
+    }]);
 
-        return this.attr('viewBox', new Box$1(x, y, width, height));
-      }
-    }
-  });
+    return Color;
+  }();
 
   /***

   Base Class

@@ -5054,9 +5307,9 @@ var SVG = (function () {
           } else if (type === 'string') {
             if (Color.isColor(value)) {
               this.type(Color);
-            } else if (regex.delimiter.test(value)) {
-              this.type(regex.pathLetters.test(value) ? PathArray : SVGArray);
-            } else if (regex.numberAndUnit.test(value)) {
+            } else if (delimiter.test(value)) {
+              this.type(pathLetters.test(value) ? PathArray : SVGArray);
+            } else if (numberAndUnit.test(value)) {
               this.type(SVGNumber);
             } else {
               this.type(NonMorphable);
@@ -6479,6 +6732,11 @@ var SVG = (function () {
   // export {default as Use} from './Use.js'
 
   var Classes = /*#__PURE__*/Object.freeze({
+    EventTarget: EventTarget,
+    Element: Element,
+    Shape: Shape,
+    Parent: Parent,
+    Container: Container$1,
     HtmlNode: HtmlNode,
     Doc: Doc$1,
     Defs: Defs,
@@ -6523,53 +6781,96 @@ var SVG = (function () {
     Spring: Spring
   });
 
+  function attr(attr, val, ns) {
+    // act as full getter
+    if (attr == null) {
+      // get an object of attributes
+      attr = {};
+      val = this.node.attributes;
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
 
+      try {
+        for (var _iterator = val[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var node = _step.value;
+          attr[node.nodeName] = isNumber.test(node.nodeValue) ? parseFloat(node.nodeValue) : node.nodeValue;
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
 
-  var containers = /*#__PURE__*/Object.freeze({
-    Bare: Bare,
-    ClipPath: ClipPath,
-    Defs: Defs,
-    Doc: Doc$1,
-    Gradient: Gradient,
-    G: G,
-    A: A,
-    Marker: Marker,
-    Mask: Mask,
-    Pattern: Pattern,
-    Symbol: _Symbol,
-    Text: Text,
-    Tspan: Tspan,
-    TextPath: TextPath
-  });
+      return attr;
+    } else if (Array.isArray(attr)) ; else if (_typeof(attr) === 'object') {
+      // apply every attribute individually if an object is passed
+      for (val in attr) {
+        this.attr(val, attr[val]);
+      }
+    } else if (val === null) {
+      // remove value
+      this.node.removeAttribute(attr);
+    } else if (val == null) {
+      // act as a getter if the first and only argument is not an object
+      val = this.node.getAttribute(attr);
+      return val == null ? attrs[attr] // FIXME: do we need to return defaults?
+      : isNumber.test(val) ? parseFloat(val) : val;
+    } else {
+      // convert image fill and stroke to patterns
+      if (attr === 'fill' || attr === 'stroke') {
+        if (isImage.test(val)) {
+          val = this.doc().defs().image(val);
+        }
+      } // FIXME: This is fine, but what about the lines above?
+      // How does attr know about image()?
 
 
+      while (typeof val.attrHook == 'function') {
+        val = val.attrHook(this, attr);
+      } // ensure correct numeric values (also accepts NaN and Infinity)
 
-  var elements$1 = /*#__PURE__*/Object.freeze({
-    Bare: Bare,
-    Circle: Circle,
-    ClipPath: ClipPath,
-    Defs: Defs,
-    Doc: Doc$1,
-    Ellipse: Ellipse,
-    Gradient: Gradient,
-    G: G,
-    HtmlNode: HtmlNode,
-    A: A,
-    Image: Image,
-    Line: Line,
-    Marker: Marker,
-    Mask: Mask,
-    Path: Path,
-    Pattern: Pattern,
-    Polygon: Polygon,
-    Polyline: Polyline,
-    Rect: Rect,
-    Stop: Stop,
-    Symbol: _Symbol,
-    Text: Text,
-    TextPath: TextPath,
-    Tspan: Tspan,
-    Use: Use
+
+      if (typeof val === 'number') {
+        val = new SVGNumber(val);
+      } else if (Color.isColor(val)) {
+        // ensure full hex color
+        val = new Color(val);
+      } else if (val.constructor === Array) {
+        // Check for plain arrays and parse array values
+        val = new SVGArray(val);
+      } // if the passed attribute is leading...
+
+
+      if (attr === 'leading') {
+        // ... call the leading method instead
+        if (this.leading) {
+          this.leading(val);
+        }
+      } else {
+        // set given attribute on node
+        typeof ns === 'string' ? this.node.setAttributeNS(ns, attr, val.toString()) : this.node.setAttribute(attr, val.toString());
+      } // rebuild if required
+
+
+      if (this.rebuild && (attr === 'font-size' || attr === 'x')) {
+        this.rebuild();
+      }
+    }
+
+    return this;
+  }
+  registerMethods('Element', {
+    attr: attr
   });
 
   // ### This module adds backward / forward functionality to elements.
@@ -6829,7 +7130,7 @@ var SVG = (function () {
     transform: transform
   });
 
-  function setup$1(node) {
+  function setup(node) {
     this._memory = {};
   } // Remember arbitrary data
 
@@ -6870,7 +7171,7 @@ var SVG = (function () {
     forget: forget,
     memory: memory
   });
-  registerConstructor('Memory', setup$1);
+  registerConstructor('Memory', setup);
 
   var sugar = {
     stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'],
@@ -6996,7 +7297,7 @@ var SVG = (function () {
   registerMethods('radius', {
     // Add x and y radius
     radius: function radius(x, y) {
-      var type = (this._target || this).type;
+      var type = (this._element || this).type;
       return type === 'radialGradient' || type === 'radialGradient' ? this.attr('r', new SVGNumber(x)) : this.rx(x).ry(y == null ? x : y);
     }
   });
@@ -7010,7 +7311,7 @@ var SVG = (function () {
       return new Point(this.node.getPointAtLength(length));
     }
   });
-  registerMethods(['Container', 'Runner'], {
+  registerMethods(['Parent', 'Runner'], {
     // Set font
     font: function font(a, v) {
       if (_typeof(a) === 'object') {
@@ -7023,185 +7324,6 @@ var SVG = (function () {
     }
   });
 
-  function setup$2() {
-    var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.events = node.events || {};
-  } // Bind given event to listener
-
-  function on$1(event, listener, binding, options) {
-    on(this, event, listener, binding, options);
-
-    return this;
-  } // Unbind event from listener
-
-  function off$1(event, listener) {
-    off(this, event, listener);
-
-    return this;
-  }
-  function dispatch$1(event, data) {
-    return dispatch(this, event, data);
-  } // Fire given event
-
-  function fire(event, data) {
-    this.dispatch(event, data);
-    return this;
-  }
-  registerMethods('EventTarget', {
-    on: on$1,
-    off: off$1,
-    dispatch: dispatch$1,
-    fire: fire
-  });
-  registerConstructor('EventTarget', setup$2);
-
-  function children() {
-    return map(this.node.children, function (node) {
-      return adopt(node);
-    });
-  } // Add given element at a position
-
-  function add(element, i) {
-    element = makeInstance(element);
-
-    if (i == null) {
-      this.node.appendChild(element.node);
-    } else if (element.node !== this.node.childNodes[i]) {
-      this.node.insertBefore(element.node, this.node.childNodes[i]);
-    }
-
-    return this;
-  } // Basically does the same as `add()` but returns the added element instead
-
-  function put(element, i) {
-    this.add(element, i);
-    return element.instance || element;
-  } // Checks if the given element is a child
-
-  function has(element) {
-    return this.index(element) >= 0;
-  } // Gets index of given element
-
-  function index(element) {
-    return [].slice.call(this.node.childNodes).indexOf(element.node);
-  } // Get a element at the given index
-
-  function get(i) {
-    return adopt(this.node.childNodes[i]);
-  } // Get first child
-
-  function first() {
-    return adopt(this.node.firstChild);
-  } // Get the last child
-
-  function last() {
-    return adopt(this.node.lastChild);
-  } // Iterates over all children and invokes a given block
-
-  function each(block, deep) {
-    var children = this.children();
-    var i, il;
-
-    for (i = 0, il = children.length; i < il; i++) {
-      if (children[i] instanceof Base) {
-        block.apply(children[i], [i, children]);
-      }
-
-      if (deep && children[i] instanceof Base && children[i].is('Parent')) {
-        children[i].each(block, deep);
-      }
-    }
-
-    return this;
-  } // Remove a given child
-
-  function removeElement(element) {
-    this.node.removeChild(element.node);
-    return this;
-  } // Remove all elements in this container
-
-  function clear$1() {
-    // remove children
-    while (this.node.hasChildNodes()) {
-      this.node.removeChild(this.node.lastChild);
-    } // remove defs reference
-
-
-    delete this._defs;
-    return this;
-  } // Import raw svg
-
-  function svg$1(svg) {
-    var well, len; // act as a setter if svg is given
-
-    if (svg) {
-      // create temporary holder
-      well = document.createElementNS(ns, 'svg'); // dump raw svg
-
-      well.innerHTML = svg; // transplant nodes
-
-      for (len = well.children.length; len--;) {
-        this.node.appendChild(well.firstElementChild);
-      } // otherwise act as a getter
-
-    } else {
-      // write svgjs data to the dom
-      this.writeDataToDom();
-      return this.node.outerHTML;
-    }
-
-    return this;
-  } // write svgjs data to the dom
-
-  function writeDataToDom$1() {
-    // dump variables recursively
-    this.each(function () {
-      this.writeDataToDom();
-    }); // remove previously set data
-
-    this.node.removeAttribute('svgjs:data');
-
-    if (Object.keys(this.dom).length) {
-      this.node.setAttribute('svgjs:data', JSON.stringify(this.dom)); // see #428
-    }
-
-    return this;
-  }
-  function flatten(parent) {
-    this.each(function () {
-      if (this.is('Parent')) return this.flatten(parent).ungroup(parent);
-      return this.toParent(parent);
-    }); // we need this so that Doc does not get removed
-
-    this.node.firstElementChild || this.remove();
-    return this;
-  }
-  function ungroup(parent) {
-    parent = parent || this.parent();
-    this.each(function () {
-      return this.toParent(parent);
-    });
-    this.remove();
-    return this;
-  }
-  registerMethods('Container', {
-    children: children,
-    add: add,
-    put: put,
-    has: has,
-    index: index,
-    get: get,
-    first: first,
-    last: last,
-    each: each,
-    removeElement: removeElement,
-    clear: clear$1,
-    svg: svg$1,
-    writeDataToDom: writeDataToDom$1,
-    flatten: flatten,
-    ungroup: ungroup
-  });
-
   // import {extend} from './tools.js'
   var extend$1 = extend;
   extend$1([Doc$1, _Symbol, Image, Pattern, Marker], getMethodsFor('viewbox'));
@@ -7211,23 +7333,11 @@ var SVG = (function () {
   extend$1(Defs, getMethodsFor('Defs'));
   extend$1([Text, Tspan], getMethodsFor('Tspan'));
   extend$1([Rect, Ellipse, Circle, Gradient], getMethodsFor('radius'));
-  var containerMethods = getMethodsFor('Container'); // FIXME: We need a container array
-
-  for (var i$1 in containers) {
-    extend$1(containers[i$1], containerMethods);
-  }
-
-  var elementMethods = getMethodsFor('Element');
-  var eventTargetMethods = getMethodsFor('EventTarget');
-
-  for (var _i in elements$1) {
-    extend$1(elements$1[_i], elementMethods);
-    extend$1(elements$1[_i], eventTargetMethods);
-    extend$1(elements$1[_i], getConstructor('EventTarget'));
-    extend$1(elements$1[_i], getConstructor('Element'));
-    extend$1(elements$1[_i], getConstructor('Memory'));
-  }
-
+  extend$1(EventTarget, getMethodsFor('EventTarget'));
+  extend$1(Element, getMethodsFor('Element'));
+  extend$1(Element, getMethodsFor('Parent'));
+  extend$1(Element, getConstructor('Memory'));
+  extend$1(Container$1, getMethodsFor('Container'));
   registerMorphableType([SVGNumber, Color, Box$1, Matrix, SVGArray, PointArray, PathArray]);
   makeMorphable(); // The main wrapping element
 
@@ -7238,17 +7348,17 @@ var SVG = (function () {
   Object.assign(SVG, tools);
   Object.assign(SVG, adopter);
   SVG.utils = utils;
-  SVG.regex = regex$1; // satisfy tests, fix later
+  SVG.regex = regex; // satisfy tests, fix later
   SVG.get = SVG;
   SVG.find = baseFind;
-  Object.assign(SVG, ns$1);
-  SVG.Element = SVG.Parent = SVG.Shape = SVG.Container = Base;
+  Object.assign(SVG, ns$1); // import Base from './Base.js'
   SVG.easing = easing;
   Object.assign(SVG, events);
   SVG.TransformBag = TransformBag;
   SVG.ObjectBag = ObjectBag;
   SVG.NonMorphable = NonMorphable;
   SVG.parser = parser;
+  SVG.defaults = defaults;
 
   return SVG;
 
diff --git a/dist/svg.min.js b/dist/svg.min.js
index 81337c2..386a99a 100644
--- a/dist/svg.min.js
+++ b/dist/svg.min.js
@@ -1 +1 @@
-var SVG=function(){"use strict";function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function o(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function k(r){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{},e=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(s).filter(function(t){return Object.getOwnPropertyDescriptor(s,t).enumerable}))),e.forEach(function(t){var e,n,i;e=r,i=s[n=t],n in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[n]=i})}return r}function r(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}function u(t){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n(t,e){return(n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function a(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],i=!0,r=!1,s=void 0;try{for(var u,o=t[Symbol.iterator]();!(i=(u=o.next()).done)&&(n.push(u.value),!e||n.length!==e);i=!0);}catch(t){r=!0,s=t}finally{try{i||null==o.return||o.return()}finally{if(r)throw s}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function O(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var s=function(){function l(t,e){var n=e.extensions,i=void 0===n?[]:n;c(this,l);var r=!0,s=!(this.tags=[]),u=void 0;try{for(var o,a=i[Symbol.iterator]();!(r=(o=a.next()).done);r=!0){var h=o.value;h.setup.call(this,t),this.tags.push(h.name)}}catch(t){s=!0,u=t}finally{try{r||null==a.return||a.return()}finally{if(s)throw u}}}return o(l,[{key:"is",value:function(t){return this.tags.includes(t)}}]),l}(),h=/^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,d=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,v=/rgb\((\d+),(\d+),(\d+)\)/,y=/(#[a-z0-9\-_]+)/i,t=/\)\s*,?\s*/,p=/\s/g,m=/^#[a-f0-9]{3,6}$/i,g=/^rgb\(/,w=/^(\s+)?$/,x=/^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,b=/\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,_=/[\s,]+/,A=/([^e])-/gi,C=/[MLHVCSQTAZ]/gi,M=/[MLHVCSQTAZ]/i,j=/((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,T=/\./g,e=Object.freeze({numberAndUnit:h,hex:d,rgb:v,reference:y,transforms:t,whitespace:p,isHex:m,isRgb:g,isCss:/[^:]+:[^;]+;?/,isBlank:w,isNumber:x,isPercent:/^-?[\d.]+%$/,isImage:b,delimiter:_,hyphen:A,pathLetters:C,isPathLetter:M,numbersWithDots:j,dots:T});function S(t,e,n,i){return n+i.replace(T," .")}function E(t){return t.toLowerCase().replace(/-(.)/g,function(t,e){return e.toUpperCase()})}function N(t){return t.charAt(0).toUpperCase()+t.slice(1)}function P(t){var e=t.toString(16);return 1===e.length?"0"+e:e}function D(t,e,n){if(null==e||null==n){var i=t.bbox();null==e?e=i.width/i.height*n:null==n&&(n=i.height/i.width*e)}return{width:e,height:n}}function z(t){return{a:t[0],b:t[1],c:t[2],d:t[3],e:t[4],f:t[5]}}var R="abcdef".split("");function q(t,e,n){return Math.abs(e-t)<(n||1e-6)}function L(t){return null!=t.a||null!=t.b||null!=t.c||null!=t.d||null!=t.e||null!=t.f}function I(t,e){var n,i,r=t.origin;if("string"==typeof r||null==r){var s=(r||"center").toLowerCase().trim(),u=e.bbox(),o=u.height,a=u.width,h=u.x,l=u.y,c=s.includes("left")?h:s.includes("right")?h+a:h+a/2,f=s.includes("top")?l:s.includes("bottom")?l+o:l+o/2;n=null!=t.ox?t.ox:c,i=null!=t.oy?t.oy:f}else n=r[0],i=r[1];return[n,i]}var F="http://www.w3.org/2000/svg",X="http://www.w3.org/2000/xmlns/",Y="http://www.w3.org/1999/xlink",G="http://svgjs.com/svgjs",B=Object.freeze({ns:F,xmlns:X,xlink:Y,svgjs:G});function H(t,e){return e||V(t)}function V(t){return document.createElementNS(F,t)}function U(t,e){var n,i;for(i=(t=Array.isArray(t)?t:[t]).length-1;0<=i;i--)for(n in e.name&&(t[i].extensions=(t[i].extensions||[]).concat(e)),e)t[i].prototype[n]||"name"==n||"setup"==n||(t[i].prototype[n]=e[n])}function Q(t,e){var n,i;for(i=(t=Array.isArray(t)?t:[t]).length-1;0<=i;i--)for(n in e)t[i].prototype[n]=e[n]}var $=Object.freeze({nodeOrNew:H,makeNode:V,extend:U,extend2:Q,addFactory:function(t,e){U(t,e)},invent:function(e){var t="function"==typeof e.create?e.create:function(t){e.inherit.call(this,t||V(e.create))};return e.inherit&&(t.prototype=new e.inherit,t.prototype.constructor=t),e.extend&&U(t,e.extend),e.construct&&U(e.parent||Container,e.construct),t}}),J={},W=Symbol("root");function Z(t){if(t instanceof s)return t;if("object"===l(t))return K(t);if(null==t)return new J[W];if("string"==typeof t&&"<"!==t.charAt(0))return K(document.querySelector(t));var e=V("svg");return e.innerHTML=t,t=K(e.firstChild)}function K(t){return t?t.instance instanceof s?t.instance:t instanceof window.SVGElement?"svg"===t.nodeName?new J[W](t):"linearGradient"===t.nodeName||"radialGradient"===t.nodeName?new J.Gradient(t):J[N(t.nodeName)]?new(J[N(t.nodeName)])(t):new J.Bare(t):new J.HtmlNode(t):null}function tt(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t.name,n=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return J[e]=t,n&&(J[W]=t),t}function et(t){return J[t]}var nt=1e3;function it(t){return"Svgjs"+N(t)+nt++}function rt(t){for(var e=t.children.length-1;0<=e;e--)rt(t.children[e]);return t.id?K(t).id(it(t.nodeName)):K(t)}var st=Object.freeze({root:W,makeInstance:Z,adopt:K,register:tt,getClass:et,eid:it,assignNewId:rt}),ut=function(t){function n(t){var e;return c(this,n),(e=a(this,u(n).call(this,t,n))).node=t,e}return r(n,s),o(n,[{key:"add",value:function(t,e){return(t=Z(t)).node!==this.node.children[e]&&this.node.insertBefore(t.node,this.node.children[e]||null),this}},{key:"put",value:function(t,e){return this.add(t,e),t}},{key:"getEventTarget",value:function(){return this.node}}]),n}();tt(ut);var ot=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("defs",t),e))}return r(e,s),o(e,[{key:"flatten",value:function(){return this}},{key:"ungroup",value:function(){return this}}]),e}();tt(ot);var at={},ht={};function lt(t,e){if(Array.isArray(t)){var n=!0,i=!1,r=void 0;try{for(var s,u=t[Symbol.iterator]();!(n=(s=u.next()).done);n=!0){lt(s.value,e)}}catch(t){i=!0,r=t}finally{try{n||null==u.return||u.return()}finally{if(i)throw r}}}else if("object"!=l(t))at[t]=Object.assign(at[t]||{},e);else for(var o=Object.entries(t),a=0;a<o.length;a++){var h=f(o[a],2);lt(h[0],h[1])}}function ct(t){return at[t]||{}}function ft(t,e){ht[t]=e}function dt(t){return ht[t]?{setup:ht[t],name:t}:{}}var vt=function(){function n(){c(this,n),this.init.apply(this,arguments)}return o(n,[{key:"init",value:function(t,e){e=Array.isArray(t)?t[1]:e,t=Array.isArray(t)?t[0]:t,this.value=0,this.unit=e||"","number"==typeof t?this.value=isNaN(t)?0:isFinite(t)?t:t<0?-34e37:34e37:"string"==typeof t?(e=t.match(h))&&(this.value=parseFloat(e[1]),"%"===e[5]?this.value/=100:"s"===e[5]&&(this.value*=1e3),this.unit=e[5]):t instanceof n&&(this.value=t.valueOf(),this.unit=t.unit)}},{key:"toString",value:function(){return("%"===this.unit?~~(1e8*this.value)/1e6:"s"===this.unit?this.value/1e3:this.value)+this.unit}},{key:"toJSON",value:function(){return this.toString()}},{key:"toArray",value:function(){return[this.value,this.unit]}},{key:"valueOf",value:function(){return this.value}},{key:"plus",value:function(t){return new n(this+(t=new n(t)),this.unit||t.unit)}},{key:"minus",value:function(t){return new n(this-(t=new n(t)),this.unit||t.unit)}},{key:"times",value:function(t){return new n(this*(t=new n(t)),this.unit||t.unit)}},{key:"divide",value:function(t){return new n(this/(t=new n(t)),this.unit||t.unit)}}]),n}(),yt=et(W),pt=et("HtmlNode");function mt(){return this.parent()&&this.parent().removeElement(this),this}function gt(t){var e=this;if(!e.node.parentNode)return null;if(e=K(e.node.parentNode),!t)return e;for(;e&&e.node instanceof window.SVGElement;){if("string"==typeof t?e.matches(t):e instanceof t)return e;e=K(e.node.parentNode)}}function wt(){var t=this.parent(yt);return t&&t.doc()}lt("Element",{x:function(t){return this.attr("x",t)},y:function(t){return this.attr("y",t)},cx:function(t){return null==t?this.x()+this.width()/2:this.x(t-this.width()/2)},cy:function(t){return null==t?this.y()+this.height()/2:this.y(t-this.height()/2)},move:function(t,e){return this.x(t).y(e)},center:function(t,e){return this.cx(t).cy(e)},width:function(t){return this.attr("width",t)},height:function(t){return this.attr("height",t)},size:function(t,e){var n=D(this,t,e);return this.width(new vt(n.width)).height(new vt(n.height))},clone:function(t){this.writeDataToDom();var e=rt(this.node.cloneNode(!0));return t?t.add(e):this.after(e),e},remove:mt,replace:function(t){return this.after(t).remove(),t},addTo:function(t){return Z(t).put(this)},putIn:function(t){return Z(t).add(this)},id:function(t){return void 0!==t||this.node.id||(this.node.id=it(this.type)),this.attr("id",t)},inside:function(t,e){var n=this.bbox();return t>n.x&&e>n.y&&t<n.x+n.width&&e<n.y+n.height},toString:function(){return this.id()},classes:function(){var t=this.attr("class");return null==t?[]:t.trim().split(_)},hasClass:function(t){return-1!==this.classes().indexOf(t)},addClass:function(t){if(!this.hasClass(t)){var e=this.classes();e.push(t),this.attr("class",e.join(" "))}return this},removeClass:function(e){return this.hasClass(e)&&this.attr("class",this.classes().filter(function(t){return t!==e}).join(" ")),this},toggleClass:function(t){return this.hasClass(t)?this.removeClass(t):this.addClass(t)},reference:function(t){var e=function(t){var e=(t||"").toString().match(y);if(e)return e[1]}(this.attr(t));return e?Z(e):null},doc:wt,defs:function(){return this.doc().defs()},parent:gt,parents:function(t){var e=[],n=this;do{if(!(n=n.parent(t))||n instanceof pt)break;e.push(n)}while(n.parent);return e},matches:function(t){return e=this.node,n=t,(e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector).call(e,n);var e,n},native:function(){return this.node},svg:function(){return this.writeDataToDom(),this.node.outerHTML},writeDataToDom:function(){return this.node.removeAttribute("svgjs:data"),Object.keys(this.dom).length&&this.node.setAttribute("svgjs:data",JSON.stringify(this.dom)),this},setData:function(t){return this.dom=t,this},getEventTarget:function(){return this.node}}),ft("Element",function(t){this.dom={},this.node=t,this.type=t.nodeName,this.node.instance=this,t.hasAttribute("svgjs:data")&&this.setData(JSON.parse(t.getAttribute("svgjs:data"))||{})});var xt=function(t){function n(t){var e;return c(this,n),(e=a(this,u(n).call(this,H("svg",t),n))).namespace(),e}return r(n,s),o(n,[{key:"isRoot",value:function(){return!(this.node.parentNode&&this.node.parentNode instanceof window.SVGElement&&"#document"!==this.node.parentNode.nodeName)}},{key:"doc",value:function(){return this.isRoot()?this:wt.call(this)}},{key:"namespace",value:function(){return this.isRoot()?this.attr({xmlns:F,version:"1.1"}).attr("xmlns:xlink",Y,X).attr("xmlns:svgjs",G,X):this.doc().namespace()}},{key:"defs",value:function(){return this.isRoot()?K(this.node.getElementsByTagName("defs")[0])||this.put(new ot):this.doc().defs()}},{key:"parent",value:function(t){return this.isRoot()?"#document"===this.node.parentNode.nodeName?null:K(this.node.parentNode):gt.call(this,t)}},{key:"remove",value:function(){return this.isRoot()?(this.parent()&&this.parent().removeChild(this.node),this):mt.call(this)}},{key:"clear",value:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return this}}]),n}();lt({Container:{nested:function(){return this.put(new xt)}}}),tt(xt,"Doc",!0);var bt=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("g",t),e))}return r(e,s),e}();lt({Element:{group:function(){return this.put(new bt)}}}),tt(bt);var _t=function(){function t(){c(this,t),this._first=null,this._last=null}return o(t,[{key:"push",value:function(t){var e=t.next?t:{value:t,next:null,prev:null};return this._last?(e.prev=this._last,this._last.next=e,this._last=e):(this._last=e,this._first=e),e}},{key:"shift",value:function(){var t=this._first;return t?(this._first=t.next,this._first&&(this._first.prev=null),this._last=this._first?this._last:null,t.value):null}},{key:"first",value:function(){return this._first&&this._first.value}},{key:"last",value:function(){return this._last&&this._last.value}},{key:"remove",value:function(t){t.prev&&(t.prev.next=t.next),t.next&&(t.next.prev=t.prev),t===this._last&&(this._last=t.prev),t===this._first&&(this._first=t.next),t.prev=null,t.next=null}}]),t}(),kt={nextDraw:null,frames:new _t,timeouts:new _t,timer:window.performance||window.Date,transforms:[],frame:function(t){var e=kt.frames.push({run:t});return null===kt.nextDraw&&(kt.nextDraw=window.requestAnimationFrame(kt._draw)),e},transform_frame:function(t,e){kt.transforms[e]=t},timeout:function(t,e){e=e||0;var n=kt.timer.now()+e,i=kt.timeouts.push({run:t,time:n});return null===kt.nextDraw&&(kt.nextDraw=window.requestAnimationFrame(kt._draw)),i},cancelFrame:function(t){kt.frames.remove(t)},clearTimeout:function(t){kt.timeouts.remove(t)},_draw:function(t){for(var e=null,n=kt.timeouts.last();(e=kt.timeouts.shift())&&(t>=e.time?e.run():kt.timeouts.push(e),e!==n););for(var i=null,r=kt.frames.last();i!==r&&(i=kt.frames.shift());)i.run();kt.transforms.forEach(function(t){t()}),kt.nextDraw=kt.timeouts.first()||kt.frames.first()?window.requestAnimationFrame(kt._draw):null}},Ot=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H(t,"string"==typeof t?null:t),e))}return r(e,s),o(e,[{key:"words",value:function(t){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return this.node.appendChild(document.createTextNode(t)),this}}]),e}();function At(t){return null==t?this.cx()-this.rx():this.cx(t+this.rx())}function Ct(t){return null==t?this.cy()-this.ry():this.cy(t+this.ry())}function Mt(t){return null==t?this.attr("cx"):this.attr("cx",t)}function jt(t){return null==t?this.attr("cy"):this.attr("cy",t)}function Tt(t){return null==t?2*this.rx():this.rx(new vt(t).divide(2))}function St(t){return null==t?2*this.ry():this.ry(new vt(t).divide(2))}function Et(t,e){var n=D(this,t,e);return this.rx(new vt(n.width).divide(2)).ry(new vt(n.height).divide(2))}tt(Ot),lt("Container",{element:function(t,e){return this.put(new Ot(t,e))}});var Nt=Object.freeze({rx:function(t){return this.attr("rx",t)},ry:function(t){return this.attr("ry",t)},x:At,y:Ct,cx:Mt,cy:jt,width:Tt,height:St,size:Et}),Pt=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("circle",t),e))}return r(e,s),o(e,[{key:"radius",value:function(t){return this.attr("r",t)}},{key:"rx",value:function(t){return this.attr("r",t)}},{key:"ry",value:function(t){return this.rx(t)}}]),e}();function Dt(t,e){var n,i=t.length,r=[];for(n=0;n<i;n++)r.push(e(t[n]));return r}function zt(t){return t%360*Math.PI/180}U(Pt,{x:At,y:Ct,cx:Mt,cy:jt,width:Tt,height:St,size:Et}),lt({Element:{circle:function(t){return this.put(new Pt).radius(new vt(t).divide(2)).move(0,0)}}}),tt(Pt);var Rt=Object.freeze({map:Dt,filter:function(t,e){var n,i=t.length,r=[];for(n=0;n<i;n++)e(t[n])&&r.push(t[n]);return r},radians:zt,degrees:function(t){return 180*t/Math.PI%360},filterSVGElements:function(t){return this.filter(t,function(t){return t instanceof window.SVGElement})}});function qt(t,e){return Dt((e||document).querySelectorAll(t),function(t){return K(t)})}lt("Container",{find:function(t){return qt(t,this.node)}});var Lt=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("clipPath",t),e))}return r(e,s),o(e,[{key:"remove",value:function(){return this.targets().forEach(function(t){t.unclip()}),mt.call(this)}},{key:"targets",value:function(){return qt('svg [clip-path*="'+this.id()+'"]')}}]),e}();lt({Container:{clip:function(){return this.defs().put(new Lt)}},Element:{clipWith:function(t){var e=t instanceof Lt?t:this.parent().clip().add(t);return this.attr("clip-path",'url("#'+e.id()+'")')},unclip:function(){return this.attr("clip-path",null)},clipper:function(){return this.reference("clip-path")}}}),tt(Lt);var It=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("a",t),e))}return r(e,s),o(e,[{key:"to",value:function(t){return this.attr("href",t,Y)}},{key:"target",value:function(t){return this.attr("target",t)}}]),e}();lt({Container:{link:function(t){return this.put(new It).to(t)}},Element:{linkTo:function(t){var e=new It;return"function"==typeof t?t.call(e,e):e.to(t),this.parent().put(e).put(this)}}}),tt(It);var Ft=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("ellipse",t),e))}return r(e,s),e}();U(Ft,Nt),lt("Container",{ellipse:function(t,e){return this.put(new Ft).size(t,e).move(0,0)}}),tt(Ft);var Xt=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("stop",t),e))}return r(e,s),o(e,[{key:"update",value:function(t){return("number"==typeof t||t instanceof vt)&&(t={offset:arguments[0],color:arguments[1],opacity:arguments[2]}),null!=t.opacity&&this.attr("stop-opacity",t.opacity),null!=t.color&&this.attr("stop-color",t.color),null!=t.offset&&this.attr("offset",new vt(t.offset)),this}}]),e}();tt(Xt);var Yt=Object.freeze({from:function(t,e){return"radialGradient"===(this._element||this).type?this.attr({fx:new vt(t),fy:new vt(e)}):this.attr({x1:new vt(t),y1:new vt(e)})},to:function(t,e){return"radialGradient"===(this._element||this).type?this.attr({cx:new vt(t),cy:new vt(e)}):this.attr({x2:new vt(t),y2:new vt(e)})}});function Gt(){}var Bt=400,Ht=">",Vt=0,Ut={"fill-opacity":1,"stroke-opacity":1,"stroke-width":0,"stroke-linejoin":"miter","stroke-linecap":"butt",fill:"#000000",stroke:"#000000",opacity:1,x:0,y:0,cx:0,cy:0,width:0,height:0,r:0,rx:0,ry:0,offset:0,"stop-opacity":1,"stop-color":"#000000","font-size":16,"font-family":"Helvetica, Arial, sans-serif","text-anchor":"start"},Qt=function(){function t(){c(this,t),this.init.apply(this,arguments)}return o(t,[{key:"init",value:function(t,e,n){var i,r;(this.r=0,this.g=0,this.b=0,t)&&("string"==typeof t?g.test(t)?(i=v.exec(t.replace(p,"")),this.r=parseInt(i[1]),this.g=parseInt(i[2]),this.b=parseInt(i[3])):m.test(t)&&(i=d.exec(4===(r=t).length?["#",r.substring(1,2),r.substring(1,2),r.substring(2,3),r.substring(2,3),r.substring(3,4),r.substring(3,4)].join(""):r),this.r=parseInt(i[1],16),this.g=parseInt(i[2],16),this.b=parseInt(i[3],16)):Array.isArray(t)?(this.r=t[0],this.g=t[1],this.b=t[2]):"object"===l(t)?(this.r=t.r,this.g=t.g,this.b=t.b):3===arguments.length&&(this.r=t,this.g=e,this.b=n))}},{key:"toString",value:function(){return this.toHex()}},{key:"toArray",value:function(){return[this.r,this.g,this.b]}},{key:"toHex",value:function(){return"#"+P(Math.round(this.r))+P(Math.round(this.g))+P(Math.round(this.b))}},{key:"toRgb",value:function(){return"rgb("+[this.r,this.g,this.b].join()+")"}},{key:"brightness",value:function(){return this.r/255*.3+this.g/255*.59+this.b/255*.11}}],[{key:"test",value:function(t){return t+="",m.test(t)||g.test(t)}},{key:"isRgb",value:function(t){return t&&"number"==typeof t.r&&"number"==typeof t.g&&"number"==typeof t.b}},{key:"isColor",value:function(t){return this.isRgb(t)||this.test(t)}}]),t}(),$t=function(){try{return Function("name","baseClass","_constructor",["baseClass = baseClass || Array","return {","[name]: class extends baseClass {","constructor (...args) {","super(...args)","_constructor && _constructor.apply(this, args)","}","}","}[name]"].join("\n"))}catch(t){return function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:Array,n=2<arguments.length?arguments[2]:void 0,i=function(){e.apply(this,arguments),n&&n.apply(this,arguments)};return(i.prototype=Object.create(e.prototype)).constructor=i}}}(),Jt=$t("SVGArray",Array,function(){this.init.apply(this,arguments)});function Wt(t,e,n){if(null==t){t={},e=this.node.attributes;var i=!0,r=!1,s=void 0;try{for(var u,o=e[Symbol.iterator]();!(i=(u=o.next()).done);i=!0){var a=u.value;t[a.nodeName]=x.test(a.nodeValue)?parseFloat(a.nodeValue):a.nodeValue}}catch(t){r=!0,s=t}finally{try{i||null==o.return||o.return()}finally{if(r)throw s}}return t}if(Array.isArray(t));else if("object"===l(t))for(e in t)this.attr(e,t[e]);else if(null===e)this.node.removeAttribute(t);else{if(null==e)return null==(e=this.node.getAttribute(t))?Ut[t]:x.test(e)?parseFloat(e):e;for("fill"!==t&&"stroke"!==t||b.test(e)&&(e=this.doc().defs().image(e));"function"==typeof e.attrHook;)e=e.attrHook(this,t);"number"==typeof e?e=new vt(e):Qt.isColor(e)?e=new Qt(e):e.constructor===Array&&(e=new Jt(e)),"leading"===t?this.leading&&this.leading(e):"string"==typeof n?this.node.setAttributeNS(n,t,e.toString()):this.node.setAttribute(t,e.toString()),!this.rebuild||"font-size"!==t&&"x"!==t||this.rebuild()}return this}Q(Jt,{init:function(){this.length=0,this.push.apply(this,O(this.parse.apply(this,arguments)))},toArray:function(){var t=[];return t.push.apply(t,O(this)),t},toString:function(){return this.join(" ")},valueOf:function(){return this.toArray()},parse:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[];return t instanceof Array?t:t.trim().split(_).map(parseFloat)},clone:function(){return new this.constructor(this)},toSet:function(){return new Set(this)}}),lt("Element",{attr:Wt});var Zt=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H(t+"Gradient","string"==typeof t?null:t),e))}return r(e,s),o(e,[{key:"stop",value:function(t,e,n){return this.put(new Xt).update(t,e,n)}},{key:"update",value:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this}},{key:"url",value:function(){return"url(#"+this.id()+")"}},{key:"toString",value:function(){return this.url()}},{key:"attr",value:function(t,e,n){return"transform"===t&&(t="gradientTransform"),Wt.call(this,t,e,n)}},{key:"targets",value:function(){return find('svg [fill*="'+this.id()+'"]')}}]),e}();U(Zt,Yt),lt({Container:{gradient:function(t,e){return this.defs().gradient(t,e)}},Defs:{gradient:function(t,e){return this.put(new Zt(t)).update(e)}}}),tt(Zt);var Kt=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("pattern",t),e))}return r(e,s),o(e,[{key:"url",value:function(){return"url(#"+this.id()+")"}},{key:"update",value:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this}},{key:"toString",value:function(){return this.url()}},{key:"attr",value:function(t,e,n){return"transform"===t&&(t="patternTransform"),Wt.call(this,t,e,n)}},{key:"targets",value:function(){return find('svg [fill*="'+this.id()+'"]')}}]),e}();lt({Container:{pattern:function(t,e,n){return this.defs().pattern(t,e,n)}},Defs:{pattern:function(t,e,n){return this.put(new Kt).update(n).attr({x:0,y:0,width:t,height:e,patternUnits:"userSpaceOnUse"})}}}),tt(Kt),lt("Element",["click","dblclick","mousedown","mouseup","mouseover","mouseout","mousemove","mouseenter","mouseleave","touchstart","touchmove","touchleave","touchend","touchcancel"].reduce(function(t,e){return t[e]=function(t){return null===t?ie(this,e):ne(this,e,t),this},t},{}));var te=0;function ee(t){return t instanceof s&&t.is("EventTarget")?t.getEventTarget():t}function ne(t,e,i,n,r){var s=i.bind(n||t),u=ee(t);e=Array.isArray(e)?e:e.split(_),u.instance=u.instance||{events:{}};var o=u.instance.events;i._svgjsListenerId||(i._svgjsListenerId=++te),e.forEach(function(t){var e=t.split(".")[0],n=t.split(".")[1]||"*";o[e]=o[e]||{},o[e][n]=o[e][n]||{},o[e][n][i._svgjsListenerId]=s,u.addEventListener(e,s,r||!1)})}function ie(t,e,s,u){var o=ee(t);if(o.instance&&("function"!=typeof s||(s=s._svgjsListenerId))){var a=o.instance.events;(e=Array.isArray(e)?e:(e||"").split(_)).forEach(function(t){var e,n,i=t&&t.split(".")[0],r=t&&t.split(".")[1];if(s)a[i]&&a[i][r||"*"]&&(o.removeEventListener(i,a[i][r||"*"][s],u||!1),delete a[i][r||"*"][s]);else if(i&&r){if(a[i]&&a[i][r]){for(n in a[i][r])ie(o,[i,r].join("."),n);delete a[i][r]}}else if(r)for(t in a)for(e in a[t])r===e&&ie(o,[t,r].join("."));else if(i){if(a[i]){for(e in a[i])ie(o,[i,e].join("."));delete a[i]}}else{for(t in a)ie(o,t);o.instance.events={}}})}}function re(t,e,n){var i=ee(t);return e instanceof window.Event||(e=new window.CustomEvent(e,{detail:n,cancelable:!0})),i.dispatchEvent(e),e}var se=Object.freeze({on:ne,off:ie,dispatch:re}),ue=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("image",t),e))}return r(e,s),o(e,[{key:"load",value:function(n,i){if(!n)return this;var r=new window.Image;return ne(r,"load",function(t){var e=this.parent(Kt);0===this.width()&&0===this.height()&&this.size(r.width,r.height),e instanceof Kt&&0===e.width()&&0===e.height()&&e.size(this.width(),this.height()),"function"==typeof i&&i.call(this,{width:r.width,height:r.height,ratio:r.width/r.height,url:n})},this),ne(r,"load error",function(){ie(r)}),this.attr("href",r.src=n,Y)}},{key:"attrHook",value:function(t){var e=this;return t.doc().defs().pattern(0,0,function(t){t.add(e)})}}]),e}();lt({Container:{image:function(t,e){return this.put(new ue).size(0,0).load(t,e)}}}),tt(ue);var oe=$t("PointArray",Jt);Q(oe,{toString:function(){for(var t=0,e=this.length,n=[];t<e;t++)n.push(this[t].join(","));return n.join(" ")},toLine:function(){return{x1:this[0][0],y1:this[0][1],x2:this[1][0],y2:this[1][1]}},at:function(t){if(!this.destination)return this;for(var e=0,n=this.length,i=[];e<n;e++)i.push([this[e][0]+(this.destination[e][0]-this[e][0])*t,this[e][1]+(this.destination[e][1]-this[e][1])*t]);return new oe(i)},parse:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[[0,0]],e=[];if(t instanceof Array){if(t[0]instanceof Array)return t}else t=t.trim().split(_).map(parseFloat);t.length%2!=0&&t.pop();for(var n=0,i=t.length;n<i;n+=2)e.push([t[n],t[n+1]]);return e},move:function(t,e){var n=this.bbox();if(t-=n.x,e-=n.y,!isNaN(t)&&!isNaN(e))for(var i=this.length-1;0<=i;i--)this[i]=[this[i][0]+t,this[i][1]+e];return this},size:function(t,e){var n,i=this.bbox();for(n=this.length-1;0<=n;n--)i.width&&(this[n][0]=(this[n][0]-i.x)*t/i.width+i.x),i.height&&(this[n][1]=(this[n][1]-i.y)*e/i.height+i.y);return this},bbox:function(){var e=-1/0,n=-1/0,i=1/0,r=1/0;return this.forEach(function(t){e=Math.max(t[0],e),n=Math.max(t[1],n),i=Math.min(t[0],i),r=Math.min(t[1],r)}),{x:i,y:r,width:e-i,height:n-r}}});var ae=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("line",t),e))}return r(e,s),o(e,[{key:"array",value:function(){return new oe([[this.attr("x1"),this.attr("y1")],[this.attr("x2"),this.attr("y2")]])}},{key:"plot",value:function(t,e,n,i){return null==t?this.array():(t=void 0!==e?{x1:t,y1:e,x2:n,y2:i}:new oe(t).toLine(),this.attr(t))}},{key:"move",value:function(t,e){return this.attr(this.array().move(t,e).toLine())}},{key:"size",value:function(t,e){var n=D(this,t,e);return this.attr(this.array().size(n.width,n.height).toLine())}}]),e}();lt({Container:{line:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return ae.prototype.plot.apply(this.put(new ae),null!=e[0]?e:[0,0,0,0])}}}),tt(ae);var he=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("marker",t),e))}return r(e,s),o(e,[{key:"width",value:function(t){return this.attr("markerWidth",t)}},{key:"height",value:function(t){return this.attr("markerHeight",t)}},{key:"ref",value:function(t,e){return this.attr("refX",t).attr("refY",e)}},{key:"update",value:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this}},{key:"toString",value:function(){return"url(#"+this.id()+")"}}]),e}();lt({Container:{marker:function(t,e,n){return this.defs().marker(t,e,n)}},Defs:{marker:function(t,e,n){return this.put(new he).size(t,e).ref(t/2,e/2).viewbox(0,0,t,e).attr("orient","auto").update(n)}},marker:{marker:function(t,e,n,i){var r=["marker"];return"all"!==t&&r.push(t),r=r.join("-"),t=e instanceof he?e:this.defs().marker(e,n,i),this.attr(r,t)}}}),tt(he);var le=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("mask",t),e))}return r(e,s),o(e,[{key:"remove",value:function(){return this.targets().forEach(function(t){t.unmask()}),mt.call(this)}},{key:"targets",value:function(){return qt('svg [mask*="'+this.id()+'"]')}}]),e}();function ce(){if(!ce.nodes){var t=(new xt).size(2,0).css({opacity:0,position:"absolute",left:"-100%",top:"-100%",overflow:"hidden"}),e=t.path().node;ce.nodes={svg:t,path:e}}if(!ce.nodes.svg.node.parentNode){var n=document.body||document.documentElement;ce.nodes.svg.addTo(n)}return ce.nodes}lt({Container:{mask:function(){return this.defs().put(new le)}},Element:{maskWith:function(t){var e=t instanceof le?t:this.parent().mask().add(t);return this.attr("mask",'url("#'+e.id()+'")')},unmask:function(){return this.attr("mask",null)},masker:function(){return this.reference("mask")}}}),tt(le);var fe=function(){function r(t,e,n){var i;c(this,r),n=n||{x:0,y:0},i=Array.isArray(t)?{x:t[0],y:t[1]}:"object"===l(t)?{x:t.x,y:t.y}:{x:t,y:e},this.x=null==i.x?n.x:i.x,this.y=null==i.y?n.y:i.y}return o(r,[{key:"clone",value:function(){return new r(this)}},{key:"native",value:function(){var t=ce().svg.node.createSVGPoint();return t.x=this.x,t.y=this.y,t}},{key:"transform",value:function(t){return new r(t.a*this.x+t.c*this.y+t.e,t.b*this.x+t.d*this.y+t.f)}}]),r}();lt({Element:{point:function(t,e){return new fe(t,e).transform(this.screenCTM().inverse())}}});for(var de=$t("PathArray",Jt),ve={M:function(t,e,n){return e.x=n.x=t[0],e.y=n.y=t[1],["M",e.x,e.y]},L:function(t,e){return e.x=t[0],e.y=t[1],["L",t[0],t[1]]},H:function(t,e){return e.x=t[0],["H",t[0]]},V:function(t,e){return e.y=t[0],["V",t[0]]},C:function(t,e){return e.x=t[4],e.y=t[5],["C",t[0],t[1],t[2],t[3],t[4],t[5]]},S:function(t,e){return e.x=t[2],e.y=t[3],["S",t[0],t[1],t[2],t[3]]},Q:function(t,e){return e.x=t[2],e.y=t[3],["Q",t[0],t[1],t[2],t[3]]},T:function(t,e){return e.x=t[0],e.y=t[1],["T",t[0],t[1]]},Z:function(t,e,n){return e.x=n.x,e.y=n.y,["Z"]},A:function(t,e){return e.x=t[5],e.y=t[6],["A",t[0],t[1],t[2],t[3],t[4],t[5],t[6]]}},ye="mlhvqtcsaz".split(""),pe=0,me=ye.length;pe<me;++pe)ve[ye[pe]]=function(s){return function(t,e,n){if("H"===s)t[0]=t[0]+e.x;else if("V"===s)t[0]=t[0]+e.y;else if("A"===s)t[5]=t[5]+e.x,t[6]=t[6]+e.y;else for(var i=0,r=t.length;i<r;++i)t[i]=t[i]+(i%2?e.y:e.x);return ve[s](t,e,n)}}(ye[pe].toUpperCase());Q(de,{toString:function(){return function(t){for(var e=0,n=t.length,i="";e<n;e++)i+=t[e][0],null!=t[e][1]&&(i+=t[e][1],null!=t[e][2]&&(i+=" ",i+=t[e][2],null!=t[e][3]&&(i+=" ",i+=t[e][3],i+=" ",i+=t[e][4],null!=t[e][5]&&(i+=" ",i+=t[e][5],i+=" ",i+=t[e][6],null!=t[e][7]&&(i+=" ",i+=t[e][7])))));return i+" "}(this)},move:function(t,e){var n=this.bbox();if(t-=n.x,e-=n.y,!isNaN(t)&&!isNaN(e))for(var i,r=this.length-1;0<=r;r--)"M"===(i=this[r][0])||"L"===i||"T"===i?(this[r][1]+=t,this[r][2]+=e):"H"===i?this[r][1]+=t:"V"===i?this[r][1]+=e:"C"===i||"S"===i||"Q"===i?(this[r][1]+=t,this[r][2]+=e,this[r][3]+=t,this[r][4]+=e,"C"===i&&(this[r][5]+=t,this[r][6]+=e)):"A"===i&&(this[r][6]+=t,this[r][7]+=e);return this},size:function(t,e){var n,i,r=this.bbox();for(n=this.length-1;0<=n;n--)"M"===(i=this[n][0])||"L"===i||"T"===i?(this[n][1]=(this[n][1]-r.x)*t/r.width+r.x,this[n][2]=(this[n][2]-r.y)*e/r.height+r.y):"H"===i?this[n][1]=(this[n][1]-r.x)*t/r.width+r.x:"V"===i?this[n][1]=(this[n][1]-r.y)*e/r.height+r.y:"C"===i||"S"===i||"Q"===i?(this[n][1]=(this[n][1]-r.x)*t/r.width+r.x,this[n][2]=(this[n][2]-r.y)*e/r.height+r.y,this[n][3]=(this[n][3]-r.x)*t/r.width+r.x,this[n][4]=(this[n][4]-r.y)*e/r.height+r.y,"C"===i&&(this[n][5]=(this[n][5]-r.x)*t/r.width+r.x,this[n][6]=(this[n][6]-r.y)*e/r.height+r.y)):"A"===i&&(this[n][1]=this[n][1]*t/r.width,this[n][2]=this[n][2]*e/r.height,this[n][6]=(this[n][6]-r.x)*t/r.width+r.x,this[n][7]=(this[n][7]-r.y)*e/r.height+r.y);return this},equalCommands:function(t){var e,n,i;for(t=new de(t),i=this.length===t.length,e=0,n=this.length;i&&e<n;e++)i=this[e][0]===t[e][0];return i},morph:function(t){return t=new de(t),this.equalCommands(t)?this.destination=t:this.destination=null,this},at:function(t){if(!this.destination)return this;var e,n,i,r,s=this,u=this.destination.value,o=[],a=new de;for(e=0,n=s.length;e<n;e++){for(o[e]=[s[e][0]],i=1,r=s[e].length;i<r;i++)o[e][i]=s[e][i]+(u[e][i]-s[e][i])*t;"A"===o[e][0]&&(o[e][4]=+(0!==o[e][4]),o[e][5]=+(0!==o[e][5]))}return a.value=o,a},parse:function(){var t,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[["M",0,0]];if(e instanceof de)return e;var n={M:2,L:2,H:1,V:1,C:6,S:4,Q:4,T:2,A:7,Z:0};e="string"==typeof e?e.replace(j,S).replace(C," $& ").replace(A,"$1 -").trim().split(_):e.reduce(function(t,e){return[].concat.call(t,e)},[]);for(var i=[],r=new fe,s=new fe,u=0,o=e.length;M.test(e[u])?(t=e[u],++u):"M"===t?t="L":"m"===t&&(t="l"),i.push(ve[t].call(null,e.slice(u,u+=n[t.toUpperCase()]).map(parseFloat),r,s)),u<o;);return i},bbox:function(){return ce().path.setAttribute("d",this.toString()),ce.nodes.path.getBBox()}});var ge=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("path",t),e))}return r(e,s),o(e,[{key:"array",value:function(){return this._array||(this._array=new de(this.attr("d")))}},{key:"plot",value:function(t){return null==t?this.array():this.clear().attr("d","string"==typeof t?t:this._array=new de(t))}},{key:"clear",value:function(){return delete this._array,this}},{key:"move",value:function(t,e){return this.attr("d",this.array().move(t,e))}},{key:"x",value:function(t){return null==t?this.bbox().x:this.move(t,this.bbox().y)}},{key:"y",value:function(t){return null==t?this.bbox().y:this.move(this.bbox().x,t)}},{key:"size",value:function(t,e){var n=D(this,t,e);return this.attr("d",this.array().size(n.width,n.height))}},{key:"width",value:function(t){return null==t?this.bbox().width:this.size(t,this.bbox().height)}},{key:"height",value:function(t){return null==t?this.bbox().height:this.size(this.bbox().width,t)}},{key:"targets",value:function(){return qt('svg textpath [href*="'+this.id()+'"]')}}]),e}();ge.prototype.MorphArray=de,lt({Container:{path:function(t){return this.put(new ge).plot(t||new de)}}}),tt(ge);var we=oe;var xe=Object.freeze({MorphArray:we,x:function(t){return null==t?this.bbox().x:this.move(t,this.bbox().y)},y:function(t){return null==t?this.bbox().y:this.move(this.bbox().x,t)},width:function(t){var e=this.bbox();return null==t?e.width:this.size(t,e.height)},height:function(t){var e=this.bbox();return null==t?e.height:this.size(e.width,t)}});var be=Object.freeze({array:function(){return this._array||(this._array=new oe(this.attr("points")))},plot:function(t){return null==t?this.array():this.clear().attr("points","string"==typeof t?t:this._array=new oe(t))},clear:function(){return delete this._array,this},move:function(t,e){return this.attr("points",this.array().move(t,e))},size:function(t,e){var n=D(this,t,e);return this.attr("points",this.array().size(n.width,n.height))}}),_e=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("polygon",t),e))}return r(e,s),e}();lt({Container:{polygon:function(t){return this.put(new _e).plot(t||new oe)}}}),U(_e,xe),U(_e,be),tt(_e);var ke=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("polyline",t),e))}return r(e,s),e}();lt({Container:{polyline:function(t){return this.put(new ke).plot(t||new oe)}}}),U(ke,xe),U(ke,be),tt(ke);var Oe=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("rect",t),e))}return r(e,s),e}();lt({Container:{rect:function(t,e){return this.put(new Oe).size(t,e)}}}),tt(Oe);var Ae=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("symbol",t),e))}return r(e,s),e}();lt({Container:{symbol:function(){return this.put(new Ae)}}}),tt(Ae);var Ce=Object.freeze({plain:function(t){return!1===this._build&&this.clear(),this.node.appendChild(document.createTextNode(t)),this},length:function(){return this.node.getComputedTextLength()}}),Me=function(t){function n(t){var e;return c(this,n),(e=a(this,u(n).call(this,H("text",t),n))).dom.leading=new vt(1.3),e._rebuild=!0,e._build=!1,e.attr("font-family",Ut["font-family"]),e}return r(n,s),o(n,[{key:"x",value:function(t){return null==t?this.attr("x"):this.attr("x",t)}},{key:"y",value:function(t){var e=this.attr("y"),n="number"==typeof e?e-this.bbox().y:0;return null==t?"number"==typeof e?e-n:e:this.attr("y","number"==typeof t?t+n:t)}},{key:"cx",value:function(t){return null==t?this.bbox().cx:this.x(t-this.bbox().width/2)}},{key:"cy",value:function(t){return null==t?this.bbox().cy:this.y(t-this.bbox().height/2)}},{key:"text",value:function(t){if(void 0===t){var e=this.node.childNodes,n=0;t="";for(var i=0,r=e.length;i<r;++i)"textPath"!==e[i].nodeName?(i!==n&&3!==e[i].nodeType&&!0===K(e[i]).dom.newLined&&(t+="\n"),t+=e[i].textContent):0===i&&(n=1);return t}if(this.clear().build(!0),"function"==typeof t)t.call(this,this);else for(var s=0,u=(t=t.split("\n")).length;s<u;s++)this.tspan(t[s]).newLine();return this.build(!1).rebuild()}},{key:"leading",value:function(t){return null==t?this.dom.leading:(this.dom.leading=new vt(t),this.rebuild())}},{key:"rebuild",value:function(t){if("boolean"==typeof t&&(this._rebuild=t),this._rebuild){var e=this,n=0,i=this.dom.leading*new vt(this.attr("font-size"));this.each(function(){this.dom.newLined&&(this.attr("x",e.attr("x")),"\n"===this.text()?n+=i:(this.attr("dy",i+n),n=0))}),this.fire("rebuild")}return this}},{key:"build",value:function(t){return this._build=!!t,this}},{key:"setData",value:function(t){return this.dom=t,this.dom.leading=new vt(t.leading||1.3),this}}]),n}();U(Me,Ce),lt({Container:{text:function(t){return this.put(new Me).text(t)},plain:function(t){return this.put(new Me).plain(t)}}}),tt(Me);var je=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("textPath",t),e))}return r(e,Me),o(e,[{key:"array",value:function(){var t=this.track();return t?t.array():null}},{key:"plot",value:function(t){var e=this.track(),n=null;return e&&(n=e.plot(t)),null==t?n:this}},{key:"track",value:function(){return this.reference("href")}}]),e}();lt({Container:{textPath:function(t,e){return this.defs().path(e).text(t).addTo(this)}},Text:{path:function(t){var e=new je;return t instanceof ge||(t=this.doc().defs().path(t)),e.attr("href","#"+t,Y),this.put(e)},textPath:function(){return this.find("textPath")}},Path:{text:function(t){if(t instanceof Me){var e=t.text();return t.clear().path(this).text(e)}return this.parent().put(new Me).path(this).text(t)}}}),je.prototype.MorphArray=de,tt(je);var Te=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("tspan",t),e))}return r(e,s),o(e,[{key:"text",value:function(t){return null==t?this.node.textContent+(this.dom.newLined?"\n":""):("function"==typeof t?t.call(this,this):this.plain(t),this)}},{key:"dx",value:function(t){return this.attr("dx",t)}},{key:"dy",value:function(t){return this.attr("dy",t)}},{key:"newLine",value:function(){var t=this.parent(Me);return this.dom.newLined=!0,this.dy(t.dom.leading*t.attr("font-size")).attr("x",t.x())}}]),e}();U(Te,Ce),lt({Tspan:{tspan:function(t){var e=new Te;return this._build||this.clear(),this.node.appendChild(e.node),e.text(t)}}}),tt(Te);var Se=function(t){function e(t){return c(this,e),a(this,u(e).call(this,H("use",t),e))}return r(e,s),o(e,[{key:"element",value:function(t,e){return this.attr("href",(e||"")+"#"+t,Y)}}]),e}();lt({Container:{use:function(t,e){return this.put(new Se).element(t,e)}}}),tt(Se);var Ee=function(){function h(){c(this,h),this.init.apply(this,arguments)}return o(h,[{key:"init",value:function(t){var e=z([1,0,0,1,0,0]);t=t instanceof s&&t.is("Element")?t.matrixify():"string"==typeof t?z(t.split(_).map(parseFloat)):Array.isArray(t)?z(t):"object"===l(t)&&L(t)?t:"object"===l(t)?(new h).transform(t):6===arguments.length?z([].slice.call(arguments)):e,this.a=null!=t.a?t.a:e.a,this.b=null!=t.b?t.b:e.b,this.c=null!=t.c?t.c:e.c,this.d=null!=t.d?t.d:e.d,this.e=null!=t.e?t.e:e.e,this.f=null!=t.f?t.f:e.f}},{key:"clone",value:function(){return new h(this)}},{key:"transform",value:function(t){if(L(t))return new h(t).multiplyO(this);var e=h.formatTransforms(t),n=new fe(e.ox,e.oy).transform(this),i=n.x,r=n.y,s=(new h).translateO(e.rx,e.ry).lmultiplyO(this).translateO(-i,-r).scaleO(e.scaleX,e.scaleY).skewO(e.skewX,e.skewY).shearO(e.shear).rotateO(e.theta).translateO(i,r);if(isFinite(e.px)||isFinite(e.py)){var u=new fe(i,r).transform(s),o=e.px?e.px-u.x:0,a=e.py?e.py-u.y:0;s.translateO(o,a)}return s.translateO(e.tx,e.ty),s}},{key:"compose",value:function(t){t.origin&&(t.originX=t.origin[0],t.originY=t.origin[1]);var e=t.originX||0,n=t.originY||0,i=t.scaleX||1,r=t.scaleY||1,s=t.shear||0,u=t.rotate||0,o=t.translateX||0,a=t.translateY||0;return(new h).translateO(-e,-n).scaleO(i,r).shearO(s).rotateO(u).translateO(o,a).lmultiplyO(this).translateO(e,n)}},{key:"decompose",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0,e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,n=this.a,i=this.b,r=this.c,s=this.d,u=this.e,o=this.f,a=n*s-i*r,h=0<a?1:-1,l=h*Math.sqrt(n*n+i*i),c=Math.atan2(h*i,h*n),f=180/Math.PI*c,d=Math.cos(c),v=Math.sin(c),y=(n*r+i*s)/a,p=r*l/(y*n-i)||s*l/(y*i+n);return{scaleX:l,scaleY:p,shear:y,rotate:f,translateX:u-t+t*d*l+e*(y*d*l-v*p),translateY:o-e+t*v*l+e*(y*v*l+d*p),originX:t,originY:e,a:this.a,b:this.b,c:this.c,d:this.d,e:this.e,f:this.f}}},{key:"multiply",value:function(t){return this.clone().multiplyO(t)}},{key:"multiplyO",value:function(t){var e=t instanceof h?t:new h(t);return h.matrixMultiply(this,e,this)}},{key:"lmultiply",value:function(t){return this.clone().lmultiplyO(t)}},{key:"lmultiplyO",value:function(t){var e=t instanceof h?t:new h(t);return h.matrixMultiply(e,this,this)}},{key:"inverseO",value:function(){var t=this.a,e=this.b,n=this.c,i=this.d,r=this.e,s=this.f,u=t*i-e*n;if(!u)throw new Error("Cannot invert "+this);var o=i/u,a=-e/u,h=-n/u,l=t/u,c=-(o*r+h*s),f=-(a*r+l*s);return this.a=o,this.b=a,this.c=h,this.d=l,this.e=c,this.f=f,this}},{key:"inverse",value:function(){return this.clone().inverseO()}},{key:"translate",value:function(t,e){return this.clone().translateO(t,e)}},{key:"translateO",value:function(t,e){return this.e+=t||0,this.f+=e||0,this}},{key:"scale",value:function(t,e,n,i){var r;return(r=this.clone()).scaleO.apply(r,arguments)}},{key:"scaleO",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0,i=3<arguments.length&&void 0!==arguments[3]?arguments[3]:0;3===arguments.length&&(i=n,n=e,e=t);var r=this.a,s=this.b,u=this.c,o=this.d,a=this.e,h=this.f;return this.a=r*t,this.b=s*e,this.c=u*t,this.d=o*e,this.e=a*t-n*t+n,this.f=h*e-i*e+i,this}},{key:"rotate",value:function(t,e,n){return this.clone().rotateO(t,e,n)}},{key:"rotateO",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0;t=zt(t);var i=Math.cos(t),r=Math.sin(t),s=this.a,u=this.b,o=this.c,a=this.d,h=this.e,l=this.f;return this.a=s*i-u*r,this.b=u*i+s*r,this.c=o*i-a*r,this.d=a*i+o*r,this.e=h*i-l*r+n*r-e*i+e,this.f=l*i+h*r-e*r-n*i+n,this}},{key:"flip",value:function(t,e){return this.clone().flipO(t,e)}},{key:"flipO",value:function(t,e){return"x"===t?this.scaleO(-1,1,e,0):"y"===t?this.scaleO(1,-1,0,e):this.scaleO(-1,-1,t,e||t)}},{key:"shear",value:function(t,e,n){return this.clone().shearO(t,e,n)}},{key:"shearO",value:function(t){var e=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0,n=this.a,i=this.b,r=this.c,s=this.d,u=this.e,o=this.f;return this.a=n+i*t,this.c=r+s*t,this.e=u+o*t-e*t,this}},{key:"skew",value:function(t,e,n,i){var r;return(r=this.clone()).skewO.apply(r,arguments)}},{key:"skewO",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0,i=3<arguments.length&&void 0!==arguments[3]?arguments[3]:0;3===arguments.length&&(i=n,n=e,e=t),t=zt(t),e=zt(e);var r=Math.tan(t),s=Math.tan(e),u=this.a,o=this.b,a=this.c,h=this.d,l=this.e,c=this.f;return this.a=u+o*r,this.b=o+u*s,this.c=a+h*r,this.d=h+a*s,this.e=l+c*r-i*r,this.f=c+l*s-n*s,this}},{key:"skewX",value:function(t,e,n){return this.skew(t,0,e,n)}},{key:"skewXO",value:function(t,e,n){return this.skewO(t,0,e,n)}},{key:"skewY",value:function(t,e,n){return this.skew(0,t,e,n)}},{key:"skewYO",value:function(t,e,n){return this.skewO(0,t,e,n)}},{key:"aroundO",value:function(t,e,n){var i=t||0,r=e||0;return this.translateO(-i,-r).lmultiplyO(n).translateO(i,r)}},{key:"around",value:function(t,e,n){return this.clone().aroundO(t,e,n)}},{key:"native",value:function(){for(var t=ce().svg.node.createSVGMatrix(),e=R.length-1;0<=e;e--)t[R[e]]=this[R[e]];return t}},{key:"equals",value:function(t){var e=new h(t);return q(this.a,e.a)&&q(this.b,e.b)&&q(this.c,e.c)&&q(this.d,e.d)&&q(this.e,e.e)&&q(this.f,e.f)}},{key:"toString",value:function(){return"matrix("+this.a+","+this.b+","+this.c+","+this.d+","+this.e+","+this.f+")"}},{key:"toArray",value:function(){return[this.a,this.b,this.c,this.d,this.e,this.f]}},{key:"valueOf",value:function(){return{a:this.a,b:this.b,c:this.c,d:this.d,e:this.e,f:this.f}}}],[{key:"formatTransforms",value:function(t){var e="both"===t.flip||!0===t.flip,n=t.flip&&(e||"x"===t.flip)?-1:1,i=t.flip&&(e||"y"===t.flip)?-1:1,r=t.skew&&t.skew.length?t.skew[0]:isFinite(t.skew)?t.skew:isFinite(t.skewX)?t.skewX:0,s=t.skew&&t.skew.length?t.skew[1]:isFinite(t.skew)?t.skew:isFinite(t.skewY)?t.skewY:0,u=t.scale&&t.scale.length?t.scale[0]*n:isFinite(t.scale)?t.scale*n:isFinite(t.scaleX)?t.scaleX*n:n,o=t.scale&&t.scale.length?t.scale[1]*i:isFinite(t.scale)?t.scale*i:isFinite(t.scaleY)?t.scaleY*i:i,a=t.shear||0,h=t.rotate||t.theta||0,l=new fe(t.origin||t.around||t.ox||t.originX,t.oy||t.originY),c=l.x,f=l.y,d=new fe(t.position||t.px||t.positionX,t.py||t.positionY),v=d.x,y=d.y,p=new fe(t.translate||t.tx||t.translateX,t.ty||t.translateY),m=p.x,g=p.y,w=new fe(t.relative||t.rx||t.relativeX,t.ry||t.relativeY);return{scaleX:u,scaleY:o,skewX:r,skewY:s,shear:a,theta:h,rx:w.x,ry:w.y,tx:m,ty:g,ox:c,oy:f,px:v,py:y}}},{key:"matrixMultiply",value:function(t,e,n){var i=t.a*e.a+t.c*e.b,r=t.b*e.a+t.d*e.b,s=t.a*e.c+t.c*e.d,u=t.b*e.c+t.d*e.d,o=t.e+t.a*e.e+t.c*e.f,a=t.f+t.b*e.e+t.d*e.f;return n.a=i,n.b=r,n.c=s,n.d=u,n.e=o,n.f=a,n}}]),h}();lt({Element:{ctm:function(){return new Ee(this.node.getCTM())},screenCTM:function(){if("function"!=typeof this.isRoot||this.isRoot())return new Ee(this.node.getScreenCTM());var t=this.rect(1,1),e=t.node.getScreenCTM();return t.remove(),new Ee(e)}}});var Ne=function(){function u(){c(this,u),this.init.apply(this,arguments)}return o(u,[{key:"init",value:function(t){var e;t="string"==typeof t?t.split(_).map(parseFloat):Array.isArray(t)?t:"object"===l(t)?[null!=t.left?t.left:t.x,null!=t.top?t.top:t.y,t.width,t.height]:4===arguments.length?[].slice.call(arguments):[0,0,0,0],this.x=t[0],this.y=t[1],this.width=t[2],this.height=t[3],null==(e=this).x&&(e.x=0,e.y=0,e.width=0,e.height=0),e.w=e.width,e.h=e.height,e.x2=e.x+e.width,e.y2=e.y+e.height,e.cx=e.x+e.width/2,e.cy=e.y+e.height/2}},{key:"merge",value:function(t){var e=Math.min(this.x,t.x),n=Math.min(this.y,t.y);return new u(e,n,Math.max(this.x+this.width,t.x+t.width)-e,Math.max(this.y+this.height,t.y+t.height)-n)}},{key:"transform",value:function(e){var n=1/0,i=-1/0,r=1/0,s=-1/0;return[new fe(this.x,this.y),new fe(this.x2,this.y),new fe(this.x,this.y2),new fe(this.x2,this.y2)].forEach(function(t){t=t.transform(e),n=Math.min(n,t.x),i=Math.max(i,t.x),r=Math.min(r,t.y),s=Math.max(s,t.y)}),new u(n,r,i-n,s-r)}},{key:"addOffset",value:function(){return this.x+=window.pageXOffset,this.y+=window.pageYOffset,this}},{key:"toString",value:function(){return this.x+" "+this.y+" "+this.width+" "+this.height}},{key:"toArray",value:function(){return[this.x,this.y,this.width,this.height]}}]),u}();function Pe(e){var n,t,i;try{if(n=e(this.node),!((i=n).w||i.h||i.x||i.y||(t=this.node,(document.documentElement.contains||function(t){for(;t.parentNode;)t=t.parentNode;return t===document}).call(document.documentElement,t))))throw new Error("Element not in the dom")}catch(t){try{var r=this.clone(ce().svg).show();n=e(r.node),r.remove()}catch(t){throw t}}return n}function De(e,n){return function(t){return null==t?this[t]:(this[e]=t,n&&n.call(this),this)}}lt({Element:{bbox:function(){return new Ne(Pe.call(this,function(t){return t.getBBox()}))},rbox:function(t){var e=new Ne(Pe.call(this,function(t){return t.getBoundingClientRect()}));return t?e.transform(t.screenCTM().inverse()):e.addOffset()}},viewbox:{viewbox:function(t,e,n,i){return null==t?new Ne(this.attr("viewBox")):this.attr("viewBox",new Ne(t,e,n,i))}}});var ze={"-":function(t){return t},"<>":function(t){return-Math.cos(t*Math.PI)/2+.5},">":function(t){return Math.sin(t*Math.PI/2)},"<":function(t){return 1-Math.cos(t*Math.PI/2)},bezier:function(t,e,n,i){return function(t){}}},Re=function(){function t(){c(this,t)}return o(t,[{key:"done",value:function(){return!1}}]),t}(),qe=function(t){function n(t){var e;return c(this,n),(e=a(this,u(n).call(this))).ease=ze[t||Ht]||t,e}return r(n,Re),o(n,[{key:"step",value:function(t,e,n){return"number"!=typeof t?n<1?t:e:t+(e-t)*this.ease(n)}}]),n}(),Le=function(t){function n(t){var e;return c(this,n),(e=a(this,u(n).call(this))).stepper=t,e}return r(n,Re),o(n,[{key:"step",value:function(t,e,n,i){return this.stepper(t,e,n,i)}},{key:"done",value:function(t){return t.done}}]),n}();function Ie(){var t=(this._duration||500)/1e3,e=this._overshoot||0,n=Math.PI,i=Math.log(e/100+1e-10),r=-i/Math.sqrt(n*n+i*i),s=3.9/(r*t);this.d=2*r*s,this.k=s*s}var Fe=function(t){function i(t,e){var n;return c(this,i),(n=a(this,u(i).call(this))).duration(t||500).overshoot(e||0),n}return r(i,Le),o(i,[{key:"step",value:function(t,e,n,i){if("string"==typeof t)return t;if(i.done=n===1/0,n===1/0)return e;if(0===n)return t;100<n&&(n=16),n/=1e3;var r=i.velocity||0,s=-this.d*r-this.k*(t-e),u=t+r*n+s*n*n/2;return i.velocity=r+s*n,i.done=Math.abs(e-u)+Math.abs(r)<.002,i.done?e:u}}]),i}();U(Fe,{duration:De("_duration",Ie),overshoot:De("_overshoot",Ie)});var Xe=function(t){function s(t,e,n,i){var r;return c(this,s),t=null==t?.1:t,e=null==e?.01:e,n=null==n?0:n,i=null==i?1e3:i,(r=a(this,u(s).call(this))).p(t).i(e).d(n).windup(i),r}return r(s,Le),o(s,[{key:"step",value:function(t,e,n,i){if("string"==typeof t)return t;if(i.done=n===1/0,n===1/0)return e;if(0===n)return t;var r=e-t,s=(i.integral||0)+r*n,u=(r-(i.error||0))/n,o=this.windup;return!1!==o&&(s=Math.max(-o,Math.min(s,o))),i.error=r,i.integral=s,i.done=Math.abs(r)<.001,i.done?e:t+(this.P*r+this.I*s+this.D*u)}}]),s}();U(Xe,{windup:De("windup"),p:De("P"),i:De("I"),d:De("D")});var Ye=function(){function e(t){c(this,e),this._stepper=t||new qe("-"),this._from=null,this._to=null,this._type=null,this._context=null,this._morphObj=null}return o(e,[{key:"from",value:function(t){return null==t?this._from:(this._from=this._set(t),this)}},{key:"to",value:function(t){return null==t?this._to:(this._to=this._set(t),this)}},{key:"type",value:function(t){return null==t?this._type:(this._type=t,this)}},{key:"_set",value:function(t){if(!this._type){var e=l(t);"number"===e?this.type(vt):"string"===e?Qt.isColor(t)?this.type(Qt):regex.delimiter.test(t)?this.type(regex.pathLetters.test(t)?de:Jt):regex.numberAndUnit.test(t)?this.type(vt):this.type(Ge):-1<Ve.indexOf(t.constructor)?this.type(t.constructor):Array.isArray(t)?this.type(Jt):"object"===e?this.type(He):this.type(Ge)}var n=new this._type(t).toArray();return this._morphObj=this._morphObj||new this._type,this._context=this._context||Array.apply(null,Array(n.length)).map(Object),n}},{key:"stepper",value:function(t){return null==t?this._stepper:(this._stepper=t,this)}},{key:"done",value:function(){return this._context.map(this._stepper.done).reduce(function(t,e){return t&&e},!0)}},{key:"at",value:function(n){var i=this;return this._morphObj.fromArray(this._from.map(function(t,e){return i._stepper.step(t,i._to[e],n,i._context[e],i._context)}))}}]),e}(),Ge=function(){function t(){c(this,t),this.init.apply(this,arguments)}return o(t,[{key:"init",value:function(t){t=Array.isArray(t)?t[0]:t,this.value=t}},{key:"valueOf",value:function(){return this.value}},{key:"toArray",value:function(){return[this.value]}}]),t}(),Be=function(){function e(){c(this,e),this.init.apply(this,arguments)}return o(e,[{key:"init",value:function(t){Array.isArray(t)&&(t={scaleX:t[0],scaleY:t[1],shear:t[2],rotate:t[3],translateX:t[4],translateY:t[5],originX:t[6],originY:t[7]}),Object.assign(this,e.defaults,t)}},{key:"toArray",value:function(){var t=this;return[t.scaleX,t.scaleY,t.shear,t.rotate,t.translateX,t.translateY,t.originX,t.originY]}}]),e}();Be.defaults={scaleX:1,scaleY:1,shear:0,rotate:0,translateX:0,translateY:0,originX:0,originY:0};var He=function(){function t(){c(this,t),this.init.apply(this,arguments)}return o(t,[{key:"init",value:function(t){if(this.values=[],Array.isArray(t))this.values=t;else{var e=Object.entries(t||{}).sort(function(t,e){return t[0]-e[0]});this.values=e.reduce(function(t,e){return t.concat(e)},[])}}},{key:"valueOf",value:function(){for(var t={},e=this.values,n=0,i=e.length;n<i;n+=2)t[e[n]]=e[n+1];return t}},{key:"toArray",value:function(){return this.values}}]),t}(),Ve=[Ge,Be,He];var Ue=window.performance||Date,Qe=function(t){var e=t.start,n=t.runner.duration();return{start:e,duration:n,end:e+n,runner:t.runner}},$e=function(){function t(){c(this,t),this._timeSource=function(){return Ue.now()},this._dispatcher=document.createElement("div"),this._startTime=0,this._speed=1,this._reverse=!1,this._persist=0,this._nextFrame=null,this._paused=!1,this._runners=[],this._order=[],this._time=0,this._lastSourceTime=0,this._lastStepTime=0}return o(t,[{key:"getEventTarget",value:function(){return this._dispatcher}},{key:"schedule",value:function(t,e,n){if(null==t)return this._runners.map(Qe).sort(function(t,e){return t.start-e.start||t.duration-e.duration});this.active()||(this._step(),null==n&&(n="now"));var i=0;if(e=e||0,null==n||"last"===n||"after"===n)i=this._startTime;else if("absolute"===n||"start"===n)i=e,e=0;else if("now"===n)i=this._time;else{if("relative"!==n)throw new Error('Invalid value for the "when" parameter');var r=this._runners[t.id];r&&(i=r.start+e,e=0)}return t.unschedule(),t.timeline(this),t.time(-e),this._startTime=i+t.duration()+e,this._runners[t.id]={persist:this.persist(),runner:t,start:i},this._order.push(t.id),this._continue(),this}},{key:"unschedule",value:function(t){var e=this._order.indexOf(t.id);return e<0||(delete this._runners[t.id],this._order.splice(e,1),t.timeline(null)),this}},{key:"play",value:function(){return this._paused=!1,this._continue()}},{key:"pause",value:function(){return this._nextFrame=null,this._paused=!0,this}},{key:"stop",value:function(){return this.seek(-this._time),this.pause()}},{key:"finish",value:function(){return this.seek(1/0),this.pause()}},{key:"speed",value:function(t){return null==t?this._speed:(this._speed=t,this)}},{key:"reverse",value:function(t){var e=this.speed();if(null==t)return this.speed(-e);var n=Math.abs(e);return this.speed(t?n:-n)}},{key:"seek",value:function(t){return this._time+=t,this._continue()}},{key:"time",value:function(t){return null==t?this._time:(this._time=t,this)}},{key:"persist",value:function(t){return null==t?this._persist:(this._persist=t,this)}},{key:"source",value:function(t){return null==t?this._timeSource:(this._timeSource=t,this)}},{key:"_step",value:function(){if(!this._paused){var t=this._timeSource(),e=t-this._lastSourceTime,n=this._speed*e+(this._time-this._lastStepTime);this._lastSourceTime=t,this._time+=n,this._lastStepTime=this._time;for(var i=!1,r=0,s=this._order.length;r<s;r++){var u=this._runners[this._order[r]],o=u.runner,a=n,h=this._time-u.start;if(h<0)i=!0;else if(h<a&&(a=h),o.active())if(o.step(a).done){if(!0!==u.persist){o.duration()-o.time()+this._time+this._persist<this._time&&(delete this._runners[this._order[r]],this._order.splice(r--,1)&&--s,o.timeline(null))}}else i=!0}return this._nextFrame=i?kt.frame(this._step.bind(this)):null,this}}},{key:"_continue",value:function(){return this._paused||this._nextFrame||(this._nextFrame=kt.frame(this._step.bind(this))),this}},{key:"active",value:function(){return!!this._nextFrame}}]),t}();lt({Element:{timeline:function(){return this._timeline=this._timeline||new $e,this._timeline}}});var Je=function(){function s(t){c(this,s),this.id=s.id++,t="function"==typeof(t=null==t?Bt:t)?new Le(t):t,this._element=null,this._timeline=null,this.done=!1,this._queue=[],this._duration="number"==typeof t&&t,this._isDeclarative=t instanceof Le,this._stepper=this._isDeclarative?t:new qe,this._history={},this.enabled=!0,this._time=0,this._last=0,this.transforms=new Ee,this.transformId=1,this._haveReversed=!1,this._reverse=!1,this._loopsDone=0,this._swing=!1,this._wait=0,this._times=1}return o(s,[{key:"element",value:function(t){return null==t?this._element:((this._element=t)._prepareRunner(),this)}},{key:"timeline",value:function(t){return void 0===t?this._timeline:(this._timeline=t,this)}},{key:"animate",value:function(t,e,n){var i=s.sanitise(t,e,n),r=new s(i.duration);return this._timeline&&r.timeline(this._timeline),this._element&&r.element(this._element),r.loop(i).schedule(e,n)}},{key:"schedule",value:function(t,e,n){if(t instanceof $e||(n=e,e=t,t=this.timeline()),!t)throw Error("Runner cannot be scheduled without timeline");return t.schedule(this,e,n),this}},{key:"unschedule",value:function(){var t=this.timeline();return t&&t.unschedule(this),this}},{key:"loop",value:function(t,e,n){return"object"===l(t)&&(e=t.swing,n=t.wait,t=t.times),this._times=t||1/0,this._swing=e||!1,this._wait=n||0,this}},{key:"delay",value:function(t){return this.animate(0,t)}},{key:"queue",value:function(t,e,n){return this._queue.push({initialiser:t||Gt,runner:e||Gt,isTransform:n,initialised:!1,finished:!1}),this.timeline()&&this.timeline()._continue(),this}},{key:"during",value:function(t){return this.queue(null,t)}},{key:"after",value:function(t){return this.on("finish",t)}},{key:"time",value:function(t){if(null==t)return this._time;var e=t-this._time;return this.step(e),this}},{key:"duration",value:function(){return this._times*(this._wait+this._duration)-this._wait}},{key:"loops",value:function(t){var e=this._duration+this._wait;if(null==t){var n=Math.floor(this._time/e),i=(this._time-n*e)/this._duration;return Math.min(n+i,this._times)}var r=t%1,s=e*Math.floor(t)+this._duration*r;return this.time(s)}},{key:"position",value:function(t){var e,n=this._time,r=this._duration,s=this._wait,i=this._times,u=this._swing,o=this._reverse;if(null==t){var a=function(t){var e=u*Math.floor(t%(2*(s+r))/(s+r)),n=e&&!o||!e&&o,i=Math.pow(-1,n)*(t%(s+r))/r+n;return Math.max(Math.min(i,1),0)},h=i*(s+r)-s;return e=n<=0?Math.round(a(1e-5)):n<h?a(n):Math.round(a(h-1e-5)),e}var l=Math.floor(this.loops()),c=u&&l%2==0;return e=l+(c&&!o||o&&c?t:1-t),this.loops(e)}},{key:"progress",value:function(t){return null==t?Math.min(1,this._time/this.duration()):this.time(t*this.duration())}},{key:"step",value:function(t){if(!this.enabled)return this;t=null==t?16:t,this._time+=t;var e=this.position(),n=this._lastPosition!==e&&0<=this._time;this._lastPosition=e;var i=this.duration(),r=(this._lastTime<0&&this._time,this._lastTime<this._time&&this.time>i);this._lastTime=this._time;var s=this._isDeclarative;if(this.done=!s&&!r&&this._time>=i,n||s){this._initialise(n),this.transforms=new Ee;var u=this._run(s?t:e)}return this.done=this.done||u&&s,this}},{key:"finish",value:function(){return this.step(1/0)}},{key:"reverse",value:function(t){return this._reverse=null==t?!this._reverse:t,this}},{key:"ease",value:function(t){return this._stepper=new qe(t),this}},{key:"active",value:function(t){return null==t?this.enabled:(this.enabled=t,this)}},{key:"_rememberMorpher",value:function(t,e){this._history[t]={morpher:e,caller:this._queue[this._queue.length-1]}}},{key:"_tryRetarget",value:function(t,e){if(this._history[t]){if(!this._history[t].caller.initialised){var n=this._queue.indexOf(this._history[t].caller);return this._queue.splice(n,1),!1}this._history[t].caller.isTransform?this._history[t].caller.isTransform(e):this._history[t].morpher.to(e),this._history[t].caller.finished=!1;var i=this.timeline();return i&&i._continue(),!0}return!1}},{key:"_initialise",value:function(t){if(t||this._isDeclarative)for(var e=0,n=this._queue.length;e<n;++e){var i=this._queue[e],r=this._isDeclarative||!i.initialised&&t;t=!i.finished,r&&t&&(i.initialiser.call(this),i.initialised=!0)}}},{key:"_run",value:function(t){for(var e=!0,n=0,i=this._queue.length;n<i;++n){var r=this._queue[n],s=r.runner.call(this,t);r.finished=r.finished||!0===s,e=e&&r.finished}return e}},{key:"addTransform",value:function(t,e){return this.transforms.lmultiplyO(t),this}},{key:"clearTransform",value:function(){return this.transforms=new Ee,this}}],[{key:"sanitise",value:function(t,e,n){var i=1,r=!1,s=0;return e=e||Vt,n=n||"last","object"!==l(t=t||Bt)||t instanceof Re||(e=t.delay||e,n=t.when||n,r=t.swing||r,i=t.times||i,s=t.wait||s,t=t.duration||Bt),{duration:t,delay:e,swing:r,times:i,wait:s,when:n}}}]),s}();Je.id=0;var We=function t(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:new Ee,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:-1,i=!(2<arguments.length&&void 0!==arguments[2])||arguments[2];c(this,t),this.transforms=e,this.id=n,this.done=i};U([Je,We],{mergeWith:function(t){return new We(t.transforms.lmultiply(this.transforms),t.id)}});var Ze=function(t,e){return t.lmultiplyO(e)},Ke=function(t){return t.transforms};var tn=function(){function t(){c(this,t),this.runners=[],this.ids=[]}return o(t,[{key:"add",value:function(t){if(!this.runners.includes(t)){var n=t.id+1,e=this.ids.reduce(function(t,e){return t<e&&e<n?e:t},0),i=this.ids.indexOf(e)+1;return this.ids.splice(i,0,n),this.runners.splice(i,0,t),this}}},{key:"getByID",value:function(t){return this.runners[this.ids.indexOf(t+1)]}},{key:"remove",value:function(t){var e=this.ids.indexOf(t+1);return this.ids.splice(e,1),this.runners.splice(e,1),this}},{key:"merge",value:function(){var n=this,i=null;return this.runners.forEach(function(t,e){i&&t.done&&i.done&&(n.remove(t.id),n.edit(i.id,t.mergeWith(i))),i=t}),this}},{key:"edit",value:function(t,e){var n=this.ids.indexOf(t+1);return this.ids.splice(n,1,t),this.runners.splice(n,1,e),this}},{key:"length",value:function(){return this.ids.length}},{key:"clearBefore",value:function(t){var e=this.ids.indexOf(t+1)||1;return this.ids.splice(0,e,0),this.runners.splice(0,e,new We),this}}]),t}(),en=0;lt({Element:{animate:function(t,e,n){var i=Je.sanitise(t,e,n),r=this.timeline();return new Je(i.duration).loop(i).element(this).timeline(r).schedule(e,n)},delay:function(t,e){return this.animate(0,t,e)},_clearTransformRunnersBefore:function(t){this._transformationRunners.clearBefore(t.id)},_currentTransform:function(e){return this._transformationRunners.runners.filter(function(t){return t.id<=e.id}).map(Ke).reduce(Ze,new Ee)},addRunner:function(t){this._transformationRunners.add(t),kt.transform_frame(function(){var t=this._transformationRunners.runners.map(Ke).reduce(Ze,new Ee);this.transform(t),this._transformationRunners.merge(),1===this._transformationRunners.length()&&(this._frameId=null)}.bind(this),this._frameId)},_prepareRunner:function(){null==this._frameId&&(this._transformationRunners=(new tn).add(new We(new Ee(this))),this._frameId=en++)}}}),U(Je,{attr:function(t,e){return this.styleAttr("attr",t,e)},css:function(t,e){return this.styleAttr("css",t,e)},styleAttr:function(e,n,t){if("object"===l(n))for(var i in t)this.styleAttr(e,i,t[i]);var r=new Ye(this._stepper).to(t);return this.queue(function(){r=r.from(this.element()[e](n))},function(t){return this.element()[e](n,r.at(t)),r.done()}),this},zoom:function(t,e){var n=new Ye(this._stepper).to(new vt(t));return this.queue(function(){n=n.from(this.zoom())},function(t){return this.element().zoom(n.at(t),e),n.done()}),this},transform:function(d,v,y){if(v=d.relative||v,this._isDeclarative&&!v&&this._tryRetarget("transform",d))return this;var p=L(d);y=null!=d.affine?d.affine:null!=y?y:!p;var m,g,w,x,b,_=(new Ye).type(y?Be:Ee).stepper(this._stepper);return this.queue(function(){g=g||this.element(),m=m||I(d,g),b=new Ee(v?void 0:g),g.addRunner(this),v||g._clearTransformRunnersBefore(this)},function(t){v||this.clearTransform();var e=new fe(m).transform(g._currentTransform(this)),n=e.x,i=e.y,r=new Ee(k({},d,{origin:[n,i]})),s=this._isDeclarative&&w?w:b;if(y){r=r.decompose(n,i),s=s.decompose(n,i);var u=r.rotate,o=s.rotate,a=[u-360,u,u+360],h=a.map(function(t){return Math.abs(t-o)}),l=Math.min.apply(Math,O(h)),c=h.indexOf(l);r.rotate=a[c]}v&&(p||(r.rotate=d.rotate||0),this._isDeclarative&&x&&(s.rotate=x)),_.from(s),_.to(r);var f=_.at(t);return x=f.rotate,w=new Ee(f),this.addTransform(w),_.done()},function(t){(t.origin||"center").toString()!==(d.origin||"center").toString()&&(m=I(d,g)),d=k({},t,{origin:m})}),this._isDeclarative&&this._rememberMorpher("transform",_),this},x:function(t,e){return this._queueNumber("x",t)},y:function(t){return this._queueNumber("y",t)},dx:function(t){return this._queueNumberDelta("dx",t)},dy:function(t){return this._queueNumberDelta("dy",t)},_queueNumberDelta:function(e,n){if(n=new vt(n),this._tryRetargetDelta(e,n))return this;var i=new Ye(this._stepper).to(n);return this.queue(function(){var t=this.element()[e]();i.from(t),i.to(t+n)},function(t){return this.element()[e](i.at(t)),i.done()}),this._rememberMorpher(e,i),this},_queueObject:function(e,t){if(this._tryRetarget(e,t))return this;var n=new Ye(this._stepper).to(t);return this.queue(function(){n.from(this.element()[e]())},function(t){return this.element()[e](n.at(t)),n.done()}),this._rememberMorpher(e,n),this},_queueNumber:function(t,e){return this._queueObject(t,new vt(e))},cx:function(t){return this._queueNumber("cx",t)},cy:function(t){return this._queueNumber("cy",t)},move:function(t,e){return this.x(t).y(e)},center:function(t,e){return this.cx(t).cy(e)},size:function(t,e){var n;return t&&e||(n=this._element.bbox()),t||(t=n.width/n.height*e),e||(e=n.height/n.width*t),this.width(t).height(e)},width:function(t){return this._queueNumber("width",t)},height:function(t){return this._queueNumber("height",t)},plot:function(t,e,n,i){return 4===arguments.length?this.plot([t,e,n,i]):this._queueObject("plot",new this._element.MorphArray(t))},leading:function(t){return this._queueNumber("leading",t)},viewbox:function(t,e,n,i){return this._queueObject("viewbox",new Box(t,e,n,i))},update:function(t){return"object"!==l(t)?this.update({offset:t,color:arguments[1],opacity:arguments[2]}):(null!=t.opacity&&this.attr("stop-opacity",t.opacity),null!=t.color&&this.attr("stop-color",t.color),null!=t.offset&&this.attr("offset",t.offset),this)}});var nn=Object.freeze({HtmlNode:ut,Doc:xt,Defs:ot,G:bt,Animator:kt,Bare:Ot,Circle:Pt,ClipPath:Lt,A:It,Ellipse:Ft,Stop:Xt,Gradient:Zt,Image:ue,Line:ae,Marker:he,Mask:le,Path:ge,Pattern:Kt,Polygon:_e,Polyline:ke,Rect:Oe,Symbol:Ae,Text:Me,TextPath:je,Tspan:Te,Use:Se,SVGNumber:vt,SVGArray:Jt,PathArray:de,PointArray:oe,Matrix:Ee,Point:fe,Box:Ne,Color:Qt,Morphable:Ye,Queue:_t,Runner:Je,Timeline:$e,Controller:Le,Ease:qe,PID:Xe,Spring:Fe}),rn=Object.freeze({Bare:Ot,ClipPath:Lt,Defs:ot,Doc:xt,Gradient:Zt,G:bt,A:It,Marker:he,Mask:le,Pattern:Kt,Symbol:Ae,Text:Me,Tspan:Te,TextPath:je}),sn=Object.freeze({Bare:Ot,Circle:Pt,ClipPath:Lt,Defs:ot,Doc:xt,Ellipse:Ft,Gradient:Zt,G:bt,HtmlNode:ut,A:It,Image:ue,Line:ae,Marker:he,Mask:le,Path:ge,Pattern:Kt,Polygon:_e,Polyline:ke,Rect:Oe,Stop:Xt,Symbol:Ae,Text:Me,TextPath:je,Tspan:Te,Use:Se});lt("Element",{siblings:function(){return this.parent().children()},position:function(){return this.parent().index(this)},next:function(){return this.siblings()[this.position()+1]},prev:function(){return this.siblings()[this.position()-1]},forward:function(){var t=this.position()+1,e=this.parent();return e.removeElement(this).add(this,t),"function"==typeof e.isRoot&&e.isRoot()&&e.node.appendChild(e.defs().node),this},backward:function(){var t=this.position();return 0<t&&this.parent().removeElement(this).add(this,t-1),this},front:function(){var t=this.parent();return t.node.appendChild(this.node),"function"==typeof t.isRoot&&t.isRoot()&&t.node.appendChild(t.defs().node),this},back:function(){return 0<this.position()&&this.parent().removeElement(this).add(this,0),this},before:function(t){t.remove();var e=this.position();return this.parent().add(t,e),this},after:function(t){t.remove();var e=this.position();return this.parent().add(t,e+1),this}}),lt("Element",{data:function(e,t,n){if("object"===l(e))for(t in e)this.data(t,e[t]);else if(arguments.length<2)try{return JSON.parse(this.attr("data-"+e))}catch(t){return this.attr("data-"+e)}else this.attr("data-"+e,null===t?null:!0===n||"string"==typeof t||"number"==typeof t?t:JSON.stringify(t));return this}}),lt("Element",{css:function(t,e){var n={};if(0===arguments.length)return this.node.style.cssText.split(/\s*;\s*/).filter(function(t){return!!t.length}).forEach(function(t){var e=t.split(/\s*:\s*/);n[e[0]]=e[1]}),n;if(arguments.length<2){if(Array.isArray(t)){var i=!0,r=!1,s=void 0;try{for(var u,o=t[Symbol.iterator]();!(i=(u=o.next()).done);i=!0){var a=E(u.value);n[a]=this.node.style[a]}}catch(t){r=!0,s=t}finally{try{i||null==o.return||o.return()}finally{if(r)throw s}}return n}if("string"==typeof t)return this.node.style[E(t)];if("object"===l(t))for(name in t)this.node.style[E(name)]=null==t[name]||w.test(t[name])?"":t[name]}return 2===arguments.length&&(this.node.style[E(t)]=null==e||w.test(e)?"":e),this},show:function(){return this.css("display","")},hide:function(){return this.css("display","none")},visible:function(){return"none"!==this.css("display")}}),lt("Element",{untransform:function(){return this.attr("transform",null)},matrixify:function(){return(this.attr("transform")||"").split(t).slice(0,-1).map(function(t){var e=t.trim().split("(");return[e[0],e[1].split(_).map(function(t){return parseFloat(t)})]}).reverse().reduce(function(t,e){return"matrix"===e[0]?t.lmultiply(z(e[1])):t[e[0]].apply(t,e[1])},new Ee)},toParent:function(t){if(this===t)return this;var e=this.screenCTM(),n=t.screenCTM().inverse();return this.addTo(t).untransform().transform(n.multiply(e)),this},toDoc:function(){return this.toParent(this.doc())},transform:function(t,e){if(null==t||"string"==typeof t){var n=new Ee(this).decompose();return n[t]||n}L(t)||(t=k({},t,{origin:I(t,this)}));var i=new Ee(!0===e?this:e||!1).transform(t);return this.attr("transform",i)}}),lt("Element",{remember:function(t,e){if("object"===l(t))for(var n in t)this.remember(n,t[n]);else{if(1===arguments.length)return this.memory()[t];this.memory()[t]=e}return this},forget:function(){if(0===arguments.length)this._memory={};else for(var t=arguments.length-1;0<=t;t--)delete this.memory()[arguments[t]];return this},memory:function(){return this._memory}}),ft("Memory",function(t){this._memory={}});var un={stroke:["color","width","opacity","linecap","linejoin","miterlimit","dasharray","dashoffset"],fill:["color","opacity","rule"],prefix:function(t,e){return"color"===e?t:t+"-"+e}};["fill","stroke"].forEach(function(e){var n,t={};t[e]=function(t){if(void 0===t)return this;if("string"==typeof t||Qt.isRgb(t)||t&&"function"==typeof t.fill)this.attr(e,t);else for(n=un[e].length-1;0<=n;n--)null!=t[un[e][n]]&&this.attr(un.prefix(e,un[e][n]),t[un[e][n]]);return this},lt(["Element","Runner"],t)}),lt(["Element","Runner"],{matrix:function(t,e,n,i,r,s){return null==t?new Ee(this):this.attr("transform",new Ee(t,e,n,i,r,s))},rotate:function(t,e,n){return this.transform({rotate:t,ox:e,oy:n},!0)},skew:function(t,e,n,i){return 1===arguments.length||3===arguments.length?this.transform({skew:t,ox:e,oy:n},!0):this.transform({skew:[t,e],ox:n,oy:i},!0)},shear:function(t,e,n){return this.transform({shear:t,ox:e,oy:n},!0)},scale:function(t,e,n,i){return 1===arguments.length||3===arguments.length?this.transform({scale:t,ox:e,oy:n},!0):this.transform({scale:[t,e],ox:n,oy:i},!0)},translate:function(t,e){return this.transform({translate:[t,e]},!0)},relative:function(t,e){return this.transform({relative:[t,e]},!0)},flip:function(t,e){var n="string"==typeof t?t:(isFinite(t),"both"),i="both"===t&&isFinite(e)?[e,e]:"x"===t?[e,0]:"y"===t?[0,e]:isFinite(t)?[t,t]:[0,0];this.transform({flip:n,origin:i},!0)},opacity:function(t){return this.attr("opacity",t)},dx:function(t){return this.x(new vt(t).plus(this instanceof Je?0:this.x()),!0)},dy:function(t){return this.y(new vt(t).plus(this instanceof Je?0:this.y()),!0)},dmove:function(t,e){return this.dx(t).dy(e)}}),lt("radius",{radius:function(t,e){var n=(this._target||this).type;return"radialGradient"===n||"radialGradient"===n?this.attr("r",new vt(t)):this.rx(t).ry(null==e?t:e)}}),lt("Path",{length:function(){return this.node.getTotalLength()},pointAt:function(t){return new fe(this.node.getPointAtLength(t))}}),lt(["Container","Runner"],{font:function(t,e){if("object"===l(t))for(e in t)this.font(e,t[e]);return"leading"===t?this.leading(e):"anchor"===t?this.attr("text-anchor",e):"size"===t||"family"===t||"weight"===t||"stretch"===t||"variant"===t||"style"===t?this.attr("font-"+t,e):this.attr(t,e)}}),lt("EventTarget",{on:function(t,e,n,i){return ne(this,t,e,n,i),this},off:function(t,e){return ie(this,t,e),this},dispatch:function(t,e){return re(this,t,e)},fire:function(t,e){return this.dispatch(t,e),this}}),ft("EventTarget",function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.events=t.events||{}}),lt("Container",{children:function(){return Dt(this.node.children,function(t){return K(t)})},add:function(t,e){return t=Z(t),null==e?this.node.appendChild(t.node):t.node!==this.node.childNodes[e]&&this.node.insertBefore(t.node,this.node.childNodes[e]),this},put:function(t,e){return this.add(t,e),t.instance||t},has:function(t){return 0<=this.index(t)},index:function(t){return[].slice.call(this.node.childNodes).indexOf(t.node)},get:function(t){return K(this.node.childNodes[t])},first:function(){return K(this.node.firstChild)},last:function(){return K(this.node.lastChild)},each:function(t,e){var n,i,r=this.children();for(n=0,i=r.length;n<i;n++)r[n]instanceof s&&t.apply(r[n],[n,r]),e&&r[n]instanceof s&&r[n].is("Parent")&&r[n].each(t,e);return this},removeElement:function(t){return this.node.removeChild(t.node),this},clear:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return delete this._defs,this},svg:function(t){var e,n;if(!t)return this.writeDataToDom(),this.node.outerHTML;for((e=document.createElementNS(F,"svg")).innerHTML=t,n=e.children.length;n--;)this.node.appendChild(e.firstElementChild);return this},writeDataToDom:function(){return this.each(function(){this.writeDataToDom()}),this.node.removeAttribute("svgjs:data"),Object.keys(this.dom).length&&this.node.setAttribute("svgjs:data",JSON.stringify(this.dom)),this},flatten:function(t){return this.each(function(){return this.is("Parent")?this.flatten(t).ungroup(t):this.toParent(t)}),this.node.firstElementChild||this.remove(),this},ungroup:function(t){return t=t||this.parent(),this.each(function(){return this.toParent(t)}),this.remove(),this}});var on=U;on([xt,Ae,ue,Kt,he],ct("viewbox")),on([ae,ke,_e,ge],ct("marker")),on(Me,ct("Text")),on(ge,ct("Path")),on(ot,ct("Defs")),on([Me,Te],ct("Tspan")),on([Oe,Ft,Pt,Zt],ct("radius"));var an=ct("Container");for(var hn in rn)on(rn[hn],an);var ln=ct("Element"),cn=ct("EventTarget");for(var fn in sn)on(sn[fn],ln),on(sn[fn],cn),on(sn[fn],dt("EventTarget")),on(sn[fn],dt("Element")),on(sn[fn],dt("Memory"));function dn(t){return Z(t)}return function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[];Ve.push.apply(Ve,O([].concat(t)))}([vt,Qt,Ne,Ee,Jt,oe,de]),U(Ve,{to:function(t,e){return(new Ye).type(this.constructor).from(this.valueOf()).to(t,e)},fromArray:function(t){return this.init(t),this}}),Object.assign(dn,nn),Object.assign(dn,$),Object.assign(dn,st),dn.utils=Rt,dn.regex=e,(dn.get=dn).find=qt,Object.assign(dn,B),dn.Element=dn.Parent=dn.Shape=dn.Container=s,dn.easing=ze,Object.assign(dn,se),dn.TransformBag=Be,dn.ObjectBag=He,dn.NonMorphable=Ge,dn.parser=ce,dn}();
+var SVG=function(){"use strict";function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function a(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function _(r){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{},e=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(s).filter(function(t){return Object.getOwnPropertyDescriptor(s,t).enumerable}))),e.forEach(function(t){var e,n,i;e=r,i=s[n=t],n in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[n]=i})}return r}function r(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}function u(t){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n(t,e){return(n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function h(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?s(t):e}function c(t,e,n){return(c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var i=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=u(t)););return t}(t,e);if(i){var r=Object.getOwnPropertyDescriptor(i,e);return r.get?r.get.call(n):r.value}})(t,e,n||t)}function f(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],i=!0,r=!1,s=void 0;try{for(var u,o=t[Symbol.iterator]();!(i=(u=o.next()).done)&&(n.push(u.value),!e||n.length!==e);i=!0);}catch(t){r=!0,s=t}finally{try{i||null==o.return||o.return()}finally{if(r)throw s}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function O(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var d=function(){function e(t){o(this,e)}return a(e,[{key:"is",value:function(t){return this.tags.includes(t)}}]),e}(),y=/^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,v=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,p=/rgb\((\d+),(\d+),(\d+)\)/,m=/(#[a-z0-9\-_]+)/i,t=/\)\s*,?\s*/,g=/\s/g,w=/^#[a-f0-9]{3,6}$/i,k=/^rgb\(/,b=/^(\s+)?$/,x=/^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,A=/\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,j=/[\s,]+/,C=/([^e])-/gi,M=/[MLHVCSQTAZ]/gi,S=/[MLHVCSQTAZ]/i,T=/((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,E=/\./g,e=Object.freeze({numberAndUnit:y,hex:v,rgb:p,reference:m,transforms:t,whitespace:g,isHex:w,isRgb:k,isCss:/[^:]+:[^;]+;?/,isBlank:b,isNumber:x,isPercent:/^-?[\d.]+%$/,isImage:A,delimiter:j,hyphen:C,pathLetters:M,isPathLetter:S,numbersWithDots:T,dots:E});function N(t,e,n,i){return n+i.replace(E," .")}function P(t){return t.toLowerCase().replace(/-(.)/g,function(t,e){return e.toUpperCase()})}function D(t){return t.charAt(0).toUpperCase()+t.slice(1)}function z(t){var e=t.toString(16);return 1===e.length?"0"+e:e}function R(t,e,n){if(null==e||null==n){var i=t.bbox();null==e?e=i.width/i.height*n:null==n&&(n=i.height/i.width*e)}return{width:e,height:n}}function q(t){return{a:t[0],b:t[1],c:t[2],d:t[3],e:t[4],f:t[5]}}var L="abcdef".split("");function F(t,e,n){return Math.abs(e-t)<(n||1e-6)}function I(t){return null!=t.a||null!=t.b||null!=t.c||null!=t.d||null!=t.e||null!=t.f}function X(t,e){var n,i,r=t.origin;if("string"==typeof r||null==r){var s=(r||"center").toLowerCase().trim(),u=e.bbox(),o=u.height,a=u.width,h=u.x,l=u.y,c=s.includes("left")?h:s.includes("right")?h+a:h+a/2,f=s.includes("top")?l:s.includes("bottom")?l+o:l+o/2;n=null!=t.ox?t.ox:c,i=null!=t.oy?t.oy:f}else n=r[0],i=r[1];return[n,i]}var Y="http://www.w3.org/2000/svg",H="http://www.w3.org/2000/xmlns/",B="http://www.w3.org/1999/xlink",G="http://svgjs.com/svgjs",V=Object.freeze({ns:Y,xmlns:H,xlink:B,svgjs:G});function Q(t,e){return e||U(t)}function U(t){return document.createElementNS(Y,t)}function $(t,e){var n,i;for(i=(t=Array.isArray(t)?t:[t]).length-1;0<=i;i--)for(n in e)t[i].prototype[n]=e[n]}function J(t,e){var n,i;for(i=(t=Array.isArray(t)?t:[t]).length-1;0<=i;i--)for(n in e)t[i].prototype[n]=e[n]}var W=Object.freeze({nodeOrNew:Q,makeNode:U,extend:$,extend2:J,addFactory:function(t,e){$(t,e)},invent:function(e){var t="function"==typeof e.create?e.create:function(t){e.inherit.call(this,t||U(e.create))};return e.inherit&&(t.prototype=new e.inherit,t.prototype.constructor=t),e.extend&&$(t,e.extend),e.construct&&$(e.parent||Container,e.construct),t}}),Z={},K=Symbol("root");function tt(t){if(t instanceof d)return t;if("object"===l(t))return et(t);if(null==t)return new Z[K];if("string"==typeof t&&"<"!==t.charAt(0))return et(document.querySelector(t));var e=U("svg");return e.innerHTML=t,t=et(e.firstChild)}function et(t){return t?t.instance instanceof d?t.instance:t instanceof window.SVGElement?"svg"===t.nodeName?new Z[K](t):"linearGradient"===t.nodeName||"radialGradient"===t.nodeName?new Z.Gradient(t):Z[D(t.nodeName)]?new(Z[D(t.nodeName)])(t):new Z.Bare(t):new Z.HtmlNode(t):null}function nt(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t.name,n=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return Z[e]=t,n&&(Z[K]=t),t}function it(t){return Z[t]}var rt=1e3;function st(t){return"Svgjs"+D(t)+rt++}function ut(t){for(var e=t.children.length-1;0<=e;e--)ut(t.children[e]);return t.id?et(t).id(st(t.nodeName)):et(t)}var ot=Object.freeze({root:K,makeInstance:tt,adopt:et,register:nt,getClass:it,eid:st,assignNewId:ut}),at={},ht={};function lt(t,e){if(Array.isArray(t)){var n=!0,i=!1,r=void 0;try{for(var s,u=t[Symbol.iterator]();!(n=(s=u.next()).done);n=!0){lt(s.value,e)}}catch(t){i=!0,r=t}finally{try{n||null==u.return||u.return()}finally{if(i)throw r}}}else if("object"!=l(t))at[t]=Object.assign(at[t]||{},e);else for(var o=Object.entries(t),a=0;a<o.length;a++){var h=f(o[a],2);lt(h[0],h[1])}}function ct(t){return at[t]||{}}var ft=0;function dt(t){return"function"==typeof t.getEventTarget?t.getEventTarget():t}function yt(t,e,i,n,r){var s=i.bind(n||t),u=dt(t);e=Array.isArray(e)?e:e.split(j),u.instance=u.instance||{events:{}};var o=u.instance.events;i._svgjsListenerId||(i._svgjsListenerId=++ft),e.forEach(function(t){var e=t.split(".")[0],n=t.split(".")[1]||"*";o[e]=o[e]||{},o[e][n]=o[e][n]||{},o[e][n][i._svgjsListenerId]=s,u.addEventListener(e,s,r||!1)})}function vt(t,e,s,u){var o=dt(t);if(o.instance&&("function"!=typeof s||(s=s._svgjsListenerId))){var a=o.instance.events;(e=Array.isArray(e)?e:(e||"").split(j)).forEach(function(t){var e,n,i=t&&t.split(".")[0],r=t&&t.split(".")[1];if(s)a[i]&&a[i][r||"*"]&&(o.removeEventListener(i,a[i][r||"*"][s],u||!1),delete a[i][r||"*"][s]);else if(i&&r){if(a[i]&&a[i][r]){for(n in a[i][r])vt(o,[i,r].join("."),n);delete a[i][r]}}else if(r)for(t in a)for(e in a[t])r===e&&vt(o,[t,r].join("."));else if(i){if(a[i]){for(e in a[i])vt(o,[i,e].join("."));delete a[i]}}else{for(t in a)vt(o,t);o.instance.events={}}})}}function pt(t,e,n){var i=dt(t);return e instanceof window.Event||(e=new window.CustomEvent(e,{detail:n,cancelable:!0})),i.dispatchEvent(e),e}var mt=Object.freeze({on:yt,off:vt,dispatch:pt}),gt=function(t){function n(){var t,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return o(this,n),(t=h(this,u(n).call(this))).events=e.events||{},t}return r(n,d),a(n,[{key:"on",value:function(t,e,n,i){return yt(this,t,e,n,i),this}},{key:"off",value:function(t,e){return vt(this,t,e),this}},{key:"dispatch",value:function(t,e){return pt(this,t,e)}},{key:"fire",value:function(t,e){return this.dispatch(t,e),this}}]),n}();$(gt,["click","dblclick","mousedown","mouseup","mouseover","mouseout","mousemove","mouseenter","mouseleave","touchstart","touchmove","touchleave","touchend","touchcancel"].reduce(function(t,e){return t[e]=function(t){return null===t?vt(this,e):yt(this,e,t),this},t},{}));var wt=function(){function n(){o(this,n),this.init.apply(this,arguments)}return a(n,[{key:"init",value:function(t,e){e=Array.isArray(t)?t[1]:e,t=Array.isArray(t)?t[0]:t,this.value=0,this.unit=e||"","number"==typeof t?this.value=isNaN(t)?0:isFinite(t)?t:t<0?-34e37:34e37:"string"==typeof t?(e=t.match(y))&&(this.value=parseFloat(e[1]),"%"===e[5]?this.value/=100:"s"===e[5]&&(this.value*=1e3),this.unit=e[5]):t instanceof n&&(this.value=t.valueOf(),this.unit=t.unit)}},{key:"toString",value:function(){return("%"===this.unit?~~(1e8*this.value)/1e6:"s"===this.unit?this.value/1e3:this.value)+this.unit}},{key:"toJSON",value:function(){return this.toString()}},{key:"toArray",value:function(){return[this.value,this.unit]}},{key:"valueOf",value:function(){return this.value}},{key:"plus",value:function(t){return new n(this+(t=new n(t)),this.unit||t.unit)}},{key:"minus",value:function(t){return new n(this-(t=new n(t)),this.unit||t.unit)}},{key:"times",value:function(t){return new n(this*(t=new n(t)),this.unit||t.unit)}},{key:"divide",value:function(t){return new n(this/(t=new n(t)),this.unit||t.unit)}}]),n}(),kt=it(K),bt=function(t){function n(t){var e;return o(this,n),(e=h(this,u(n).call(this))).dom={},e.node=t,e.type=t.nodeName,e.node.instance=s(s(e)),t.hasAttribute("svgjs:data")&&e.setData(JSON.parse(t.getAttribute("svgjs:data"))||{}),e}return r(n,gt),a(n,[{key:"x",value:function(t){return this.attr("x",t)}},{key:"y",value:function(t){return this.attr("y",t)}},{key:"cx",value:function(t){return null==t?this.x()+this.width()/2:this.x(t-this.width()/2)}},{key:"cy",value:function(t){return null==t?this.y()+this.height()/2:this.y(t-this.height()/2)}},{key:"move",value:function(t,e){return this.x(t).y(e)}},{key:"center",value:function(t,e){return this.cx(t).cy(e)}},{key:"width",value:function(t){return this.attr("width",t)}},{key:"height",value:function(t){return this.attr("height",t)}},{key:"size",value:function(t,e){var n=R(this,t,e);return this.width(new wt(n.width)).height(new wt(n.height))}},{key:"clone",value:function(t){this.writeDataToDom();var e=ut(this.node.cloneNode(!0));return t?t.add(e):this.after(e),e}},{key:"remove",value:function(){return this.parent()&&this.parent().removeElement(this),this}},{key:"replace",value:function(t){return this.after(t).remove(),t}},{key:"addTo",value:function(t){return tt(t).put(this)}},{key:"putIn",value:function(t){return tt(t).add(this)}},{key:"id",value:function(t){return void 0!==t||this.node.id||(this.node.id=st(this.type)),this.attr("id",t)}},{key:"inside",value:function(t,e){var n=this.bbox();return t>n.x&&e>n.y&&t<n.x+n.width&&e<n.y+n.height}},{key:"toString",value:function(){return this.id()}},{key:"classes",value:function(){var t=this.attr("class");return null==t?[]:t.trim().split(j)}},{key:"hasClass",value:function(t){return-1!==this.classes().indexOf(t)}},{key:"addClass",value:function(t){if(!this.hasClass(t)){var e=this.classes();e.push(t),this.attr("class",e.join(" "))}return this}},{key:"removeClass",value:function(e){return this.hasClass(e)&&this.attr("class",this.classes().filter(function(t){return t!==e}).join(" ")),this}},{key:"toggleClass",value:function(t){return this.hasClass(t)?this.removeClass(t):this.addClass(t)}},{key:"reference",value:function(t){var e=function(t){var e=(t||"").toString().match(m);if(e)return e[1]}(this.attr(t));return e?tt(e):null}},{key:"parent",value:function(t){var e=this;if(!e.node.parentNode)return null;if(e=et(e.node.parentNode),!t)return e;for(;e&&e.node instanceof window.SVGElement;){if("string"==typeof t?e.matches(t):e instanceof t)return e;e=et(e.node.parentNode)}}},{key:"doc",value:function(){var t=this.parent(kt);return t&&t.doc()}},{key:"defs",value:function(){return this.doc().defs()}},{key:"parents",value:function(t){var e=[],n=this;do{if(!(n=n.parent(t))||n instanceof it("HtmlNode"))break;e.push(n)}while(n.parent);return e}},{key:"matches",value:function(t){return e=this.node,n=t,(e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector).call(e,n);var e,n}},{key:"native",value:function(){return this.node}},{key:"svg",value:function(){return this.writeDataToDom(),this.node.outerHTML}},{key:"writeDataToDom",value:function(){return this.node.removeAttribute("svgjs:data"),Object.keys(this.dom).length&&this.node.setAttribute("svgjs:data",JSON.stringify(this.dom)),this}},{key:"setData",value:function(t){return this.dom=t,this}},{key:"getEventTarget",value:function(){return this.node}}]),n}();function xt(t,e){var n,i=t.length,r=[];for(n=0;n<i;n++)r.push(e(t[n]));return r}function _t(t){return t%360*Math.PI/180}var Ot=Object.freeze({map:xt,filter:function(t,e){var n,i=t.length,r=[];for(n=0;n<i;n++)e(t[n])&&r.push(t[n]);return r},radians:_t,degrees:function(t){return 180*t/Math.PI%360},filterSVGElements:function(t){return this.filter(t,function(t){return t instanceof window.SVGElement})}}),At=function(t){function s(){return o(this,s),h(this,u(s).apply(this,arguments))}return r(s,bt),a(s,[{key:"children",value:function(){return xt(this.node.children,function(t){return et(t)})}},{key:"add",value:function(t,e){return t=tt(t),null==e?this.node.appendChild(t.node):t.node!==this.node.childNodes[e]&&this.node.insertBefore(t.node,this.node.childNodes[e]),this}},{key:"put",value:function(t,e){return this.add(t,e),t.instance||t}},{key:"has",value:function(t){return 0<=this.index(t)}},{key:"index",value:function(t){return[].slice.call(this.node.childNodes).indexOf(t.node)}},{key:"get",value:function(t){return et(this.node.childNodes[t])}},{key:"first",value:function(){return et(this.node.firstChild)}},{key:"last",value:function(){return et(this.node.lastChild)}},{key:"each",value:function(t,e){var n,i,r=this.children();for(n=0,i=r.length;n<i;n++)r[n]instanceof bt&&t.apply(r[n],[n,r]),e&&r[n]instanceof s&&r[n].each(t,e);return this}},{key:"removeElement",value:function(t){return this.node.removeChild(t.node),this}},{key:"clear",value:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return delete this._defs,this}},{key:"svg",value:function(t){var e,n;if(!t)return this.writeDataToDom(),this.node.outerHTML;for((e=document.createElementNS(Y,"svg")).innerHTML=t,n=e.children.length;n--;)this.node.appendChild(e.firstElementChild);return this}},{key:"writeDataToDom",value:function(){return this.each(function(){this.writeDataToDom()}),this.node.removeAttribute("svgjs:data"),Object.keys(this.dom).length&&this.node.setAttribute("svgjs:data",JSON.stringify(this.dom)),this}},{key:"flatten",value:function(t){return this.each(function(){return this instanceof s?this.flatten(t).ungroup(t):this.toParent(t)}),this.node.firstElementChild||this.remove(),this}},{key:"ungroup",value:function(t){return t=t||this.parent(),this.each(function(){return this.toParent(t)}),this.remove(),this}}]),s}(),jt=function(t){function e(){return o(this,e),h(this,u(e).apply(this,arguments))}return r(e,At),e}(),Ct=function(t){function e(){return o(this,e),h(this,u(e).apply(this,arguments))}return r(e,At),e}(),Mt=function(t){function n(t){var e;return o(this,n),(e=h(this,u(n).call(this,t,n))).node=t,e}return r(n,At),a(n,[{key:"add",value:function(t,e){return(t=tt(t)).node!==this.node.children[e]&&this.node.insertBefore(t.node,this.node.children[e]||null),this}},{key:"put",value:function(t,e){return this.add(t,e),t}},{key:"removeElement",value:function(t){return this.node.removeChild(t.node),this}},{key:"getEventTarget",value:function(){return this.node}}]),n}();nt(Mt);var St=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("defs",t),e))}return r(e,Ct),a(e,[{key:"flatten",value:function(){return this}},{key:"ungroup",value:function(){return this}}]),e}();nt(St);var Tt=function(t){function n(t){var e;return o(this,n),(e=h(this,u(n).call(this,Q("svg",t),n))).namespace(),e}return r(n,Ct),a(n,[{key:"isRoot",value:function(){return!(this.node.parentNode&&this.node.parentNode instanceof window.SVGElement&&"#document"!==this.node.parentNode.nodeName)}},{key:"doc",value:function(){return this.isRoot()?this:c(u(n.prototype),"doc",this).call(this)}},{key:"namespace",value:function(){return this.isRoot()?this.attr({xmlns:Y,version:"1.1"}).attr("xmlns:xlink",B,H).attr("xmlns:svgjs",G,H):this.doc().namespace()}},{key:"defs",value:function(){return this.isRoot()?et(this.node.getElementsByTagName("defs")[0])||this.put(new St):this.doc().defs()}},{key:"parent",value:function(t){return this.isRoot()?"#document"===this.node.parentNode.nodeName?null:et(this.node.parentNode):c(u(n.prototype),"parent",this).call(this,t)}},{key:"clear",value:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return this}}]),n}();lt({Container:{nested:function(){return this.put(new Tt)}}}),nt(Tt,"Doc",!0);var Et=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("g",t),e))}return r(e,Ct),e}();lt({Element:{group:function(){return this.put(new Et)}}}),nt(Et);var Nt=function(){function t(){o(this,t),this._first=null,this._last=null}return a(t,[{key:"push",value:function(t){var e=t.next?t:{value:t,next:null,prev:null};return this._last?(e.prev=this._last,this._last.next=e,this._last=e):(this._last=e,this._first=e),e}},{key:"shift",value:function(){var t=this._first;return t?(this._first=t.next,this._first&&(this._first.prev=null),this._last=this._first?this._last:null,t.value):null}},{key:"first",value:function(){return this._first&&this._first.value}},{key:"last",value:function(){return this._last&&this._last.value}},{key:"remove",value:function(t){t.prev&&(t.prev.next=t.next),t.next&&(t.next.prev=t.prev),t===this._last&&(this._last=t.prev),t===this._first&&(this._first=t.next),t.prev=null,t.next=null}}]),t}(),Pt={nextDraw:null,frames:new Nt,timeouts:new Nt,timer:window.performance||window.Date,transforms:[],frame:function(t){var e=Pt.frames.push({run:t});return null===Pt.nextDraw&&(Pt.nextDraw=window.requestAnimationFrame(Pt._draw)),e},transform_frame:function(t,e){Pt.transforms[e]=t},timeout:function(t,e){e=e||0;var n=Pt.timer.now()+e,i=Pt.timeouts.push({run:t,time:n});return null===Pt.nextDraw&&(Pt.nextDraw=window.requestAnimationFrame(Pt._draw)),i},cancelFrame:function(t){Pt.frames.remove(t)},clearTimeout:function(t){Pt.timeouts.remove(t)},_draw:function(t){for(var e=null,n=Pt.timeouts.last();(e=Pt.timeouts.shift())&&(t>=e.time?e.run():Pt.timeouts.push(e),e!==n););for(var i=null,r=Pt.frames.last();i!==r&&(i=Pt.frames.shift());)i.run();Pt.transforms.forEach(function(t){t()}),Pt.nextDraw=Pt.timeouts.first()||Pt.frames.first()?window.requestAnimationFrame(Pt._draw):null}},Dt=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q(t,"string"==typeof t?null:t),e))}return r(e,At),a(e,[{key:"words",value:function(t){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return this.node.appendChild(document.createTextNode(t)),this}}]),e}();function zt(t){return null==t?this.cx()-this.rx():this.cx(t+this.rx())}function Rt(t){return null==t?this.cy()-this.ry():this.cy(t+this.ry())}function qt(t){return null==t?this.attr("cx"):this.attr("cx",t)}function Lt(t){return null==t?this.attr("cy"):this.attr("cy",t)}function Ft(t){return null==t?2*this.rx():this.rx(new wt(t).divide(2))}function It(t){return null==t?2*this.ry():this.ry(new wt(t).divide(2))}function Xt(t,e){var n=R(this,t,e);return this.rx(new wt(n.width).divide(2)).ry(new wt(n.height).divide(2))}nt(Dt),lt("Container",{element:function(t,e){return this.put(new Dt(t,e))}});var Yt=Object.freeze({rx:function(t){return this.attr("rx",t)},ry:function(t){return this.attr("ry",t)},x:zt,y:Rt,cx:qt,cy:Lt,width:Ft,height:It,size:Xt}),Ht=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("circle",t),e))}return r(e,jt),a(e,[{key:"radius",value:function(t){return this.attr("r",t)}},{key:"rx",value:function(t){return this.attr("r",t)}},{key:"ry",value:function(t){return this.rx(t)}}]),e}();function Bt(t,e){return xt((e||document).querySelectorAll(t),function(t){return et(t)})}$(Ht,{x:zt,y:Rt,cx:qt,cy:Lt,width:Ft,height:It,size:Xt}),lt({Element:{circle:function(t){return this.put(new Ht).radius(new wt(t).divide(2)).move(0,0)}}}),nt(Ht),lt("Element",{find:function(t){return Bt(t,this.node)}});var Gt=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("clipPath",t),e))}return r(e,Ct),a(e,[{key:"remove",value:function(){return this.targets().forEach(function(t){t.unclip()}),c(u(e.prototype),"remove",this).call(this)}},{key:"targets",value:function(){return Bt('svg [clip-path*="'+this.id()+'"]')}}]),e}();lt({Container:{clip:function(){return this.defs().put(new Gt)}},Element:{clipWith:function(t){var e=t instanceof Gt?t:this.parent().clip().add(t);return this.attr("clip-path",'url("#'+e.id()+'")')},unclip:function(){return this.attr("clip-path",null)},clipper:function(){return this.reference("clip-path")}}}),nt(Gt);var Vt=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("a",t),e))}return r(e,Ct),a(e,[{key:"to",value:function(t){return this.attr("href",t,B)}},{key:"target",value:function(t){return this.attr("target",t)}}]),e}();lt({Container:{link:function(t){return this.put(new Vt).to(t)}},Element:{linkTo:function(t){var e=new Vt;return"function"==typeof t?t.call(e,e):e.to(t),this.parent().put(e).put(this)}}}),nt(Vt);var Qt=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("ellipse",t),e))}return r(e,jt),e}();$(Qt,Yt),lt("Container",{ellipse:function(t,e){return this.put(new Qt).size(t,e).move(0,0)}}),nt(Qt);var Ut=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("stop",t),e))}return r(e,bt),a(e,[{key:"update",value:function(t){return("number"==typeof t||t instanceof wt)&&(t={offset:arguments[0],color:arguments[1],opacity:arguments[2]}),null!=t.opacity&&this.attr("stop-opacity",t.opacity),null!=t.color&&this.attr("stop-color",t.color),null!=t.offset&&this.attr("offset",new wt(t.offset)),this}}]),e}();nt(Ut);var $t=Object.freeze({from:function(t,e){return"radialGradient"===(this._element||this).type?this.attr({fx:new wt(t),fy:new wt(e)}):this.attr({x1:new wt(t),y1:new wt(e)})},to:function(t,e){return"radialGradient"===(this._element||this).type?this.attr({cx:new wt(t),cy:new wt(e)}):this.attr({x2:new wt(t),y2:new wt(e)})}});function Jt(){if(!Jt.nodes){var t=(new Tt).size(2,0).css({opacity:0,position:"absolute",left:"-100%",top:"-100%",overflow:"hidden"}),e=t.path().node;Jt.nodes={svg:t,path:e}}if(!Jt.nodes.svg.node.parentNode){var n=document.body||document.documentElement;Jt.nodes.svg.addTo(n)}return Jt.nodes}var Wt=function(){function r(t,e,n){var i;o(this,r),n=n||{x:0,y:0},i=Array.isArray(t)?{x:t[0],y:t[1]}:"object"===l(t)?{x:t.x,y:t.y}:{x:t,y:e},this.x=null==i.x?n.x:i.x,this.y=null==i.y?n.y:i.y}return a(r,[{key:"clone",value:function(){return new r(this)}},{key:"native",value:function(){var t=Jt().svg.node.createSVGPoint();return t.x=this.x,t.y=this.y,t}},{key:"transform",value:function(t){return new r(t.a*this.x+t.c*this.y+t.e,t.b*this.x+t.d*this.y+t.f)}}]),r}();lt({Element:{point:function(t,e){return new Wt(t,e).transform(this.screenCTM().inverse())}}});var Zt=function(){function u(){o(this,u),this.init.apply(this,arguments)}return a(u,[{key:"init",value:function(t){var e;t="string"==typeof t?t.split(j).map(parseFloat):Array.isArray(t)?t:"object"===l(t)?[null!=t.left?t.left:t.x,null!=t.top?t.top:t.y,t.width,t.height]:4===arguments.length?[].slice.call(arguments):[0,0,0,0],this.x=t[0],this.y=t[1],this.width=t[2],this.height=t[3],null==(e=this).x&&(e.x=0,e.y=0,e.width=0,e.height=0),e.w=e.width,e.h=e.height,e.x2=e.x+e.width,e.y2=e.y+e.height,e.cx=e.x+e.width/2,e.cy=e.y+e.height/2}},{key:"merge",value:function(t){var e=Math.min(this.x,t.x),n=Math.min(this.y,t.y);return new u(e,n,Math.max(this.x+this.width,t.x+t.width)-e,Math.max(this.y+this.height,t.y+t.height)-n)}},{key:"transform",value:function(e){var n=1/0,i=-1/0,r=1/0,s=-1/0;return[new Wt(this.x,this.y),new Wt(this.x2,this.y),new Wt(this.x,this.y2),new Wt(this.x2,this.y2)].forEach(function(t){t=t.transform(e),n=Math.min(n,t.x),i=Math.max(i,t.x),r=Math.min(r,t.y),s=Math.max(s,t.y)}),new u(n,r,i-n,s-r)}},{key:"addOffset",value:function(){return this.x+=window.pageXOffset,this.y+=window.pageYOffset,this}},{key:"toString",value:function(){return this.x+" "+this.y+" "+this.width+" "+this.height}},{key:"toArray",value:function(){return[this.x,this.y,this.width,this.height]}}]),u}();function Kt(e){var n,t,i;try{if(n=e(this.node),!((i=n).w||i.h||i.x||i.y||(t=this.node,(document.documentElement.contains||function(t){for(;t.parentNode;)t=t.parentNode;return t===document}).call(document.documentElement,t))))throw new Error("Element not in the dom")}catch(t){try{var r=this.clone(Jt().svg).show();n=e(r.node),r.remove()}catch(t){console.warn("Getting a bounding box of this element is not possible")}}return n}lt({Element:{bbox:function(){return new Zt(Kt.call(this,function(t){return t.getBBox()}))},rbox:function(t){var e=new Zt(Kt.call(this,function(t){return t.getBoundingClientRect()}));return t?e.transform(t.screenCTM().inverse()):e.addOffset()}},viewbox:{viewbox:function(t,e,n,i){return null==t?new Zt(this.attr("viewBox")):this.attr("viewBox",new Zt(t,e,n,i))}}});var te=function(t){function i(t){return o(this,i),h(this,u(i).call(this,Q(t+"Gradient","string"==typeof t?null:t),i))}return r(i,Ct),a(i,[{key:"stop",value:function(t,e,n){return this.put(new Ut).update(t,e,n)}},{key:"update",value:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this}},{key:"url",value:function(){return"url(#"+this.id()+")"}},{key:"toString",value:function(){return this.url()}},{key:"attr",value:function(t,e,n){return"transform"===t&&(t="gradientTransform"),c(u(i.prototype),"attr",this).call(this,t,e,n)}},{key:"targets",value:function(){return find('svg [fill*="'+this.id()+'"]')}},{key:"bbox",value:function(){return new Zt}}]),i}();$(te,$t),lt({Container:{gradient:function(t,e){return this.defs().gradient(t,e)}},Defs:{gradient:function(t,e){return this.put(new te(t)).update(e)}}}),nt(te);var ee=function(t){function i(t){return o(this,i),h(this,u(i).call(this,Q("pattern",t),i))}return r(i,Ct),a(i,[{key:"url",value:function(){return"url(#"+this.id()+")"}},{key:"update",value:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this}},{key:"toString",value:function(){return this.url()}},{key:"attr",value:function(t,e,n){return"transform"===t&&(t="patternTransform"),c(u(i.prototype),"attr",this).call(this,t,e,n)}},{key:"targets",value:function(){return find('svg [fill*="'+this.id()+'"]')}},{key:"bbox",value:function(){return new Zt}}]),i}();lt({Container:{pattern:function(t,e,n){return this.defs().pattern(t,e,n)}},Defs:{pattern:function(t,e,n){return this.put(new ee).update(n).attr({x:0,y:0,width:t,height:e,patternUnits:"userSpaceOnUse"})}}}),nt(ee);var ne=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("image",t),e))}return r(e,jt),a(e,[{key:"load",value:function(n,i){if(!n)return this;var r=new window.Image;return yt(r,"load",function(t){var e=this.parent(ee);0===this.width()&&0===this.height()&&this.size(r.width,r.height),e instanceof ee&&0===e.width()&&0===e.height()&&e.size(this.width(),this.height()),"function"==typeof i&&i.call(this,{width:r.width,height:r.height,ratio:r.width/r.height,url:n})},this),yt(r,"load error",function(){vt(r)}),this.attr("href",r.src=n,B)}},{key:"attrHook",value:function(t){var e=this;return t.doc().defs().pattern(0,0,function(t){t.add(e)})}}]),e}();lt({Container:{image:function(t,e){return this.put(new ne).size(0,0).load(t,e)}}}),nt(ne);var ie=function(){try{return Function("name","baseClass","_constructor",["baseClass = baseClass || Array","return {","[name]: class extends baseClass {","constructor (...args) {","super(...args)","_constructor && _constructor.apply(this, args)","}","}","}[name]"].join("\n"))}catch(t){return function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:Array,n=2<arguments.length?arguments[2]:void 0,i=function(){e.apply(this,arguments),n&&n.apply(this,arguments)};return(i.prototype=Object.create(e.prototype)).constructor=i}}}(),re=ie("SVGArray",Array,function(){this.init.apply(this,arguments)});J(re,{init:function(){this.length=0,this.push.apply(this,O(this.parse.apply(this,arguments)))},toArray:function(){return Array.prototype.concat.apply([],this)},toString:function(){return this.join(" ")},valueOf:function(){var t=[];return t.push.apply(t,O(this)),t},parse:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[];return t instanceof Array?t:t.trim().split(j).map(parseFloat)},clone:function(){return new this.constructor(this)},toSet:function(){return new Set(this)}});var se=ie("PointArray",re);J(se,{toString:function(){for(var t=0,e=this.length,n=[];t<e;t++)n.push(this[t].join(","));return n.join(" ")},toLine:function(){return{x1:this[0][0],y1:this[0][1],x2:this[1][0],y2:this[1][1]}},at:function(t){if(!this.destination)return this;for(var e=0,n=this.length,i=[];e<n;e++)i.push([this[e][0]+(this.destination[e][0]-this[e][0])*t,this[e][1]+(this.destination[e][1]-this[e][1])*t]);return new se(i)},parse:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[[0,0]],e=[];if(t instanceof Array){if(t[0]instanceof Array)return t}else t=t.trim().split(j).map(parseFloat);t.length%2!=0&&t.pop();for(var n=0,i=t.length;n<i;n+=2)e.push([t[n],t[n+1]]);return e},move:function(t,e){var n=this.bbox();if(t-=n.x,e-=n.y,!isNaN(t)&&!isNaN(e))for(var i=this.length-1;0<=i;i--)this[i]=[this[i][0]+t,this[i][1]+e];return this},size:function(t,e){var n,i=this.bbox();for(n=this.length-1;0<=n;n--)i.width&&(this[n][0]=(this[n][0]-i.x)*t/i.width+i.x),i.height&&(this[n][1]=(this[n][1]-i.y)*e/i.height+i.y);return this},bbox:function(){var e=-1/0,n=-1/0,i=1/0,r=1/0;return this.forEach(function(t){e=Math.max(t[0],e),n=Math.max(t[1],n),i=Math.min(t[0],i),r=Math.min(t[1],r)}),{x:i,y:r,width:e-i,height:n-r}}});var ue=se;var oe=Object.freeze({MorphArray:ue,x:function(t){return null==t?this.bbox().x:this.move(t,this.bbox().y)},y:function(t){return null==t?this.bbox().y:this.move(this.bbox().x,t)},width:function(t){var e=this.bbox();return null==t?e.width:this.size(t,e.height)},height:function(t){var e=this.bbox();return null==t?e.height:this.size(e.width,t)}}),ae=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("line",t),e))}return r(e,jt),a(e,[{key:"array",value:function(){return new se([[this.attr("x1"),this.attr("y1")],[this.attr("x2"),this.attr("y2")]])}},{key:"plot",value:function(t,e,n,i){return null==t?this.array():(t=void 0!==e?{x1:t,y1:e,x2:n,y2:i}:new se(t).toLine(),this.attr(t))}},{key:"move",value:function(t,e){return this.attr(this.array().move(t,e).toLine())}},{key:"size",value:function(t,e){var n=R(this,t,e);return this.attr(this.array().size(n.width,n.height).toLine())}}]),e}();$(ae,oe),lt({Container:{line:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return ae.prototype.plot.apply(this.put(new ae),null!=e[0]?e:[0,0,0,0])}}}),nt(ae);var he=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("marker",t),e))}return r(e,Ct),a(e,[{key:"width",value:function(t){return this.attr("markerWidth",t)}},{key:"height",value:function(t){return this.attr("markerHeight",t)}},{key:"ref",value:function(t,e){return this.attr("refX",t).attr("refY",e)}},{key:"update",value:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this}},{key:"toString",value:function(){return"url(#"+this.id()+")"}}]),e}();lt({Container:{marker:function(t,e,n){return this.defs().marker(t,e,n)}},Defs:{marker:function(t,e,n){return this.put(new he).size(t,e).ref(t/2,e/2).viewbox(0,0,t,e).attr("orient","auto").update(n)}},marker:{marker:function(t,e,n,i){var r=["marker"];return"all"!==t&&r.push(t),r=r.join("-"),t=e instanceof he?e:this.defs().marker(e,n,i),this.attr(r,t)}}}),nt(he);var le=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("mask",t),e))}return r(e,Ct),a(e,[{key:"remove",value:function(){return this.targets().forEach(function(t){t.unmask()}),c(u(e.prototype),"remove",this).call(this)}},{key:"targets",value:function(){return Bt('svg [mask*="'+this.id()+'"]')}}]),e}();lt({Container:{mask:function(){return this.defs().put(new le)}},Element:{maskWith:function(t){var e=t instanceof le?t:this.parent().mask().add(t);return this.attr("mask",'url("#'+e.id()+'")')},unmask:function(){return this.attr("mask",null)},masker:function(){return this.reference("mask")}}}),nt(le);for(var ce=ie("PathArray",re),fe={M:function(t,e,n){return e.x=n.x=t[0],e.y=n.y=t[1],["M",e.x,e.y]},L:function(t,e){return e.x=t[0],e.y=t[1],["L",t[0],t[1]]},H:function(t,e){return e.x=t[0],["H",t[0]]},V:function(t,e){return e.y=t[0],["V",t[0]]},C:function(t,e){return e.x=t[4],e.y=t[5],["C",t[0],t[1],t[2],t[3],t[4],t[5]]},S:function(t,e){return e.x=t[2],e.y=t[3],["S",t[0],t[1],t[2],t[3]]},Q:function(t,e){return e.x=t[2],e.y=t[3],["Q",t[0],t[1],t[2],t[3]]},T:function(t,e){return e.x=t[0],e.y=t[1],["T",t[0],t[1]]},Z:function(t,e,n){return e.x=n.x,e.y=n.y,["Z"]},A:function(t,e){return e.x=t[5],e.y=t[6],["A",t[0],t[1],t[2],t[3],t[4],t[5],t[6]]}},de="mlhvqtcsaz".split(""),ye=0,ve=de.length;ye<ve;++ye)fe[de[ye]]=function(s){return function(t,e,n){if("H"===s)t[0]=t[0]+e.x;else if("V"===s)t[0]=t[0]+e.y;else if("A"===s)t[5]=t[5]+e.x,t[6]=t[6]+e.y;else for(var i=0,r=t.length;i<r;++i)t[i]=t[i]+(i%2?e.y:e.x);return fe[s](t,e,n)}}(de[ye].toUpperCase());J(ce,{toString:function(){return function(t){for(var e=0,n=t.length,i="";e<n;e++)i+=t[e][0],null!=t[e][1]&&(i+=t[e][1],null!=t[e][2]&&(i+=" ",i+=t[e][2],null!=t[e][3]&&(i+=" ",i+=t[e][3],i+=" ",i+=t[e][4],null!=t[e][5]&&(i+=" ",i+=t[e][5],i+=" ",i+=t[e][6],null!=t[e][7]&&(i+=" ",i+=t[e][7])))));return i+" "}(this)},move:function(t,e){var n=this.bbox();if(t-=n.x,e-=n.y,!isNaN(t)&&!isNaN(e))for(var i,r=this.length-1;0<=r;r--)"M"===(i=this[r][0])||"L"===i||"T"===i?(this[r][1]+=t,this[r][2]+=e):"H"===i?this[r][1]+=t:"V"===i?this[r][1]+=e:"C"===i||"S"===i||"Q"===i?(this[r][1]+=t,this[r][2]+=e,this[r][3]+=t,this[r][4]+=e,"C"===i&&(this[r][5]+=t,this[r][6]+=e)):"A"===i&&(this[r][6]+=t,this[r][7]+=e);return this},size:function(t,e){var n,i,r=this.bbox();for(n=this.length-1;0<=n;n--)"M"===(i=this[n][0])||"L"===i||"T"===i?(this[n][1]=(this[n][1]-r.x)*t/r.width+r.x,this[n][2]=(this[n][2]-r.y)*e/r.height+r.y):"H"===i?this[n][1]=(this[n][1]-r.x)*t/r.width+r.x:"V"===i?this[n][1]=(this[n][1]-r.y)*e/r.height+r.y:"C"===i||"S"===i||"Q"===i?(this[n][1]=(this[n][1]-r.x)*t/r.width+r.x,this[n][2]=(this[n][2]-r.y)*e/r.height+r.y,this[n][3]=(this[n][3]-r.x)*t/r.width+r.x,this[n][4]=(this[n][4]-r.y)*e/r.height+r.y,"C"===i&&(this[n][5]=(this[n][5]-r.x)*t/r.width+r.x,this[n][6]=(this[n][6]-r.y)*e/r.height+r.y)):"A"===i&&(this[n][1]=this[n][1]*t/r.width,this[n][2]=this[n][2]*e/r.height,this[n][6]=(this[n][6]-r.x)*t/r.width+r.x,this[n][7]=(this[n][7]-r.y)*e/r.height+r.y);return this},equalCommands:function(t){var e,n,i;for(t=new ce(t),i=this.length===t.length,e=0,n=this.length;i&&e<n;e++)i=this[e][0]===t[e][0];return i},morph:function(t){return t=new ce(t),this.equalCommands(t)?this.destination=t:this.destination=null,this},at:function(t){if(!this.destination)return this;var e,n,i,r,s=this,u=this.destination.value,o=[],a=new ce;for(e=0,n=s.length;e<n;e++){for(o[e]=[s[e][0]],i=1,r=s[e].length;i<r;i++)o[e][i]=s[e][i]+(u[e][i]-s[e][i])*t;"A"===o[e][0]&&(o[e][4]=+(0!==o[e][4]),o[e][5]=+(0!==o[e][5]))}return a.value=o,a},parse:function(){var t,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[["M",0,0]];if(e instanceof ce)return e;var n={M:2,L:2,H:1,V:1,C:6,S:4,Q:4,T:2,A:7,Z:0};e="string"==typeof e?e.replace(T,N).replace(M," $& ").replace(C,"$1 -").trim().split(j):e.reduce(function(t,e){return[].concat.call(t,e)},[]);for(var i=[],r=new Wt,s=new Wt,u=0,o=e.length;S.test(e[u])?(t=e[u],++u):"M"===t?t="L":"m"===t&&(t="l"),i.push(fe[t].call(null,e.slice(u,u+=n[t.toUpperCase()]).map(parseFloat),r,s)),u<o;);return i},bbox:function(){return Jt().path.setAttribute("d",this.toString()),Jt.nodes.path.getBBox()}});var pe=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("path",t),e))}return r(e,jt),a(e,[{key:"array",value:function(){return this._array||(this._array=new ce(this.attr("d")))}},{key:"plot",value:function(t){return null==t?this.array():this.clear().attr("d","string"==typeof t?t:this._array=new ce(t))}},{key:"clear",value:function(){return delete this._array,this}},{key:"move",value:function(t,e){return this.attr("d",this.array().move(t,e))}},{key:"x",value:function(t){return null==t?this.bbox().x:this.move(t,this.bbox().y)}},{key:"y",value:function(t){return null==t?this.bbox().y:this.move(this.bbox().x,t)}},{key:"size",value:function(t,e){var n=R(this,t,e);return this.attr("d",this.array().size(n.width,n.height))}},{key:"width",value:function(t){return null==t?this.bbox().width:this.size(t,this.bbox().height)}},{key:"height",value:function(t){return null==t?this.bbox().height:this.size(this.bbox().width,t)}},{key:"targets",value:function(){return Bt('svg textpath [href*="'+this.id()+'"]')}}]),e}();pe.prototype.MorphArray=ce,lt({Container:{path:function(t){return this.put(new pe).plot(t||new ce)}}}),nt(pe);var me=Object.freeze({array:function(){return this._array||(this._array=new se(this.attr("points")))},plot:function(t){return null==t?this.array():this.clear().attr("points","string"==typeof t?t:this._array=new se(t))},clear:function(){return delete this._array,this},move:function(t,e){return this.attr("points",this.array().move(t,e))},size:function(t,e){var n=R(this,t,e);return this.attr("points",this.array().size(n.width,n.height))}}),ge=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("polygon",t),e))}return r(e,jt),e}();lt({Container:{polygon:function(t){return this.put(new ge).plot(t||new se)}}}),$(ge,oe),$(ge,me),nt(ge);var we=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("polyline",t),e))}return r(e,jt),e}();lt({Container:{polyline:function(t){return this.put(new we).plot(t||new se)}}}),$(we,oe),$(we,me),nt(we);var ke=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("rect",t),e))}return r(e,jt),a(e,[{key:"rx",value:function(t){return this.attr("rx",t)}},{key:"ry",value:function(t){return this.attr("ry",t)}}]),e}();lt({Container:{rect:function(t,e){return this.put(new ke).size(t,e)}}}),nt(ke);var be=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("symbol",t),e))}return r(e,Ct),e}();function xe(){}lt({Container:{symbol:function(){return this.put(new be)}}}),nt(be);var _e={duration:400,ease:">",delay:0},Oe={"fill-opacity":1,"stroke-opacity":1,"stroke-width":0,"stroke-linejoin":"miter","stroke-linecap":"butt",fill:"#000000",stroke:"#000000",opacity:1,x:0,y:0,cx:0,cy:0,width:0,height:0,r:0,rx:0,ry:0,offset:0,"stop-opacity":1,"stop-color":"#000000","font-size":16,"font-family":"Helvetica, Arial, sans-serif","text-anchor":"start"},Ae=Object.freeze({noop:xe,timeline:_e,attrs:Oe});var je=Object.freeze({plain:function(t){return!1===this._build&&this.clear(),this.node.appendChild(document.createTextNode(t)),this},length:function(){return this.node.getComputedTextLength()}}),Ce=function(t){function n(t){var e;return o(this,n),(e=h(this,u(n).call(this,Q("text",t),n))).dom.leading=new wt(1.3),e._rebuild=!0,e._build=!1,e.attr("font-family",Oe["font-family"]),e}return r(n,At),a(n,[{key:"x",value:function(t){return null==t?this.attr("x"):this.attr("x",t)}},{key:"y",value:function(t){var e=this.attr("y"),n="number"==typeof e?e-this.bbox().y:0;return null==t?"number"==typeof e?e-n:e:this.attr("y","number"==typeof t?t+n:t)}},{key:"cx",value:function(t){return null==t?this.bbox().cx:this.x(t-this.bbox().width/2)}},{key:"cy",value:function(t){return null==t?this.bbox().cy:this.y(t-this.bbox().height/2)}},{key:"text",value:function(t){if(void 0===t){var e=this.node.childNodes,n=0;t="";for(var i=0,r=e.length;i<r;++i)"textPath"!==e[i].nodeName?(i!==n&&3!==e[i].nodeType&&!0===et(e[i]).dom.newLined&&(t+="\n"),t+=e[i].textContent):0===i&&(n=1);return t}if(this.clear().build(!0),"function"==typeof t)t.call(this,this);else for(var s=0,u=(t=t.split("\n")).length;s<u;s++)this.tspan(t[s]).newLine();return this.build(!1).rebuild()}},{key:"leading",value:function(t){return null==t?this.dom.leading:(this.dom.leading=new wt(t),this.rebuild())}},{key:"rebuild",value:function(t){if("boolean"==typeof t&&(this._rebuild=t),this._rebuild){var e=this,n=0,i=this.dom.leading*new wt(this.attr("font-size"));this.each(function(){this.dom.newLined&&(this.attr("x",e.attr("x")),"\n"===this.text()?n+=i:(this.attr("dy",i+n),n=0))}),this.fire("rebuild")}return this}},{key:"build",value:function(t){return this._build=!!t,this}},{key:"setData",value:function(t){return this.dom=t,this.dom.leading=new wt(t.leading||1.3),this}}]),n}();$(Ce,je),lt({Container:{text:function(t){return this.put(new Ce).text(t)},plain:function(t){return this.put(new Ce).plain(t)}}}),nt(Ce);var Me=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("textPath",t),e))}return r(e,Ce),a(e,[{key:"array",value:function(){var t=this.track();return t?t.array():null}},{key:"plot",value:function(t){var e=this.track(),n=null;return e&&(n=e.plot(t)),null==t?n:this}},{key:"track",value:function(){return this.reference("href")}}]),e}();lt({Container:{textPath:function(t,e){return this.defs().path(e).text(t).addTo(this)}},Text:{path:function(t){var e=new Me;return t instanceof pe||(t=this.doc().defs().path(t)),e.attr("href","#"+t,B),this.put(e)},textPath:function(){return this.find("textPath")}},Path:{text:function(t){if(t instanceof Ce){var e=t.text();return t.clear().path(this).text(e)}return this.parent().put(new Ce).path(this).text(t)}}}),Me.prototype.MorphArray=ce,nt(Me);var Se=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("tspan",t),e))}return r(e,At),a(e,[{key:"text",value:function(t){return null==t?this.node.textContent+(this.dom.newLined?"\n":""):("function"==typeof t?t.call(this,this):this.plain(t),this)}},{key:"dx",value:function(t){return this.attr("dx",t)}},{key:"dy",value:function(t){return this.attr("dy",t)}},{key:"newLine",value:function(){var t=this.parent(Ce);return this.dom.newLined=!0,this.dy(t.dom.leading*t.attr("font-size")).attr("x",t.x())}}]),e}();$(Se,je),lt({Tspan:{tspan:function(t){var e=new Se;return this._build||this.clear(),this.node.appendChild(e.node),e.text(t)}}}),nt(Se);var Te=function(t){function e(t){return o(this,e),h(this,u(e).call(this,Q("use",t),e))}return r(e,jt),a(e,[{key:"element",value:function(t,e){return this.attr("href",(e||"")+"#"+t,B)}}]),e}();lt({Container:{use:function(t,e){return this.put(new Te).element(t,e)}}}),nt(Te);var Ee=function(){function h(){o(this,h),this.init.apply(this,arguments)}return a(h,[{key:"init",value:function(t){var e=q([1,0,0,1,0,0]);t=t instanceof bt?t.matrixify():"string"==typeof t?q(t.split(j).map(parseFloat)):Array.isArray(t)?q(t):"object"===l(t)&&I(t)?t:"object"===l(t)?(new h).transform(t):6===arguments.length?q([].slice.call(arguments)):e,this.a=null!=t.a?t.a:e.a,this.b=null!=t.b?t.b:e.b,this.c=null!=t.c?t.c:e.c,this.d=null!=t.d?t.d:e.d,this.e=null!=t.e?t.e:e.e,this.f=null!=t.f?t.f:e.f}},{key:"clone",value:function(){return new h(this)}},{key:"transform",value:function(t){if(I(t))return new h(t).multiplyO(this);var e=h.formatTransforms(t),n=new Wt(e.ox,e.oy).transform(this),i=n.x,r=n.y,s=(new h).translateO(e.rx,e.ry).lmultiplyO(this).translateO(-i,-r).scaleO(e.scaleX,e.scaleY).skewO(e.skewX,e.skewY).shearO(e.shear).rotateO(e.theta).translateO(i,r);if(isFinite(e.px)||isFinite(e.py)){var u=new Wt(i,r).transform(s),o=e.px?e.px-u.x:0,a=e.py?e.py-u.y:0;s.translateO(o,a)}return s.translateO(e.tx,e.ty),s}},{key:"compose",value:function(t){t.origin&&(t.originX=t.origin[0],t.originY=t.origin[1]);var e=t.originX||0,n=t.originY||0,i=t.scaleX||1,r=t.scaleY||1,s=t.shear||0,u=t.rotate||0,o=t.translateX||0,a=t.translateY||0;return(new h).translateO(-e,-n).scaleO(i,r).shearO(s).rotateO(u).translateO(o,a).lmultiplyO(this).translateO(e,n)}},{key:"decompose",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0,e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,n=this.a,i=this.b,r=this.c,s=this.d,u=this.e,o=this.f,a=n*s-i*r,h=0<a?1:-1,l=h*Math.sqrt(n*n+i*i),c=Math.atan2(h*i,h*n),f=180/Math.PI*c,d=Math.cos(c),y=Math.sin(c),v=(n*r+i*s)/a,p=r*l/(v*n-i)||s*l/(v*i+n);return{scaleX:l,scaleY:p,shear:v,rotate:f,translateX:u-t+t*d*l+e*(v*d*l-y*p),translateY:o-e+t*y*l+e*(v*y*l+d*p),originX:t,originY:e,a:this.a,b:this.b,c:this.c,d:this.d,e:this.e,f:this.f}}},{key:"multiply",value:function(t){return this.clone().multiplyO(t)}},{key:"multiplyO",value:function(t){var e=t instanceof h?t:new h(t);return h.matrixMultiply(this,e,this)}},{key:"lmultiply",value:function(t){return this.clone().lmultiplyO(t)}},{key:"lmultiplyO",value:function(t){var e=t instanceof h?t:new h(t);return h.matrixMultiply(e,this,this)}},{key:"inverseO",value:function(){var t=this.a,e=this.b,n=this.c,i=this.d,r=this.e,s=this.f,u=t*i-e*n;if(!u)throw new Error("Cannot invert "+this);var o=i/u,a=-e/u,h=-n/u,l=t/u,c=-(o*r+h*s),f=-(a*r+l*s);return this.a=o,this.b=a,this.c=h,this.d=l,this.e=c,this.f=f,this}},{key:"inverse",value:function(){return this.clone().inverseO()}},{key:"translate",value:function(t,e){return this.clone().translateO(t,e)}},{key:"translateO",value:function(t,e){return this.e+=t||0,this.f+=e||0,this}},{key:"scale",value:function(t,e,n,i){var r;return(r=this.clone()).scaleO.apply(r,arguments)}},{key:"scaleO",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0,i=3<arguments.length&&void 0!==arguments[3]?arguments[3]:0;3===arguments.length&&(i=n,n=e,e=t);var r=this.a,s=this.b,u=this.c,o=this.d,a=this.e,h=this.f;return this.a=r*t,this.b=s*e,this.c=u*t,this.d=o*e,this.e=a*t-n*t+n,this.f=h*e-i*e+i,this}},{key:"rotate",value:function(t,e,n){return this.clone().rotateO(t,e,n)}},{key:"rotateO",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0;t=_t(t);var i=Math.cos(t),r=Math.sin(t),s=this.a,u=this.b,o=this.c,a=this.d,h=this.e,l=this.f;return this.a=s*i-u*r,this.b=u*i+s*r,this.c=o*i-a*r,this.d=a*i+o*r,this.e=h*i-l*r+n*r-e*i+e,this.f=l*i+h*r-e*r-n*i+n,this}},{key:"flip",value:function(t,e){return this.clone().flipO(t,e)}},{key:"flipO",value:function(t,e){return"x"===t?this.scaleO(-1,1,e,0):"y"===t?this.scaleO(1,-1,0,e):this.scaleO(-1,-1,t,e||t)}},{key:"shear",value:function(t,e,n){return this.clone().shearO(t,e,n)}},{key:"shearO",value:function(t){var e=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0,n=this.a,i=this.b,r=this.c,s=this.d,u=this.e,o=this.f;return this.a=n+i*t,this.c=r+s*t,this.e=u+o*t-e*t,this}},{key:"skew",value:function(t,e,n,i){var r;return(r=this.clone()).skewO.apply(r,arguments)}},{key:"skewO",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:0,i=3<arguments.length&&void 0!==arguments[3]?arguments[3]:0;3===arguments.length&&(i=n,n=e,e=t),t=_t(t),e=_t(e);var r=Math.tan(t),s=Math.tan(e),u=this.a,o=this.b,a=this.c,h=this.d,l=this.e,c=this.f;return this.a=u+o*r,this.b=o+u*s,this.c=a+h*r,this.d=h+a*s,this.e=l+c*r-i*r,this.f=c+l*s-n*s,this}},{key:"skewX",value:function(t,e,n){return this.skew(t,0,e,n)}},{key:"skewXO",value:function(t,e,n){return this.skewO(t,0,e,n)}},{key:"skewY",value:function(t,e,n){return this.skew(0,t,e,n)}},{key:"skewYO",value:function(t,e,n){return this.skewO(0,t,e,n)}},{key:"aroundO",value:function(t,e,n){var i=t||0,r=e||0;return this.translateO(-i,-r).lmultiplyO(n).translateO(i,r)}},{key:"around",value:function(t,e,n){return this.clone().aroundO(t,e,n)}},{key:"native",value:function(){for(var t=Jt().svg.node.createSVGMatrix(),e=L.length-1;0<=e;e--)t[L[e]]=this[L[e]];return t}},{key:"equals",value:function(t){var e=new h(t);return F(this.a,e.a)&&F(this.b,e.b)&&F(this.c,e.c)&&F(this.d,e.d)&&F(this.e,e.e)&&F(this.f,e.f)}},{key:"toString",value:function(){return"matrix("+this.a+","+this.b+","+this.c+","+this.d+","+this.e+","+this.f+")"}},{key:"toArray",value:function(){return[this.a,this.b,this.c,this.d,this.e,this.f]}},{key:"valueOf",value:function(){return{a:this.a,b:this.b,c:this.c,d:this.d,e:this.e,f:this.f}}}],[{key:"formatTransforms",value:function(t){var e="both"===t.flip||!0===t.flip,n=t.flip&&(e||"x"===t.flip)?-1:1,i=t.flip&&(e||"y"===t.flip)?-1:1,r=t.skew&&t.skew.length?t.skew[0]:isFinite(t.skew)?t.skew:isFinite(t.skewX)?t.skewX:0,s=t.skew&&t.skew.length?t.skew[1]:isFinite(t.skew)?t.skew:isFinite(t.skewY)?t.skewY:0,u=t.scale&&t.scale.length?t.scale[0]*n:isFinite(t.scale)?t.scale*n:isFinite(t.scaleX)?t.scaleX*n:n,o=t.scale&&t.scale.length?t.scale[1]*i:isFinite(t.scale)?t.scale*i:isFinite(t.scaleY)?t.scaleY*i:i,a=t.shear||0,h=t.rotate||t.theta||0,l=new Wt(t.origin||t.around||t.ox||t.originX,t.oy||t.originY),c=l.x,f=l.y,d=new Wt(t.position||t.px||t.positionX,t.py||t.positionY),y=d.x,v=d.y,p=new Wt(t.translate||t.tx||t.translateX,t.ty||t.translateY),m=p.x,g=p.y,w=new Wt(t.relative||t.rx||t.relativeX,t.ry||t.relativeY);return{scaleX:u,scaleY:o,skewX:r,skewY:s,shear:a,theta:h,rx:w.x,ry:w.y,tx:m,ty:g,ox:c,oy:f,px:y,py:v}}},{key:"matrixMultiply",value:function(t,e,n){var i=t.a*e.a+t.c*e.b,r=t.b*e.a+t.d*e.b,s=t.a*e.c+t.c*e.d,u=t.b*e.c+t.d*e.d,o=t.e+t.a*e.e+t.c*e.f,a=t.f+t.b*e.e+t.d*e.f;return n.a=i,n.b=r,n.c=s,n.d=u,n.e=o,n.f=a,n}}]),h}();lt({Element:{ctm:function(){return new Ee(this.node.getCTM())},screenCTM:function(){if("function"!=typeof this.isRoot||this.isRoot())return new Ee(this.node.getScreenCTM());var t=this.rect(1,1),e=t.node.getScreenCTM();return t.remove(),new Ee(e)}}});var Ne=function(){function t(){o(this,t),this.init.apply(this,arguments)}return a(t,[{key:"init",value:function(t,e,n){var i,r;(this.r=0,this.g=0,this.b=0,t)&&("string"==typeof t?k.test(t)?(i=p.exec(t.replace(g,"")),this.r=parseInt(i[1]),this.g=parseInt(i[2]),this.b=parseInt(i[3])):w.test(t)&&(i=v.exec(4===(r=t).length?["#",r.substring(1,2),r.substring(1,2),r.substring(2,3),r.substring(2,3),r.substring(3,4),r.substring(3,4)].join(""):r),this.r=parseInt(i[1],16),this.g=parseInt(i[2],16),this.b=parseInt(i[3],16)):Array.isArray(t)?(this.r=t[0],this.g=t[1],this.b=t[2]):"object"===l(t)?(this.r=t.r,this.g=t.g,this.b=t.b):3===arguments.length&&(this.r=t,this.g=e,this.b=n))}},{key:"toString",value:function(){return this.toHex()}},{key:"toArray",value:function(){return[this.r,this.g,this.b]}},{key:"toHex",value:function(){return"#"+z(Math.round(this.r))+z(Math.round(this.g))+z(Math.round(this.b))}},{key:"toRgb",value:function(){return"rgb("+[this.r,this.g,this.b].join()+")"}},{key:"brightness",value:function(){return this.r/255*.3+this.g/255*.59+this.b/255*.11}}],[{key:"test",value:function(t){return t+="",w.test(t)||k.test(t)}},{key:"isRgb",value:function(t){return t&&"number"==typeof t.r&&"number"==typeof t.g&&"number"==typeof t.b}},{key:"isColor",value:function(t){return this.isRgb(t)||this.test(t)}}]),t}();function Pe(e,n){return function(t){return null==t?this[t]:(this[e]=t,n&&n.call(this),this)}}var De={"-":function(t){return t},"<>":function(t){return-Math.cos(t*Math.PI)/2+.5},">":function(t){return Math.sin(t*Math.PI/2)},"<":function(t){return 1-Math.cos(t*Math.PI/2)},bezier:function(t,e,n,i){return function(t){}}},ze=function(){function t(){o(this,t)}return a(t,[{key:"done",value:function(){return!1}}]),t}(),Re=function(t){function n(t){var e;return o(this,n),(e=h(this,u(n).call(this))).ease=De[t||_e.ease]||t,e}return r(n,ze),a(n,[{key:"step",value:function(t,e,n){return"number"!=typeof t?n<1?t:e:t+(e-t)*this.ease(n)}}]),n}(),qe=function(t){function n(t){var e;return o(this,n),(e=h(this,u(n).call(this))).stepper=t,e}return r(n,ze),a(n,[{key:"step",value:function(t,e,n,i){return this.stepper(t,e,n,i)}},{key:"done",value:function(t){return t.done}}]),n}();function Le(){var t=(this._duration||500)/1e3,e=this._overshoot||0,n=Math.PI,i=Math.log(e/100+1e-10),r=-i/Math.sqrt(n*n+i*i),s=3.9/(r*t);this.d=2*r*s,this.k=s*s}var Fe=function(t){function i(t,e){var n;return o(this,i),(n=h(this,u(i).call(this))).duration(t||500).overshoot(e||0),n}return r(i,qe),a(i,[{key:"step",value:function(t,e,n,i){if("string"==typeof t)return t;if(i.done=n===1/0,n===1/0)return e;if(0===n)return t;100<n&&(n=16),n/=1e3;var r=i.velocity||0,s=-this.d*r-this.k*(t-e),u=t+r*n+s*n*n/2;return i.velocity=r+s*n,i.done=Math.abs(e-u)+Math.abs(r)<.002,i.done?e:u}}]),i}();$(Fe,{duration:Pe("_duration",Le),overshoot:Pe("_overshoot",Le)});var Ie=function(t){function s(t,e,n,i){var r;return o(this,s),t=null==t?.1:t,e=null==e?.01:e,n=null==n?0:n,i=null==i?1e3:i,(r=h(this,u(s).call(this))).p(t).i(e).d(n).windup(i),r}return r(s,qe),a(s,[{key:"step",value:function(t,e,n,i){if("string"==typeof t)return t;if(i.done=n===1/0,n===1/0)return e;if(0===n)return t;var r=e-t,s=(i.integral||0)+r*n,u=(r-(i.error||0))/n,o=this.windup;return!1!==o&&(s=Math.max(-o,Math.min(s,o))),i.error=r,i.integral=s,i.done=Math.abs(r)<.001,i.done?e:t+(this.P*r+this.I*s+this.D*u)}}]),s}();$(Ie,{windup:Pe("windup"),p:Pe("P"),i:Pe("I"),d:Pe("D")});var Xe=function(){function e(t){o(this,e),this._stepper=t||new Re("-"),this._from=null,this._to=null,this._type=null,this._context=null,this._morphObj=null}return a(e,[{key:"from",value:function(t){return null==t?this._from:(this._from=this._set(t),this)}},{key:"to",value:function(t){return null==t?this._to:(this._to=this._set(t),this)}},{key:"type",value:function(t){return null==t?this._type:(this._type=t,this)}},{key:"_set",value:function(t){if(!this._type){var e=l(t);"number"===e?this.type(wt):"string"===e?Ne.isColor(t)?this.type(Ne):j.test(t)?this.type(M.test(t)?ce:re):y.test(t)?this.type(wt):this.type(Ye):-1<Ge.indexOf(t.constructor)?this.type(t.constructor):Array.isArray(t)?this.type(re):"object"===e?this.type(Be):this.type(Ye)}var n=new this._type(t).toArray();return this._morphObj=this._morphObj||new this._type,this._context=this._context||Array.apply(null,Array(n.length)).map(Object),n}},{key:"stepper",value:function(t){return null==t?this._stepper:(this._stepper=t,this)}},{key:"done",value:function(){return this._context.map(this._stepper.done).reduce(function(t,e){return t&&e},!0)}},{key:"at",value:function(n){var i=this;return this._morphObj.fromArray(this._from.map(function(t,e){return i._stepper.step(t,i._to[e],n,i._context[e],i._context)}))}}]),e}(),Ye=function(){function t(){o(this,t),this.init.apply(this,arguments)}return a(t,[{key:"init",value:function(t){t=Array.isArray(t)?t[0]:t,this.value=t}},{key:"valueOf",value:function(){return this.value}},{key:"toArray",value:function(){return[this.value]}}]),t}(),He=function(){function e(){o(this,e),this.init.apply(this,arguments)}return a(e,[{key:"init",value:function(t){Array.isArray(t)&&(t={scaleX:t[0],scaleY:t[1],shear:t[2],rotate:t[3],translateX:t[4],translateY:t[5],originX:t[6],originY:t[7]}),Object.assign(this,e.defaults,t)}},{key:"toArray",value:function(){var t=this;return[t.scaleX,t.scaleY,t.shear,t.rotate,t.translateX,t.translateY,t.originX,t.originY]}}]),e}();He.defaults={scaleX:1,scaleY:1,shear:0,rotate:0,translateX:0,translateY:0,originX:0,originY:0};var Be=function(){function t(){o(this,t),this.init.apply(this,arguments)}return a(t,[{key:"init",value:function(t){if(this.values=[],Array.isArray(t))this.values=t;else{var e=Object.entries(t||{}).sort(function(t,e){return t[0]-e[0]});this.values=e.reduce(function(t,e){return t.concat(e)},[])}}},{key:"valueOf",value:function(){for(var t={},e=this.values,n=0,i=e.length;n<i;n+=2)t[e[n]]=e[n+1];return t}},{key:"toArray",value:function(){return this.values}}]),t}(),Ge=[Ye,He,Be];var Ve=window.performance||Date,Qe=function(t){var e=t.start,n=t.runner.duration();return{start:e,duration:n,end:e+n,runner:t.runner}},Ue=function(){function t(){o(this,t),this._timeSource=function(){return Ve.now()},this._dispatcher=document.createElement("div"),this._startTime=0,this._speed=1,this._reverse=!1,this._persist=0,this._nextFrame=null,this._paused=!1,this._runners=[],this._order=[],this._time=0,this._lastSourceTime=0,this._lastStepTime=0}return a(t,[{key:"getEventTarget",value:function(){return this._dispatcher}},{key:"schedule",value:function(t,e,n){if(null==t)return this._runners.map(Qe).sort(function(t,e){return t.start-e.start||t.duration-e.duration});this.active()||(this._step(),null==n&&(n="now"));var i=0;if(e=e||0,null==n||"last"===n||"after"===n)i=this._startTime;else if("absolute"===n||"start"===n)i=e,e=0;else if("now"===n)i=this._time;else{if("relative"!==n)throw new Error('Invalid value for the "when" parameter');var r=this._runners[t.id];r&&(i=r.start+e,e=0)}return t.unschedule(),t.timeline(this),t.time(-e),this._startTime=i+t.duration()+e,this._runners[t.id]={persist:this.persist(),runner:t,start:i},this._order.push(t.id),this._continue(),this}},{key:"unschedule",value:function(t){var e=this._order.indexOf(t.id);return e<0||(delete this._runners[t.id],this._order.splice(e,1),t.timeline(null)),this}},{key:"play",value:function(){return this._paused=!1,this._continue()}},{key:"pause",value:function(){return this._nextFrame=null,this._paused=!0,this}},{key:"stop",value:function(){return this.seek(-this._time),this.pause()}},{key:"finish",value:function(){return this.seek(1/0),this.pause()}},{key:"speed",value:function(t){return null==t?this._speed:(this._speed=t,this)}},{key:"reverse",value:function(t){var e=this.speed();if(null==t)return this.speed(-e);var n=Math.abs(e);return this.speed(t?n:-n)}},{key:"seek",value:function(t){return this._time+=t,this._continue()}},{key:"time",value:function(t){return null==t?this._time:(this._time=t,this)}},{key:"persist",value:function(t){return null==t?this._persist:(this._persist=t,this)}},{key:"source",value:function(t){return null==t?this._timeSource:(this._timeSource=t,this)}},{key:"_step",value:function(){if(!this._paused){var t=this._timeSource(),e=t-this._lastSourceTime,n=this._speed*e+(this._time-this._lastStepTime);this._lastSourceTime=t,this._time+=n,this._lastStepTime=this._time;for(var i=!1,r=0,s=this._order.length;r<s;r++){var u=this._runners[this._order[r]],o=u.runner,a=n,h=this._time-u.start;if(h<0)i=!0;else if(h<a&&(a=h),o.active())if(o.step(a).done){if(!0!==u.persist){o.duration()-o.time()+this._time+this._persist<this._time&&(delete this._runners[this._order[r]],this._order.splice(r--,1)&&--s,o.timeline(null))}}else i=!0}return this._nextFrame=i?Pt.frame(this._step.bind(this)):null,this}}},{key:"_continue",value:function(){return this._paused||this._nextFrame||(this._nextFrame=Pt.frame(this._step.bind(this))),this}},{key:"active",value:function(){return!!this._nextFrame}}]),t}();lt({Element:{timeline:function(){return this._timeline=this._timeline||new Ue,this._timeline}}});var $e=function(){function s(t){o(this,s),this.id=s.id++,t="function"==typeof(t=null==t?_e.duration:t)?new qe(t):t,this._element=null,this._timeline=null,this.done=!1,this._queue=[],this._duration="number"==typeof t&&t,this._isDeclarative=t instanceof qe,this._stepper=this._isDeclarative?t:new Re,this._history={},this.enabled=!0,this._time=0,this._last=0,this.transforms=new Ee,this.transformId=1,this._haveReversed=!1,this._reverse=!1,this._loopsDone=0,this._swing=!1,this._wait=0,this._times=1}return a(s,[{key:"element",value:function(t){return null==t?this._element:((this._element=t)._prepareRunner(),this)}},{key:"timeline",value:function(t){return void 0===t?this._timeline:(this._timeline=t,this)}},{key:"animate",value:function(t,e,n){var i=s.sanitise(t,e,n),r=new s(i.duration);return this._timeline&&r.timeline(this._timeline),this._element&&r.element(this._element),r.loop(i).schedule(e,n)}},{key:"schedule",value:function(t,e,n){if(t instanceof Ue||(n=e,e=t,t=this.timeline()),!t)throw Error("Runner cannot be scheduled without timeline");return t.schedule(this,e,n),this}},{key:"unschedule",value:function(){var t=this.timeline();return t&&t.unschedule(this),this}},{key:"loop",value:function(t,e,n){return"object"===l(t)&&(e=t.swing,n=t.wait,t=t.times),this._times=t||1/0,this._swing=e||!1,this._wait=n||0,this}},{key:"delay",value:function(t){return this.animate(0,t)}},{key:"queue",value:function(t,e,n){return this._queue.push({initialiser:t||xe,runner:e||xe,isTransform:n,initialised:!1,finished:!1}),this.timeline()&&this.timeline()._continue(),this}},{key:"during",value:function(t){return this.queue(null,t)}},{key:"after",value:function(t){return this.on("finish",t)}},{key:"time",value:function(t){if(null==t)return this._time;var e=t-this._time;return this.step(e),this}},{key:"duration",value:function(){return this._times*(this._wait+this._duration)-this._wait}},{key:"loops",value:function(t){var e=this._duration+this._wait;if(null==t){var n=Math.floor(this._time/e),i=(this._time-n*e)/this._duration;return Math.min(n+i,this._times)}var r=t%1,s=e*Math.floor(t)+this._duration*r;return this.time(s)}},{key:"position",value:function(t){var e,n=this._time,r=this._duration,s=this._wait,i=this._times,u=this._swing,o=this._reverse;if(null==t){var a=function(t){var e=u*Math.floor(t%(2*(s+r))/(s+r)),n=e&&!o||!e&&o,i=Math.pow(-1,n)*(t%(s+r))/r+n;return Math.max(Math.min(i,1),0)},h=i*(s+r)-s;return e=n<=0?Math.round(a(1e-5)):n<h?a(n):Math.round(a(h-1e-5)),e}var l=Math.floor(this.loops()),c=u&&l%2==0;return e=l+(c&&!o||o&&c?t:1-t),this.loops(e)}},{key:"progress",value:function(t){return null==t?Math.min(1,this._time/this.duration()):this.time(t*this.duration())}},{key:"step",value:function(t){if(!this.enabled)return this;t=null==t?16:t,this._time+=t;var e=this.position(),n=this._lastPosition!==e&&0<=this._time;this._lastPosition=e;var i=this.duration(),r=(this._lastTime<0&&this._time,this._lastTime<this._time&&this.time>i);this._lastTime=this._time;var s=this._isDeclarative;if(this.done=!s&&!r&&this._time>=i,n||s){this._initialise(n),this.transforms=new Ee;var u=this._run(s?t:e)}return this.done=this.done||u&&s,this}},{key:"finish",value:function(){return this.step(1/0)}},{key:"reverse",value:function(t){return this._reverse=null==t?!this._reverse:t,this}},{key:"ease",value:function(t){return this._stepper=new Re(t),this}},{key:"active",value:function(t){return null==t?this.enabled:(this.enabled=t,this)}},{key:"_rememberMorpher",value:function(t,e){this._history[t]={morpher:e,caller:this._queue[this._queue.length-1]}}},{key:"_tryRetarget",value:function(t,e){if(this._history[t]){if(!this._history[t].caller.initialised){var n=this._queue.indexOf(this._history[t].caller);return this._queue.splice(n,1),!1}this._history[t].caller.isTransform?this._history[t].caller.isTransform(e):this._history[t].morpher.to(e),this._history[t].caller.finished=!1;var i=this.timeline();return i&&i._continue(),!0}return!1}},{key:"_initialise",value:function(t){if(t||this._isDeclarative)for(var e=0,n=this._queue.length;e<n;++e){var i=this._queue[e],r=this._isDeclarative||!i.initialised&&t;t=!i.finished,r&&t&&(i.initialiser.call(this),i.initialised=!0)}}},{key:"_run",value:function(t){for(var e=!0,n=0,i=this._queue.length;n<i;++n){var r=this._queue[n],s=r.runner.call(this,t);r.finished=r.finished||!0===s,e=e&&r.finished}return e}},{key:"addTransform",value:function(t,e){return this.transforms.lmultiplyO(t),this}},{key:"clearTransform",value:function(){return this.transforms=new Ee,this}}],[{key:"sanitise",value:function(t,e,n){var i=1,r=!1,s=0;return e=e||_e.delay,n=n||"last","object"!==l(t=t||_e.duration)||t instanceof ze||(e=t.delay||e,n=t.when||n,r=t.swing||r,i=t.times||i,s=t.wait||s,t=t.duration||_e.duration),{duration:t,delay:e,swing:r,times:i,wait:s,when:n}}}]),s}();$e.id=0;var Je=function t(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:new Ee,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:-1,i=!(2<arguments.length&&void 0!==arguments[2])||arguments[2];o(this,t),this.transforms=e,this.id=n,this.done=i};$([$e,Je],{mergeWith:function(t){return new Je(t.transforms.lmultiply(this.transforms),t.id)}});var We=function(t,e){return t.lmultiplyO(e)},Ze=function(t){return t.transforms};var Ke=function(){function t(){o(this,t),this.runners=[],this.ids=[]}return a(t,[{key:"add",value:function(t){if(!this.runners.includes(t)){var n=t.id+1,e=this.ids.reduce(function(t,e){return t<e&&e<n?e:t},0),i=this.ids.indexOf(e)+1;return this.ids.splice(i,0,n),this.runners.splice(i,0,t),this}}},{key:"getByID",value:function(t){return this.runners[this.ids.indexOf(t+1)]}},{key:"remove",value:function(t){var e=this.ids.indexOf(t+1);return this.ids.splice(e,1),this.runners.splice(e,1),this}},{key:"merge",value:function(){var n=this,i=null;return this.runners.forEach(function(t,e){i&&t.done&&i.done&&(n.remove(t.id),n.edit(i.id,t.mergeWith(i))),i=t}),this}},{key:"edit",value:function(t,e){var n=this.ids.indexOf(t+1);return this.ids.splice(n,1,t),this.runners.splice(n,1,e),this}},{key:"length",value:function(){return this.ids.length}},{key:"clearBefore",value:function(t){var e=this.ids.indexOf(t+1)||1;return this.ids.splice(0,e,0),this.runners.splice(0,e,new Je),this}}]),t}(),tn=0;lt({Element:{animate:function(t,e,n){var i=$e.sanitise(t,e,n),r=this.timeline();return new $e(i.duration).loop(i).element(this).timeline(r).schedule(e,n)},delay:function(t,e){return this.animate(0,t,e)},_clearTransformRunnersBefore:function(t){this._transformationRunners.clearBefore(t.id)},_currentTransform:function(e){return this._transformationRunners.runners.filter(function(t){return t.id<=e.id}).map(Ze).reduce(We,new Ee)},addRunner:function(t){this._transformationRunners.add(t),Pt.transform_frame(function(){var t=this._transformationRunners.runners.map(Ze).reduce(We,new Ee);this.transform(t),this._transformationRunners.merge(),1===this._transformationRunners.length()&&(this._frameId=null)}.bind(this),this._frameId)},_prepareRunner:function(){null==this._frameId&&(this._transformationRunners=(new Ke).add(new Je(new Ee(this))),this._frameId=tn++)}}}),$($e,{attr:function(t,e){return this.styleAttr("attr",t,e)},css:function(t,e){return this.styleAttr("css",t,e)},styleAttr:function(e,n,t){if("object"===l(n))for(var i in t)this.styleAttr(e,i,t[i]);var r=new Xe(this._stepper).to(t);return this.queue(function(){r=r.from(this.element()[e](n))},function(t){return this.element()[e](n,r.at(t)),r.done()}),this},zoom:function(t,e){var n=new Xe(this._stepper).to(new wt(t));return this.queue(function(){n=n.from(this.zoom())},function(t){return this.element().zoom(n.at(t),e),n.done()}),this},transform:function(d,y,v){if(y=d.relative||y,this._isDeclarative&&!y&&this._tryRetarget("transform",d))return this;var p=I(d);v=null!=d.affine?d.affine:null!=v?v:!p;var m,g,w,k,b,x=(new Xe).type(v?He:Ee).stepper(this._stepper);return this.queue(function(){g=g||this.element(),m=m||X(d,g),b=new Ee(y?void 0:g),g.addRunner(this),y||g._clearTransformRunnersBefore(this)},function(t){y||this.clearTransform();var e=new Wt(m).transform(g._currentTransform(this)),n=e.x,i=e.y,r=new Ee(_({},d,{origin:[n,i]})),s=this._isDeclarative&&w?w:b;if(v){r=r.decompose(n,i),s=s.decompose(n,i);var u=r.rotate,o=s.rotate,a=[u-360,u,u+360],h=a.map(function(t){return Math.abs(t-o)}),l=Math.min.apply(Math,O(h)),c=h.indexOf(l);r.rotate=a[c]}y&&(p||(r.rotate=d.rotate||0),this._isDeclarative&&k&&(s.rotate=k)),x.from(s),x.to(r);var f=x.at(t);return k=f.rotate,w=new Ee(f),this.addTransform(w),x.done()},function(t){(t.origin||"center").toString()!==(d.origin||"center").toString()&&(m=X(d,g)),d=_({},t,{origin:m})}),this._isDeclarative&&this._rememberMorpher("transform",x),this},x:function(t,e){return this._queueNumber("x",t)},y:function(t){return this._queueNumber("y",t)},dx:function(t){return this._queueNumberDelta("dx",t)},dy:function(t){return this._queueNumberDelta("dy",t)},_queueNumberDelta:function(e,n){if(n=new wt(n),this._tryRetargetDelta(e,n))return this;var i=new Xe(this._stepper).to(n);return this.queue(function(){var t=this.element()[e]();i.from(t),i.to(t+n)},function(t){return this.element()[e](i.at(t)),i.done()}),this._rememberMorpher(e,i),this},_queueObject:function(e,t){if(this._tryRetarget(e,t))return this;var n=new Xe(this._stepper).to(t);return this.queue(function(){n.from(this.element()[e]())},function(t){return this.element()[e](n.at(t)),n.done()}),this._rememberMorpher(e,n),this},_queueNumber:function(t,e){return this._queueObject(t,new wt(e))},cx:function(t){return this._queueNumber("cx",t)},cy:function(t){return this._queueNumber("cy",t)},move:function(t,e){return this.x(t).y(e)},center:function(t,e){return this.cx(t).cy(e)},size:function(t,e){var n;return t&&e||(n=this._element.bbox()),t||(t=n.width/n.height*e),e||(e=n.height/n.width*t),this.width(t).height(e)},width:function(t){return this._queueNumber("width",t)},height:function(t){return this._queueNumber("height",t)},plot:function(t,e,n,i){return 4===arguments.length?this.plot([t,e,n,i]):this._queueObject("plot",new this._element.MorphArray(t))},leading:function(t){return this._queueNumber("leading",t)},viewbox:function(t,e,n,i){return this._queueObject("viewbox",new Box(t,e,n,i))},update:function(t){return"object"!==l(t)?this.update({offset:t,color:arguments[1],opacity:arguments[2]}):(null!=t.opacity&&this.attr("stop-opacity",t.opacity),null!=t.color&&this.attr("stop-color",t.color),null!=t.offset&&this.attr("offset",t.offset),this)}});var en,nn=Object.freeze({EventTarget:gt,Element:bt,Shape:jt,Parent:At,Container:Ct,HtmlNode:Mt,Doc:Tt,Defs:St,G:Et,Animator:Pt,Bare:Dt,Circle:Ht,ClipPath:Gt,A:Vt,Ellipse:Qt,Stop:Ut,Gradient:te,Image:ne,Line:ae,Marker:he,Mask:le,Path:pe,Pattern:ee,Polygon:ge,Polyline:we,Rect:ke,Symbol:be,Text:Ce,TextPath:Me,Tspan:Se,Use:Te,SVGNumber:wt,SVGArray:re,PathArray:ce,PointArray:se,Matrix:Ee,Point:Wt,Box:Zt,Color:Ne,Morphable:Xe,Queue:Nt,Runner:$e,Timeline:Ue,Controller:qe,Ease:Re,PID:Ie,Spring:Fe});lt("Element",{attr:function(t,e,n){if(null==t){t={},e=this.node.attributes;var i=!0,r=!1,s=void 0;try{for(var u,o=e[Symbol.iterator]();!(i=(u=o.next()).done);i=!0){var a=u.value;t[a.nodeName]=x.test(a.nodeValue)?parseFloat(a.nodeValue):a.nodeValue}}catch(t){r=!0,s=t}finally{try{i||null==o.return||o.return()}finally{if(r)throw s}}return t}if(Array.isArray(t));else if("object"===l(t))for(e in t)this.attr(e,t[e]);else if(null===e)this.node.removeAttribute(t);else{if(null==e)return null==(e=this.node.getAttribute(t))?Oe[t]:x.test(e)?parseFloat(e):e;for("fill"!==t&&"stroke"!==t||A.test(e)&&(e=this.doc().defs().image(e));"function"==typeof e.attrHook;)e=e.attrHook(this,t);"number"==typeof e?e=new wt(e):Ne.isColor(e)?e=new Ne(e):e.constructor===Array&&(e=new re(e)),"leading"===t?this.leading&&this.leading(e):"string"==typeof n?this.node.setAttributeNS(n,t,e.toString()):this.node.setAttribute(t,e.toString()),!this.rebuild||"font-size"!==t&&"x"!==t||this.rebuild()}return this}}),lt("Element",{siblings:function(){return this.parent().children()},position:function(){return this.parent().index(this)},next:function(){return this.siblings()[this.position()+1]},prev:function(){return this.siblings()[this.position()-1]},forward:function(){var t=this.position()+1,e=this.parent();return e.removeElement(this).add(this,t),"function"==typeof e.isRoot&&e.isRoot()&&e.node.appendChild(e.defs().node),this},backward:function(){var t=this.position();return 0<t&&this.parent().removeElement(this).add(this,t-1),this},front:function(){var t=this.parent();return t.node.appendChild(this.node),"function"==typeof t.isRoot&&t.isRoot()&&t.node.appendChild(t.defs().node),this},back:function(){return 0<this.position()&&this.parent().removeElement(this).add(this,0),this},before:function(t){t.remove();var e=this.position();return this.parent().add(t,e),this},after:function(t){t.remove();var e=this.position();return this.parent().add(t,e+1),this}}),lt("Element",{data:function(e,t,n){if("object"===l(e))for(t in e)this.data(t,e[t]);else if(arguments.length<2)try{return JSON.parse(this.attr("data-"+e))}catch(t){return this.attr("data-"+e)}else this.attr("data-"+e,null===t?null:!0===n||"string"==typeof t||"number"==typeof t?t:JSON.stringify(t));return this}}),lt("Element",{css:function(t,e){var n={};if(0===arguments.length)return this.node.style.cssText.split(/\s*;\s*/).filter(function(t){return!!t.length}).forEach(function(t){var e=t.split(/\s*:\s*/);n[e[0]]=e[1]}),n;if(arguments.length<2){if(Array.isArray(t)){var i=!0,r=!1,s=void 0;try{for(var u,o=t[Symbol.iterator]();!(i=(u=o.next()).done);i=!0){var a=P(u.value);n[a]=this.node.style[a]}}catch(t){r=!0,s=t}finally{try{i||null==o.return||o.return()}finally{if(r)throw s}}return n}if("string"==typeof t)return this.node.style[P(t)];if("object"===l(t))for(name in t)this.node.style[P(name)]=null==t[name]||b.test(t[name])?"":t[name]}return 2===arguments.length&&(this.node.style[P(t)]=null==e||b.test(e)?"":e),this},show:function(){return this.css("display","")},hide:function(){return this.css("display","none")},visible:function(){return"none"!==this.css("display")}}),lt("Element",{untransform:function(){return this.attr("transform",null)},matrixify:function(){return(this.attr("transform")||"").split(t).slice(0,-1).map(function(t){var e=t.trim().split("(");return[e[0],e[1].split(j).map(function(t){return parseFloat(t)})]}).reverse().reduce(function(t,e){return"matrix"===e[0]?t.lmultiply(q(e[1])):t[e[0]].apply(t,e[1])},new Ee)},toParent:function(t){if(this===t)return this;var e=this.screenCTM(),n=t.screenCTM().inverse();return this.addTo(t).untransform().transform(n.multiply(e)),this},toDoc:function(){return this.toParent(this.doc())},transform:function(t,e){if(null==t||"string"==typeof t){var n=new Ee(this).decompose();return n[t]||n}I(t)||(t=_({},t,{origin:X(t,this)}));var i=new Ee(!0===e?this:e||!1).transform(t);return this.attr("transform",i)}}),lt("Element",{remember:function(t,e){if("object"===l(t))for(var n in t)this.remember(n,t[n]);else{if(1===arguments.length)return this.memory()[t];this.memory()[t]=e}return this},forget:function(){if(0===arguments.length)this._memory={};else for(var t=arguments.length-1;0<=t;t--)delete this.memory()[arguments[t]];return this},memory:function(){return this._memory}}),en=function(t){this._memory={}},ht["Memory"]=en;var rn={stroke:["color","width","opacity","linecap","linejoin","miterlimit","dasharray","dashoffset"],fill:["color","opacity","rule"],prefix:function(t,e){return"color"===e?t:t+"-"+e}};["fill","stroke"].forEach(function(e){var n,t={};t[e]=function(t){if(void 0===t)return this;if("string"==typeof t||Ne.isRgb(t)||t&&"function"==typeof t.fill)this.attr(e,t);else for(n=rn[e].length-1;0<=n;n--)null!=t[rn[e][n]]&&this.attr(rn.prefix(e,rn[e][n]),t[rn[e][n]]);return this},lt(["Element","Runner"],t)}),lt(["Element","Runner"],{matrix:function(t,e,n,i,r,s){return null==t?new Ee(this):this.attr("transform",new Ee(t,e,n,i,r,s))},rotate:function(t,e,n){return this.transform({rotate:t,ox:e,oy:n},!0)},skew:function(t,e,n,i){return 1===arguments.length||3===arguments.length?this.transform({skew:t,ox:e,oy:n},!0):this.transform({skew:[t,e],ox:n,oy:i},!0)},shear:function(t,e,n){return this.transform({shear:t,ox:e,oy:n},!0)},scale:function(t,e,n,i){return 1===arguments.length||3===arguments.length?this.transform({scale:t,ox:e,oy:n},!0):this.transform({scale:[t,e],ox:n,oy:i},!0)},translate:function(t,e){return this.transform({translate:[t,e]},!0)},relative:function(t,e){return this.transform({relative:[t,e]},!0)},flip:function(t,e){var n="string"==typeof t?t:(isFinite(t),"both"),i="both"===t&&isFinite(e)?[e,e]:"x"===t?[e,0]:"y"===t?[0,e]:isFinite(t)?[t,t]:[0,0];this.transform({flip:n,origin:i},!0)},opacity:function(t){return this.attr("opacity",t)},dx:function(t){return this.x(new wt(t).plus(this instanceof $e?0:this.x()),!0)},dy:function(t){return this.y(new wt(t).plus(this instanceof $e?0:this.y()),!0)},dmove:function(t,e){return this.dx(t).dy(e)}}),lt("radius",{radius:function(t,e){var n=(this._element||this).type;return"radialGradient"===n||"radialGradient"===n?this.attr("r",new wt(t)):this.rx(t).ry(null==e?t:e)}}),lt("Path",{length:function(){return this.node.getTotalLength()},pointAt:function(t){return new Wt(this.node.getPointAtLength(t))}}),lt(["Parent","Runner"],{font:function(t,e){if("object"===l(t))for(e in t)this.font(e,t[e]);return"leading"===t?this.leading(e):"anchor"===t?this.attr("text-anchor",e):"size"===t||"family"===t||"weight"===t||"stretch"===t||"variant"===t||"style"===t?this.attr("font-"+t,e):this.attr(t,e)}});var sn,un=$;function on(t){return tt(t)}return un([Tt,be,ne,ee,he],ct("viewbox")),un([ae,we,ge,pe],ct("marker")),un(Ce,ct("Text")),un(pe,ct("Path")),un(St,ct("Defs")),un([Ce,Se],ct("Tspan")),un([ke,Qt,Ht,te],ct("radius")),un(gt,ct("EventTarget")),un(bt,ct("Element")),un(bt,ct("Parent")),un(bt,ht[sn="Memory"]?{setup:ht[sn],name:sn}:{}),un(Ct,ct("Container")),function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[];Ge.push.apply(Ge,O([].concat(t)))}([wt,Ne,Zt,Ee,re,se,ce]),$(Ge,{to:function(t,e){return(new Xe).type(this.constructor).from(this.valueOf()).to(t,e)},fromArray:function(t){return this.init(t),this}}),Object.assign(on,nn),Object.assign(on,W),Object.assign(on,ot),on.utils=Ot,on.regex=e,(on.get=on).find=Bt,Object.assign(on,V),on.easing=De,Object.assign(on,mt),on.TransformBag=He,on.ObjectBag=Be,on.NonMorphable=Ye,on.parser=Jt,on.defaults=Ae,on}();