@ohos-ports/jsvectormap 1.7.0-beta.0

package/dist/jsvectormap.esm.js

@@ -0,0 +1,2293 @@
+/**
+ * By https://github.com/TehShrike/deepmerge
+ */
+
+var isMergeableObject = function isMergeableObject(value) {
+  return isNonNullObject(value) && !isSpecial(value);
+};
+function isNonNullObject(value) {
+  return !!value && typeof value === 'object';
+}
+function isSpecial(value) {
+  var stringValue = Object.prototype.toString.call(value);
+  return stringValue === '[object RegExp]' || stringValue === '[object Date]' || isNode(value) || isReactElement(value);
+}
+
+// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
+var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+function isReactElement(value) {
+  return value.$$typeof === REACT_ELEMENT_TYPE;
+}
+function isNode(value) {
+  return value instanceof Node;
+}
+function emptyTarget(val) {
+  return Array.isArray(val) ? [] : {};
+}
+function cloneUnlessOtherwiseSpecified(value, options) {
+  return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;
+}
+function defaultArrayMerge(target, source, options) {
+  return target.concat(source).map(function (element) {
+    return cloneUnlessOtherwiseSpecified(element, options);
+  });
+}
+function getMergeFunction(key, options) {
+  if (!options.customMerge) {
+    return deepmerge;
+  }
+  var customMerge = options.customMerge(key);
+  return typeof customMerge === 'function' ? customMerge : deepmerge;
+}
+function getEnumerableOwnPropertySymbols(target) {
+  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function (symbol) {
+    return target.propertyIsEnumerable(symbol);
+  }) : [];
+}
+function getKeys(target) {
+  return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
+}
+function propertyIsOnObject(object, property) {
+  try {
+    return property in object;
+  } catch (_) {
+    return false;
+  }
+}
+
+// Protects from prototype poisoning and unexpected merging up the prototype chain.
+function propertyIsUnsafe(target, key) {
+  return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,
+  && !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,
+  && Object.propertyIsEnumerable.call(target, key)); // and also unsafe if they're nonenumerable.
+}
+function mergeObject(target, source, options) {
+  var destination = {};
+  if (options.isMergeableObject(target)) {
+    getKeys(target).forEach(function (key) {
+      destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+    });
+  }
+  getKeys(source).forEach(function (key) {
+    if (propertyIsUnsafe(target, key)) {
+      return;
+    }
+    if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+      destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+    } else {
+      destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+    }
+  });
+  return destination;
+}
+var deepmerge = function deepmerge(target, source, options) {
+  options = options || {};
+  options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+  options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+  // cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()
+  // implementations can use it. The caller may not replace it.
+  options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+  var sourceIsArray = Array.isArray(source);
+  var targetIsArray = Array.isArray(target);
+  var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+  if (!sourceAndTargetTypesMatch) {
+    return cloneUnlessOtherwiseSpecified(source, options);
+  } else if (sourceIsArray) {
+    return options.arrayMerge(target, source, options);
+  } else {
+    return mergeObject(target, source, options);
+  }
+};
+
+/**
+ * --------------------------------------------------------------------------
+ * Public Util Api
+ * --------------------------------------------------------------------------
+ */
+var getElement = function getElement(selector) {
+  if (typeof selector === 'object' && typeof selector.nodeType !== 'undefined') {
+    return selector;
+  }
+  if (typeof selector === 'string') {
+    return document.querySelector(selector);
+  }
+  return null;
+};
+var createElement = function createElement(type, classes, content, html) {
+  if (html === void 0) {
+    html = false;
+  }
+  var el = document.createElement(type);
+  if (content) {
+    el[!html ? 'textContent' : 'innerHTML'] = content;
+  }
+  if (classes) {
+    el.className = classes;
+  }
+  return el;
+};
+var findElement = function findElement(parentElement, selector) {
+  return Element.prototype.querySelector.call(parentElement, selector);
+};
+var removeElement = function removeElement(target) {
+  target.parentNode.removeChild(target);
+};
+var isImageUrl = function isImageUrl(url) {
+  return /\.(jpg|gif|png)$/.test(url);
+};
+var hyphenate = function hyphenate(string) {
+  return string.replace(/[\w]([A-Z])/g, function (m) {
+    return m[0] + "-" + m[1];
+  }).toLowerCase();
+};
+var merge = function merge(target, source, deep) {
+  if (deep === void 0) {
+    deep = false;
+  }
+  if (deep) {
+    return deepmerge(target, source);
+  }
+  return Object.assign(target, source);
+};
+var getLineUid = function getLineUid(from, to) {
+  return from.toLowerCase() + ":to:" + to.toLowerCase();
+};
+var inherit = function inherit(target, source) {
+  Object.assign(target.prototype, source);
+};
+
+var eventRegistry = {};
+var eventUid = 1;
+var EventHandler = {
+  on: function on(element, event, handler, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    var uid = "jvm:" + event + "::" + eventUid++;
+    eventRegistry[uid] = {
+      selector: element,
+      handler: handler
+    };
+    handler._uid = uid;
+    element.addEventListener(event, handler, options);
+  },
+  delegate: function delegate(element, event, selector, handler) {
+    event = event.split(' ');
+    event.forEach(function (eventName) {
+      EventHandler.on(element, eventName, function (e) {
+        var target = e.target;
+        if (target.matches(selector)) {
+          handler.call(target, e);
+        }
+      });
+    });
+  },
+  off: function off(element, event, handler) {
+    var eventType = event.split(':')[1];
+    element.removeEventListener(eventType, handler);
+    delete eventRegistry[handler._uid];
+  },
+  flush: function flush() {
+    Object.keys(eventRegistry).forEach(function (event) {
+      EventHandler.off(eventRegistry[event].selector, event, eventRegistry[event].handler);
+    });
+  },
+  getEventRegistry: function getEventRegistry() {
+    return eventRegistry;
+  }
+};
+
+function setupContainerEvents() {
+  var _this = this;
+  var map = this;
+  var mouseDown = false;
+  var oldPageX;
+  var oldPageY;
+  if (this.params.draggable) {
+    EventHandler.on(this.container, 'mousemove', function (e) {
+      if (!mouseDown) {
+        return false;
+      }
+      map.transX -= (oldPageX - e.pageX) / map.scale;
+      map.transY -= (oldPageY - e.pageY) / map.scale;
+      map._applyTransform();
+      oldPageX = e.pageX;
+      oldPageY = e.pageY;
+    });
+    EventHandler.on(this.container, 'mousedown', function (e) {
+      mouseDown = true;
+      oldPageX = e.pageX;
+      oldPageY = e.pageY;
+      return false;
+    });
+    EventHandler.on(document.body, 'mouseup', function () {
+      mouseDown = false;
+    });
+  }
+  if (this.params.zoomOnScroll) {
+    EventHandler.on(this.container, 'wheel', function (event) {
+      var deltaY = ((event.deltaY || -event.wheelDelta || event.detail) >> 10 || 1) * 75;
+      var rect = _this.container.getBoundingClientRect();
+      var offsetX = event.pageX - rect.left - window.scrollX;
+      var offsetY = event.pageY - rect.top - window.scrollY;
+      var zoomStep = Math.pow(1 + map.params.zoomOnScrollSpeed / 1000, -1.5 * deltaY);
+      if (map.tooltip) {
+        map._tooltip.hide();
+      }
+      map._setScale(map.scale * zoomStep, offsetX, offsetY);
+      event.preventDefault();
+    });
+  }
+}
+
+var Events = {
+  onLoaded: 'map:loaded',
+  onViewportChange: 'viewport:changed',
+  onRegionClick: 'region:clicked',
+  onMarkerClick: 'marker:clicked',
+  onRegionSelected: 'region:selected',
+  onMarkerSelected: 'marker:selected',
+  onRegionTooltipShow: 'region.tooltip:show',
+  onMarkerTooltipShow: 'marker.tooltip:show',
+  onDestroyed: 'map:destroyed'
+};
+
+var parseEvent = function parseEvent(map, selector, isTooltip) {
+  var element = getElement(selector);
+  var type = element.getAttribute('class').indexOf('jvm-region') === -1 ? 'marker' : 'region';
+  var isRegion = type === 'region';
+  var code = isRegion ? element.getAttribute('data-code') : element.getAttribute('data-index');
+  var event = isRegion ? Events.onRegionSelected : Events.onMarkerSelected;
+
+  // Init tooltip event
+  if (isTooltip) {
+    event = isRegion ? Events.onRegionTooltipShow : Events.onMarkerTooltipShow;
+  }
+  return {
+    type: type,
+    code: code,
+    event: event,
+    element: isRegion ? map.regions[code].element : map._markers[code].element,
+    tooltipText: isRegion ? map._mapData.paths[code].name || '' : map._markers[code].config.name || ''
+  };
+};
+function setupElementEvents() {
+  var map = this;
+  var container = this.container;
+  var pageX, pageY, mouseMoved;
+  EventHandler.on(container, 'mousemove', function (event) {
+    if (Math.abs(pageX - event.pageX) + Math.abs(pageY - event.pageY) > 2) {
+      mouseMoved = true;
+    }
+  });
+
+  // When the mouse is pressed
+  EventHandler.delegate(container, 'mousedown', '.jvm-element', function (event) {
+    pageX = event.pageX;
+    pageY = event.pageY;
+    mouseMoved = false;
+  });
+
+  // When the mouse is over the region/marker | When the mouse is out the region/marker
+  EventHandler.delegate(container, 'mouseover mouseout', '.jvm-element', function (event) {
+    var data = parseEvent(map, this, true);
+    var showTooltip = map.params.showTooltip;
+    if (event.type === 'mouseover') {
+      data.element.hover(true);
+      if (showTooltip) {
+        map._tooltip.text(data.tooltipText);
+        map._emit(data.event, [event, map._tooltip, data.code]);
+        if (!event.defaultPrevented) {
+          map._tooltip.show();
+        }
+      }
+    } else {
+      data.element.hover(false);
+      if (showTooltip) {
+        map._tooltip.hide();
+      }
+    }
+  });
+
+  // When the click is released
+  EventHandler.delegate(container, 'mouseup', '.jvm-element', function (event) {
+    var data = parseEvent(map, this);
+    if (mouseMoved) {
+      return;
+    }
+    if (data.type === 'region' && map.params.regionsSelectable || data.type === 'marker' && map.params.markersSelectable) {
+      var element = data.element;
+
+      // We're checking if regions/markers|SelectableOne option is presented
+      if (map.params[data.type + "sSelectableOne"]) {
+        data.type === 'region' ? map.clearSelectedRegions() : map.clearSelectedMarkers();
+      }
+      if (data.element.isSelected) {
+        element.select(false);
+      } else {
+        element.select(true);
+      }
+      map._emit(data.event, [data.code, element.isSelected, data.type === 'region' ? map.getSelectedRegions() : map.getSelectedMarkers()]);
+    }
+  });
+
+  // When region/marker is clicked
+  EventHandler.delegate(container, 'click', '.jvm-element', function (event) {
+    var _parseEvent = parseEvent(map, this),
+      type = _parseEvent.type,
+      code = _parseEvent.code;
+    map._emit(type === 'region' ? Events.onRegionClick : Events.onMarkerClick, [event, code]);
+  });
+}
+
+function setupZoomButtons() {
+  var _this = this;
+  var zoomInOption = this.params.zoomInButton;
+  var zoomOutOption = this.params.zoomOutButton;
+  var getZoomButton = function getZoomButton(zoomOption) {
+    return typeof zoomOption === 'string' ? document.querySelector(zoomOption) : zoomOption;
+  };
+  var zoomIn = zoomInOption ? getZoomButton(zoomInOption) : createElement('div', 'jvm-zoom-btn jvm-zoomin', '+', true);
+  var zoomOut = zoomOutOption ? getZoomButton(zoomOutOption) : createElement('div', 'jvm-zoom-btn jvm-zoomout', '&#x2212', true);
+  if (!zoomInOption) {
+    this.container.appendChild(zoomIn);
+  }
+  if (!zoomOutOption) {
+    this.container.appendChild(zoomOut);
+  }
+  var handler = function handler(zoomin) {
+    if (zoomin === void 0) {
+      zoomin = true;
+    }
+    return function () {
+      return _this._setScale(zoomin ? _this.scale * _this.params.zoomStep : _this.scale / _this.params.zoomStep, _this._width / 2, _this._height / 2, false, _this.params.zoomAnimate);
+    };
+  };
+  EventHandler.on(zoomIn, 'click', handler());
+  EventHandler.on(zoomOut, 'click', handler(false));
+}
+
+function setupContainerTouchEvents() {
+  var map = this,
+    touchStartScale,
+    touchStartDistance,
+    touchX,
+    touchY,
+    centerTouchX,
+    centerTouchY,
+    lastTouchesLength;
+  var handleTouchEvent = function handleTouchEvent(e) {
+    var touches = e.touches;
+    var offset, scale, transXOld, transYOld;
+    if (e.type == 'touchstart') {
+      lastTouchesLength = 0;
+    }
+    if (touches.length == 1) {
+      if (lastTouchesLength == 1) {
+        var _map$_tooltip;
+        transXOld = map.transX;
+        transYOld = map.transY;
+        map.transX -= (touchX - touches[0].pageX) / map.scale;
+        map.transY -= (touchY - touches[0].pageY) / map.scale;
+        (_map$_tooltip = map._tooltip) == null || _map$_tooltip.hide();
+        map._applyTransform();
+        if (transXOld != map.transX || transYOld != map.transY) {
+          e.preventDefault();
+        }
+      }
+      touchX = touches[0].pageX;
+      touchY = touches[0].pageY;
+    } else if (touches.length == 2) {
+      if (lastTouchesLength == 2) {
+        var _map$_tooltip2;
+        scale = Math.sqrt(Math.pow(touches[0].pageX - touches[1].pageX, 2) + Math.pow(touches[0].pageY - touches[1].pageY, 2)) / touchStartDistance;
+        map._setScale(touchStartScale * scale, centerTouchX, centerTouchY);
+        (_map$_tooltip2 = map._tooltip) == null || _map$_tooltip2.hide();
+        e.preventDefault();
+      } else {
+        var rect = map.container.getBoundingClientRect();
+        offset = {
+          top: rect.top + window.scrollY,
+          left: rect.left + window.scrollX
+        };
+        if (touches[0].pageX > touches[1].pageX) {
+          centerTouchX = touches[1].pageX + (touches[0].pageX - touches[1].pageX) / 2;
+        } else {
+          centerTouchX = touches[0].pageX + (touches[1].pageX - touches[0].pageX) / 2;
+        }
+        if (touches[0].pageY > touches[1].pageY) {
+          centerTouchY = touches[1].pageY + (touches[0].pageY - touches[1].pageY) / 2;
+        } else {
+          centerTouchY = touches[0].pageY + (touches[1].pageY - touches[0].pageY) / 2;
+        }
+        centerTouchX -= offset.left;
+        centerTouchY -= offset.top;
+        touchStartScale = map.scale;
+        touchStartDistance = Math.sqrt(Math.pow(touches[0].pageX - touches[1].pageX, 2) + Math.pow(touches[0].pageY - touches[1].pageY, 2));
+      }
+    }
+    lastTouchesLength = touches.length;
+  };
+  EventHandler.on(map.container, 'touchstart', handleTouchEvent);
+  EventHandler.on(map.container, 'touchmove', handleTouchEvent);
+}
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _assertThisInitialized(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+    t && (r = t);
+    var o = 0;
+    return function () {
+      return o >= r.length ? {
+        done: !0
+      } : {
+        done: !1,
+        value: r[o++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var BaseComponent = /*#__PURE__*/function () {
+  function BaseComponent() {}
+  var _proto = BaseComponent.prototype;
+  _proto.dispose = function dispose() {
+    if (this._tooltip) {
+      removeElement(this._tooltip);
+    } else {
+      // @todo: move shape in base component in v2
+      this.shape.remove();
+    }
+    for (var _iterator = _createForOfIteratorHelperLoose(Object.getOwnPropertyNames(this)), _step; !(_step = _iterator()).done;) {
+      var propertyName = _step.value;
+      this[propertyName] = null;
+    }
+  };
+  return BaseComponent;
+}();
+
+var Interactable = {
+  getLabelText: function getLabelText(key, label) {
+    if (!label) {
+      return;
+    }
+    if (typeof label.render === 'function') {
+      var params = [];
+
+      // Pass additional paramater (Marker config object) in case it's a Marker.
+      if (this.constructor.Name === 'marker') {
+        params.push(this.getConfig());
+      }
+
+      // Becuase we need to add the key always at the end
+      params.push(key);
+      return label.render.apply(this, params);
+    }
+    return key;
+  },
+  getLabelOffsets: function getLabelOffsets(key, label) {
+    if (typeof label.offsets === 'function') {
+      return label.offsets(key);
+    }
+
+    // If offsets are an array of offsets e.g offsets: [ [0, 25], [10, 15] ]
+    if (Array.isArray(label.offsets)) {
+      return label.offsets[key];
+    }
+    return [0, 0];
+  },
+  setStyle: function setStyle(property, value) {
+    this.shape.setStyle(property, value);
+  },
+  remove: function remove() {
+    this.shape.remove();
+    if (this.label) this.label.remove();
+  },
+  hover: function hover(state) {
+    this._setStatus('isHovered', state);
+  },
+  select: function select(state) {
+    this._setStatus('isSelected', state);
+  },
+  // Private
+  _setStatus: function _setStatus(property, state) {
+    this.shape[property] = state;
+    this.shape.updateStyle();
+    this[property] = state;
+    if (this.label) {
+      this.label[property] = state;
+      this.label.updateStyle();
+    }
+  }
+};
+
+var Region = /*#__PURE__*/function (_BaseComponent) {
+  function Region(_ref) {
+    var _this;
+    var map = _ref.map,
+      code = _ref.code,
+      path = _ref.path,
+      style = _ref.style,
+      label = _ref.label,
+      labelStyle = _ref.labelStyle,
+      labelsGroup = _ref.labelsGroup;
+    _this = _BaseComponent.call(this) || this;
+    _this._map = map;
+    _this.shape = _this._createRegion(path, code, style);
+    var text = _this.getLabelText(code, label);
+
+    // If label is passed and render function returns something 
+    if (label && text) {
+      var bbox = _this.shape.getBBox();
+      var offsets = _this.getLabelOffsets(code, label);
+      _this.labelX = bbox.x + bbox.width / 2 + offsets[0];
+      _this.labelY = bbox.y + bbox.height / 2 + offsets[1];
+      _this.label = _this._map.canvas.createText({
+        text: text,
+        textAnchor: 'middle',
+        alignmentBaseline: 'central',
+        dataCode: code,
+        x: _this.labelX,
+        y: _this.labelY
+      }, labelStyle, labelsGroup);
+      _this.label.addClass('jvm-region jvm-element');
+    }
+    return _this;
+  }
+  _inheritsLoose(Region, _BaseComponent);
+  var _proto = Region.prototype;
+  _proto._createRegion = function _createRegion(path, code, style) {
+    path = this._map.canvas.createPath({
+      d: path,
+      dataCode: code
+    }, style);
+    path.addClass('jvm-region jvm-element');
+    return path;
+  };
+  _proto.updateLabelPosition = function updateLabelPosition() {
+    if (this.label) {
+      this.label.set({
+        x: this.labelX * this._map.scale + this._map.transX * this._map.scale,
+        y: this.labelY * this._map.scale + this._map.transY * this._map.scale
+      });
+    }
+  };
+  return Region;
+}(BaseComponent);
+inherit(Region, Interactable);
+
+function createRegions() {
+  this._regionLabelsGroup = this._regionLabelsGroup || this.canvas.createGroup('jvm-regions-labels-group');
+  for (var code in this._mapData.paths) {
+    var region = new Region({
+      map: this,
+      code: code,
+      path: this._mapData.paths[code].path,
+      style: merge({}, this.params.regionStyle),
+      labelStyle: this.params.regionLabelStyle,
+      labelsGroup: this._regionLabelsGroup,
+      label: this.params.labels && this.params.labels.regions
+    });
+    this.regions[code] = {
+      config: this._mapData.paths[code],
+      element: region
+    };
+  }
+}
+
+var LINE_CLASS = 'jvm-line';
+var Line = /*#__PURE__*/function (_BaseComponent) {
+  function Line(options, style) {
+    var _this;
+    _this = _BaseComponent.call(this) || this;
+    _this._options = options;
+    _this._style = {
+      initial: style
+    };
+    _this._draw();
+    return _this;
+  }
+  _inheritsLoose(Line, _BaseComponent);
+  var _proto = Line.prototype;
+  _proto.setStyle = function setStyle(property, value) {
+    this.shape.setStyle(property, value);
+  };
+  _proto.getConfig = function getConfig() {
+    return this._options.config;
+  };
+  _proto._draw = function _draw() {
+    var _this$_options = this._options,
+      index = _this$_options.index,
+      group = _this$_options.group,
+      map = _this$_options.map;
+    var config = {
+      d: this._getDAttribute(),
+      fill: 'none',
+      dataIndex: index
+    };
+    this.shape = map.canvas.createPath(config, this._style, group);
+    this.shape.addClass(LINE_CLASS);
+  };
+  _proto._getDAttribute = function _getDAttribute() {
+    var _this$_options2 = this._options,
+      x1 = _this$_options2.x1,
+      y1 = _this$_options2.y1,
+      x2 = _this$_options2.x2,
+      y2 = _this$_options2.y2,
+      curvature = _this$_options2.curvature;
+    return "M" + x1 + "," + y1 + this._getQCommand(x1, y1, x2, y2, curvature) + x2 + "," + y2;
+  };
+  _proto._getQCommand = function _getQCommand(x1, y1, x2, y2, curvature) {
+    if (!curvature) {
+      return ' ';
+    }
+    var curveX = (x1 + x2) / 2 + curvature * (y2 - y1);
+    var curveY = (y1 + y2) / 2 - curvature * (x2 - x1);
+    return " Q" + curveX + "," + curveY + " ";
+  };
+  return Line;
+}(BaseComponent);
+
+var _excluded = ["curvature"],
+  _excluded2 = ["curvature"];
+function createLines(lines) {
+  var point1 = false,
+    point2 = false;
+  var _this$params$lineStyl = this.params.lineStyle,
+    curvature = _this$params$lineStyl.curvature,
+    lineStyle = _objectWithoutPropertiesLoose(_this$params$lineStyl, _excluded);
+  for (var index in lines) {
+    var lineConfig = lines[index];
+    for (var _i = 0, _Object$values = Object.values(this._markers); _i < _Object$values.length; _i++) {
+      var markerConfig = _Object$values[_i].config;
+      if (markerConfig.name === lineConfig.from) {
+        point1 = this.getMarkerPosition(markerConfig);
+      }
+      if (markerConfig.name === lineConfig.to) {
+        point2 = this.getMarkerPosition(markerConfig);
+      }
+    }
+    if (point1 !== false && point2 !== false) {
+      var _ref = lineConfig.style || {},
+        curvatureOption = _ref.curvature,
+        style = _objectWithoutPropertiesLoose(_ref, _excluded2);
+
+      // Register lines with unique keys
+      this._lines[getLineUid(lineConfig.from, lineConfig.to)] = new Line({
+        index: index,
+        map: this,
+        group: this._linesGroup,
+        config: lineConfig,
+        x1: point1.x,
+        y1: point1.y,
+        x2: point2.x,
+        y2: point2.y,
+        curvature: curvatureOption == 0 ? 0 : curvatureOption || curvature
+      }, merge(lineStyle, style, true));
+    }
+  }
+}
+
+var NAME = 'marker';
+var JVM_PREFIX$1 = 'jvm-';
+var MARKER_CLASS = JVM_PREFIX$1 + "element " + JVM_PREFIX$1 + "marker";
+var MARKER_LABEL_CLASS = JVM_PREFIX$1 + "element " + JVM_PREFIX$1 + "label";
+var Marker = /*#__PURE__*/function (_BaseComponent) {
+  function Marker(options, style) {
+    var _this;
+    _this = _BaseComponent.call(this) || this;
+    _this._options = options;
+    _this._style = style;
+    _this._labelX = null;
+    _this._labelY = null;
+    _this._offsets = null;
+    _this._isImage = !!style.initial.image;
+    _this._draw();
+    if (_this._options.label) {
+      _this._drawLabel();
+    }
+    if (_this._isImage) {
+      _this.updateLabelPosition();
+    }
+    return _this;
+  }
+  _inheritsLoose(Marker, _BaseComponent);
+  var _proto = Marker.prototype;
+  _proto.getConfig = function getConfig() {
+    return this._options.config;
+  };
+  _proto.updateLabelPosition = function updateLabelPosition() {
+    var map = this._options.map;
+    if (this.label) {
+      this.label.set({
+        x: this._labelX * map.scale + this._offsets[0] + map.transX * map.scale + 5 + (this._isImage ? (this.shape.width || 0) / 2 : this.shape.node.r.baseVal.value),
+        y: this._labelY * map.scale + map.transY * this._options.map.scale + this._offsets[1]
+      });
+    }
+  };
+  _proto._draw = function _draw() {
+    var _this$_options = this._options,
+      index = _this$_options.index,
+      map = _this$_options.map,
+      group = _this$_options.group,
+      cx = _this$_options.cx,
+      cy = _this$_options.cy;
+    var shapeType = this._isImage ? 'createImage' : 'createCircle';
+    this.shape = map.canvas[shapeType]({
+      dataIndex: index,
+      cx: cx,
+      cy: cy
+    }, this._style, group);
+    this.shape.addClass(MARKER_CLASS);
+  };
+  _proto._drawLabel = function _drawLabel() {
+    var _this$_options2 = this._options,
+      index = _this$_options2.index,
+      map = _this$_options2.map,
+      label = _this$_options2.label,
+      labelsGroup = _this$_options2.labelsGroup,
+      cx = _this$_options2.cx,
+      cy = _this$_options2.cy,
+      config = _this$_options2.config,
+      isRecentlyCreated = _this$_options2.isRecentlyCreated;
+    var labelText = this.getLabelText(index, label);
+    this._labelX = cx / map.scale - map.transX;
+    this._labelY = cy / map.scale - map.transY;
+    this._offsets = isRecentlyCreated && config.offsets ? config.offsets : this.getLabelOffsets(index, label);
+    this.label = map.canvas.createText({
+      text: labelText,
+      dataIndex: index,
+      x: this._labelX,
+      y: this._labelY,
+      dy: '0.6ex'
+    }, map.params.markerLabelStyle, labelsGroup);
+    this.label.addClass(MARKER_LABEL_CLASS);
+    if (isRecentlyCreated) {
+      this.updateLabelPosition();
+    }
+  };
+  return _createClass(Marker, null, [{
+    key: "Name",
+    get: function get() {
+      return NAME;
+    }
+  }]);
+}(BaseComponent);
+inherit(Marker, Interactable);
+
+function createMarkers(markers, isRecentlyCreated) {
+  var _this = this;
+  if (markers === void 0) {
+    markers = {};
+  }
+  if (isRecentlyCreated === void 0) {
+    isRecentlyCreated = false;
+  }
+  var _loop = function _loop() {
+      var config = markers[index];
+      var point = _this.getMarkerPosition(config);
+      var uid = config.coords.join(':');
+      if (!point) {
+        return 0; // continue
+      }
+
+      // We're checking if recently created marker does already exist
+      // If it does we don't need to create it again, so we'll continue
+      // Becuase we may have more than one marker submitted via `addMarkers` method.
+      if (isRecentlyCreated) {
+        if (Object.keys(_this._markers).filter(function (i) {
+          return _this._markers[i]._uid === uid;
+        }).length) {
+          return 0; // continue
+        }
+        index = Object.keys(_this._markers).length;
+      }
+      var marker = new Marker({
+        index: index,
+        map: _this,
+        label: _this.params.labels && _this.params.labels.markers,
+        labelsGroup: _this._markerLabelsGroup,
+        cx: point.x,
+        cy: point.y,
+        group: _this._markersGroup,
+        config: config,
+        isRecentlyCreated: isRecentlyCreated
+      }, merge(_this.params.markerStyle, _extends({}, config.style || {}), true));
+
+      // Check for marker duplication
+      // this is useful when for example: a user clicks a button for creating marker two times
+      // so it will remove the old one and the new one will take its place.
+      if (_this._markers[index]) {
+        _this.removeMarkers([index]);
+      }
+      _this._markers[index] = {
+        _uid: uid,
+        config: config,
+        element: marker
+      };
+    },
+    _ret;
+  for (var index in markers) {
+    _ret = _loop();
+    if (_ret === 0) continue;
+  }
+}
+
+var Legend = /*#__PURE__*/function () {
+  function Legend(options) {
+    if (options === void 0) {
+      options = {};
+    }
+    this._options = options;
+    this._map = this._options.map;
+    this._series = this._options.series;
+    this._body = createElement('div', 'jvm-legend');
+    if (this._options.cssClass) {
+      this._body.setAttribute('class', this._options.cssClass);
+    }
+    if (options.vertical) {
+      this._map.legendVertical.appendChild(this._body);
+    } else {
+      this._map.legendHorizontal.appendChild(this._body);
+    }
+    this.render();
+  }
+  var _proto = Legend.prototype;
+  _proto.render = function render() {
+    var ticks = this._series.scale.getTicks();
+    this._body.innderHTML = '';
+    if (this._options.title) {
+      var legendTitle = createElement('div', 'jvm-legend-title', this._options.title);
+      this._body.appendChild(legendTitle);
+    }
+    for (var i = 0; i < ticks.length; i++) {
+      var tick = createElement('div', 'jvm-legend-tick');
+      var sample = createElement('div', 'jvm-legend-tick-sample');
+      switch (this._series.config.attribute) {
+        case 'fill':
+          if (isImageUrl(ticks[i].value)) {
+            sample.style.background = "url(" + ticks[i].value + ")";
+          } else {
+            sample.style.background = ticks[i].value;
+          }
+          break;
+        case 'stroke':
+          sample.style.background = ticks[i].value;
+          break;
+        case 'image':
+          sample.style.background = "url(" + (typeof ticks[i].value === 'object' ? ticks[i].value.url : ticks[i].value) + ") no-repeat center center";
+          sample.style.backgroundSize = 'cover';
+          break;
+      }
+      tick.appendChild(sample);
+      var label = ticks[i].label;
+      if (this._options.labelRender) {
+        label = this._options.labelRender(label);
+      }
+      var tickText = createElement('div', 'jvm-legend-tick-text', label);
+      tick.appendChild(tickText);
+      this._body.appendChild(tick);
+    }
+  };
+  return Legend;
+}();
+
+var OrdinalScale = /*#__PURE__*/function () {
+  function OrdinalScale(scale) {
+    this._scale = scale;
+  }
+  var _proto = OrdinalScale.prototype;
+  _proto.getValue = function getValue(value) {
+    return this._scale[value];
+  };
+  _proto.getTicks = function getTicks() {
+    var ticks = [];
+    for (var key in this._scale) {
+      ticks.push({
+        label: key,
+        value: this._scale[key]
+      });
+    }
+    return ticks;
+  };
+  return OrdinalScale;
+}();
+
+var Series = /*#__PURE__*/function () {
+  function Series(config, elements, map) {
+    if (config === void 0) {
+      config = {};
+    }
+    // Private
+    this._map = map;
+    this._elements = elements; // Could be markers or regions
+    this._values = config.values || {};
+
+    // Protected
+    this.config = config;
+    this.config.attribute = config.attribute || 'fill';
+
+    // Set initial attributes
+    if (config.attributes) {
+      this.setAttributes(config.attributes);
+    }
+    if (typeof config.scale === 'object') {
+      this.scale = new OrdinalScale(config.scale);
+    }
+    if (this.config.legend) {
+      this.legend = new Legend(merge({
+        map: this._map,
+        series: this
+      }, this.config.legend));
+    }
+    this.setValues(this._values);
+  }
+  var _proto = Series.prototype;
+  _proto.setValues = function setValues(values) {
+    var attrs = {};
+    for (var key in values) {
+      if (values[key]) {
+        attrs[key] = this.scale.getValue(values[key]);
+      }
+    }
+    this.setAttributes(attrs);
+  };
+  _proto.setAttributes = function setAttributes(attrs) {
+    for (var code in attrs) {
+      if (this._elements[code]) {
+        this._elements[code].element.setStyle(this.config.attribute, attrs[code]);
+      }
+    }
+  };
+  _proto.clear = function clear() {
+    var key,
+      attrs = {};
+    for (key in this._values) {
+      if (this._elements[key]) {
+        attrs[key] = this._elements[key].element.shape.style.initial[this.config.attribute];
+      }
+    }
+    this.setAttributes(attrs);
+    this._values = {};
+  };
+  return Series;
+}();
+
+function createSeries() {
+  this.series = {
+    markers: [],
+    regions: []
+  };
+  for (var key in this.params.series) {
+    for (var i = 0; i < this.params.series[key].length; i++) {
+      this.series[key][i] = new Series(this.params.series[key][i], key === 'markers' ? this._markers : this.regions, this);
+    }
+  }
+}
+
+function applyTransform() {
+  var maxTransX, maxTransY, minTransX, minTransY;
+  if (this._defaultWidth * this.scale <= this._width) {
+    maxTransX = (this._width - this._defaultWidth * this.scale) / (2 * this.scale);
+    minTransX = (this._width - this._defaultWidth * this.scale) / (2 * this.scale);
+  } else {
+    maxTransX = 0;
+    minTransX = (this._width - this._defaultWidth * this.scale) / this.scale;
+  }
+  if (this._defaultHeight * this.scale <= this._height) {
+    maxTransY = (this._height - this._defaultHeight * this.scale) / (2 * this.scale);
+    minTransY = (this._height - this._defaultHeight * this.scale) / (2 * this.scale);
+  } else {
+    maxTransY = 0;
+    minTransY = (this._height - this._defaultHeight * this.scale) / this.scale;
+  }
+  if (this.transY > maxTransY) {
+    this.transY = maxTransY;
+  } else if (this.transY < minTransY) {
+    this.transY = minTransY;
+  }
+  if (this.transX > maxTransX) {
+    this.transX = maxTransX;
+  } else if (this.transX < minTransX) {
+    this.transX = minTransX;
+  }
+  this.canvas.applyTransformParams(this.scale, this.transX, this.transY);
+  if (this._markers) {
+    this._repositionMarkers();
+  }
+  if (this._lines) {
+    this._repositionLines();
+  }
+  this._repositionLabels();
+}
+
+function resize() {
+  var curBaseScale = this._baseScale;
+  if (this._width / this._height > this._defaultWidth / this._defaultHeight) {
+    this._baseScale = this._height / this._defaultHeight;
+    this._baseTransX = Math.abs(this._width - this._defaultWidth * this._baseScale) / (2 * this._baseScale);
+  } else {
+    this._baseScale = this._width / this._defaultWidth;
+    this._baseTransY = Math.abs(this._height - this._defaultHeight * this._baseScale) / (2 * this._baseScale);
+  }
+  this.scale *= this._baseScale / curBaseScale;
+  this.transX *= this._baseScale / curBaseScale;
+  this.transY *= this._baseScale / curBaseScale;
+}
+
+function setScale(scale, anchorX, anchorY, isCentered, animate) {
+  var _this = this;
+  var zoomStep,
+    interval,
+    i = 0,
+    count = Math.abs(Math.round((scale - this.scale) * 60 / Math.max(scale, this.scale))),
+    scaleStart,
+    scaleDiff,
+    transXStart,
+    transXDiff,
+    transYStart,
+    transYDiff,
+    transX,
+    transY;
+  if (scale > this.params.zoomMax * this._baseScale) {
+    scale = this.params.zoomMax * this._baseScale;
+  } else if (scale < this.params.zoomMin * this._baseScale) {
+    scale = this.params.zoomMin * this._baseScale;
+  }
+  if (typeof anchorX != 'undefined' && typeof anchorY != 'undefined') {
+    zoomStep = scale / this.scale;
+    if (isCentered) {
+      transX = anchorX + this._defaultWidth * (this._width / (this._defaultWidth * scale)) / 2;
+      transY = anchorY + this._defaultHeight * (this._height / (this._defaultHeight * scale)) / 2;
+    } else {
+      transX = this.transX - (zoomStep - 1) / scale * anchorX;
+      transY = this.transY - (zoomStep - 1) / scale * anchorY;
+    }
+  }
+  if (animate && count > 0) {
+    scaleStart = this.scale;
+    scaleDiff = (scale - scaleStart) / count;
+    transXStart = this.transX * this.scale;
+    transYStart = this.transY * this.scale;
+    transXDiff = (transX * scale - transXStart) / count;
+    transYDiff = (transY * scale - transYStart) / count;
+    interval = setInterval(function () {
+      i += 1;
+      _this.scale = scaleStart + scaleDiff * i;
+      _this.transX = (transXStart + transXDiff * i) / _this.scale;
+      _this.transY = (transYStart + transYDiff * i) / _this.scale;
+      _this._applyTransform();
+      if (i == count) {
+        clearInterval(interval);
+        _this._emit(Events.onViewportChange, [_this.scale, _this.transX, _this.transY]);
+      }
+    }, 10);
+  } else {
+    this.transX = transX;
+    this.transY = transY;
+    this.scale = scale;
+    this._applyTransform();
+    this._emit(Events.onViewportChange, [this.scale, this.transX, this.transY]);
+  }
+}
+
+function setFocus(config) {
+  var _this = this;
+  if (config === void 0) {
+    config = {};
+  }
+  var bbox,
+    codes = [];
+  if (config.region) {
+    codes.push(config.region);
+  } else if (config.regions) {
+    codes = config.regions;
+  }
+  if (codes.length) {
+    codes.forEach(function (code) {
+      if (_this.regions[code]) {
+        var itemBbox = _this.regions[code].element.shape.getBBox();
+        if (itemBbox) {
+          // Handle the first loop
+          if (typeof bbox == 'undefined') {
+            bbox = itemBbox;
+          } else {
+            // get the old bbox properties plus the current
+            // this kinda incrementing the old values and the new values
+            bbox = {
+              x: Math.min(bbox.x, itemBbox.x),
+              y: Math.min(bbox.y, itemBbox.y),
+              width: Math.max(bbox.x + bbox.width, itemBbox.x + itemBbox.width) - Math.min(bbox.x, itemBbox.x),
+              height: Math.max(bbox.y + bbox.height, itemBbox.y + itemBbox.height) - Math.min(bbox.y, itemBbox.y)
+            };
+          }
+        }
+      }
+    });
+    return this._setScale(Math.min(this._width / bbox.width, this._height / bbox.height), -(bbox.x + bbox.width / 2), -(bbox.y + bbox.height / 2), true, config.animate);
+  } else if (config.coords) {
+    var point = this.coordsToPoint(config.coords[0], config.coords[1]);
+    var x = this.transX - point.x / this.scale;
+    var y = this.transY - point.y / this.scale;
+    return this._setScale(config.scale * this._baseScale, x, y, true, config.animate);
+  }
+}
+
+function updateSize() {
+  this._width = this.container.offsetWidth;
+  this._height = this.container.offsetHeight;
+  this._resize();
+  this.canvas.setSize(this._width, this._height);
+  this._applyTransform();
+}
+
+/**
+ * ------------------------------------------------------------------------
+ * Object
+ * ------------------------------------------------------------------------
+ */
+var Proj = {
+  /* sgn(n){
+    if (n > 0) {
+      return 1;
+    } else if (n < 0) {
+      return -1;
+    } else {
+      return n;
+    }
+  }, */
+  mill: function mill(lat, lng, c) {
+    return {
+      x: this.radius * (lng - c) * this.radDeg,
+      y: -this.radius * Math.log(Math.tan((45 + 0.4 * lat) * this.radDeg)) / 0.8
+    };
+  },
+  /* mill_inv(x, y, c) {
+    return {
+      lat: (2.5 * Math.atan(Math.exp(0.8 * y / this.radius)) - 5 * Math.PI / 8) * this.degRad,
+      lng: (c * this.radDeg + x / this.radius) * this.degRad
+    };
+  }, */
+  merc: function merc(lat, lng, c) {
+    return {
+      x: this.radius * (lng - c) * this.radDeg,
+      y: -this.radius * Math.log(Math.tan(Math.PI / 4 + lat * Math.PI / 360))
+    };
+  },
+  /* merc_inv(x, y, c) {
+    return {
+      lat: (2 * Math.atan(Math.exp(y / this.radius)) - Math.PI / 2) * this.degRad,
+      lng: (c * this.radDeg + x / this.radius) * this.degRad
+    };
+  }, */
+  aea: function aea(lat, lng, c) {
+    var fi0 = 0,
+      lambda0 = c * this.radDeg,
+      fi1 = 29.5 * this.radDeg,
+      fi2 = 45.5 * this.radDeg,
+      fi = lat * this.radDeg,
+      lambda = lng * this.radDeg,
+      n = (Math.sin(fi1) + Math.sin(fi2)) / 2,
+      C = Math.cos(fi1) * Math.cos(fi1) + 2 * n * Math.sin(fi1),
+      theta = n * (lambda - lambda0),
+      ro = Math.sqrt(C - 2 * n * Math.sin(fi)) / n,
+      ro0 = Math.sqrt(C - 2 * n * Math.sin(fi0)) / n;
+    return {
+      x: ro * Math.sin(theta) * this.radius,
+      y: -(ro0 - ro * Math.cos(theta)) * this.radius
+    };
+  },
+  /* aea_inv(xCoord, yCoord, c) {
+    var x = xCoord / this.radius,
+        y = yCoord / this.radius,
+        fi0 = 0,
+        lambda0 = c * this.radDeg,
+        fi1 = 29.5 * this.radDeg,
+        fi2 = 45.5 * this.radDeg,
+        n = (Math.sin(fi1)+Math.sin(fi2)) / 2,
+        C = Math.cos(fi1)*Math.cos(fi1)+2*n*Math.sin(fi1),
+        ro0 = Math.sqrt(C-2*n*Math.sin(fi0))/n,
+        ro = Math.sqrt(x*x+(ro0-y)*(ro0-y)),
+        theta = Math.atan( x / (ro0 - y) );
+     return {
+      lat: (Math.asin((C - ro * ro * n * n) / (2 * n))) * this.degRad,
+      lng: (lambda0 + theta / n) * this.degRad
+    };
+  }, */
+  lcc: function lcc(lat, lng, c) {
+    var fi0 = 0,
+      lambda0 = c * this.radDeg,
+      lambda = lng * this.radDeg,
+      fi1 = 33 * this.radDeg,
+      fi2 = 45 * this.radDeg,
+      fi = lat * this.radDeg,
+      n = Math.log(Math.cos(fi1) * (1 / Math.cos(fi2))) / Math.log(Math.tan(Math.PI / 4 + fi2 / 2) * (1 / Math.tan(Math.PI / 4 + fi1 / 2))),
+      F = Math.cos(fi1) * Math.pow(Math.tan(Math.PI / 4 + fi1 / 2), n) / n,
+      ro = F * Math.pow(1 / Math.tan(Math.PI / 4 + fi / 2), n),
+      ro0 = F * Math.pow(1 / Math.tan(Math.PI / 4 + fi0 / 2), n);
+    return {
+      x: ro * Math.sin(n * (lambda - lambda0)) * this.radius,
+      y: -(ro0 - ro * Math.cos(n * (lambda - lambda0))) * this.radius
+    };
+  }
+  /* lcc_inv(xCoord, yCoord, c) {
+    var x = xCoord / this.radius,
+        y = yCoord / this.radius,
+        fi0 = 0,
+        lambda0 = c * this.radDeg,
+        fi1 = 33 * this.radDeg,
+        fi2 = 45 * this.radDeg,
+        n = Math.log( Math.cos(fi1) * (1 / Math.cos(fi2)) ) / Math.log( Math.tan( Math.PI / 4 + fi2 / 2) * (1 / Math.tan( Math.PI / 4 + fi1 / 2) ) ),
+        F = ( Math.cos(fi1) * Math.pow( Math.tan( Math.PI / 4 + fi1 / 2 ), n ) ) / n,
+        ro0 = F * Math.pow( 1 / Math.tan( Math.PI / 4 + fi0 / 2 ), n ),
+        ro = this.sgn(n) * Math.sqrt(x*x+(ro0-y)*(ro0-y)),
+        theta = Math.atan( x / (ro0 - y) );
+     return {
+      lat: (2 * Math.atan(Math.pow(F/ro, 1/n)) - Math.PI / 2) * this.degRad,
+      lng: (lambda0 + theta / n) * this.degRad
+    };
+  } */
+};
+Proj.degRad = 180 / Math.PI;
+Proj.radDeg = Math.PI / 180;
+Proj.radius = 6381372;
+
+function coordsToPoint(lat, lng) {
+  var projection = Map.maps[this.params.map].projection;
+  var _Proj$projection$type = Proj[projection.type](lat, lng, projection.centralMeridian),
+    x = _Proj$projection$type.x,
+    y = _Proj$projection$type.y;
+  var inset = this.getInsetForPoint(x, y);
+  if (!inset) {
+    return false;
+  }
+  var bbox = inset.bbox;
+  x = (x - bbox[0].x) / (bbox[1].x - bbox[0].x) * inset.width * this.scale;
+  y = (y - bbox[0].y) / (bbox[1].y - bbox[0].y) * inset.height * this.scale;
+  return {
+    x: x + this.transX * this.scale + inset.left * this.scale,
+    y: y + this.transY * this.scale + inset.top * this.scale
+  };
+}
+
+function getInsetForPoint(x, y) {
+  var insets = Map.maps[this.params.map].insets;
+  for (var index = 0; index < insets.length; index++) {
+    var _insets$index$bbox = insets[index].bbox,
+      start = _insets$index$bbox[0],
+      end = _insets$index$bbox[1];
+    if (x > start.x && x < end.x && y > start.y && y < end.y) {
+      return insets[index];
+    }
+  }
+}
+
+function getMarkerPosition(_ref) {
+  var coords = _ref.coords;
+  if (Map.maps[this.params.map].projection) {
+    return this.coordsToPoint.apply(this, coords);
+  }
+  return {
+    x: coords[0] * this.scale + this.transX * this.scale,
+    y: coords[1] * this.scale + this.transY * this.scale
+  };
+}
+
+function repositionLines() {
+  var _this = this;
+  var curvature = this.params.lineStyle.curvature;
+  Object.values(this._lines).forEach(function (line) {
+    var startMarker = Object.values(_this._markers).find(function (_ref) {
+      var config = _ref.config;
+      return config.name === line.getConfig().from;
+    });
+    var endMarker = Object.values(_this._markers).find(function (_ref2) {
+      var config = _ref2.config;
+      return config.name === line.getConfig().to;
+    });
+    if (startMarker && endMarker) {
+      var _this$getMarkerPositi = _this.getMarkerPosition(startMarker.config),
+        x1 = _this$getMarkerPositi.x,
+        y1 = _this$getMarkerPositi.y;
+      var _this$getMarkerPositi2 = _this.getMarkerPosition(endMarker.config),
+        x2 = _this$getMarkerPositi2.x,
+        y2 = _this$getMarkerPositi2.y;
+      var curvatureOption = line._options.curvature == 0 ? 0 : line._options.curvature || curvature;
+      var midX = (x1 + x2) / 2;
+      var midY = (y1 + y2) / 2;
+      var curveX = midX + curvatureOption * (y2 - y1);
+      var curveY = midY - curvatureOption * (x2 - x1);
+      line.setStyle({
+        d: "M" + x1 + "," + y1 + " Q" + curveX + "," + curveY + " " + x2 + "," + y2
+      });
+    }
+  });
+}
+
+function repositionMarkers() {
+  for (var index in this._markers) {
+    var point = this.getMarkerPosition(this._markers[index].config);
+    if (point !== false) {
+      this._markers[index].element.setStyle({
+        cx: point.x,
+        cy: point.y
+      });
+    }
+  }
+}
+
+function repositionLabels() {
+  var labels = this.params.labels;
+  if (!labels) {
+    return;
+  }
+
+  // Regions labels
+  if (labels.regions) {
+    for (var key in this.regions) {
+      this.regions[key].element.updateLabelPosition();
+    }
+  }
+
+  // Markers labels
+  if (labels.markers) {
+    for (var _key in this._markers) {
+      this._markers[_key].element.updateLabelPosition();
+    }
+  }
+}
+
+var core = {
+  _setupContainerEvents: setupContainerEvents,
+  _setupElementEvents: setupElementEvents,
+  _setupZoomButtons: setupZoomButtons,
+  _setupContainerTouchEvents: setupContainerTouchEvents,
+  _createRegions: createRegions,
+  _createLines: createLines,
+  _createMarkers: createMarkers,
+  _createSeries: createSeries,
+  _applyTransform: applyTransform,
+  _resize: resize,
+  _setScale: setScale,
+  setFocus: setFocus,
+  updateSize: updateSize,
+  coordsToPoint: coordsToPoint,
+  getInsetForPoint: getInsetForPoint,
+  getMarkerPosition: getMarkerPosition,
+  _repositionLines: repositionLines,
+  _repositionMarkers: repositionMarkers,
+  _repositionLabels: repositionLabels
+};
+
+var Defaults = {
+  map: 'world',
+  backgroundColor: 'transparent',
+  draggable: true,
+  zoomButtons: true,
+  zoomOnScroll: true,
+  zoomOnScrollSpeed: 3,
+  zoomMax: 12,
+  zoomMin: 1,
+  zoomAnimate: true,
+  showTooltip: true,
+  zoomStep: 1.5,
+  bindTouchEvents: true,
+  // Line options
+  lineStyle: {
+    curvature: 0,
+    stroke: '#808080',
+    strokeWidth: 1,
+    strokeLinecap: 'round'
+  },
+  // Marker options
+  markersSelectable: false,
+  markersSelectableOne: false,
+  markerStyle: {
+    initial: {
+      r: 7,
+      fill: '#374151',
+      fillOpacity: 1,
+      stroke: '#FFF',
+      strokeWidth: 5,
+      strokeOpacity: .5
+    },
+    hover: {
+      fill: '#3cc0ff',
+      cursor: 'pointer'
+    },
+    selected: {
+      fill: 'blue'
+    },
+    selectedHover: {}
+  },
+  markerLabelStyle: {
+    initial: {
+      fontFamily: 'Verdana',
+      fontSize: 12,
+      fontWeight: 500,
+      cursor: 'default',
+      fill: '#374151'
+    },
+    hover: {
+      cursor: 'pointer'
+    },
+    selected: {},
+    selectedHover: {}
+  },
+  // Region options
+  regionsSelectable: false,
+  regionsSelectableOne: false,
+  regionStyle: {
+    initial: {
+      fill: '#dee2e8',
+      fillOpacity: 1,
+      stroke: 'none',
+      strokeWidth: 0
+    },
+    hover: {
+      fillOpacity: .7,
+      cursor: 'pointer'
+    },
+    selected: {
+      fill: '#9ca3af'
+    },
+    selectedHover: {}
+  },
+  regionLabelStyle: {
+    initial: {
+      fontFamily: 'Verdana',
+      fontSize: '12',
+      fontWeight: 'bold',
+      cursor: 'default',
+      fill: '#35373e'
+    },
+    hover: {
+      cursor: 'pointer'
+    }
+  }
+};
+
+var SVGElement = /*#__PURE__*/function () {
+  function SVGElement(name, config) {
+    this.node = this._createElement(name);
+    if (config) {
+      this.set(config);
+    }
+  }
+
+  // Create new SVG element `svg`, `g`, `path`, `line`, `circle`, `image`, etc.
+  // https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS#important_namespace_uris
+  var _proto = SVGElement.prototype;
+  _proto._createElement = function _createElement(tagName) {
+    return document.createElementNS('http://www.w3.org/2000/svg', tagName);
+  };
+  _proto.addClass = function addClass(className) {
+    this.node.setAttribute('class', className);
+  };
+  _proto.getBBox = function getBBox() {
+    return this.node.getBBox();
+  }
+
+  // Apply attributes on the current node element
+  ;
+  _proto.set = function set(property, value) {
+    if (typeof property === 'object') {
+      for (var attr in property) {
+        this.applyAttr(attr, property[attr]);
+      }
+    } else {
+      this.applyAttr(property, value);
+    }
+  };
+  _proto.get = function get(property) {
+    return this.style.initial[property];
+  };
+  _proto.applyAttr = function applyAttr(property, value) {
+    this.node.setAttribute(hyphenate(property), value);
+  };
+  _proto.remove = function remove() {
+    removeElement(this.node);
+  };
+  return SVGElement;
+}();
+
+var SVGShapeElement = /*#__PURE__*/function (_SVGElement) {
+  function SVGShapeElement(name, config, style) {
+    var _this;
+    if (style === void 0) {
+      style = {};
+    }
+    _this = _SVGElement.call(this, name, config) || this;
+    _this.isHovered = false;
+    _this.isSelected = false;
+    _this.style = style;
+    _this.style.current = {};
+    _this.updateStyle();
+    return _this;
+  }
+  _inheritsLoose(SVGShapeElement, _SVGElement);
+  var _proto = SVGShapeElement.prototype;
+  _proto.setStyle = function setStyle(property, value) {
+    if (typeof property === 'object') {
+      merge(this.style.current, property);
+    } else {
+      var _merge;
+      merge(this.style.current, (_merge = {}, _merge[property] = value, _merge));
+    }
+    this.updateStyle();
+  };
+  _proto.updateStyle = function updateStyle() {
+    var attrs = {};
+    merge(attrs, this.style.initial);
+    merge(attrs, this.style.current);
+    if (this.isHovered) {
+      merge(attrs, this.style.hover);
+    }
+    if (this.isSelected) {
+      merge(attrs, this.style.selected);
+      if (this.isHovered) {
+        merge(attrs, this.style.selectedHover);
+      }
+    }
+    this.set(attrs);
+  };
+  return SVGShapeElement;
+}(SVGElement);
+
+var SVGTextElement = /*#__PURE__*/function (_SVGShapeElement) {
+  function SVGTextElement(config, style) {
+    return _SVGShapeElement.call(this, 'text', config, style) || this;
+  }
+  _inheritsLoose(SVGTextElement, _SVGShapeElement);
+  var _proto = SVGTextElement.prototype;
+  _proto.applyAttr = function applyAttr(attr, value) {
+    attr === 'text' ? this.node.textContent = value : _SVGShapeElement.prototype.applyAttr.call(this, attr, value);
+  };
+  return SVGTextElement;
+}(SVGShapeElement);
+
+var SVGImageElement = /*#__PURE__*/function (_SVGShapeElement) {
+  function SVGImageElement(config, style) {
+    return _SVGShapeElement.call(this, 'image', config, style) || this;
+  }
+  _inheritsLoose(SVGImageElement, _SVGShapeElement);
+  var _proto = SVGImageElement.prototype;
+  _proto.applyAttr = function applyAttr(attr, value) {
+    var imageUrl;
+    if (attr === 'image') {
+      // This get executed when we have url in series.markers[0].scale.someScale.url
+      if (typeof value === 'object') {
+        imageUrl = value.url;
+        this.offset = value.offset || [0, 0];
+      } else {
+        imageUrl = value;
+        this.offset = [0, 0];
+      }
+      this.node.setAttributeNS('http://www.w3.org/1999/xlink', 'href', imageUrl);
+
+      // Set width and height then call this `applyAttr` again
+      this.width = 23;
+      this.height = 23;
+      this.applyAttr('width', this.width);
+      this.applyAttr('height', this.height);
+      this.applyAttr('x', this.cx - this.width / 2 + this.offset[0]);
+      this.applyAttr('y', this.cy - this.height / 2 + this.offset[1]);
+    } else if (attr == 'cx') {
+      this.cx = value;
+      if (this.width) {
+        this.applyAttr('x', value - this.width / 2 + this.offset[0]);
+      }
+    } else if (attr == 'cy') {
+      this.cy = value;
+      if (this.height) {
+        this.applyAttr('y', value - this.height / 2 + this.offset[1]);
+      }
+    } else {
+      // This time Call SVGElement
+      _SVGShapeElement.prototype.applyAttr.apply(this, arguments);
+    }
+  };
+  return SVGImageElement;
+}(SVGShapeElement);
+
+var SVGCanvasElement = /*#__PURE__*/function (_SVGElement) {
+  function SVGCanvasElement(container) {
+    var _this;
+    _this = _SVGElement.call(this, 'svg') || this; // Create svg element for holding the whole map
+
+    _this._container = container;
+
+    // Create the defs element
+    _this._defsElement = new SVGElement('defs');
+
+    // Create group element which will hold the paths (regions)
+    _this._rootElement = new SVGElement('g', {
+      id: 'jvm-regions-group'
+    });
+
+    // Append the defs element to the this.node (SVG tag)
+    _this.node.appendChild(_this._defsElement.node);
+
+    // Append the group to this.node (SVG tag)
+    _this.node.appendChild(_this._rootElement.node);
+
+    // Append this.node (SVG tag) to the container
+    _this._container.appendChild(_this.node);
+    return _this;
+  }
+  _inheritsLoose(SVGCanvasElement, _SVGElement);
+  var _proto = SVGCanvasElement.prototype;
+  _proto.setSize = function setSize(width, height) {
+    this.node.setAttribute('width', width);
+    this.node.setAttribute('height', height);
+  };
+  _proto.applyTransformParams = function applyTransformParams(scale, transX, transY) {
+    this._rootElement.node.setAttribute('transform', "scale(" + scale + ") translate(" + transX + ", " + transY + ")");
+  }
+
+  // Create `path` element
+  ;
+  _proto.createPath = function createPath(config, style, group) {
+    var path = new SVGShapeElement('path', config, style);
+    path.node.setAttribute('fill-rule', 'evenodd');
+    return this._add(path, group);
+  }
+
+  // Create `circle` element
+  ;
+  _proto.createCircle = function createCircle(config, style, group) {
+    var circle = new SVGShapeElement('circle', config, style);
+    return this._add(circle, group);
+  }
+
+  // Create `line` element
+  ;
+  _proto.createLine = function createLine(config, style, group) {
+    var line = new SVGShapeElement('line', config, style);
+    return this._add(line, group);
+  }
+
+  // Create `text` element
+  ;
+  _proto.createText = function createText(config, style, group) {
+    var text = new SVGTextElement(config, style);
+    return this._add(text, group);
+  }
+
+  // Create `image` element
+  ;
+  _proto.createImage = function createImage(config, style, group) {
+    var image = new SVGImageElement(config, style);
+    return this._add(image, group);
+  }
+
+  // Create `g` element
+  ;
+  _proto.createGroup = function createGroup(id) {
+    var group = new SVGElement('g');
+    this.node.appendChild(group.node);
+    if (id) {
+      group.node.id = id;
+    }
+    group.canvas = this;
+    return group;
+  }
+
+  // Add some element to a spcific group or the root element if the group isn't given
+  ;
+  _proto._add = function _add(element, group) {
+    group = group || this._rootElement;
+    group.node.appendChild(element.node);
+    return element;
+  };
+  return SVGCanvasElement;
+}(SVGElement);
+
+var Tooltip = /*#__PURE__*/function (_BaseComponent) {
+  function Tooltip(map) {
+    var _this;
+    _this = _BaseComponent.call(this) || this;
+    var tooltip = createElement('div', 'jvm-tooltip');
+    _this._map = map;
+    _this._tooltip = document.body.appendChild(tooltip);
+    _this._bindEventListeners();
+    return _this || _assertThisInitialized(_this);
+  }
+  _inheritsLoose(Tooltip, _BaseComponent);
+  var _proto = Tooltip.prototype;
+  _proto._bindEventListeners = function _bindEventListeners() {
+    var _this2 = this;
+    EventHandler.on(this._map.container, 'mousemove', function (event) {
+      if (!_this2._tooltip.classList.contains('active')) {
+        return;
+      }
+      var container = findElement(_this2._map.container, '#jvm-regions-group').getBoundingClientRect();
+      var space = 5; // Space between the cursor and tooltip element
+
+      // Tooltip
+      var _this2$_tooltip$getBo = _this2._tooltip.getBoundingClientRect(),
+        height = _this2$_tooltip$getBo.height,
+        width = _this2$_tooltip$getBo.width;
+      var topIsPassed = event.clientY <= container.top + height + space;
+      var top = event.pageY - height - space;
+      var left = event.pageX - width - space;
+
+      // Ensure the tooltip will never cross outside the canvas area(map)
+      if (topIsPassed) {
+        // Top:
+        top += height + space;
+
+        // The cursor is a bit larger from left side
+        left -= space * 2;
+      }
+      if (event.clientX < container.left + width + space) {
+        // Left:
+        left = event.pageX + space + 2;
+        if (topIsPassed) {
+          left += space * 2;
+        }
+      }
+      _this2.css({
+        top: top + "px",
+        left: left + "px"
+      });
+    });
+  };
+  _proto.getElement = function getElement() {
+    return this._tooltip;
+  };
+  _proto.show = function show() {
+    this._tooltip.classList.add('active');
+  };
+  _proto.hide = function hide() {
+    this._tooltip.classList.remove('active');
+  };
+  _proto.text = function text(string, html) {
+    if (html === void 0) {
+      html = false;
+    }
+    var property = html ? 'innerHTML' : 'textContent';
+    if (!string) {
+      return this._tooltip[property];
+    }
+    this._tooltip[property] = string;
+  };
+  _proto.css = function css(_css) {
+    for (var style in _css) {
+      this._tooltip.style[style] = _css[style];
+    }
+    return this;
+  };
+  return Tooltip;
+}(BaseComponent);
+
+var DataVisualization = /*#__PURE__*/function () {
+  function DataVisualization(_ref, map) {
+    var scale = _ref.scale,
+      values = _ref.values;
+    this._scale = scale;
+    this._values = values;
+    this._fromColor = this.hexToRgb(scale[0]);
+    this._toColor = this.hexToRgb(scale[1]);
+    this._map = map;
+    this.setMinMaxValues(values);
+    this.visualize();
+  }
+  var _proto = DataVisualization.prototype;
+  _proto.setMinMaxValues = function setMinMaxValues(values) {
+    this.min = Number.MAX_VALUE;
+    this.max = 0;
+    for (var value in values) {
+      value = parseFloat(values[value]);
+      if (value > this.max) {
+        this.max = value;
+      }
+      if (value < this.min) {
+        this.min = value;
+      }
+    }
+  };
+  _proto.visualize = function visualize() {
+    var attrs = {},
+      value;
+    for (var regionCode in this._values) {
+      value = parseFloat(this._values[regionCode]);
+      if (!isNaN(value)) {
+        attrs[regionCode] = this.getValue(value);
+      }
+    }
+    this.setAttributes(attrs);
+  };
+  _proto.setAttributes = function setAttributes(attrs) {
+    for (var code in attrs) {
+      if (this._map.regions[code]) {
+        this._map.regions[code].element.setStyle('fill', attrs[code]);
+      }
+    }
+  };
+  _proto.getValue = function getValue(value) {
+    if (this.min === this.max) {
+      return "#" + this._toColor.join('');
+    }
+    var hex,
+      color = '#';
+    for (var i = 0; i < 3; i++) {
+      hex = Math.round(this._fromColor[i] + (this._toColor[i] - this._fromColor[i]) * ((value - this.min) / (this.max - this.min))).toString(16);
+      color += (hex.length === 1 ? '0' : '') + hex;
+    }
+    return color;
+  };
+  _proto.hexToRgb = function hexToRgb(h) {
+    var r = 0,
+      g = 0,
+      b = 0;
+    if (h.length == 4) {
+      r = '0x' + h[1] + h[1];
+      g = '0x' + h[2] + h[2];
+      b = '0x' + h[3] + h[3];
+    } else if (h.length == 7) {
+      r = '0x' + h[1] + h[2];
+      g = '0x' + h[3] + h[4];
+      b = '0x' + h[5] + h[6];
+    }
+    return [parseInt(r), parseInt(g), parseInt(b)];
+  };
+  return DataVisualization;
+}();
+
+var JVM_PREFIX = 'jvm-';
+var CONTAINER_CLASS = JVM_PREFIX + "container";
+var MARKERS_GROUP_ID = JVM_PREFIX + "markers-group";
+var MARKERS_LABELS_GROUP_ID = JVM_PREFIX + "markers-labels-group";
+var LINES_GROUP_ID = JVM_PREFIX + "lines-group";
+var SERIES_CONTAINER_CLASS = JVM_PREFIX + "series-container";
+var SERIES_CONTAINER_H_CLASS = SERIES_CONTAINER_CLASS + " " + JVM_PREFIX + "series-h";
+var SERIES_CONTAINER_V_CLASS = SERIES_CONTAINER_CLASS + " " + JVM_PREFIX + "series-v";
+var Map = /*#__PURE__*/function () {
+  function Map(options) {
+    var _this = this;
+    if (options === void 0) {
+      options = {};
+    }
+    // Merge the given options with the default options
+    this.params = merge(Map.defaults, options, true);
+
+    // Throw an error if the given map name doesn't match
+    // the map that was set in map file
+    if (!Map.maps[this.params.map]) {
+      throw new Error("Attempt to use map which was not loaded: " + options.map);
+    }
+    this.regions = {};
+    this.scale = 1;
+    this.transX = 0;
+    this.transY = 0;
+    this._mapData = Map.maps[this.params.map];
+    this._markers = {};
+    this._lines = {};
+    this._defaultWidth = this._mapData.width;
+    this._defaultHeight = this._mapData.height;
+    this._height = 0;
+    this._width = 0;
+    this._baseScale = 1;
+    this._baseTransX = 0;
+    this._baseTransY = 0;
+
+    // `document` is already ready, just initialise now
+    if (document.readyState !== 'loading') {
+      this._init();
+    } else {
+      // Wait until `document` is ready
+      window.addEventListener('DOMContentLoaded', function () {
+        return _this._init();
+      });
+    }
+  }
+  var _proto = Map.prototype;
+  _proto._init = function _init() {
+    var options = this.params;
+    this.container = getElement(options.selector);
+    this.container.classList.add(CONTAINER_CLASS);
+
+    // The map canvas element
+    this.canvas = new SVGCanvasElement(this.container);
+
+    // Set the map's background color
+    this.setBackgroundColor(options.backgroundColor);
+
+    // Create regions
+    this._createRegions();
+
+    // Update size
+    this.updateSize();
+
+    // Lines group must be created before markers
+    // Otherwise the lines will be drawn on top of the markers.
+    if (options.lines) {
+      this._linesGroup = this.canvas.createGroup(LINES_GROUP_ID);
+    }
+    if (options.markers) {
+      this._markersGroup = this.canvas.createGroup(MARKERS_GROUP_ID);
+      this._markerLabelsGroup = this.canvas.createGroup(MARKERS_LABELS_GROUP_ID);
+    }
+
+    // Create markers
+    this._createMarkers(options.markers);
+
+    // Create lines
+    this._createLines(options.lines || {});
+
+    // Position labels
+    this._repositionLabels();
+
+    // Setup the container events
+    this._setupContainerEvents();
+
+    // Setup regions/markers events
+    this._setupElementEvents();
+
+    // Create zoom buttons if `zoomButtons` is presented
+    if (options.zoomButtons) {
+      this._setupZoomButtons();
+    }
+
+    // Create toolip
+    if (options.showTooltip) {
+      this._tooltip = new Tooltip(this);
+    }
+
+    // Set selected regions if any
+    if (options.selectedRegions) {
+      this._setSelected('regions', options.selectedRegions);
+    }
+
+    // Set selected regions if any
+    if (options.selectedMarkers) {
+      this._setSelected('_markers', options.selectedMarkers);
+    }
+
+    // Set focus on a spcific region
+    if (options.focusOn) {
+      this.setFocus(options.focusOn);
+    }
+
+    // Data visualization
+    if (options.visualizeData) {
+      this.dataVisualization = new DataVisualization(options.visualizeData, this);
+    }
+
+    // Bind touch events if true
+    if (options.bindTouchEvents) {
+      if ('ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch) {
+        this._setupContainerTouchEvents();
+      }
+    }
+
+    // Create series if any
+    if (options.series) {
+      this.container.appendChild(this.legendHorizontal = createElement('div', SERIES_CONTAINER_H_CLASS));
+      this.container.appendChild(this.legendVertical = createElement('div', SERIES_CONTAINER_V_CLASS));
+      this._createSeries();
+    }
+
+    // Fire loaded event
+    this._emit(Events.onLoaded, [this]);
+  }
+
+  // Public
+  ;
+  _proto.setBackgroundColor = function setBackgroundColor(color) {
+    this.container.style.backgroundColor = color;
+  }
+
+  // Regions
+  ;
+  _proto.getSelectedRegions = function getSelectedRegions() {
+    return this._getSelected('regions');
+  };
+  _proto.clearSelectedRegions = function clearSelectedRegions(regions) {
+    var _this2 = this;
+    if (regions === void 0) {
+      regions = undefined;
+    }
+    regions = this._normalizeRegions(regions) || this._getSelected('regions');
+    regions.forEach(function (key) {
+      _this2.regions[key].element.select(false);
+    });
+  };
+  _proto.setSelectedRegions = function setSelectedRegions(regions) {
+    this.clearSelectedRegions();
+    this._setSelected('regions', this._normalizeRegions(regions));
+  }
+
+  // Markers
+  ;
+  _proto.getSelectedMarkers = function getSelectedMarkers() {
+    return this._getSelected('_markers');
+  };
+  _proto.clearSelectedMarkers = function clearSelectedMarkers() {
+    this._clearSelected('_markers');
+  };
+  _proto.setSelectedMarkers = function setSelectedMarkers(markers) {
+    this._setSelected('_markers', markers);
+  };
+  _proto.addMarkers = function addMarkers(config) {
+    config = Array.isArray(config) ? config : [config];
+    this._createMarkers(config, true);
+  };
+  _proto.removeMarkers = function removeMarkers(markers) {
+    var _this3 = this;
+    if (!markers) {
+      markers = Object.keys(this._markers);
+    }
+    markers.forEach(function (index) {
+      // Remove the element from the DOM
+      _this3._markers[index].element.remove();
+      // Remove the element from markers object
+      delete _this3._markers[index];
+    });
+  }
+
+  // Lines
+  ;
+  _proto.addLine = function addLine(from, to, style) {
+    if (style === void 0) {
+      style = {};
+    }
+    console.warn('`addLine` method is deprecated, please use `addLines` instead.');
+    this._createLines([{
+      from: from,
+      to: to,
+      style: style
+    }], this._markers, true);
+  };
+  _proto.addLines = function addLines(config) {
+    var uids = this._getLinesAsUids();
+    if (!Array.isArray(config)) {
+      config = [config];
+    }
+    this._createLines(config.filter(function (line) {
+      return !(uids.indexOf(getLineUid(line.from, line.to)) > -1);
+    }), true);
+  };
+  _proto.removeLines = function removeLines(lines) {
+    var _this4 = this;
+    if (Array.isArray(lines)) {
+      lines = lines.map(function (line) {
+        return getLineUid(line.from, line.to);
+      });
+    } else {
+      lines = this._getLinesAsUids();
+    }
+    lines.forEach(function (uid) {
+      _this4._lines[uid].dispose();
+      delete _this4._lines[uid];
+    });
+  };
+  _proto.removeLine = function removeLine(from, to) {
+    console.warn('`removeLine` method is deprecated, please use `removeLines` instead.');
+    var uid = getLineUid(from, to);
+    if (this._lines.hasOwnProperty(uid)) {
+      this._lines[uid].element.remove();
+      delete this._lines[uid];
+    }
+  }
+
+  // Reset map
+  ;
+  _proto.reset = function reset() {
+    for (var key in this.series) {
+      for (var i = 0; i < this.series[key].length; i++) {
+        this.series[key][i].clear();
+      }
+    }
+    if (this.legendHorizontal) {
+      removeElement(this.legendHorizontal);
+      this.legendHorizontal = null;
+    }
+    if (this.legendVertical) {
+      removeElement(this.legendVertical);
+      this.legendVertical = null;
+    }
+    this.scale = this._baseScale;
+    this.transX = this._baseTransX;
+    this.transY = this._baseTransY;
+    this._applyTransform();
+    this.clearSelectedMarkers();
+    this.clearSelectedRegions();
+    this.removeMarkers();
+  }
+
+  // Destroy the map
+  ;
+  _proto.destroy = function destroy(destroyInstance) {
+    var _this5 = this;
+    if (destroyInstance === void 0) {
+      destroyInstance = true;
+    }
+    // Remove event registry
+    EventHandler.flush();
+
+    // Remove tooltip from DOM and memory
+    this._tooltip.dispose();
+
+    // Fire destroyed event
+    this._emit(Events.onDestroyed);
+
+    // Remove references
+    if (destroyInstance) {
+      Object.keys(this).forEach(function (key) {
+        try {
+          delete _this5[key];
+        } catch (e) {}
+      });
+    }
+  };
+  _proto.extend = function extend(name, callback) {
+    if (typeof this[name] === 'function') {
+      throw new Error("The method [" + name + "] does already exist, please use another name.");
+    }
+    Map.prototype[name] = callback;
+  }
+
+  // Private
+  ;
+  _proto._emit = function _emit(eventName, args) {
+    for (var event in Events) {
+      if (Events[event] === eventName && typeof this.params[event] === 'function') {
+        this.params[event].apply(this, args);
+      }
+    }
+  }
+
+  // Get selected markers/regions
+  ;
+  _proto._getSelected = function _getSelected(type) {
+    var selected = [];
+    for (var key in this[type]) {
+      if (this[type][key].element.isSelected) {
+        selected.push(key);
+      }
+    }
+    return selected;
+  };
+  _proto._setSelected = function _setSelected(type, keys) {
+    var _this6 = this;
+    keys.forEach(function (key) {
+      if (_this6[type][key]) {
+        _this6[type][key].element.select(true);
+      }
+    });
+  };
+  _proto._clearSelected = function _clearSelected(type) {
+    var _this7 = this;
+    this._getSelected(type).forEach(function (key) {
+      _this7[type][key].element.select(false);
+    });
+  };
+  _proto._getLinesAsUids = function _getLinesAsUids() {
+    return Object.keys(this._lines);
+  };
+  _proto._normalizeRegions = function _normalizeRegions(regions) {
+    return typeof regions === 'string' ? [regions] : regions;
+  };
+  return Map;
+}();
+Map.maps = {};
+Map.defaults = Defaults;
+Object.assign(Map.prototype, core);
+
+/**
+ * jsVectorMap
+ * Copyrights (c) Mustafa Omar https://github.com/themustafaomar
+ * Released under the MIT License.
+ */
+var jsVectorMap = /*#__PURE__*/function () {
+  function jsVectorMap(options) {
+    if (options === void 0) {
+      options = {};
+    }
+    if (!options.selector) {
+      throw new Error('Selector is not given.');
+    }
+    return new Map(options);
+  }
+
+  // Public
+  jsVectorMap.addMap = function addMap(name, map) {
+    Map.maps[name] = map;
+  };
+  return jsVectorMap;
+}();
+var index = (typeof window !== "undefined" ? window : globalThis).jsVectorMap = jsVectorMap;
+
+export { index as default };