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();
}
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, [{
var dots = /\./g;
- var regex$1 = /*#__PURE__*/Object.freeze({
+ var regex = /*#__PURE__*/Object.freeze({
numberAndUnit: numberAndUnit,
hex: hex,
rgb: rgb,
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];
}
}
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) {
} : {};
}
- var SVGNumber =
- /*#__PURE__*/
- function () {
- // Initialize
- function SVGNumber() {
- _classCallCheck(this, SVGNumber);
-
- this.init.apply(this, arguments);
- }
-
- _createClass(SVGNumber, [{
- key: "init",
- value: function init(value, unit) {
- unit = Array.isArray(value) ? value[1] : unit;
- value = Array.isArray(value) ? value[0] : value; // initialize defaults
-
- this.value = 0;
- this.unit = unit || ''; // parse value
-
- if (typeof value === 'number') {
- // ensure a valid numeric value
- this.value = isNaN(value) ? 0 : !isFinite(value) ? value < 0 ? -3.4e+38 : +3.4e+38 : value;
- } else if (typeof value === 'string') {
- unit = value.match(numberAndUnit);
-
- if (unit) {
- // make value numeric
- this.value = parseFloat(unit[1]); // normalize
-
- if (unit[5] === '%') {
- this.value /= 100;
- } else if (unit[5] === 's') {
- this.value *= 1000;
- } // store unit
-
-
- this.unit = unit[5];
- }
- } else {
- if (value instanceof SVGNumber) {
- this.value = value.valueOf();
- this.unit = value.unit;
- }
- }
- }
- }, {
- key: "toString",
- value: function toString() {
- return (this.unit === '%' ? ~~(this.value * 1e8) / 1e6 : this.unit === 's' ? this.value / 1e3 : this.value) + this.unit;
- }
- }, {
- key: "toJSON",
- value: function toJSON() {
- return this.toString();
- }
- }, {
- key: "toArray",
- value: function toArray() {
- return [this.value, this.unit];
- }
- }, {
- key: "valueOf",
- value: function valueOf() {
- return this.value;
- } // Add number
-
- }, {
- key: "plus",
- value: function plus(number) {
- number = new SVGNumber(number);
- return new SVGNumber(this + number, this.unit || number.unit);
- } // Subtract number
+ var listenerId = 0;
- }, {
- key: "minus",
- value: function minus(number) {
- number = new SVGNumber(number);
- return new SVGNumber(this - number, this.unit || number.unit);
- } // Multiply number
+ function getEventTarget(node) {
+ return typeof node.getEventTarget === 'function' ? node.getEventTarget() : node;
+ } // Add event binder in the SVG namespace
- }, {
- key: "times",
- value: function times(number) {
- number = new SVGNumber(number);
- return new SVGNumber(this * number, this.unit || number.unit);
- } // Divide number
- }, {
- key: "divide",
- value: function divide(number) {
- number = new SVGNumber(number);
- return new SVGNumber(this / number, this.unit || number.unit);
- }
- }]);
+ 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
- return SVGNumber;
- }();
+ events = Array.isArray(events) ? events : events.split(delimiter); // ensure instance object for nodes which are not adopted
- var Doc = getClass(root);
- var HtmlNode$1 = getClass('HtmlNode');
- function setup(node) {
- // initialize data object
- this.dom = {}; // create circular reference
+ n.instance = n.instance || {
+ events: {} // pull event handlers from the element
- this.node = node;
- this.type = node.nodeName;
- this.node.instance = this;
+ };
+ var bag = n.instance.events; // add id to listener
- 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')) || {});
+ if (!listener._svgjsListenerId) {
+ listener._svgjsListenerId = ++listenerId;
}
- } // Move over x-axis
-
- function x(x) {
- return this.attr('x', x);
- } // Move over y-axis
-
- function y(y) {
- return this.attr('y', y);
- } // Move by center over x-axis
-
- function cx(x) {
- return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2);
- } // Move by center over y-axis
-
- 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
-
- function move(x, y) {
- return this.x(x).y(y);
- } // Move element by its center
-
- function center(x, y) {
- return this.cx(x).cy(y);
- } // Set width of element
- 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
-
- function size(width, height) {
- var p = proportionalSize(this, width, height);
- return this.width(new SVGNumber(p.width)).height(new SVGNumber(p.height));
- } // Clone element
+ events.forEach(function (event) {
+ var ev = event.split('.')[0];
+ var ns = event.split('.')[1] || '*'; // ensure valid object
- function clone(parent) {
- // write dom data to the dom so the clone can pickup the data
- this.writeDataToDom(); // clone element and assign new id
+ bag[ev] = bag[ev] || {};
+ bag[ev][ns] = bag[ev][ns] || {}; // reference listener
- var clone = assignNewId(this.node.cloneNode(true)); // insert the clone in the given parent or after myself
+ bag[ev][ns][listener._svgjsListenerId] = l; // add listener
- if (parent) parent.add(clone);else this.after(clone);
- return clone;
- } // Remove element
+ n.addEventListener(ev, l, options || false);
+ });
+ } // Add event unbinder in the SVG namespace
- function remove() {
- if (this.parent()) {
- this.parent().removeElement(this);
- }
+ function off(node, events, listener, options) {
+ var n = getEventTarget(node); // we cannot remove an event if its not an svg.js instance
- return this;
- } // Replace element
+ if (!n.instance) return; // listener can be a function or a number
- function replace(element) {
- this.after(element).remove();
- return element;
- } // Add element to given container and return self
+ if (typeof listener === 'function') {
+ listener = listener._svgjsListenerId;
+ if (!listener) return;
+ } // pull event handlers from the element
- function addTo(parent) {
- return makeInstance(parent).put(this);
- } // Add element to given container and return container
- function putIn(parent) {
- return makeInstance(parent).add(this);
- } // Get / set id
+ var bag = n.instance.events; // events can be an array of events or a string or undefined
- 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
+ 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);
+ }
- return this.attr('id', id);
- } // Checks whether the given point inside the bounding box of the element
-
- 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
-
- function toString() {
- return this.id();
- } // Return array of classes on the node
-
- function classes() {
- var attr = this.attr('class');
- return attr == null ? [] : attr.trim().split(delimiter);
- } // Return true if class exists on the node, false otherwise
-
- function hasClass(name) {
- return this.classes().indexOf(name) !== -1;
- } // Add class to the node
-
- 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
-
- 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
-
- function toggleClass(name) {
- return this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
- } // Get referenced element form attribute value
-
- function reference$1(attr) {
- var id = idFromReference(this.attr(attr));
- return id ? makeInstance(id) : null;
- } // Returns the parent element instance
-
- function parent(type) {
- var parent = this; // check for parent
+ 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('.'));
+ }
- if (!parent.node.parentNode) return null; // get parent element
+ delete bag[ev];
+ }
+ } else {
+ // remove all listeners on a given node
+ for (event in bag) {
+ off(n, event);
+ }
- parent = adopt(parent.node.parentNode);
- if (!type) return parent; // loop trough ancestors if type is given
+ n.instance.events = {};
+ }
+ });
+ }
+ function dispatch(node, event, data) {
+ var n = getEventTarget(node); // Dispatch event
- 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
-
- 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
+ if (event instanceof window.Event) {
+ n.dispatchEvent(event);
+ } else {
+ event = new window.CustomEvent(event, {
+ detail: data,
+ cancelable: true
+ });
+ n.dispatchEvent(event);
}
- return this;
- } // set given data to the elements data property
-
- function setData(o) {
- this.dom = o;
- return this;
- }
- function getEventTarget() {
- return this.node;
+ return event;
}
- 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 events = /*#__PURE__*/Object.freeze({
+ on: on,
+ off: off,
+ dispatch: dispatch
});
- registerConstructor('Element', setup);
- var Doc$1 =
+ var EventTarget =
/*#__PURE__*/
function (_Base) {
- _inherits(Doc, _Base);
+ _inherits(EventTarget, _Base);
- function Doc(node) {
+ function EventTarget() {
var _this;
- _classCallCheck(this, Doc);
-
- _this = _possibleConstructorReturn(this, _getPrototypeOf(Doc).call(this, nodeOrNew('svg', node), Doc));
+ var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- _this.namespace();
+ _classCallCheck(this, EventTarget);
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(EventTarget).call(this));
+ _this.events = node.events || {};
return _this;
- }
-
- _createClass(Doc, [{
- key: "isRoot",
- value: function isRoot() {
- return !this.node.parentNode || !(this.node.parentNode instanceof window.SVGElement) || this.node.parentNode.nodeName === '#document';
- } // Check if this is a root svg
- // If not, call docs from this element
-
- }, {
- key: "doc",
- value: function doc$$1() {
- if (this.isRoot()) return this;
- return doc.call(this);
- } // Add namespaces
-
- }, {
- key: "namespace",
- value: function namespace() {
- if (!this.isRoot()) return this.doc().namespace();
- return this.attr({
- xmlns: ns,
- version: '1.1'
- }).attr('xmlns:xlink', xlink, xmlns).attr('xmlns:svgjs', svgjs, xmlns);
- } // Creates and returns defs element
+ } // Bind given event to listener
- }, {
- key: "defs",
- value: function defs$$1() {
- 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) {
- if (this.isRoot()) {
- return this.node.parentNode.nodeName === '#document' ? null : adopt(this.node.parentNode);
- }
+ _createClass(EventTarget, [{
+ key: "on",
+ value: function on$$1(event, listener, binding, options) {
+ on(this, event, listener, binding, options);
- return parent.call(this, type);
- } // Removes the doc from the DOM
+ return this;
+ } // Unbind event from listener
}, {
- key: "remove",
- value: function remove$$1() {
- if (!this.isRoot()) {
- return remove.call(this);
- }
-
- if (this.parent()) {
- this.parent().removeChild(this.node);
- }
+ key: "off",
+ value: function off$$1(event, listener) {
+ off(this, event, listener);
return this;
}
}, {
- key: "clear",
- value: function clear() {
- // remove children
- while (this.node.hasChildNodes()) {
- this.node.removeChild(this.node.lastChild);
- }
+ 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 Doc;
- }(Base);
- registerMethods({
- Container: {
- // Create nested svg document
- nested: function nested() {
- return this.put(new Doc$1());
+ 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);
}
- }
- });
- register(Doc$1, 'Doc', true);
-
- var G =
- /*#__PURE__*/
- function (_Base) {
- _inherits(G, _Base);
-
- function G(node) {
- _classCallCheck(this, G);
- return _possibleConstructorReturn(this, _getPrototypeOf(G).call(this, nodeOrNew('g', node), G));
- }
+ return this;
+ };
- return G;
- }(Base);
- registerMethods({
- Element: {
- // Create a group element
- group: function group() {
- return this.put(new G());
- }
- }
- });
- register(G);
+ last[event] = fn;
+ return last;
+ }, {});
+ extend(EventTarget, methods$1); // registerMethods('EventTarget', {
+ // on, off, dispatch, fire
+ // })
+ //
+ // registerConstructor('EventTarget', setup)
- var Queue =
+ var SVGNumber =
/*#__PURE__*/
function () {
- function Queue() {
- _classCallCheck(this, Queue);
+ // Initialize
+ function SVGNumber() {
+ _classCallCheck(this, SVGNumber);
- this._first = null;
- this._last = null;
+ this.init.apply(this, arguments);
}
- _createClass(Queue, [{
- key: "push",
- value: function push(value) {
- // An item stores an id and the provided value
- var item = value.next ? value : {
- value: value,
- next: null,
- prev: null // Deal with the queue being empty or populated
+ _createClass(SVGNumber, [{
+ key: "init",
+ value: function init(value, unit) {
+ unit = Array.isArray(value) ? value[1] : unit;
+ value = Array.isArray(value) ? value[0] : value; // initialize defaults
- };
+ this.value = 0;
+ this.unit = unit || ''; // parse value
- if (this._last) {
- item.prev = this._last;
- this._last.next = item;
- this._last = item;
- } else {
- this._last = item;
- this._first = item;
- } // Update the length and return the current item
+ if (typeof value === 'number') {
+ // ensure a valid numeric value
+ this.value = isNaN(value) ? 0 : !isFinite(value) ? value < 0 ? -3.4e+38 : +3.4e+38 : value;
+ } else if (typeof value === 'string') {
+ unit = value.match(numberAndUnit);
+ if (unit) {
+ // make value numeric
+ this.value = parseFloat(unit[1]); // normalize
- return item;
- }
- }, {
- key: "shift",
- value: function shift() {
- // Check if we have a value
- var remove = this._first;
- if (!remove) return null; // If we do, remove it and relink things
+ if (unit[5] === '%') {
+ this.value /= 100;
+ } else if (unit[5] === 's') {
+ this.value *= 1000;
+ } // store unit
- this._first = remove.next;
- if (this._first) this._first.prev = null;
- this._last = this._first ? this._last : null;
- return remove.value;
- } // Shows us the first item in the list
+ this.unit = unit[5];
+ }
+ } else {
+ if (value instanceof SVGNumber) {
+ this.value = value.valueOf();
+ this.unit = value.unit;
+ }
+ }
+ }
}, {
- key: "first",
- value: function first() {
- return this._first && this._first.value;
- } // Shows us the last item in the list
-
+ key: "toString",
+ value: function toString() {
+ return (this.unit === '%' ? ~~(this.value * 1e8) / 1e6 : this.unit === 's' ? this.value / 1e3 : this.value) + this.unit;
+ }
}, {
- key: "last",
- value: function last() {
- return this._last && this._last.value;
- } // Removes the item that was returned from the push
+ key: "toJSON",
+ value: function toJSON() {
+ return this.toString();
+ }
+ }, {
+ key: "toArray",
+ value: function toArray() {
+ return [this.value, this.unit];
+ }
+ }, {
+ key: "valueOf",
+ value: function valueOf() {
+ return this.value;
+ } // Add number
}, {
- key: "remove",
- value: function remove(item) {
- // Relink the previous item
- if (item.prev) item.prev.next = item.next;
- if (item.next) item.next.prev = item.prev;
- if (item === this._last) this._last = item.prev;
- if (item === this._first) this._first = item.next; // Invalidate item
+ key: "plus",
+ value: function plus(number) {
+ number = new SVGNumber(number);
+ return new SVGNumber(this + number, this.unit || number.unit);
+ } // Subtract number
- item.prev = null;
- item.next = null;
+ }, {
+ key: "minus",
+ value: function minus(number) {
+ number = new SVGNumber(number);
+ return new SVGNumber(this - number, this.unit || number.unit);
+ } // Multiply number
+
+ }, {
+ key: "times",
+ value: function times(number) {
+ number = new SVGNumber(number);
+ return new SVGNumber(this * number, this.unit || number.unit);
+ } // Divide number
+
+ }, {
+ key: "divide",
+ value: function divide(number) {
+ number = new SVGNumber(number);
+ return new SVGNumber(this / number, this.unit || number.unit);
}
}]);
- return Queue;
+ return SVGNumber;
}();
- var Animator = {
- nextDraw: null,
- frames: new Queue(),
- timeouts: new Queue(),
- timer: window.performance || window.Date,
- transforms: [],
- frame: function frame(fn) {
- // Store the node
- var node = Animator.frames.push({
- run: fn
- }); // Request an animation frame if we don't have one
+ var Doc = getClass(root); //export const name = 'Element'
- if (Animator.nextDraw === null) {
- Animator.nextDraw = window.requestAnimationFrame(Animator._draw);
- } // Return the node so we can remove it easily
+ var Element =
+ /*#__PURE__*/
+ function (_EventTarget) {
+ _inherits(Element, _EventTarget);
+ function Element(node) {
+ var _this;
- return node;
- },
- transform_frame: function transform_frame(fn, id) {
- Animator.transforms[id] = fn;
- },
- timeout: function timeout(fn, delay) {
- delay = delay || 0; // Work out when the event should fire
+ _classCallCheck(this, Element);
- var time = Animator.timer.now() + delay; // Add the timeout to the end of the queue
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(Element).call(this)); // initialize data object
- var node = Animator.timeouts.push({
- run: fn,
- time: time
- }); // Request another animation frame if we need one
+ _this.dom = {}; // create circular reference
- if (Animator.nextDraw === null) {
- Animator.nextDraw = window.requestAnimationFrame(Animator._draw);
+ _this.node = node;
+ _this.type = node.nodeName;
+ _this.node.instance = _assertThisInitialized(_assertThisInitialized(_this));
+
+ 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')) || {});
}
- return node;
- },
- cancelFrame: function cancelFrame(node) {
- Animator.frames.remove(node);
- },
- clearTimeout: function clearTimeout(node) {
- Animator.timeouts.remove(node);
- },
- _draw: function _draw(now) {
- // Run all the timeouts we can run, if they are not ready yet, add them
- // to the end of the queue immediately! (bad timeouts!!! [sarcasm])
- var nextTimeout = null;
- var lastTimeout = Animator.timeouts.last();
+ return _this;
+ } // Move over x-axis
- while (nextTimeout = Animator.timeouts.shift()) {
- // Run the timeout if its time, or push it to the end
- if (now >= nextTimeout.time) {
- nextTimeout.run();
- } else {
- Animator.timeouts.push(nextTimeout);
- } // If we hit the last item, we should stop shifting out more items
+ _createClass(Element, [{
+ key: "x",
+ value: function x(_x) {
+ return this.attr('x', _x);
+ } // Move over y-axis
- if (nextTimeout === lastTimeout) break;
- } // Run all of the animation frames
+ }, {
+ key: "y",
+ value: function y(_y) {
+ return this.attr('y', _y);
+ } // Move by center over x-axis
+ }, {
+ 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 nextFrame = null;
- var lastFrame = Animator.frames.last();
+ }, {
+ 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
- while (nextFrame !== lastFrame && (nextFrame = Animator.frames.shift())) {
- nextFrame.run();
- }
+ }, {
+ key: "move",
+ value: function move(x, y) {
+ return this.x(x).y(y);
+ } // Move element by its center
- Animator.transforms.forEach(function (el) {
- el();
- }); // If we have remaining timeouts or frames, draw until we don't anymore
+ }, {
+ key: "center",
+ value: function center(x, y) {
+ return this.cx(x).cy(y);
+ } // Set width of element
- Animator.nextDraw = Animator.timeouts.first() || Animator.frames.first() ? window.requestAnimationFrame(Animator._draw) : null;
- }
- };
+ }, {
+ key: "width",
+ value: function width(_width) {
+ return this.attr('width', _width);
+ } // Set height of element
- var Bare =
- /*#__PURE__*/
- function (_Base) {
- _inherits(Bare, _Base);
+ }, {
+ key: "height",
+ value: function height(_height) {
+ return this.attr('height', _height);
+ } // Set element size to given width and height
- function Bare(node) {
+ }, {
+ 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
- _classCallCheck(this, Bare);
+ }, {
+ 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
- return _possibleConstructorReturn(this, _getPrototypeOf(Bare).call(this, nodeOrNew(node, typeof node === 'string' ? null : node), Bare)); //extend(this, inherit)
- }
+ var clone = assignNewId(this.node.cloneNode(true)); // insert the clone in the given parent or after myself
- _createClass(Bare, [{
- key: "words",
- value: function words(text) {
- // remove contents
- while (this.node.hasChildNodes()) {
- this.node.removeChild(this.node.lastChild);
- } // create text node
+ if (parent) parent.add(clone);else this.after(clone);
+ return clone;
+ } // Remove element
+ }, {
+ key: "remove",
+ value: function remove() {
+ if (this.parent()) {
+ this.parent().removeElement(this);
+ }
- this.node.appendChild(document.createTextNode(text));
return this;
- }
- }]);
-
- return Bare;
- }(Base);
- register(Bare);
- registerMethods('Container', {
- // Create an element that is not described by SVG.js
- element: function element(node, inherit) {
- return this.put(new Bare(node, inherit));
- }
- });
+ } // Replace element
- // FIXME: import this to runner
+ }, {
+ key: "replace",
+ value: function replace(element) {
+ this.after(element).remove();
+ return element;
+ } // Add element to given container and return self
- function rx(rx) {
- return this.attr('rx', rx);
- } // Radius y value
+ }, {
+ key: "addTo",
+ value: function addTo(parent) {
+ return makeInstance(parent).put(this);
+ } // Add element to given container and return container
- function ry(ry) {
- return this.attr('ry', ry);
- } // Move over x-axis
+ }, {
+ key: "putIn",
+ value: function putIn(parent) {
+ return makeInstance(parent).add(this);
+ } // Get / set id
- function x$1(x) {
- return x == null ? this.cx() - this.rx() : this.cx(x + this.rx());
- } // Move over y-axis
+ }, {
+ 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
- function y$1(y) {
- return y == null ? this.cy() - this.ry() : this.cy(y + this.ry());
- } // Move by center over x-axis
- function cx$1(x) {
- return x == null ? this.attr('cx') : this.attr('cx', x);
- } // Move by center over y-axis
+ return this.attr('id', _id);
+ } // Checks whether the given point inside the bounding box of the element
- function cy$1(y) {
- return y == null ? this.attr('cy') : this.attr('cy', y);
- } // Set width of element
+ }, {
+ 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
- function width$1(width) {
- return width == null ? this.rx() * 2 : this.rx(new SVGNumber(width).divide(2));
- } // Set height of element
+ }, {
+ key: "toString",
+ value: function toString() {
+ return this.id();
+ } // Return array of classes on the node
- function height$1(height) {
- return height == null ? this.ry() * 2 : this.ry(new SVGNumber(height).divide(2));
- } // Custom size function
+ }, {
+ 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
- function size$1(width, height) {
- var p = proportionalSize(this, width, height);
- return this.rx(new SVGNumber(p.width).divide(2)).ry(new SVGNumber(p.height).divide(2));
- }
+ }, {
+ key: "hasClass",
+ value: function hasClass(name) {
+ return this.classes().indexOf(name) !== -1;
+ } // Add class to the node
- 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
- });
+ }, {
+ key: "addClass",
+ value: function addClass(name) {
+ if (!this.hasClass(name)) {
+ var array = this.classes();
+ array.push(name);
+ this.attr('class', array.join(' '));
+ }
- var Circle =
- /*#__PURE__*/
- function (_Base) {
- _inherits(Circle, _Base);
+ return this;
+ } // Remove class from the node
- function Circle(node) {
- _classCallCheck(this, Circle);
+ }, {
+ key: "removeClass",
+ value: function removeClass(name) {
+ if (this.hasClass(name)) {
+ this.attr('class', this.classes().filter(function (c) {
+ return c !== name;
+ }).join(' '));
+ }
- return _possibleConstructorReturn(this, _getPrototypeOf(Circle).call(this, nodeOrNew('circle', node), Circle));
- }
+ return this;
+ } // Toggle the presence of a class on the node
- _createClass(Circle, [{
- key: "radius",
- value: function radius(r) {
- return this.attr('r', r);
- } // Radius x value
+ }, {
+ key: "toggleClass",
+ value: function toggleClass(name) {
+ return this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
+ } // Get referenced element form attribute value
}, {
- key: "rx",
- value: function rx$$1(_rx) {
- return this.attr('r', _rx);
- } // Alias radius x 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: "ry",
- value: function ry$$1(_ry) {
- return this.rx(_ry);
- }
- }]);
+ key: "parent",
+ value: function parent(type) {
+ var parent = this; // check for parent
- return Circle;
- }(Base);
- extend(Circle, {
- x: x$1,
- y: y$1,
- cx: cx$1,
- cy: cy$1,
- width: width$1,
- height: height$1,
- size: size$1
- });
- registerMethods({
- Element: {
- // Create circle element
- circle: function circle(size) {
- return this.put(new Circle()).radius(new SVGNumber(size).divide(2)).move(0, 0);
+ 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
+
+ }, {
+ key: "native",
+ value: function native() {
+ return this.node;
+ } // Import raw svg
+
+ }, {
+ key: "svg",
+ value: function svg() {
+ // write svgjs data to the dom
+ this.writeDataToDom();
+ return this.node.outerHTML;
+ } // write svgjs data to the dom
+
+ }, {
+ key: "writeDataToDom",
+ value: 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 this;
+ } // set given data to the elements data property
+
+ }, {
+ key: "setData",
+ value: function setData(o) {
+ this.dom = o;
+ return this;
}
- }
- });
- register(Circle);
+ }, {
+ key: "getEventTarget",
+ value: function getEventTarget() {
+ return this.node;
+ }
+ }]);
+
+ return Element;
+ }(EventTarget); // registerMethods('Element', {
// Map function
function map(array, block) {
filterSVGElements: filterSVGElements
});
- // SVG.get = function (id) {
- // var node = document.getElementById(idFromReference(id) || id)
- // return SVG.adopt(node)
- // }
- //
- // // Select elements by query string
- // SVG.select = function (query, parent) {
- // return SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
- // return SVG.adopt(node)
- // })
- // }
- //
- // SVG.$$ = function (query, parent) {
- // return SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
- // return SVG.adopt(node)
- // })
- // }
- //
- // SVG.$ = function (query, parent) {
- // return SVG.adopt((parent || document).querySelector(query))
- // }
+ var Parent =
+ /*#__PURE__*/
+ function (_Element) {
+ _inherits(Parent, _Element);
- function baseFind(query, parent) {
- return map((parent || document).querySelectorAll(query), function (node) {
- return adopt(node);
- });
- } // Scoped find method
+ function Parent() {
+ _classCallCheck(this, Parent);
- function find$1(query) {
- return baseFind(query, this.node);
- }
- registerMethods('Container', {
- find: find$1
- });
+ return _possibleConstructorReturn(this, _getPrototypeOf(Parent).apply(this, arguments));
+ }
- var ClipPath =
- /*#__PURE__*/
- function (_Base) {
- _inherits(ClipPath, _Base);
+ _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
- function ClipPath(node) {
- _classCallCheck(this, ClipPath);
+ }, {
+ key: "add",
+ value: function add(element, i) {
+ element = makeInstance(element);
- return _possibleConstructorReturn(this, _getPrototypeOf(ClipPath).call(this, nodeOrNew('clipPath', node), ClipPath));
- } // Unclip all clipped elements and remove itself
+ 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
- _createClass(ClipPath, [{
- key: "remove",
- value: function remove$$1() {
- // unclip all targets
- this.targets().forEach(function (el) {
- el.unclip();
- }); // remove clipPath from parent
+ }, {
+ key: "put",
+ value: function put(element, i) {
+ this.add(element, i);
+ return element.instance || element;
+ } // Checks if the given element is a child
- return remove.call(this);
- }
}, {
- key: "targets",
- value: function targets() {
- return baseFind('svg [clip-path*="' + this.id() + '"]');
- }
- }]);
+ key: "has",
+ value: function has(element) {
+ return this.index(element) >= 0;
+ } // Gets index of given element
- return ClipPath;
- }(Base);
- registerMethods({
- Container: {
- // Create clipping element
- clip: function clip() {
- return this.defs().put(new ClipPath());
- }
- },
- Element: {
- // Distribute clipPath to svg element
- clipWith: function clipWith(element) {
- // use given clip or create a new one
- var clipper = element instanceof ClipPath ? element : this.parent().clip().add(element); // apply mask
+ }, {
+ key: "index",
+ value: function index(element) {
+ return [].slice.call(this.node.childNodes).indexOf(element.node);
+ } // Get a element at the given index
- return this.attr('clip-path', 'url("#' + clipper.id() + '")');
- },
- // Unclip element
- unclip: function unclip() {
- return this.attr('clip-path', null);
- },
- clipper: function clipper() {
- return this.reference('clip-path');
- }
- }
- });
- register(ClipPath);
+ }, {
+ key: "get",
+ value: function get(i) {
+ return adopt(this.node.childNodes[i]);
+ } // Get first child
- var A =
- /*#__PURE__*/
- function (_Base) {
- _inherits(A, _Base);
+ }, {
+ key: "first",
+ value: function first() {
+ return adopt(this.node.firstChild);
+ } // Get the last child
- function A(node) {
- _classCallCheck(this, A);
+ }, {
+ key: "last",
+ value: function last() {
+ return adopt(this.node.lastChild);
+ } // Iterates over all children and invokes a given block
- return _possibleConstructorReturn(this, _getPrototypeOf(A).call(this, nodeOrNew('a', node), A));
- } // Link url
+ }, {
+ 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]);
+ }
- _createClass(A, [{
- key: "to",
- value: function to(url) {
- return this.attr('href', url, xlink);
- } // Link target attribute
+ if (deep && children[i] instanceof Parent) {
+ children[i].each(block, deep);
+ }
+ }
+
+ return this;
+ } // Remove a given child
}, {
- key: "target",
- value: function target(_target) {
- return this.attr('target', _target);
- }
- }]);
+ key: "removeElement",
+ value: function removeElement(element) {
+ this.node.removeChild(element.node);
+ return this;
+ } // Remove all elements in this container
- return A;
- }(Base);
- registerMethods({
- Container: {
- // Create a hyperlink element
- link: function link(url) {
- return this.put(new A()).to(url);
- }
- },
- Element: {
- // Create a hyperlink element
- linkTo: function linkTo(url) {
- var link = new A();
+ }, {
+ key: "clear",
+ value: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // remove defs reference
- if (typeof url === 'function') {
- url.call(link, link);
- } else {
- link.to(url);
- }
- return this.parent().put(link).put(this);
- }
- }
- });
- register(A);
+ delete this._defs;
+ return this;
+ } // Import raw svg
- var Ellipse =
- /*#__PURE__*/
- function (_Base) {
- _inherits(Ellipse, _Base);
+ }, {
+ key: "svg",
+ value: function svg(_svg) {
+ var well, len; // act as a setter if svg is given
- function Ellipse(node) {
- _classCallCheck(this, Ellipse);
+ if (_svg) {
+ // create temporary holder
+ well = document.createElementNS(ns, 'svg'); // dump raw svg
- return _possibleConstructorReturn(this, _getPrototypeOf(Ellipse).call(this, nodeOrNew('ellipse', node), Ellipse));
- }
+ well.innerHTML = _svg; // transplant nodes
- return Ellipse;
- }(Base);
- extend(Ellipse, circled);
- registerMethods('Container', {
- // Create an ellipse
- ellipse: function ellipse(width, height) {
- return this.put(new Ellipse()).size(width, height).move(0, 0);
- }
- });
- register(Ellipse);
+ for (len = well.children.length; len--;) {
+ this.node.appendChild(well.firstElementChild);
+ } // otherwise act as a getter
- var Stop =
- /*#__PURE__*/
- function (_Base) {
- _inherits(Stop, _Base);
+ } else {
+ // write svgjs data to the dom
+ this.writeDataToDom();
+ return this.node.outerHTML;
+ }
- function Stop(node) {
- _classCallCheck(this, Stop);
+ return this;
+ } // write svgjs data to the dom
- return _possibleConstructorReturn(this, _getPrototypeOf(Stop).call(this, nodeOrNew('stop', node), Stop));
- } // add color stops
+ }, {
+ key: "writeDataToDom",
+ value: function writeDataToDom() {
+ // dump variables recursively
+ this.each(function () {
+ this.writeDataToDom();
+ }); // remove previously set data
+ this.node.removeAttribute('svgjs:data');
- _createClass(Stop, [{
- key: "update",
- value: function update(o) {
- if (typeof o === 'number' || o instanceof SVGNumber) {
- o = {
- offset: arguments[0],
- color: arguments[1],
- opacity: arguments[2]
- };
- } // set attributes
+ 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
- if (o.opacity != null) this.attr('stop-opacity', o.opacity);
- if (o.color != null) this.attr('stop-color', o.color);
- if (o.offset != null) this.attr('offset', new SVGNumber(o.offset));
+ 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 Stop;
- }(Base);
- register(Stop);
+ return Parent;
+ }(Element); // registerMethods('Container', {
- // FIXME: add to runner
- function from(x, y) {
- return (this._element || this).type === 'radialGradient' ? this.attr({
- fx: new SVGNumber(x),
- fy: new SVGNumber(y)
- }) : this.attr({
- x1: new SVGNumber(x),
- y1: new SVGNumber(y)
- });
- }
- function to(x, y) {
- return (this._element || this).type === 'radialGradient' ? this.attr({
- cx: new SVGNumber(x),
- cy: new SVGNumber(y)
- }) : this.attr({
- x2: new SVGNumber(x),
- y2: new SVGNumber(y)
- });
- }
-
- var gradiented = /*#__PURE__*/Object.freeze({
- from: from,
- to: to
- });
+ var Shape =
+ /*#__PURE__*/
+ function (_Parent) {
+ _inherits(Shape, _Parent);
- function noop() {} // Default animation values
+ function Shape() {
+ _classCallCheck(this, Shape);
- var timeline = {
- duration: 400,
- ease: '>',
- delay: 0 // Default attribute values
+ return _possibleConstructorReturn(this, _getPrototypeOf(Shape).apply(this, arguments));
+ }
- };
- 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 Shape;
+ }(Parent);
- var Color =
+ var Container$1 =
/*#__PURE__*/
- function () {
- function Color() {
- _classCallCheck(this, Color);
+ function (_Parent) {
+ _inherits(Container, _Parent);
- this.init.apply(this, arguments);
+ function Container() {
+ _classCallCheck(this, Container);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Container).apply(this, arguments));
}
- _createClass(Color, [{
- key: "init",
- value: function init(color, g, b) {
- var match; // initialize defaults
+ return Container;
+ }(Parent);
- this.r = 0;
- this.g = 0;
- this.b = 0;
- if (!color) return; // parse color
+ var HtmlNode =
+ /*#__PURE__*/
+ function (_Parent) {
+ _inherits(HtmlNode, _Parent);
- if (typeof color === 'string') {
- if (isRgb.test(color)) {
- // get rgb values
- match = rgb.exec(color.replace(whitespace, '')); // parse numeric values
+ function HtmlNode(element) {
+ var _this;
- 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
+ _classCallCheck(this, HtmlNode);
- 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;
+ _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);
}
- } // Default to hex conversion
+ return this;
+ }
}, {
- key: "toString",
- value: function toString() {
- return this.toHex();
+ key: "put",
+ value: function put(element, i) {
+ this.add(element, i);
+ return element;
}
}, {
- key: "toArray",
- value: function toArray() {
- return [this.r, this.g, this.b];
- } // Build hex value
-
+ key: "removeElement",
+ value: function removeElement(element) {
+ this.node.removeChild(element.node);
+ return this;
+ }
}, {
- 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: "getEventTarget",
+ value: function getEventTarget() {
+ return this.node;
+ }
+ }]);
- }, {
- key: "toRgb",
- value: function toRgb() {
- return 'rgb(' + [this.r, this.g, this.b].join() + ')';
- } // Calculate true brightness
+ return HtmlNode;
+ }(Parent);
+ register(HtmlNode);
- }, {
- 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
+ var Defs =
+ /*#__PURE__*/
+ function (_Container) {
+ _inherits(Defs, _Container);
- }], [{
- key: "test",
- value: function test(color) {
- color += '';
- return isHex.test(color) || isRgb.test(color);
- } // Test if given value is a rgb object
+ function Defs(node) {
+ _classCallCheck(this, Defs);
- }, {
- 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
+ return _possibleConstructorReturn(this, _getPrototypeOf(Defs).call(this, nodeOrNew('defs', node), Defs));
+ }
+ _createClass(Defs, [{
+ key: "flatten",
+ value: function flatten() {
+ return this;
+ }
}, {
- key: "isColor",
- value: function isColor(color) {
- return this.isRgb(color) || this.test(color);
+ key: "ungroup",
+ value: function ungroup() {
+ return this;
}
}]);
- return Color;
- }();
+ return Defs;
+ }(Container$1);
+ register(Defs);
- 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 Doc$1 =
+ /*#__PURE__*/
+ function (_Container) {
+ _inherits(Doc, _Container);
- var _constructor = arguments.length > 2 ? arguments[2] : undefined;
+ function Doc(node) {
+ var _this;
- var Arr = function Arr() {
- baseClass.apply(this, arguments);
- _constructor && _constructor.apply(this, arguments);
- };
+ _classCallCheck(this, Doc);
- Arr.prototype = Object.create(baseClass.prototype);
- Arr.prototype.constructor = Arr;
- return Arr;
- };
- }
- }();
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(Doc).call(this, nodeOrNew('svg', node), Doc));
- 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)
+ _this.namespace();
- 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);
+ return _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)
- // }
- // }
- 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(Doc, [{
+ key: "isRoot",
+ value: function isRoot() {
+ return !this.node.parentNode || !(this.node.parentNode instanceof window.SVGElement) || this.node.parentNode.nodeName === '#document';
+ } // Check if this is a root svg
+ // If not, call docs from this element
- 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;
+ }, {
+ key: "doc",
+ value: function doc() {
+ if (this.isRoot()) return this;
+ return _get(_getPrototypeOf(Doc.prototype), "doc", this).call(this); //return doc.call(this)
+ } // Add namespaces
+
+ }, {
+ key: "namespace",
+ value: function namespace() {
+ if (!this.isRoot()) return this.doc().namespace();
+ return this.attr({
+ xmlns: ns,
+ version: '1.1'
+ }).attr('xmlns:xlink', xlink, xmlns).attr('xmlns:svgjs', svgjs, xmlns);
+ } // Creates and returns defs element
+
+ }, {
+ key: "defs",
+ 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(type) {
+ if (this.isRoot()) {
+ return this.node.parentNode.nodeName === '#document' ? null : adopt(this.node.parentNode);
}
- } catch (err) {
- _didIteratorError = true;
- _iteratorError = err;
- } finally {
- try {
- if (!_iteratorNormalCompletion && _iterator.return != null) {
- _iterator.return();
- }
- } finally {
- if (_didIteratorError) {
- throw _iteratorError;
- }
+
+ 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: "clear",
+ value: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
}
+
+ return this;
}
+ }]);
- 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]);
+ return Doc;
+ }(Container$1);
+ registerMethods({
+ Container: {
+ // Create nested svg document
+ nested: function nested() {
+ return this.put(new Doc$1());
}
- } 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()?
+ }
+ });
+ register(Doc$1, 'Doc', true);
+
+ var G =
+ /*#__PURE__*/
+ function (_Container) {
+ _inherits(G, _Container);
+
+ function G(node) {
+ _classCallCheck(this, G);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(G).call(this, nodeOrNew('g', node), G));
+ }
+
+ return G;
+ }(Container$1);
+ registerMethods({
+ Element: {
+ // Create a group element
+ group: function group() {
+ return this.put(new G());
+ }
+ }
+ });
+ register(G);
+
+ var Queue =
+ /*#__PURE__*/
+ function () {
+ function Queue() {
+ _classCallCheck(this, Queue);
+
+ this._first = null;
+ this._last = null;
+ }
+
+ _createClass(Queue, [{
+ key: "push",
+ value: function push(value) {
+ // An item stores an id and the provided value
+ var item = value.next ? value : {
+ value: value,
+ next: null,
+ prev: null // Deal with the queue being empty or populated
+
+ };
+
+ if (this._last) {
+ item.prev = this._last;
+ this._last.next = item;
+ this._last = item;
+ } else {
+ this._last = item;
+ this._first = item;
+ } // Update the length and return the current item
+
+
+ return item;
+ }
+ }, {
+ key: "shift",
+ value: function shift() {
+ // Check if we have a value
+ var remove = this._first;
+ if (!remove) return null; // If we do, remove it and relink things
+
+ this._first = remove.next;
+ if (this._first) this._first.prev = null;
+ this._last = this._first ? this._last : null;
+ return remove.value;
+ } // Shows us the first item in the list
+
+ }, {
+ key: "first",
+ value: function first() {
+ return this._first && this._first.value;
+ } // Shows us the last item in the list
+
+ }, {
+ key: "last",
+ value: function last() {
+ return this._last && this._last.value;
+ } // Removes the item that was returned from the push
+
+ }, {
+ key: "remove",
+ value: function remove(item) {
+ // Relink the previous item
+ if (item.prev) item.prev.next = item.next;
+ if (item.next) item.next.prev = item.prev;
+ if (item === this._last) this._last = item.prev;
+ if (item === this._first) this._first = item.next; // Invalidate item
+
+ item.prev = null;
+ item.next = null;
+ }
+ }]);
+
+ return Queue;
+ }();
+
+ var Animator = {
+ nextDraw: null,
+ frames: new Queue(),
+ timeouts: new Queue(),
+ timer: window.performance || window.Date,
+ transforms: [],
+ frame: function frame(fn) {
+ // Store the node
+ var node = Animator.frames.push({
+ run: fn
+ }); // Request an animation frame if we don't have one
+
+ if (Animator.nextDraw === null) {
+ Animator.nextDraw = window.requestAnimationFrame(Animator._draw);
+ } // Return the node so we can remove it easily
+
+
+ return node;
+ },
+ transform_frame: function transform_frame(fn, id) {
+ Animator.transforms[id] = fn;
+ },
+ timeout: function timeout(fn, delay) {
+ delay = delay || 0; // Work out when the event should fire
+
+ var time = Animator.timer.now() + delay; // Add the timeout to the end of the queue
+
+ var node = Animator.timeouts.push({
+ run: fn,
+ time: time
+ }); // Request another animation frame if we need one
+
+ if (Animator.nextDraw === null) {
+ Animator.nextDraw = window.requestAnimationFrame(Animator._draw);
+ }
+
+ return node;
+ },
+ cancelFrame: function cancelFrame(node) {
+ Animator.frames.remove(node);
+ },
+ clearTimeout: function clearTimeout(node) {
+ Animator.timeouts.remove(node);
+ },
+ _draw: function _draw(now) {
+ // Run all the timeouts we can run, if they are not ready yet, add them
+ // to the end of the queue immediately! (bad timeouts!!! [sarcasm])
+ var nextTimeout = null;
+ var lastTimeout = Animator.timeouts.last();
+
+ while (nextTimeout = Animator.timeouts.shift()) {
+ // Run the timeout if its time, or push it to the end
+ if (now >= nextTimeout.time) {
+ nextTimeout.run();
+ } else {
+ Animator.timeouts.push(nextTimeout);
+ } // If we hit the last item, we should stop shifting out more items
+
+
+ if (nextTimeout === lastTimeout) break;
+ } // Run all of the animation frames
+
+
+ var nextFrame = null;
+ var lastFrame = Animator.frames.last();
+
+ while (nextFrame !== lastFrame && (nextFrame = Animator.frames.shift())) {
+ nextFrame.run();
+ }
+
+ Animator.transforms.forEach(function (el) {
+ el();
+ }); // If we have remaining timeouts or frames, draw until we don't anymore
+
+ Animator.nextDraw = Animator.timeouts.first() || Animator.frames.first() ? window.requestAnimationFrame(Animator._draw) : null;
+ }
+ };
+
+ var Bare =
+ /*#__PURE__*/
+ 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));
+ }
+
+ _createClass(Bare, [{
+ key: "words",
+ value: function words(text) {
+ // remove contents
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // create text node
+
+
+ this.node.appendChild(document.createTextNode(text));
+ return this;
+ }
+ }]);
+
+ return Bare;
+ }(Parent);
+ register(Bare);
+ registerMethods('Container', {
+ // Create an element that is not described by SVG.js
+ element: function element(node, inherit) {
+ return this.put(new Bare(node, inherit));
+ }
+ });
+
+ // FIXME: import this to runner
+
+ function rx(rx) {
+ return this.attr('rx', rx);
+ } // Radius y value
+
+ function ry(ry) {
+ return this.attr('ry', ry);
+ } // Move over x-axis
+
+ function x(x) {
+ return x == null ? this.cx() - this.rx() : this.cx(x + this.rx());
+ } // Move over y-axis
+
+ function y(y) {
+ return y == null ? this.cy() - this.ry() : this.cy(y + this.ry());
+ } // Move by center over x-axis
+
+ function cx(x) {
+ return x == null ? this.attr('cx') : this.attr('cx', x);
+ } // Move by center over y-axis
+
+ function cy(y) {
+ return y == null ? this.attr('cy') : this.attr('cy', y);
+ } // Set width of element
+
+ function width(width) {
+ return width == null ? this.rx() * 2 : this.rx(new SVGNumber(width).divide(2));
+ } // Set height of element
+
+ function height(height) {
+ return height == null ? this.ry() * 2 : this.ry(new SVGNumber(height).divide(2));
+ } // Custom size function
+
+ 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));
+ }
+
+ var circled = /*#__PURE__*/Object.freeze({
+ rx: rx,
+ ry: ry,
+ x: x,
+ y: y,
+ cx: cx,
+ cy: cy,
+ width: width,
+ height: height,
+ size: size
+ });
+
+ var Circle =
+ /*#__PURE__*/
+ function (_Shape) {
+ _inherits(Circle, _Shape);
+
+ function Circle(node) {
+ _classCallCheck(this, Circle);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Circle).call(this, nodeOrNew('circle', node), Circle));
+ }
+
+ _createClass(Circle, [{
+ key: "radius",
+ value: function radius(r) {
+ return this.attr('r', r);
+ } // Radius x value
+
+ }, {
+ key: "rx",
+ value: function rx$$1(_rx) {
+ return this.attr('r', _rx);
+ } // Alias radius x value
+
+ }, {
+ key: "ry",
+ value: function ry$$1(_ry) {
+ return this.rx(_ry);
+ }
+ }]);
+
+ return Circle;
+ }(Shape);
+ extend(Circle, {
+ x: x,
+ y: y,
+ cx: cx,
+ cy: cy,
+ width: width,
+ height: height,
+ size: size
+ });
+ registerMethods({
+ Element: {
+ // Create circle element
+ circle: function circle(size$$1) {
+ return this.put(new Circle()).radius(new SVGNumber(size$$1).divide(2)).move(0, 0);
+ }
+ }
+ });
+ register(Circle);
+
+ // SVG.get = function (id) {
+ // var node = document.getElementById(idFromReference(id) || id)
+ // return SVG.adopt(node)
+ // }
+ //
+ // // Select elements by query string
+ // SVG.select = function (query, parent) {
+ // return SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
+ // return SVG.adopt(node)
+ // })
+ // }
+ //
+ // SVG.$$ = function (query, parent) {
+ // return SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
+ // return SVG.adopt(node)
+ // })
+ // }
+ //
+ // SVG.$ = function (query, parent) {
+ // return SVG.adopt((parent || document).querySelector(query))
+ // }
+
+ function baseFind(query, parent) {
+ return map((parent || document).querySelectorAll(query), function (node) {
+ return adopt(node);
+ });
+ } // Scoped find method
+
+ function find$1(query) {
+ return baseFind(query, this.node);
+ }
+ registerMethods('Element', {
+ find: find$1
+ });
+
+ var ClipPath =
+ /*#__PURE__*/
+ function (_Container) {
+ _inherits(ClipPath, _Container);
+
+ function ClipPath(node) {
+ _classCallCheck(this, ClipPath);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(ClipPath).call(this, nodeOrNew('clipPath', node), ClipPath));
+ } // Unclip all clipped elements and remove itself
+
+
+ _createClass(ClipPath, [{
+ key: "remove",
+ value: function remove() {
+ // unclip all targets
+ this.targets().forEach(function (el) {
+ el.unclip();
+ }); // remove clipPath from parent
+
+ return _get(_getPrototypeOf(ClipPath.prototype), "remove", this).call(this); //return remove.call(this)
+ }
+ }, {
+ key: "targets",
+ value: function targets() {
+ return baseFind('svg [clip-path*="' + this.id() + '"]');
+ }
+ }]);
+
+ return ClipPath;
+ }(Container$1);
+ registerMethods({
+ Container: {
+ // Create clipping element
+ clip: function clip() {
+ return this.defs().put(new ClipPath());
+ }
+ },
+ Element: {
+ // Distribute clipPath to svg element
+ clipWith: function clipWith(element) {
+ // use given clip or create a new one
+ var clipper = element instanceof ClipPath ? element : this.parent().clip().add(element); // apply mask
+
+ return this.attr('clip-path', 'url("#' + clipper.id() + '")');
+ },
+ // Unclip element
+ unclip: function unclip() {
+ return this.attr('clip-path', null);
+ },
+ clipper: function clipper() {
+ return this.reference('clip-path');
+ }
+ }
+ });
+ register(ClipPath);
+
+ var A =
+ /*#__PURE__*/
+ function (_Container) {
+ _inherits(A, _Container);
+
+ function A(node) {
+ _classCallCheck(this, A);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(A).call(this, nodeOrNew('a', node), A));
+ } // Link url
+
+
+ _createClass(A, [{
+ key: "to",
+ value: function to(url) {
+ return this.attr('href', url, xlink);
+ } // Link target attribute
+
+ }, {
+ key: "target",
+ value: function target(_target) {
+ return this.attr('target', _target);
+ }
+ }]);
+
+ return A;
+ }(Container$1);
+ registerMethods({
+ Container: {
+ // Create a hyperlink element
+ link: function link(url) {
+ return this.put(new A()).to(url);
+ }
+ },
+ Element: {
+ // Create a hyperlink element
+ linkTo: function linkTo(url) {
+ var link = new A();
+
+ if (typeof url === 'function') {
+ url.call(link, link);
+ } else {
+ link.to(url);
+ }
+
+ return this.parent().put(link).put(this);
+ }
+ }
+ });
+ register(A);
+
+ var Ellipse =
+ /*#__PURE__*/
+ function (_Shape) {
+ _inherits(Ellipse, _Shape);
+
+ function Ellipse(node) {
+ _classCallCheck(this, Ellipse);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Ellipse).call(this, nodeOrNew('ellipse', node), Ellipse));
+ }
+
+ return Ellipse;
+ }(Shape);
+ extend(Ellipse, circled);
+ registerMethods('Container', {
+ // Create an ellipse
+ 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 (_Element) {
+ _inherits(Stop, _Element);
+
+ function Stop(node) {
+ _classCallCheck(this, Stop);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Stop).call(this, nodeOrNew('stop', node), Stop));
+ } // add color stops
+
+
+ _createClass(Stop, [{
+ key: "update",
+ value: function update(o) {
+ if (typeof o === 'number' || o instanceof SVGNumber) {
+ o = {
+ offset: arguments[0],
+ color: arguments[1],
+ opacity: arguments[2]
+ };
+ } // set attributes
+
+
+ if (o.opacity != null) this.attr('stop-opacity', o.opacity);
+ if (o.color != null) this.attr('stop-color', o.color);
+ if (o.offset != null) this.attr('offset', new SVGNumber(o.offset));
+ return this;
+ }
+ }]);
+
+ return Stop;
+ }(Element);
+ register(Stop);
+
+ // FIXME: add to runner
+ function from(x, y) {
+ return (this._element || this).type === 'radialGradient' ? this.attr({
+ fx: new SVGNumber(x),
+ fy: new SVGNumber(y)
+ }) : this.attr({
+ x1: new SVGNumber(x),
+ y1: new SVGNumber(y)
+ });
+ }
+ function to(x, y) {
+ return (this._element || this).type === 'radialGradient' ? this.attr({
+ cx: new SVGNumber(x),
+ cy: new SVGNumber(y)
+ }) : this.attr({
+ x2: new SVGNumber(x),
+ y2: new SVGNumber(y)
+ });
+ }
+
+ var gradiented = /*#__PURE__*/Object.freeze({
+ from: from,
+ to: to
+ });
+
+ 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 Box$1 =
+ /*#__PURE__*/
+ function () {
+ function Box() {
+ _classCallCheck(this, Box);
- while (typeof val.attrHook == 'function') {
- val = val.attrHook(this, attr);
- } // ensure correct numeric values (also accepts NaN and Infinity)
+ this.init.apply(this, arguments);
+ }
+
+ _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...
+ fullBox(this);
+ } // Merge rect box with another, return a new instance
- 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...
+ }, {
+ 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;
+ }
+ }, {
+ key: "toArray",
+ value: function toArray() {
+ return [this.x, this.y, this.width, this.height];
+ }
+ }]);
+ return Box;
+ }();
- 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
+ function getBox(cb) {
+ var box;
+ try {
+ box = cb(this.node);
- if (this.rebuild && (attr === 'font-size' || attr === 'x')) {
- this.rebuild();
+ 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');
}
}
- return this;
+ return box;
}
- registerMethods('Element', {
- attr: attr
+
+ 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
+
+ return this.attr('viewBox', new Box$1(x, y, width, height));
+ }
+ }
});
var Gradient =
/*#__PURE__*/
- function (_Base) {
- _inherits(Gradient, _Base);
+ function (_Container) {
+ _inherits(Gradient, _Container);
function Gradient(type) {
_classCallCheck(this, Gradient);
}, {
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: {
var Pattern =
/*#__PURE__*/
- function (_Base) {
- _inherits(Pattern, _Base);
+ function (_Container) {
+ _inherits(Pattern, _Container);
// Initialize node
function Pattern(node) {
}, {
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
pattern: function pattern(width, height, block) {
return this.put(new Pattern()).update(block).attr({
x: 0,
- y: 0,
- width: width,
- height: height,
- patternUnits: 'userSpaceOnUse'
- });
- }
- }
- });
- 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 = {};
+ y: 0,
+ width: width,
+ height: height,
+ patternUnits: 'userSpaceOnUse'
+ });
}
- });
- }
- 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
});
+ register(Pattern);
var Image =
/*#__PURE__*/
- function (_Base) {
- _inherits(Image, _Base);
+ function (_Shape) {
+ _inherits(Image, _Shape);
function Image(node) {
_classCallCheck(this, Image);
}]);
return Image;
- }(Base);
+ }(Shape);
registerMethods({
Container: {
// create image element, load image and set its size
});
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
// }
// }
+ 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) {
}]);
return Line;
- }(Base);
+ }(Shape);
+ extend(Line, pointed);
registerMethods({
Container: {
// Create a line element
var Marker =
/*#__PURE__*/
- function (_Base) {
- _inherits(Marker, _Base);
+ function (_Container) {
+ _inherits(Marker, _Container);
// Initialize node
function Marker(node) {
}]);
return Marker;
- }(Base);
+ }(Container$1);
registerMethods({
Container: {
marker: function marker(width, height, block) {
var Mask =
/*#__PURE__*/
- function (_Base) {
- _inherits(Mask, _Base);
-
- // Initialize node
- function Mask(node) {
- _classCallCheck(this, Mask);
-
- return _possibleConstructorReturn(this, _getPrototypeOf(Mask).call(this, nodeOrNew('mask', node), Mask));
- } // Unmask all masked elements and remove itself
-
-
- _createClass(Mask, [{
- key: "remove",
- value: function remove$$1() {
- // unmask all targets
- this.targets().forEach(function (el) {
- el.unmask();
- }); // remove mask from parent
-
- return remove.call(this);
- }
- }, {
- key: "targets",
- value: function targets() {
- return baseFind('svg [mask*="' + this.id() + '"]');
- }
- }]);
-
- return Mask;
- }(Base);
- registerMethods({
- Container: {
- mask: function mask() {
- return this.defs().put(new Mask());
- }
- },
- Element: {
- // Distribute mask to svg element
- maskWith: function maskWith(element) {
- // use given mask or create a new one
- var masker = element instanceof Mask ? element : this.parent().mask().add(element); // apply mask
-
- return this.attr('mask', 'url("#' + masker.id() + '")');
- },
- // Unmask element
- unmask: function unmask() {
- return this.attr('mask', null);
- },
- masker: function masker() {
- return this.reference('mask');
- }
- }
- });
- 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
+ function (_Container) {
+ _inherits(Mask, _Container);
+ // Initialize node
+ function Mask(node) {
+ _classCallCheck(this, Mask);
- _createClass(Point, [{
- key: "clone",
- value: function clone() {
- return new Point(this);
- } // Convert to native SVGPoint
+ return _possibleConstructorReturn(this, _getPrototypeOf(Mask).call(this, nodeOrNew('mask', node), Mask));
+ } // Unmask all masked elements and remove itself
- }, {
- 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
+ _createClass(Mask, [{
+ key: "remove",
+ value: function remove() {
+ // unmask all targets
+ this.targets().forEach(function (el) {
+ el.unmask();
+ }); // remove mask from parent
+ return _get(_getPrototypeOf(Mask.prototype), "remove", this).call(this); //return remove.call(this)
+ }
}, {
- 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);
+ key: "targets",
+ value: function targets() {
+ return baseFind('svg [mask*="' + this.id() + '"]');
}
}]);
- return Point;
- }();
+ return Mask;
+ }(Container$1);
registerMethods({
+ Container: {
+ mask: function mask() {
+ return this.defs().put(new Mask());
+ }
+ },
Element: {
- // Get point
- point: function point(x, y) {
- return new Point(x, y).transform(this.screenCTM().inverse());
+ // Distribute mask to svg element
+ maskWith: function maskWith(element) {
+ // use given mask or create a new one
+ var masker = element instanceof Mask ? element : this.parent().mask().add(element); // apply mask
+
+ return this.attr('mask', 'url("#' + masker.id() + '")');
+ },
+ // Unmask element
+ unmask: function unmask() {
+ return this.attr('mask', null);
+ },
+ masker: function masker() {
+ return this.reference('mask');
}
}
});
+ register(Mask);
var PathArray = subClassArray('PathArray', SVGArray);
var pathHandlers = {
var Path =
/*#__PURE__*/
- function (_Base) {
- _inherits(Path, _Base);
+ function (_Shape) {
+ _inherits(Path, _Shape);
// Initialize node
function Path(node) {
}]);
return Path;
- }(Base); // Define morphable array
+ }(Shape); // Define morphable array
Path.prototype.MorphArray = PathArray; // Add parent method
registerMethods({
});
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() {
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));
}
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) {
}
return Polygon;
- }(Base);
+ }(Shape);
registerMethods({
Container: {
// Create a wrapped polygon element
var Polyline =
/*#__PURE__*/
- function (_Base) {
- _inherits(Polyline, _Base);
+ function (_Shape) {
+ _inherits(Polyline, _Shape);
// Initialize node
function Polyline(node) {
}
return Polyline;
- }(Base);
+ }(Shape);
registerMethods({
Container: {
// Create a wrapped polygon element
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
var _Symbol =
/*#__PURE__*/
- function (_Base) {
- _inherits(_Symbol, _Base);
+ function (_Container) {
+ _inherits(_Symbol, _Container);
// Initialize node
function _Symbol(node) {
}
return _Symbol;
- }(Base);
+ }(Container$1);
registerMethods({
Container: {
symbol: function symbol() {
});
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
var Text =
/*#__PURE__*/
- function (_Base) {
- _inherits(Text, _Base);
+ function (_Parent) {
+ _inherits(Text, _Parent);
// Initialize node
function Text(node) {
}]);
return Text;
- }(Base);
+ }(Parent);
extend(Text, textable);
registerMethods({
Container: {
var Tspan =
/*#__PURE__*/
- function (_Base) {
- _inherits(Tspan, _Base);
+ function (_Parent) {
+ _inherits(Tspan, _Parent);
// Initialize node
function Tspan(node) {
}]);
return Tspan;
- }(Base);
+ }(Parent);
extend(Tspan, textable);
registerMethods({
Tspan: {
var Use =
/*#__PURE__*/
- function (_Base) {
- _inherits(Use, _Base);
+ function (_Shape) {
+ _inherits(Use, _Shape);
function Use(node) {
_classCallCheck(this, Use);
}]);
return Use;
- }(Base);
+ }(Shape);
registerMethods({
Container: {
// Create a use element
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;
}
});
- 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 Box;
- }();
+ return [this.r, this.g, this.b];
+ } // Build hex value
- function getBox(cb) {
- var 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
- try {
- box = cb(this.node);
+ }, {
+ key: "toRgb",
+ value: function toRgb() {
+ return 'rgb(' + [this.r, this.g, this.b].join() + ')';
+ } // Calculate true brightness
- 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: "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
- return box;
- }
+ }], [{
+ key: "test",
+ value: function test(color) {
+ color += '';
+ return isHex.test(color) || isRgb.test(color);
+ } // Test if given value is a rgb object
- 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
+ }, {
+ 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
- return this.attr('viewBox', new Box$1(x, y, width, height));
+ }, {
+ key: "isColor",
+ value: function isColor(color) {
+ return this.isRgb(color) || this.test(color);
}
- }
- });
+ }]);
+
+ return Color;
+ }();
/***\r
Base Class\r
} 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);
// 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,
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;
+ }
+ }
+ }
+
+ 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()?
- 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
- });
+ while (typeof val.attrHook == 'function') {
+ val = val.attrHook(this, attr);
+ } // ensure correct numeric values (also accepts NaN and Infinity)
+ 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...
- 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 (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.
transform: transform
});
- function setup$1(node) {
+ function setup(node) {
this._memory = {};
} // Remember arbitrary data
forget: forget,
memory: memory
});
- registerConstructor('Memory', setup$1);
+ registerConstructor('Memory', setup);
var sugar = {
stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'],
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);
}
});
return new Point(this.node.getPointAtLength(length));
}
});
- registerMethods(['Container', 'Runner'], {
+ registerMethods(['Parent', 'Runner'], {
// Set font
font: function font(a, v) {
if (_typeof(a) === 'object') {
}
});
- 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'));
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
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;
-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}();
<script src="spec/tspan.js"></script>
<script src="spec/use.js"></script>
<script src="spec/utils.js"></script>
- <script src="spec/viewbox.js"></script>
<script src="spec/morphing.js"></script>
<script src="spec/animator.js"></script>
<script src="spec/runner.js"></script>
var toBeTested = p3.size(600,200)
- for(var i = toBeTested.legth; --i;) {
+ for(var i = toBeTested.length; i--;) {
expect(toBeTested[i].shift().toUpperCase()).toBe(expected[i].shift().toUpperCase())
- for(var j = toBeTested[i].length; --j;) {
+ for(var j = toBeTested[i].length; j--;) {
expect(toBeTested[i][j]).toBeCloseTo(expected[i][j])
}
}
it('creates element in called parent', function() {
expect(element.parent()).toBe(draw)
})
- it('inherits from given parent', function() {
- expect(draw.element('g', SVG.Container).rect).toBeTruthy()
- expect(draw.element('g', SVG.Container).group).toBeTruthy()
- })
+ // it('inherits from given parent', function() {
+ // expect(draw.element('g', SVG.Container).rect).toBeTruthy()
+ // expect(draw.element('g', SVG.Container).group).toBeTruthy()
+ // })
})
describe('words()', function() {
expect(draw.get(0+parserInDoc).get(1).type).toBe('circle')
expect(draw.get(0+parserInDoc).get(1).attr('fill')).toBe('#ff0066')
})
- it('does not import on single elements, even with an argument it acts as a getter', function() {
- var rect = draw.rect(100,100).id(null)
- , result = rect.svg('<circle r="300"></rect>')
-
- expect(
- result === '<rect width="100" height="100"></rect>'
- || result === '<rect height="100" width="100"></rect>'
- || result === '<rect xmlns="http://www.w3.org/2000/svg" width="100" height="100"></rect>'
- ).toBeTruthy()
- })
})
})
toast = context = null
})
- if (!this.isTouchDevice) {
- [ 'click'
- , 'dblclick'
- , 'mousedown'
- , 'mouseup'
- , 'mouseover'
- , 'mouseout'
- , 'mousemove'
- , 'mouseenter'
- , 'mouseleave'
- ].forEach(function(event) {
- describe(event+'()', function() {
- it('calls `on()` with '+event+' as event', function() {
- rect[event](action)
- expect(SVG.on).toHaveBeenCalledWith(rect, event, action)
- })
- })
- })
- } else {
- [ 'touchstart'
- , 'touchmove'
- , 'touchleave'
- , 'touchend'
- , 'touchcancel'
- ].forEach(function(event) {
- describe(event+'()', function() {
- it('calls `on()` with '+event+' as event', function() {
- rect[event](action)
- expect(SVG.on).toHaveBeenCalledWith(rect, event, action)
- })
- })
- })
- }
+ // FIXME: cannot be spied like that with es6 modules
+ // if (!this.isTouchDevice) {
+ // [ 'click'
+ // , 'dblclick'
+ // , 'mousedown'
+ // , 'mouseup'
+ // , 'mouseover'
+ // , 'mouseout'
+ // , 'mousemove'
+ // , 'mouseenter'
+ // , 'mouseleave'
+ // ].forEach(function(event) {
+ // describe(event+'()', function() {
+ // it('calls `on()` with '+event+' as event', function() {
+ // rect[event](action)
+ // expect(SVG.on).toHaveBeenCalledWith(rect, event, action)
+ // })
+ // })
+ // })
+ // } else {
+ // [ 'touchstart'
+ // , 'touchmove'
+ // , 'touchleave'
+ // , 'touchend'
+ // , 'touchcancel'
+ // ].forEach(function(event) {
+ // describe(event+'()', function() {
+ // it('calls `on()` with '+event+' as event', function() {
+ // rect[event](action)
+ // expect(SVG.on).toHaveBeenCalledWith(rect, event, action)
+ // })
+ // })
+ // })
+ // }
describe('on()', function() {
})
describe('constructors', function () {
- describe('animate()', function () {
- it('creates a runner with the element set and schedules it on the timeline', function () {
- var orginalRunner = SVG.Runner
- spyOn(SVG, 'Runner').and.callFake(function() {
- return new orginalRunner()
- })
-
- var element = SVG('<rect>')
- var runner = element.animate()
- expect(SVG.Runner).toHaveBeenCalled();
- expect(runner instanceof SVG.Runner)
- expect(runner.element()).toBe(element)
- expect(runner.timeline()).toBe(element.timeline())
- })
- })
+ // FIXME: Not possible to spy like this in es6
+ // describe('animate()', function () {
+ // it('creates a runner with the element set and schedules it on the timeline', function () {
+ // var orginalRunner = SVG.Runner
+ // spyOn(SVG, 'Runner').and.callFake(function() {
+ // return new orginalRunner()
+ // })
+ //
+ // var element = SVG('<rect>')
+ // var runner = element.animate()
+ // expect(SVG.Runner).toHaveBeenCalled();
+ // expect(runner instanceof SVG.Runner)
+ // expect(runner.element()).toBe(element)
+ // expect(runner.timeline()).toBe(element.timeline())
+ // })
+ // })
describe('delay()', function () {
it('calls animate with correct parameters', function () {
expect(el instanceof SVG.HtmlNode).toBe(true)
expect(el.node).toBe(wrapperHTML)
})
-
+
it('creates new SVG.HtmlNode when called with css selector pointing to html node', function() {
var el = SVG('#testDiv')
expect(el instanceof SVG.HtmlNode).toBe(true)
expect(doc instanceof SVG.Doc).toBe(true)
expect(doc.node).toBe(wrapper)
})
-
+
it('creates new SVG.Doc when called with css selector pointing to svg node', function() {
var doc = SVG('#testSvg')
expect(doc instanceof SVG.Doc).toBe(true)
expect(doc.node).toBe(wrapper)
})
-
+
it('adopts any SVGElement', function() {
expect(SVG(rect) instanceof SVG.Rect).toBe(true)
expect(SVG(rect).node).toBe(rect)
it('creates SVG.Shape from any shape string', function() {
var rect = SVG('<rect width="200" height="100">')
, circle = SVG('<circle r="200">')
-
+
expect(rect instanceof SVG.Rect).toBe(true)
expect(rect.node.nodeName).toBe('rect')
expect(rect.width()).toBe(200)
-
+
expect(circle instanceof SVG.Circle).toBe(true)
expect(circle.node.nodeName).toBe('circle')
expect(circle.attr('r')).toBe(200)
})
})
- describe('create()', function() {
+ describe('makeNode()', function() {
it('creates an element with given node name and return it', function() {
- var element = SVG.create('rect')
+ var element = SVG.makeNode('rect')
expect(element.nodeName).toBe('rect')
})
expect(typeof SVG.Path.prototype.soft).toBe('function')
expect(draw.path().soft().attr('opacity')).toBe(0.5)
})
- it('ignores non existant objects', function() {
- SVG.extend([SVG.Rect, SVG.Bogus], {
- soft: function() {
- return this.opacity(0.3)
- }
- })
-
- expect(typeof SVG.Rect.prototype.soft).toBe('function')
- expect(draw.rect(100,100).soft().attr('opacity')).toBe(0.3)
- expect(typeof SVG.Bogus).toBe('undefined')
- })
+ // it('ignores non existant objects', function() {
+ // SVG.extend([SVG.Rect, SVG.Bogus], {
+ // soft: function() {
+ // return this.opacity(0.3)
+ // }
+ // })
+ //
+ // expect(typeof SVG.Rect.prototype.soft).toBe('function')
+ // expect(draw.rect(100,100).soft().attr('opacity')).toBe(0.3)
+ // expect(typeof SVG.Bogus).toBe('undefined')
+ // })
})
})
-import Base from './Base.js'
+import Container from './Container.js'
import {nodeOrNew} from './tools.js'
import {xlink} from './namespaces.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class A extends Base{
+export default class A extends Container {
constructor (node) {
super(nodeOrNew('a', node), A)
}
export const subClassArray = (function () {
try {
- //throw 'asdad'
// try es6 subclassing
return Function('name', 'baseClass', '_constructor', [
'baseClass = baseClass || Array',
import {nodeOrNew} from './tools.js'
import {register} from './adopter.js'
-import Base from './Base.js'
+import Parent from './Parent.js'
import {registerMethods} from './methods.js'
import {extend} from './tools.js'
-
-export default class Bare extends Base {
- constructor (node, inherit = {}) {
+export default class Bare extends Parent {
+ constructor (node) {
super(nodeOrNew(node, typeof node === 'string' ? null : node), Bare)
- //extend(this, inherit)
}
words (text) {
export default class Base {
- constructor (node, {extensions = []}) {
- this.tags = []
-
- for (let extension of extensions) {
- extension.setup.call(this, node)
- this.tags.push(extension.name)
- }
+ constructor (node/*, {extensions = []}*/) {
+ // this.tags = []
+ //
+ // for (let extension of extensions) {
+ // extension.setup.call(this, node)
+ // this.tags.push(extension.name)
+ // }
}
is (ability) {
box = cb(clone.node)
clone.remove()
} catch (e) {
- throw (e)
console.warn('Getting a bounding box of this element is not possible')
}
}
-import Base from './Base.js'
+import Shape from './Shape.js'
import {nodeOrNew, extend} from './tools.js'
import {x, y, cx, cy, width, height, size} from './circled.js'
import SVGNumber from './SVGNumber.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Circle extends Base {
+export default class Circle extends Shape {
constructor (node) {
super(nodeOrNew('circle', node), Circle)
}
-import Base from './Base.js'
+import Container from './Container.js'
import {nodeOrNew, extend} from './tools.js'
import find from './selector.js'
-import {remove} from './Element.js'
+//import {remove} from './Element.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class ClipPath extends Base {
+export default class ClipPath extends Container {
constructor (node) {
super(nodeOrNew('clipPath', node), ClipPath)
}
})
// remove clipPath from parent
- return remove.call(this)
+ return super.remove()
+ //return remove.call(this)
}
targets () {
--- /dev/null
+import Parent from './Parent.js'
+export default class Container extends Parent {}
-import Base from './Base.js'
+import Container from './Container.js'
import {nodeOrNew} from './tools.js'
import {register} from './adopter.js'
-export default class Defs extends Base {
+export default class Defs extends Container {
constructor (node) {
super(nodeOrNew('defs', node), Defs)
}
-import Base from './Base.js'
+import Container from './Container.js'
import Defs from './Defs.js'
import { extend, nodeOrNew } from './tools.js'
import { ns, xlink, xmlns, svgjs } from './namespaces.js'
import {adopt, register} from './adopter.js'
import {registerMethods} from './methods.js'
-import {remove, parent, doc} from './Element.js'
+//import {remove, parent, doc} from './Element.js'
-export default class Doc extends Base {
+export default class Doc extends Container {
constructor(node) {
super(nodeOrNew('svg', node), Doc)
this.namespace()
// If not, call docs from this element
doc() {
if (this.isRoot()) return this
- return doc.call(this)
+ return super.doc()
+ //return doc.call(this)
}
// Add namespaces
: adopt(this.node.parentNode)
}
- return parent.call(this, type)
+ return super.parent(type)
+ //return parent.call(this, type)
}
// Removes the doc from the DOM
- remove() {
- if (!this.isRoot()) {
- return remove.call(this)
- }
-
- if (this.parent()) {
- this.parent().removeChild(this.node)
- }
-
- return this
- }
+ // remove() {
+ // if (!this.isRoot()) {
+ // return super.remove()
+ // }
+ //
+ // if (this.parent()) {
+ // this.parent().remove(this)
+ // }
+ //
+ // return this
+ // }
clear() {
// remove children
import SVGNumber from './SVGNumber.js'
import {registerMethods} from './methods.js'
import {registerConstructor} from './methods.js'
+import EventTarget from './EventTarget.js'
const Doc = getClass(root)
-const HtmlNode = getClass('HtmlNode')
-export const name = 'Element'
+//export const name = 'Element'
+
+export default class Element extends EventTarget {
+ constructor (node) {
+ super()
-export function setup (node) {
// initialize data object
- this.dom = {}
+ this.dom = {}
// create circular reference
- this.node = node
+ this.node = node
- this.type = node.nodeName
- this.node.instance = this
+ this.type = node.nodeName
+ this.node.instance = this
- 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')) || {})
+ 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
-export function x (x) {
- return this.attr('x', x)
-}
+ x (x) {
+ return this.attr('x', x)
+ }
// Move over y-axis
-export function y (y) {
- return this.attr('y', y)
-}
+ y (y) {
+ return this.attr('y', y)
+ }
// Move by center over x-axis
-export function cx (x) {
- return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2)
-}
+ cx (x) {
+ return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2)
+ }
// Move by center over y-axis
-export function cy (y) {
- return y == null
- ? this.y() + this.height() / 2
- : this.y(y - this.height() / 2)
-}
+ cy (y) {
+ return y == null
+ ? this.y() + this.height() / 2
+ : this.y(y - this.height() / 2)
+ }
// Move element to given x and y values
-export function move (x, y) {
- return this.x(x).y(y)
-}
+ move (x, y) {
+ return this.x(x).y(y)
+ }
// Move element by its center
-export function center (x, y) {
- return this.cx(x).cy(y)
-}
+ center (x, y) {
+ return this.cx(x).cy(y)
+ }
// Set width of element
-export function width (width) {
- return this.attr('width', width)
-}
+ width (width) {
+ return this.attr('width', width)
+ }
// Set height of element
-export function height (height) {
- return this.attr('height', height)
-}
+ height (height) {
+ return this.attr('height', height)
+ }
// Set element size to given width and height
-export function size (width, height) {
- let p = proportionalSize(this, width, height)
+ size (width, height) {
+ let p = proportionalSize(this, width, height)
- return this
- .width(new SVGNumber(p.width))
- .height(new SVGNumber(p.height))
-}
+ return this
+ .width(new SVGNumber(p.width))
+ .height(new SVGNumber(p.height))
+ }
// Clone element
-export function clone (parent) {
- // write dom data to the dom so the clone can pickup the data
- this.writeDataToDom()
+ clone (parent) {
+ // write dom data to the dom so the clone can pickup the data
+ this.writeDataToDom()
- // clone element and assign new id
- let clone = assignNewId(this.node.cloneNode(true))
+ // clone element and assign new id
+ let 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)
+ // insert the clone in the given parent or after myself
+ if (parent) parent.add(clone)
+ else this.after(clone)
- return clone
-}
+ return clone
+ }
// Remove element
-export function remove () {
- if (this.parent()) { this.parent().removeElement(this) }
+ remove () {
+ if (this.parent()) { this.parent().removeElement(this) }
- return this
-}
+ return this
+ }
// Replace element
-export function replace (element) {
- this.after(element).remove()
+ replace (element) {
+ this.after(element).remove()
- return element
-}
+ return element
+ }
// Add element to given container and return self
-export function addTo (parent) {
- return makeInstance(parent).put(this)
-}
+ addTo (parent) {
+ return makeInstance(parent).put(this)
+ }
// Add element to given container and return container
-export function putIn (parent) {
- return makeInstance(parent).add(this)
-}
+ putIn (parent) {
+ return makeInstance(parent).add(this)
+ }
// Get / set id
-export function id (id) {
- // generate new id if no id set
- if (typeof id === 'undefined' && !this.node.id) {
- this.node.id = eid(this.type)
+ 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.attr('id', id)
}
- // dont't set directly width this.node.id to make `null` work correctly
- return this.attr('id', id)
-}
-
// Checks whether the given point inside the bounding box of the element
-export function inside (x, y) {
- let box = this.bbox()
+ inside (x, y) {
+ let box = this.bbox()
- return x > box.x &&
- y > box.y &&
- x < box.x + box.width &&
- y < box.y + box.height
-}
+ return x > box.x &&
+ y > box.y &&
+ x < box.x + box.width &&
+ y < box.y + box.height
+ }
// Return id on string conversion
-export function toString () {
- return this.id()
-}
+ toString () {
+ return this.id()
+ }
// Return array of classes on the node
-export function classes () {
- var attr = this.attr('class')
- return attr == null ? [] : attr.trim().split(delimiter)
-}
+ classes () {
+ var attr = this.attr('class')
+ return attr == null ? [] : attr.trim().split(delimiter)
+ }
// Return true if class exists on the node, false otherwise
-export function hasClass (name) {
- return this.classes().indexOf(name) !== -1
-}
+ hasClass (name) {
+ return this.classes().indexOf(name) !== -1
+ }
// Add class to the node
-export function addClass (name) {
- if (!this.hasClass(name)) {
- var array = this.classes()
- array.push(name)
- this.attr('class', array.join(' '))
+ addClass (name) {
+ if (!this.hasClass(name)) {
+ var array = this.classes()
+ array.push(name)
+ this.attr('class', array.join(' '))
+ }
+
+ return this
}
- return this
-}
-
// Remove class from the node
-export function removeClass (name) {
- if (this.hasClass(name)) {
- this.attr('class', this.classes().filter(function (c) {
- return c !== name
- }).join(' '))
+ removeClass (name) {
+ if (this.hasClass(name)) {
+ this.attr('class', this.classes().filter(function (c) {
+ return c !== name
+ }).join(' '))
+ }
+
+ return this
}
- return this
-}
-
// Toggle the presence of a class on the node
-export function toggleClass (name) {
- return this.hasClass(name) ? this.removeClass(name) : this.addClass(name)
-}
+ toggleClass (name) {
+ return this.hasClass(name) ? this.removeClass(name) : this.addClass(name)
+ }
-// Get referenced element form attribute value
-export function reference (attr) {
- let id = idFromReference(this.attr(attr))
- return id ? makeInstance(id) : null
-}
+ // Get referenced element form attribute value
+ reference (attr) {
+ let id = idFromReference(this.attr(attr))
+ return id ? makeInstance(id) : null
+ }
// Returns the parent element instance
-export function parent (type) {
- var parent = this
+ parent (type) {
+ var parent = this
- // check for parent
- if (!parent.node.parentNode) return null
+ // check for parent
+ if (!parent.node.parentNode) return null
- // get parent element
- parent = adopt(parent.node.parentNode)
+ // get parent element
+ parent = adopt(parent.node.parentNode)
- if (!type) return parent
+ 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)
+ // 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
-export function doc () {
- let p = this.parent(Doc)
- return p && p.doc()
-}
+ // Get parent document
+ doc () {
+ let p = this.parent(Doc)
+ return p && p.doc()
+ }
// Get defs
-export function defs () {
- return this.doc().defs()
-}
+ defs () {
+ return this.doc().defs()
+ }
// return array of all ancestors of given type up to the root svg
-export function parents (type) {
- let parents = []
- let parent = this
+ parents (type) {
+ let parents = []
+ let parent = this
- do {
- parent = parent.parent(type)
- if (!parent || parent instanceof HtmlNode) break
+ do {
+ parent = parent.parent(type)
+ if (!parent || parent instanceof getClass('HtmlNode')) break
- parents.push(parent)
- } while (parent.parent)
+ parents.push(parent)
+ } while (parent.parent)
- return parents
-}
+ return parents
+ }
// matches the element vs a css selector
-export function matches (selector) {
- return matcher(this.node, selector)
-}
+ matches (selector) {
+ return matcher(this.node, selector)
+ }
// Returns the svg node to call native svg methods on it
-export function native () {
- return this.node
-}
+ native () {
+ return this.node
+ }
// Import raw svg
-export function svg () {
- // write svgjs data to the dom
- this.writeDataToDom()
+ svg () {
+ // write svgjs data to the dom
+ this.writeDataToDom()
- return this.node.outerHTML
-}
+ return this.node.outerHTML
+ }
// write svgjs data to the dom
-export 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
+ 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
}
- return this
-}
// set given data to the elements data property
-export function setData (o) {
- this.dom = o
- return this
-}
+ setData (o) {
+ this.dom = o
+ return this
+ }
-export function getEventTarget () {
- return this.node
+ getEventTarget () {
+ return this.node
+ }
}
-registerMethods('Element', {
- x, y, cx, cy, move, center, width, height, size, clone, remove, replace,
- addTo, putIn, id, inside, toString, classes, hasClass, addClass, removeClass,
- toggleClass, reference, doc, defs, parent, parents, matches, native, svg,
- writeDataToDom, setData, getEventTarget
-})
-registerConstructor('Element', setup)
+
+// registerMethods('Element', {
+// x, y, cx, cy, move, center, width, height, size, clone, remove, replace,
+// addTo, putIn, id, inside, toString, classes, hasClass, addClass, removeClass,
+// toggleClass, reference, doc, defs, parent, parents, matches, native, svg,
+// writeDataToDom, setData, getEventTarget
+// })
+//
+// registerConstructor('Element', setup)
-import Base from './Base.js'
+import Shape from './Shape.js'
import * as circled from './circled.js'
import {extend, nodeOrNew} from './tools.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Ellipse extends Base {
+export default class Ellipse extends Shape {
constructor (node) {
super(nodeOrNew('ellipse', node), Ellipse)
}
-import {on as _on, off as _off, dispatch as _dispatch} from './event.js'
-import {registerMethods} from './methods.js'
-import {registerConstructor} from './methods.js'
+import Base from './Base.js'
+import {on, off, dispatch} from './event.js'
+import {extend} from './tools.js'
-export const name = 'EventTarget'
-
-export function setup (node = {}) {
- this.events = node.events || {}
-}
+export default class EventTarget extends Base{
+ constructor (node = {}) {
+ super()
+ this.events = node.events || {}
+ }
// Bind given event to listener
-export function on (event, listener, binding, options) {
- _on(this, event, listener, binding, options)
- return this
-}
+ on (event, listener, binding, options) {
+ on(this, event, listener, binding, options)
+ return this
+ }
// Unbind event from listener
-export function off (event, listener) {
- _off(this, event, listener)
- return this
-}
+ off (event, listener) {
+ off(this, event, listener)
+ return this
+ }
-export function dispatch (event, data) {
- return _dispatch(this, event, data)
-}
+ dispatch (event, data) {
+ return dispatch(this, event, data)
+ }
// Fire given event
-export function fire (event, data) {
- this.dispatch(event, data)
- return this
+ fire (event, data) {
+ this.dispatch(event, data)
+ return this
+ }
}
-registerMethods('EventTarget', {
- on, off, dispatch, fire
-})
-registerConstructor('EventTarget', setup)
+// Add events to elements
+const methods = [ 'click',
+ 'dblclick',
+ 'mousedown',
+ 'mouseup',
+ 'mouseover',
+ 'mouseout',
+ 'mousemove',
+ 'mouseenter',
+ 'mouseleave',
+ 'touchstart',
+ 'touchmove',
+ 'touchleave',
+ 'touchend',
+ 'touchcancel' ].reduce(function (last, event) {
+ // add event to Element
+ const fn = function (f) {
+ if (f === null) {
+ off(this, event)
+ } else {
+ on(this, event, f)
+ }
+ return this
+ }
+
+ last[event] = fn
+ return last
+ }, {})
+
+extend(EventTarget, methods)
+
+
+// registerMethods('EventTarget', {
+// on, off, dispatch, fire
+// })
+//
+// registerConstructor('EventTarget', setup)
-import Base from './Base.js'
+import Container from './Container.js'
import {nodeOrNew} from './tools.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class G extends Base {
+export default class G extends Container {
constructor (node) {
super(nodeOrNew('g', node), G)
}
import Stop from './Stop.js'
-import Base from './Base.js'
+import Container from './Container.js'
import * as gradiented from './gradiented.js'
import {nodeOrNew, extend} from './tools.js'
-import attr from './attr.js'
+//import attr from './attr.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
+import Box from './Box.js'
-export default class Gradient extends Base {
+export default class Gradient extends Container {
constructor (type) {
super(
nodeOrNew(type + 'Gradient', typeof type === 'string' ? null : type),
// custom attr to handle transform
attr (a, b, c) {
if (a === 'transform') a = 'gradientTransform'
- return attr.call(this, a, b, c)
+ return super.attr(a, b, c)
+ //return attr.call(this, a, b, c)
}
targets () {
return find('svg [fill*="' + this.id() + '"]')
}
+
+ bbox () {
+ return new Box()
+ }
}
extend(Gradient, gradiented)
import {makeInstance} from './adopter.js'
-import Base from './Base.js'
+import Parent from './Parent.js'
import {register} from './adopter.js'
-export default class HtmlNode extends Base {
+export default class HtmlNode extends Parent {
constructor (element) {
super(element, HtmlNode)
this.node = element
return element
}
+ removeElement (element) {
+ this.node.removeChild(element.node)
+ return this
+ }
+
getEventTarget () {
return this.node
}
-import Base from './Base.js'
+import Shape from './Shape.js'
import Pattern from './Pattern.js'
import {on, off} from './event.js'
import {nodeOrNew} from './tools.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Image extends Base {
+export default class Image extends Shape {
constructor (node) {
super(nodeOrNew('image', node), Image)
}
import {proportionalSize} from './helpers.js'
-import {nodeOrNew} from './tools.js'
+import {nodeOrNew, extend} from './tools.js'
import PointArray from './PointArray.js'
-import Base from './Base.js'
+import Shape from './Shape.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
+import * as pointed from './pointed.js'
-export default class Line extends Base {
+export default class Line extends Shape {
// Initialize node
constructor (node) {
super(nodeOrNew('line', node), Line)
var p = proportionalSize(this, width, height)
return this.attr(this.array().size(p.width, p.height).toLine())
}
-
}
+extend(Line, pointed)
+
registerMethods({
Container: {
// Create a line element
-import Base from './Base.js'
+import Container from './Container.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
import {nodeOrNew} from './tools.js'
-export default class Marker extends Base {
+export default class Marker extends Container {
// Initialize node
constructor (node) {
super(nodeOrNew('marker', node), Marker)
-import Base from './Base.js'
+import Container from './Container.js'
import {nodeOrNew} from './tools.js'
import find from './selector.js'
-import {remove} from './Element.js'
+//import {remove} from './Element.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Mask extends Base {
+export default class Mask extends Container {
// Initialize node
constructor (node) {
super(nodeOrNew('mask', node), Mask)
})
// remove mask from parent
- return remove.call(this)
+ return super.remove()
+ //return remove.call(this)
}
targets () {
import {delimiter} from './regex.js'
import {radians} from './utils.js'
import parser from './parser.js'
-import Base from './Base.js'
+import Element from './Element.js'
import {registerMethods} from './methods.js'
export default class Matrix {
var base = arrayToMatrix([1, 0, 0, 1, 0, 0])
// ensure source as object
- source = source instanceof Base && source.is('Element') ? source.matrixify()
+ 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
import PathArray from './PathArray.js'
import Box from './Box.js'
import Matrix from './Matrix.js'
+import {delimiter, pathLetters, numberAndUnit} from './regex.js'
export default class Morphable {
constructor (stepper) {
} else if (type === 'string') {
if (Color.isColor(value)) {
this.type(Color)
- } else if (regex.delimiter.test(value)) {
- this.type(regex.pathLetters.test(value)
+ } else if (delimiter.test(value)) {
+ this.type(pathLetters.test(value)
? PathArray
: SVGArray
)
- } else if (regex.numberAndUnit.test(value)) {
+ } else if (numberAndUnit.test(value)) {
this.type(SVGNumber)
} else {
this.type(NonMorphable)
import {makeInstance, adopt} from './adopter.js'
import {map} from './utils.js'
import {registerMethods} from './methods.js'
-import Base from './Base.js'
+import Element from './Element.js'
import {ns} from './namespaces.js'
-// Returns all child elements
-export function children () {
- return map(this.node.children, function (node) {
- return adopt(node)
- })
-}
+export default class Parent extends Element {
+ // Returns all child elements
+ children () {
+ return map(this.node.children, function (node) {
+ return adopt(node)
+ })
+ }
-// Add given element at a position
-export function add (element, i) {
- element = makeInstance(element)
+ // Add given element at a position
+ 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])
+ 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
}
- return this
-}
+ // Basically does the same as `add()` but returns the added element instead
+ put (element, i) {
+ this.add(element, i)
+ return element.instance || element
+ }
-// Basically does the same as `add()` but returns the added element instead
-export function put (element, i) {
- this.add(element, i)
- return element.instance || element
-}
+ // Checks if the given element is a child
+ has (element) {
+ return this.index(element) >= 0
+ }
-// Checks if the given element is a child
-export function has (element) {
- return this.index(element) >= 0
-}
+ // Gets index of given element
+ index (element) {
+ return [].slice.call(this.node.childNodes).indexOf(element.node)
+ }
-// Gets index of given element
-export function index (element) {
- return [].slice.call(this.node.childNodes).indexOf(element.node)
-}
+ // Get a element at the given index
+ get (i) {
+ return adopt(this.node.childNodes[i])
+ }
-// Get a element at the given index
-export function get (i) {
- return adopt(this.node.childNodes[i])
-}
+ // Get first child
+ first () {
+ return adopt(this.node.firstChild)
+ }
-// Get first child
-export function first () {
- return adopt(this.node.firstChild)
-}
+ // Get the last child
+ last () {
+ return adopt(this.node.lastChild)
+ }
-// Get the last child
-export function last () {
- return adopt(this.node.lastChild)
-}
+ // Iterates over all children and invokes a given block
+ each (block, deep) {
+ var children = this.children()
+ var i, il
-// Iterates over all children and invokes a given block
-export 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])
+ }
- 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 Parent)) {
+ children[i].each(block, deep)
+ }
}
- if (deep && (children[i] instanceof Base && children[i].is('Parent'))) {
- children[i].each(block, deep)
- }
+ return this
}
- return this
-}
+ // Remove a given child
+ removeElement (element) {
+ this.node.removeChild(element.node)
-// Remove a given child
-export function removeElement (element) {
- this.node.removeChild(element.node)
+ return this
+ }
- return this
-}
+ // Remove all elements in this container
+ clear () {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild)
+ }
+
+ // remove defs reference
+ delete this._defs
-// Remove all elements in this container
-export function clear () {
- // remove children
- while (this.node.hasChildNodes()) {
- this.node.removeChild(this.node.lastChild)
+ return this
}
- // remove defs reference
- delete this._defs
+ // Import raw svg
+ svg (svg) {
+ var well, len
- return this
-}
+ // act as a setter if svg is given
+ if (svg) {
+ // create temporary holder
+ well = document.createElementNS(ns, 'svg')
+ // dump raw svg
+ well.innerHTML = svg
-// Import raw svg
-export function svg (svg) {
- var well, len
+ // transplant nodes
+ for (len = well.children.length; len--;) {
+ this.node.appendChild(well.firstElementChild)
+ }
- // act as a setter if svg is given
- if (svg) {
- // create temporary holder
- well = document.createElementNS(ns, 'svg')
- // dump raw svg
- well.innerHTML = svg
+ // otherwise act as a getter
+ } else {
+ // write svgjs data to the dom
+ this.writeDataToDom()
- // transplant nodes
- for (len = well.children.length; len--;) {
- this.node.appendChild(well.firstElementChild)
+ return this.node.outerHTML
}
- // otherwise act as a getter
- } else {
- // write svgjs data to the dom
- this.writeDataToDom()
-
- return this.node.outerHTML
+ return this
}
- return this
-}
-
-// write svgjs data to the dom
-export function writeDataToDom () {
- // dump variables recursively
- this.each(function () {
- this.writeDataToDom()
- })
+ // write svgjs data to the dom
+ writeDataToDom () {
+ // dump variables recursively
+ this.each(function () {
+ this.writeDataToDom()
+ })
- // remove previously set data
- this.node.removeAttribute('svgjs:data')
+ // 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
+ if (Object.keys(this.dom).length) {
+ this.node.setAttribute('svgjs:data', JSON.stringify(this.dom)) // see #428
+ }
+ return this
}
- return this
-}
-export function flatten (parent) {
- this.each(function () {
- if (this.is('Parent')) return this.flatten(parent).ungroup(parent)
- return this.toParent(parent)
- })
+ 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()
+ // we need this so that Doc does not get removed
+ this.node.firstElementChild || this.remove()
- return this
-}
+ return this
+ }
-export function ungroup (parent) {
- parent = parent || this.parent()
+ ungroup (parent) {
+ parent = parent || this.parent()
- this.each(function () {
- return this.toParent(parent)
- })
+ this.each(function () {
+ return this.toParent(parent)
+ })
- this.remove()
+ this.remove()
- return this
+ return this
+ }
}
-registerMethods('Container', {
- children, add, put, has, index, get, first, last, each,
- removeElement, clear, svg, writeDataToDom, flatten, ungroup
-})
+
+// registerMethods('Container', {
+// children, add, put, has, index, get, first, last, each,
+// removeElement, clear, svg, writeDataToDom, flatten, ungroup
+// })
import {proportionalSize} from './helpers.js'
import {nodeOrNew} from './tools.js'
-import Base from './Base.js'
+import Shape from './Shape.js'
import PathArray from './PathArray.js'
import find from './selector.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Path extends Base {
+export default class Path extends Shape {
// Initialize node
constructor (node) {
super(nodeOrNew('path', node), Path)
-import Base from './Base.js'
+import Container from './Container.js'
import {nodeOrNew} from './tools.js'
-import attr from './attr.js'
+//import attr from './attr.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
+import Box from './Box.js'
-export default class Pattern extends Base {
+export default class Pattern extends Container {
// Initialize node
constructor (node) {
super(nodeOrNew('pattern', node), Pattern)
// custom attr to handle transform
attr (a, b, c) {
if (a === 'transform') a = 'patternTransform'
- return attr.call(this, a, b, c)
+ return super.attr(a, b, c)
+ //return attr.call(this, a, b, c)
}
targets () {
return find('svg [fill*="' + this.id() + '"]')
}
+
+ bbox () {
+ return new Box()
+ }
}
registerMethods({
import {proportionalSize} from './helpers.js'
-import Base from './Base.js'
+import Shape from './Shape.js'
import {nodeOrNew, extend} from './tools.js'
import * as pointed from './pointed.js'
import * as poly from './poly.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Polygon extends Base {
+export default class Polygon extends Shape {
// Initialize node
constructor (node) {
super(nodeOrNew('polygon', node), Polygon)
-import Base from './Base.js'
+import Shape from './Shape.js'
import {nodeOrNew, extend} from './tools.js'
import PointArray from './PointArray.js'
import * as pointed from './pointed.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Polyline extends Base {
+export default class Polyline extends Shape {
// Initialize node
constructor (node) {
super(nodeOrNew('polyline', node), Polyline)
-import Base from './Base.js'
+import Shape from './Shape.js'
import {nodeOrNew, extend} from './tools.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Rect extends Base {
+export default class Rect extends Shape {
// Initialize node
constructor (node) {
super(nodeOrNew('rect', node), Rect)
}
+
+ // FIXME: unify with circle
+ // Radius x value
+ rx (rx) {
+ return this.attr('rx', rx)
+ }
+
+ // Radius y value
+ ry (ry) {
+ return this.attr('ry', ry)
+ }
}
registerMethods({
},
toArray () {
- const ret = []
- ret.push(...this)
- //Array.prototype.push.apply(ret, this)
- return ret
- //return Array.prototype.concat.apply([], this)
+ // const ret = []
+ // ret.push(...this)
+ // return ret
+ return Array.prototype.concat.apply([], this)
},
toString () {
return this.join(' ')
},
+ // Flattens the array if needed
valueOf () {
- return this.toArray()
+ const ret = []
+ ret.push(...this)
+ return ret
+ // return this.toArray()
},
// Parse whitespace separated string
--- /dev/null
+import Parent from './Parent.js'
+export default class Shape extends Parent {}
-import Base from './Base.js'
+import Element from './Element.js'
import SVGNumber from './SVGNumber.js'
import {nodeOrNew} from './tools.js'
import {register} from './adopter.js'
-export default class Stop extends Base {
+export default class Stop extends Element {
constructor (node) {
super(nodeOrNew('stop', node), Stop)
}
-import Base from './Base.js'
+import Container from './Container.js'
import {nodeOrNew} from './tools.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Symbol extends Base {
+export default class Symbol extends Container {
// Initialize node
constructor (node) {
super(nodeOrNew('symbol', node), Symbol)
-import Base from './Base.js'
+import Parent from './Parent.js'
import SVGNumber from './SVGNumber.js'
import {nodeOrNew, extend} from './tools.js'
import {attrs} from './defaults.js'
import {register, adopt} from './adopter.js'
import {registerMethods} from './methods.js'
-export default class Text extends Base {
+export default class Text extends Parent {
// Initialize node
constructor (node) {
super(nodeOrNew('text', node), Text)
-import Base from './Base.js'
+import Parent from './Parent.js'
import {nodeOrNew, extend} from './tools.js'
import * as textable from './textable.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
import Text from './Text.js'
-export default class Tspan extends Base {
+export default class Tspan extends Parent {
// Initialize node
constructor (node) {
super(nodeOrNew('tspan', node), Tspan)
-import Base from './Base.js'
+import Shape from './Shape.js'
import {xlink} from './namespaces.js'
import {register} from './adopter.js'
import {registerMethods} from './methods.js'
import {nodeOrNew} from './tools.js'
-export default class Use extends Base {
+export default class Use extends Shape {
constructor (node) {
super(nodeOrNew('use', node), Use)
}
+export {default as EventTarget} from './EventTarget.js'
+export {default as Element} from './Element.js'
+export {default as Shape} from './Shape.js'
+export {default as Parent} from './Parent.js'
+export {default as Container} from './Container.js'
export {default as HtmlNode} from './HtmlNode.js'
export {default as Doc} from './Doc.js'
export {default as Defs} from './Defs.js'
-import Base from './Base.js'
import {delimiter} from './regex.js'
import {registerMethods} from './methods.js'
-// Add events to elements
-const methods = [ 'click',
- 'dblclick',
- 'mousedown',
- 'mouseup',
- 'mouseover',
- 'mouseout',
- 'mousemove',
- 'mouseenter',
- 'mouseleave',
- 'touchstart',
- 'touchmove',
- 'touchleave',
- 'touchend',
- 'touchcancel' ].reduce(function (last, event) {
- // add event to Element
- const fn = function (f) {
- if (f === null) {
- off(this, event)
- } else {
- on(this, event, f)
- }
- return this
- }
-
- last[event] = fn
- return last
- }, {})
-
-registerMethods('Element', methods)
-
let listenerId = 0
function getEventTarget (node) {
- return node instanceof Base && node.is('EventTarget')
+ return typeof node.getEventTarget === 'function'
? node.getEventTarget()
: node
}
import PointArray from './PointArray.js'
-export let MorphArray = PointArray
+export let MorphArray = PointArray
// Move by left top corner over x-axis
export function x (x) {
return baseFind(query, this.node)
}
-registerMethods('Container', {find})
+registerMethods('Element', {find})
registerMethods('radius', {
// Add x and y radius
radius: function (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)
}
})
-registerMethods(['Container', 'Runner'], {
+registerMethods(['Parent', 'Runner'], {
// Set font
font: function (a, v) {
if (typeof a === 'object') {
Classes.Gradient
], getMethodsFor('radius'))
-const containerMethods = getMethodsFor('Container')
-// FIXME: We need a container array
-for (let i in containers) {
- extend(containers[i], containerMethods)
-}
-
-const elementMethods = getMethodsFor('Element')
-const eventTargetMethods = getMethodsFor('EventTarget')
-for (let i in elements) {
- extend(elements[i], elementMethods)
- extend(elements[i], eventTargetMethods)
- extend(elements[i], getConstructor('EventTarget'))
- extend(elements[i], getConstructor('Element'))
- extend(elements[i], getConstructor('Memory'))
-}
+extend(Classes.EventTarget, getMethodsFor('EventTarget'))
+extend(Classes.Element, getMethodsFor('Element'))
+extend(Classes.Element, getMethodsFor('Parent'))
+extend(Classes.Element, getConstructor('Memory'))
+extend(Classes.Container, getMethodsFor('Container'))
registerMorphableType([
Classes.SVGNumber,
SVG.regex = regex
-
-
// satisfy tests, fix later
-import * as ns from './namespaces'
+import * as ns from './namespaces.js'
SVG.get = SVG
SVG.find = find
Object.assign(SVG, ns)
-import Base from './Base.js'
-SVG.Element = SVG.Parent = SVG.Shape = SVG.Container = Base
+// import Base from './Base.js'
+// SVG.Element = SVG.Parent = SVG.Shape = SVG.Container = Base
import {easing} from './Controller.js'
SVG.easing = easing
import * as events from './event.js'
SVG.NonMorphable = NonMorphable
import parser from './parser.js'
SVG.parser = parser
+import * as defaults from './defaults.js'
+SVG.defaults = defaults
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]
}
}
projects / svg.js.git / commitdiff