import "./chunk-HKJ2B2AA.js";
// node_modules/jsvectormap/dist/jsvectormap.esm.js
var isMergeableObject = function isMergeableObject2(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);
}
var canUseSymbol = typeof Symbol === "function" && Symbol.for;
var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
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;
}
}
function propertyIsUnsafe(target, key) {
return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
}
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 deepmerge2(target, source, options) {
options = options || {};
options.arrayMerge = options.arrayMerge || defaultArrayMerge;
options.isMergeableObject = options.isMergeableObject || isMergeableObject;
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);
}
};
var getElement = function getElement2(selector) {
if (typeof selector === "object" && typeof selector.nodeType !== "undefined") {
return selector;
}
if (typeof selector === "string") {
return document.querySelector(selector);
}
return null;
};
var createElement = function createElement2(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 findElement2(parentElement, selector) {
return Element.prototype.querySelector.call(parentElement, selector);
};
var removeElement = function removeElement2(target) {
target.parentNode.removeChild(target);
};
var isImageUrl = function isImageUrl2(url) {
return /\.(jpg|gif|png)$/.test(url);
};
var hyphenate = function hyphenate2(string) {
return string.replace(/[\w]([A-Z])/g, function(m) {
return m[0] + "-" + m[1];
}).toLowerCase();
};
var merge = function merge2(target, source, deep) {
if (deep === void 0) {
deep = false;
}
if (deep) {
return deepmerge(target, source);
}
return Object.assign(target, source);
};
var getLineUid = function getLineUid2(from, to) {
return from.toLowerCase() + ":to:" + to.toLowerCase();
};
var inherit = function inherit2(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._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.pageXOffset;
var offsetY = event.pageY - rect.top - window.pageYOffset;
var zoomStep = Math.pow(1 + map.params.zoomOnScrollSpeed / 1e3, -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 parseEvent2(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;
if (isTooltip) {
event = isRegion ? Events.onRegionTooltipShow : Events.onMarkerTooltipShow;
}
return {
type,
code,
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;
}
});
EventHandler.delegate(container, "mousedown", ".jvm-element", function(event) {
pageX = event.pageX;
pageY = event.pageY;
mouseMoved = false;
});
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._tooltip.show();
map._emit(data.event, [event, map._tooltip, data.code]);
}
} else {
data.element.hover(false);
if (showTooltip) {
map._tooltip.hide();
}
}
});
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;
if (map.params[data.type + "sSelectableOne"]) {
map._clearSelected(data.type + "s");
}
if (data.element.isSelected) {
element.select(false);
} else {
element.select(true);
}
map._emit(data.event, [data.code, element.isSelected, map._getSelected(data.type + "s")]);
}
});
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 zoomin = createElement("div", "jvm-zoom-btn jvm-zoomin", "+", true);
var zoomout = createElement("div", "jvm-zoom-btn jvm-zoomout", "−", true);
this.container.appendChild(zoomin);
this.container.appendChild(zoomout);
var handler = function handler2(zoomin2) {
if (zoomin2 === void 0) {
zoomin2 = true;
}
return function() {
return _this._setScale(zoomin2 ? _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 handleTouchEvent2(e) {
var touches = e.touches;
var offset, scale, transXOld, transYOld;
if (e.type == "touchstart") {
lastTouchesLength = 0;
}
if (touches.length == 1) {
if (lastTouchesLength == 1) {
transXOld = map.transX;
transYOld = map.transY;
map.transX -= (touchX - touches[0].pageX) / map.scale;
map.transY -= (touchY - touches[0].pageY) / map.scale;
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) {
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._tooltip.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 _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: true
} : {
done: false,
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 _setPrototypeOf(t, e) {
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
return t2.__proto__ = e2, t2;
}, _setPrototypeOf(t, e);
}
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 = function() {
function BaseComponent2() {
}
var _proto = BaseComponent2.prototype;
_proto.dispose = function dispose() {
if (this._tooltip) {
removeElement(this._tooltip);
} else {
this.shape.remove();
}
for (var _iterator = _createForOfIteratorHelperLoose(Object.getOwnPropertyNames(this)), _step; !(_step = _iterator()).done; ) {
var propertyName = _step.value;
this[propertyName] = null;
}
};
return BaseComponent2;
}();
var Interactable = {
getLabelText: function getLabelText(key, label) {
if (!label) {
return;
}
if (typeof label.render === "function") {
var params = [];
if (this.config && this.config.marker) {
params.push(this.config.marker);
}
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 (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 = function(_BaseComponent) {
function Region2(_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 && 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,
textAnchor: "middle",
alignmentBaseline: "central",
dataCode: code,
x: _this.labelX,
y: _this.labelY
}, labelStyle, labelsGroup);
_this.label.addClass("jvm-region jvm-element");
}
return _this;
}
_inheritsLoose(Region2, _BaseComponent);
var _proto = Region2.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 Region2;
}(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,
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 = function(_BaseComponent) {
function Line2(_ref) {
var _this;
var index2 = _ref.index, map = _ref.map, style = _ref.style, x1 = _ref.x1, y1 = _ref.y1, x2 = _ref.x2, y2 = _ref.y2, group = _ref.group, config = _ref.config;
_this = _BaseComponent.call(this) || this;
_this.config = config;
_this.shape = map.canvas.createLine({
x1,
y1,
x2,
y2,
dataIndex: index2
}, style, group);
_this.shape.addClass("jvm-line");
return _this;
}
_inheritsLoose(Line2, _BaseComponent);
var _proto = Line2.prototype;
_proto.setStyle = function setStyle2(property, value) {
this.shape.setStyle(property, value);
};
return Line2;
}(BaseComponent);
function createLines(lines, markers, isRecentlyCreated) {
if (isRecentlyCreated === void 0) {
isRecentlyCreated = false;
}
var point1 = false, point2 = false;
this.linesGroup = this.linesGroup || this.canvas.createGroup("jvm-lines-group");
for (var index2 in lines) {
var config = lines[index2];
for (var mindex in markers) {
var markerConfig = isRecentlyCreated ? markers[mindex].config : markers[mindex];
if (markerConfig.name === config.from) {
point1 = this.getMarkerPosition(markerConfig);
}
if (markerConfig.name === config.to) {
point2 = this.getMarkerPosition(markerConfig);
}
}
if (point1 !== false && point2 !== false) {
this._lines[getLineUid(config.from, config.to)] = new Line({
index: index2,
map: this,
// Merge the default `lineStyle` object with the custom `line` config style
style: merge({
initial: this.params.lineStyle
}, {
initial: config.style || {}
}, true),
x1: point1.x,
y1: point1.y,
x2: point2.x,
y2: point2.y,
group: this.linesGroup,
config
});
}
}
}
var Marker = function(_BaseComponent) {
function Marker2(_ref) {
var _this;
var index2 = _ref.index, style = _ref.style, label = _ref.label, cx = _ref.cx, cy = _ref.cy, map = _ref.map, group = _ref.group;
_this = _BaseComponent.call(this) || this;
_this._map = map;
_this._isImage = !!style.initial.image;
_this.config = arguments[0];
_this.shape = map.canvas[_this._isImage ? "createImage" : "createCircle"]({
dataIndex: index2,
cx,
cy
}, style, group);
_this.shape.addClass("jvm-marker jvm-element");
if (_this._isImage) {
_this.updateLabelPosition();
}
if (label) {
_this._createLabel(_this.config);
}
return _this;
}
_inheritsLoose(Marker2, _BaseComponent);
var _proto = Marker2.prototype;
_proto.updateLabelPosition = function updateLabelPosition() {
if (this.label) {
this.label.set({
x: this._labelX * this._map.scale + this._offsets[0] + this._map.transX * this._map.scale + 5 + (this._isImage ? (this.shape.width || 0) / 2 : this.shape.node.r.baseVal.value),
y: this._labelY * this._map.scale + this._map.transY * this._map.scale + this._offsets[1]
});
}
};
_proto._createLabel = function _createLabel(_ref2) {
var index2 = _ref2.index, map = _ref2.map, label = _ref2.label, labelsGroup = _ref2.labelsGroup, cx = _ref2.cx, cy = _ref2.cy, marker = _ref2.marker, isRecentlyCreated = _ref2.isRecentlyCreated;
var labelText = this.getLabelText(index2, label);
this._labelX = cx / map.scale - map.transX;
this._labelY = cy / map.scale - map.transY;
this._offsets = isRecentlyCreated && marker.offsets ? marker.offsets : this.getLabelOffsets(index2, label);
this.label = map.canvas.createText({
text: labelText,
dataIndex: index2,
x: this._labelX,
y: this._labelY,
dy: "0.6ex"
}, map.params.markerLabelStyle, labelsGroup);
this.label.addClass("jvm-marker jvm-element");
if (isRecentlyCreated) {
this.updateLabelPosition();
}
};
return Marker2;
}(BaseComponent);
inherit(Marker, Interactable);
function createMarkers(markers, isRecentlyCreated) {
var _this = this;
if (markers === void 0) {
markers = {};
}
if (isRecentlyCreated === void 0) {
isRecentlyCreated = false;
}
this._markersGroup = this._markersGroup || this.canvas.createGroup("jvm-markers-group");
this._markerLabelsGroup = this._markerLabelsGroup || this.canvas.createGroup("jvm-markers-labels-group");
var _loop = function _loop2() {
var config = markers[index2];
var point = _this.getMarkerPosition(config);
var uid = config.coords.join(":");
if (!point) {
return 0;
}
if (isRecentlyCreated) {
if (Object.keys(_this._markers).filter(function(i) {
return _this._markers[i]._uid === uid;
}).length) {
return 0;
}
index2 = Object.keys(_this._markers).length;
}
var marker = new Marker({
index: index2,
map: _this,
// Merge the `markerStyle` object with the marker config `style` if presented.
style: merge(_this.params.markerStyle, _extends({}, config.style || {}), true),
label: _this.params.labels && _this.params.labels.markers,
labelsGroup: _this._markerLabelsGroup,
cx: point.x,
cy: point.y,
group: _this._markersGroup,
marker: config,
isRecentlyCreated
});
if (_this._markers[index2]) {
_this.removeMarkers([index2]);
}
_this._markers[index2] = {
_uid: uid,
config,
element: marker
};
}, _ret;
for (var index2 in markers) {
_ret = _loop();
if (_ret === 0) continue;
}
}
var Legend = function() {
function Legend2(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 = Legend2.prototype;
_proto.render = function render() {
var ticks = this._series.scale.getTicks();
var inner = createElement("div", "jvm-legend-inner");
this._body.innderHTML = "";
if (this._options.title) {
var legendTitle = createElement("div", "jvm-legend-title", this._options.title);
this._body.appendChild(legendTitle);
}
this._body.appendChild(inner);
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);
inner.appendChild(tick);
}
};
return Legend2;
}();
var OrdinalScale = function() {
function OrdinalScale2(scale) {
this._scale = scale;
}
var _proto = OrdinalScale2.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 OrdinalScale2;
}();
var Series = function() {
function Series2(config, elements, map) {
if (config === void 0) {
config = {};
}
this._map = map;
this._elements = elements;
this._values = config.values || {};
this.config = config;
this.config.attribute = config.attribute || "fill";
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 = Series2.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 Series2;
}();
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) {
if (typeof bbox == "undefined") {
bbox = itemBbox;
} else {
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();
}
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 index2 = 0; index2 < insets.length; index2++) {
var _insets$index$bbox = insets[index2].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[index2];
}
}
}
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 point1 = false, point2 = false;
for (var index2 in this._lines) {
for (var mindex in this._markers) {
var marker = this._markers[mindex];
if (marker.config.name === this._lines[index2].config.from) {
point1 = this.getMarkerPosition(marker.config);
}
if (marker.config.name === this._lines[index2].config.to) {
point2 = this.getMarkerPosition(marker.config);
}
}
if (point1 !== false && point2 !== false) {
this._lines[index2].setStyle({
x1: point1.x,
y1: point1.y,
x2: point2.x,
y2: point2.y
});
}
}
}
function repositionMarkers() {
for (var index2 in this._markers) {
var point = this.getMarkerPosition(this._markers[index2].config);
if (point !== false) {
this._markers[index2].element.setStyle({
cx: point.x,
cy: point.y
});
}
}
}
function repositionLabels() {
var labels = this.params.labels;
if (!labels) {
return;
}
if (labels.regions) {
for (var key in this.regions) {
this.regions[key].element.updateLabelPosition();
}
}
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,
updateSize,
coordsToPoint,
getInsetForPoint,
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: {
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: 0.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: 0.7,
cursor: "pointer"
},
selected: {
fill: "#9ca3af"
},
selectedHover: {}
},
regionLabelStyle: {
initial: {
fontFamily: "Verdana",
fontSize: "12",
fontWeight: "bold",
cursor: "default",
fill: "#35373e"
},
hover: {
cursor: "pointer"
}
}
};
var SVGElement = function() {
function SVGElement2(name, config) {
this.node = this._createElement(name);
if (config) {
this.set(config);
}
}
var _proto = SVGElement2.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();
};
_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 remove2() {
removeElement(this.node);
};
return SVGElement2;
}();
var SVGShapeElement = function(_SVGElement) {
function SVGShapeElement2(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(SVGShapeElement2, _SVGElement);
var _proto = SVGShapeElement2.prototype;
_proto.setStyle = function setStyle2(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 SVGShapeElement2;
}(SVGElement);
var SVGTextElement = function(_SVGShapeElement) {
function SVGTextElement2(config, style) {
return _SVGShapeElement.call(this, "text", config, style) || this;
}
_inheritsLoose(SVGTextElement2, _SVGShapeElement);
var _proto = SVGTextElement2.prototype;
_proto.applyAttr = function applyAttr(attr, value) {
attr === "text" ? this.node.textContent = value : _SVGShapeElement.prototype.applyAttr.call(this, attr, value);
};
return SVGTextElement2;
}(SVGShapeElement);
var SVGImageElement = function(_SVGShapeElement) {
function SVGImageElement2(config, style) {
return _SVGShapeElement.call(this, "image", config, style) || this;
}
_inheritsLoose(SVGImageElement2, _SVGShapeElement);
var _proto = SVGImageElement2.prototype;
_proto.applyAttr = function applyAttr(attr, value) {
var imageUrl;
if (attr === "image") {
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);
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 {
_SVGShapeElement.prototype.applyAttr.apply(this, arguments);
}
};
return SVGImageElement2;
}(SVGShapeElement);
var SVGCanvasElement = function(_SVGElement) {
function SVGCanvasElement2(container) {
var _this;
_this = _SVGElement.call(this, "svg") || this;
_this._container = container;
_this._defsElement = new SVGElement("defs");
_this._rootElement = new SVGElement("g", {
id: "jvm-regions-group"
});
_this.node.appendChild(_this._defsElement.node);
_this.node.appendChild(_this._rootElement.node);
_this._container.appendChild(_this.node);
return _this;
}
_inheritsLoose(SVGCanvasElement2, _SVGElement);
var _proto = SVGCanvasElement2.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 + ")");
};
_proto.createPath = function createPath(config, style) {
var path = new SVGShapeElement("path", config, style);
path.node.setAttribute("fill-rule", "evenodd");
return this._add(path);
};
_proto.createCircle = function createCircle(config, style, group) {
var circle = new SVGShapeElement("circle", config, style);
return this._add(circle, group);
};
_proto.createLine = function createLine(config, style, group) {
var line = new SVGShapeElement("line", config, style);
return this._add(line, group);
};
_proto.createText = function createText(config, style, group) {
var text = new SVGTextElement(config, style);
return this._add(text, group);
};
_proto.createImage = function createImage(config, style, group) {
var image = new SVGImageElement(config, style);
return this._add(image, group);
};
_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;
};
_proto._add = function _add(element, group) {
group = group || this._rootElement;
group.node.appendChild(element.node);
return element;
};
return SVGCanvasElement2;
}(SVGElement);
var Tooltip = function(_BaseComponent) {
function Tooltip2(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(Tooltip2, _BaseComponent);
var _proto = Tooltip2.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;
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;
if (topIsPassed) {
top += height + space;
left -= space * 2;
}
if (event.clientX < container.left + width + space) {
left = event.pageX + space + 2;
if (topIsPassed) {
left += space * 2;
}
}
_this2.css({
top: top + "px",
left: left + "px"
});
});
};
_proto.getElement = function getElement3() {
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 Tooltip2;
}(BaseComponent);
var DataVisualization = function() {
function DataVisualization2(_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 = DataVisualization2.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 DataVisualization2;
}();
var Map = function() {
function Map2(options) {
var _this = this;
if (options === void 0) {
options = {};
}
this.params = merge(Map2.defaults, options, true);
if (!Map2.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 = Map2.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;
if (document.readyState !== "loading") {
this._init();
} else {
window.addEventListener("DOMContentLoaded", function() {
return _this._init();
});
}
}
var _proto = Map2.prototype;
_proto._init = function _init() {
var options = this.params;
this.container = getElement(options.selector);
this.container.classList.add("jvm-container");
this.canvas = new SVGCanvasElement(this.container);
this.setBackgroundColor(options.backgroundColor);
this._createRegions();
this.updateSize();
this._createLines(options.lines || {}, options.markers || {});
this._createMarkers(options.markers);
this._repositionLabels();
this._setupContainerEvents();
this._setupElementEvents();
if (options.zoomButtons) {
this._setupZoomButtons();
}
if (options.showTooltip) {
this._tooltip = new Tooltip(this);
}
if (options.selectedRegions) {
this._setSelected("regions", options.selectedRegions);
}
if (options.selectedMarkers) {
this._setSelected("_markers", options.selectedMarkers);
}
if (options.focusOn) {
this.setFocus(options.focusOn);
}
if (options.visualizeData) {
this.dataVisualization = new DataVisualization(options.visualizeData, this);
}
if (options.bindTouchEvents) {
if ("ontouchstart" in window || window.DocumentTouch && document instanceof DocumentTouch) {
this._setupContainerTouchEvents();
}
}
if (options.series) {
this.container.appendChild(this.legendHorizontal = createElement("div", "jvm-series-container jvm-series-h"));
this.container.appendChild(this.legendVertical = createElement("div", "jvm-series-container jvm-series-v"));
this._createSeries();
}
this._emit(Events.onLoaded, [this]);
};
_proto.setBackgroundColor = function setBackgroundColor(color) {
this.container.style.backgroundColor = color;
};
_proto.getSelectedRegions = function getSelectedRegions() {
return this._getSelected("regions");
};
_proto.clearSelectedRegions = function clearSelectedRegions(regions) {
var _this2 = this;
if (regions === void 0) {
regions = void 0;
}
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));
};
_proto.getSelectedMarkers = function getSelectedMarkers() {
return this._getSelected("_markers");
};
_proto.clearSelectedMarkers = function clearSelectedMarkers() {
this._clearSelected("_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(index2) {
_this3._markers[index2].element.remove();
delete _this3._markers[index2];
});
};
_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,
to,
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);
}), this._markers, 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];
}
};
_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();
};
_proto.destroy = function destroy(destroyInstance) {
var _this5 = this;
if (destroyInstance === void 0) {
destroyInstance = true;
}
EventHandler.flush();
this._tooltip.dispose();
this._emit(Events.onDestroyed);
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.");
}
Map2.prototype[name] = callback;
};
_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);
}
}
};
_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 Map2;
}();
Map.maps = {};
Map.defaults = Defaults;
Object.assign(Map.prototype, core);
var jsVectorMap = function() {
function jsVectorMap2(options) {
if (options === void 0) {
options = {};
}
if (!options.selector) {
throw new Error("Selector is not given.");
}
return new Map(options);
}
jsVectorMap2.addMap = function addMap(name, map) {
Map.maps[name] = map;
};
return jsVectorMap2;
}();
var index = window.jsVectorMap = jsVectorMap;
export {
index as default
};
//# sourceMappingURL=jsvectormap.js.map
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]