@progress/kendo-charts 1.23.6 → 1.24.0-dev.202206130925

package/dist/es2015/map/map.js

@@ -11,7 +11,8 @@ import {
     limitValue,
     deepExtend,
     elementOffset,
-    isArray
+    isArray,
+    round
 } from '../common';
 
 import {
@@ -38,6 +39,8 @@ import {
     Extent
 } from './extent';
 
+import { Tooltip } from './tooltip/tooltip';
+
 import {
     TileLayer
 } from './layers/tile';
@@ -113,13 +116,16 @@ class Map extends Observable {
     constructor(element, options = {}, themeOptions = {}, context = {}) {
         super();
 
-
         this._init(element, options, themeOptions, context);
     }
 
     destroy() {
         this.scroller.destroy();
 
+        if (this._tooltip) {
+            this._tooltip.destroy();
+        }
+
         if (this.navigator) {
             this.navigator.destroy();
         }
@@ -162,6 +168,7 @@ class Map extends Observable {
 
         this._viewOrigin = this._getOrigin();
 
+        this._tooltip = this._createTooltip();
         this._initScroller();
         this._initMarkers();
         this._initControls();
@@ -394,6 +401,12 @@ class Map extends Observable {
         return false;
     }
 
+    hideTooltip() {
+        if (this._tooltip) {
+            this._tooltip.hide();
+        }
+    }
+
     _setOrigin(origin, zoom) {
         let size = this.viewSize(),
             topLeft;
@@ -609,6 +622,10 @@ class Map extends Observable {
         return layer;
     }
 
+    _createTooltip() {
+        return new Tooltip(this.widgetService, this.options.tooltip);
+    }
+
     /* eslint-disable arrow-body-style */
     _initMarkers() {
         const markerLayers = (this.options.layers || []).filter(x => {
@@ -635,6 +652,9 @@ class Map extends Observable {
         origin.y += offset.y;
         this._scrollOffset = offset;
 
+        this._tooltip.offset = offset;
+        this.hideTooltip();
+
         this._setOrigin(this.layerToLocation(origin));
 
         this.trigger('pan', {
@@ -704,6 +724,7 @@ class Map extends Observable {
         this._viewOrigin = this._getOrigin(true);
 
         this._resetScroller();
+        this.hideTooltip();
 
         this.trigger('beforeReset');
         this.trigger('reset');
@@ -775,6 +796,7 @@ class Map extends Observable {
         }
 
         let cursor = this.eventOffset(e);
+        this.hideTooltip();
 
         this.trigger('click', {
             originalEvent: e,
@@ -824,6 +846,15 @@ class Map extends Observable {
             }
         }
     }
+
+    _toDocumentCoordinates(point) {
+        const offset = elementOffset(this.element);
+
+        return {
+            left: round(point.x + offset.left),
+            top: round(point.y + offset.top)
+        };
+    }
 }
 
 setDefaultOptions(Map, {

package/dist/es2015/map/tooltip/tooltip.js

@@ -0,0 +1,63 @@
+import { Class, deepExtend, setDefaultOptions } from '../../common';
+import { SHOW_TOOLTIP, HIDE_TOOLTIP } from '../constants';
+
+export class Tooltip extends Class {
+    constructor(widgetService, options) {
+        super();
+
+        this.widgetService = widgetService;
+        this.options = deepExtend({}, this.options, options);
+        this.offset = { x: 0, y: 0 };
+    }
+
+    show(anchor, args) {
+        if (this.location === args.location) {
+            return;
+        }
+
+        this.anchor = anchor;
+        this.location = args.location;
+
+        this.widgetService.notify(SHOW_TOOLTIP,
+            Object.assign({ anchor: this.anchor }, args)
+        );
+
+        this.visible = true;
+    }
+
+    hide() {
+        if (this.widgetService) {
+            this.widgetService.notify(HIDE_TOOLTIP);
+        }
+
+        this.visible = false;
+        this.location = null;
+    }
+
+    get anchor() {
+        return this._anchor;
+    }
+
+    set anchor(anchor) {
+        const documentPoint = this.widgetService.widget._toDocumentCoordinates({
+            x: anchor.left - this.offset.x,
+            y: anchor.top - this.offset.y
+        });
+
+        this._anchor = {
+            left: documentPoint.left,
+            top: documentPoint.top
+        };
+    }
+
+    destroy() {
+        this.widgetService = null;
+    }
+}
+
+setDefaultOptions(Tooltip, {
+    border: {
+        width: 1
+    },
+    opacity: 1
+});