@progress/kendo-charts 2.3.0-dev.202403250947 → 2.3.0-dev.202404011240

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,11 +38,15 @@ var Text = (function (ChartElement) {
38
38
  var color = ref.color;
39
39
  var opacity = ref.opacity;
40
40
  var cursor = ref.cursor;
41
+ var stroke = ref.stroke;
42
+ var paintOrder = ref.paintOrder;
41
43
 
42
44
  this.visual = new DrawingText(this.content, this.box.toRect().topLeft(), {
43
45
  font: font,
44
46
  fill: { color: color, opacity: opacity },
45
- cursor: cursor
47
+ cursor: cursor,
48
+ stroke: stroke,
49
+ paintOrder: paintOrder
46
50
  });
47
51
  };
48
52
 
@@ -56,6 +56,8 @@ export var Label = (function (SankeyElement) {
56
56
  margin: options.margin,
57
57
  padding: options.padding,
58
58
  align: options.align,
59
+ paintOrder: options.paintOrder,
60
+ stroke: options.stroke,
59
61
  };
60
62
  };
61
63
 
@@ -178,34 +178,29 @@ export var Sankey = (function (Observable) {
178
178
  Sankey.prototype._mousemove = function _mousemove (ev) {
179
179
  var this$1 = this;
180
180
 
181
+ var ref = this.options.tooltips;
182
+ var followPointer = ref.followPointer;
183
+ var delay = ref.delay;
181
184
  var element = ev.element;
182
-
183
185
  var tooltipElType = element.type;
184
- if (tooltipElType !== LINK && tooltipElType !== NODE) {
186
+
187
+ if ((tooltipElType !== LINK && tooltipElType !== NODE) || (this.tooltipShown && !followPointer)) {
185
188
  return;
186
189
  }
187
190
 
188
- ev.tooltipTargetType = tooltipElType;
189
191
  var mouseEvent = ev.originalEvent;
190
192
  var rect = this.element.getBoundingClientRect();
191
193
  var isLeft = mouseEvent.clientX - rect.left < rect.width / 2;
192
- var ref = this.options.tooltips;
193
- var offset = ref.offset;
194
- var followPointer = ref.followPointer;
195
- var delay = ref.delay;
196
-
197
- if (this.tooltipShown && !followPointer) {
198
- return;
199
- }
194
+ var isTop = mouseEvent.clientY - rect.top < rect.height / 2;
200
195
 
201
196
  ev.tooltipData = {
202
197
  popupOffset: {
203
- left: mouseEvent.pageX + (isLeft ? offset : (-1 * offset)),
198
+ left: mouseEvent.pageX,
204
199
  top: mouseEvent.pageY
205
200
  },
206
201
  popupAlign: {
207
202
  horizontal: isLeft ? 'left' : 'right',
208
- vertical: 'center'
203
+ vertical: isTop ? 'top' : 'bottom'
209
204
  }
210
205
  };
211
206
 
@@ -593,6 +588,10 @@ setDefaultOptions(Sankey, {
593
588
  border: {
594
589
  width: 0
595
590
  },
591
+ paintOrder: 'stroke',
592
+ stroke: {
593
+ lineJoin: "round"
594
+ },
596
595
  align: LEFT,
597
596
  opacity: 1,
598
597
  offset: { left: 0, top: 0 }
@@ -613,7 +612,6 @@ setDefaultOptions(Sankey, {
613
612
  }
614
613
  },
615
614
  tooltips: {
616
- offset: 10,
617
615
  followPointer: false,
618
616
  delay: 1000
619
617
  }
@@ -30,12 +30,14 @@ class Text extends ChartElement {
30
30
  }
31
31
 
32
32
  createVisual() {
33
- const { font, color, opacity, cursor } = this.options;
33
+ const { font, color, opacity, cursor, stroke, paintOrder } = this.options;
34
34
 
35
35
  this.visual = new DrawingText(this.content, this.box.toRect().topLeft(), {
36
36
  font: font,
37
37
  fill: { color: color, opacity: opacity },
38
- cursor: cursor
38
+ cursor: cursor,
39
+ stroke: stroke,
40
+ paintOrder: paintOrder
39
41
  });
40
42
  }
41
43
  }
@@ -44,6 +44,8 @@ export class Label extends SankeyElement {
44
44
  margin: options.margin,
45
45
  padding: options.padding,
46
46
  align: options.align,
47
+ paintOrder: options.paintOrder,
48
+ stroke: options.stroke,
47
49
  };
48
50
  }
49
51
  }
@@ -164,31 +164,27 @@ export class Sankey extends Observable {
164
164
  }
165
165
 
166
166
  _mousemove(ev) {
167
+ const { followPointer, delay } = this.options.tooltips;
167
168
  const element = ev.element;
168
-
169
169
  const tooltipElType = element.type;
170
- if (tooltipElType !== LINK && tooltipElType !== NODE) {
170
+
171
+ if ((tooltipElType !== LINK && tooltipElType !== NODE) || (this.tooltipShown && !followPointer)) {
171
172
  return;
172
173
  }
173
174
 
174
- ev.tooltipTargetType = tooltipElType;
175
175
  const mouseEvent = ev.originalEvent;
176
176
  const rect = this.element.getBoundingClientRect();
177
177
  const isLeft = mouseEvent.clientX - rect.left < rect.width / 2;
178
- const { offset, followPointer, delay } = this.options.tooltips;
179
-
180
- if (this.tooltipShown && !followPointer) {
181
- return;
182
- }
178
+ const isTop = mouseEvent.clientY - rect.top < rect.height / 2;
183
179
 
184
180
  ev.tooltipData = {
185
181
  popupOffset: {
186
- left: mouseEvent.pageX + (isLeft ? offset : (-1 * offset)),
182
+ left: mouseEvent.pageX,
187
183
  top: mouseEvent.pageY
188
184
  },
189
185
  popupAlign: {
190
186
  horizontal: isLeft ? 'left' : 'right',
191
- vertical: 'center'
187
+ vertical: isTop ? 'top' : 'bottom'
192
188
  }
193
189
  };
194
190
 
@@ -549,6 +545,10 @@ setDefaultOptions(Sankey, {
549
545
  border: {
550
546
  width: 0
551
547
  },
548
+ paintOrder: 'stroke',
549
+ stroke: {
550
+ lineJoin: "round"
551
+ },
552
552
  align: LEFT,
553
553
  opacity: 1,
554
554
  offset: { left: 0, top: 0 }
@@ -569,7 +569,6 @@ setDefaultOptions(Sankey, {
569
569
  }
570
570
  },
571
571
  tooltips: {
572
- offset: 10,
573
572
  followPointer: false,
574
573
  delay: 1000
575
574
  }