@progress/kendo-charts 1.33.0-dev.202311291107 → 1.33.0-dev.202312010652

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.
@@ -37,6 +37,7 @@ import './register-charts';
37
37
 
38
38
  var AXIS_NAMES = [ CATEGORY, VALUE, X, Y ];
39
39
 
40
+ var MOUSEDOWN = "mousedown";
40
41
  var MOUSEMOVE = "mousemove";
41
42
  var CONTEXTMENU = "contextmenu";
42
43
  var MOUSELEAVE = "mouseleave";
@@ -570,6 +571,7 @@ var Chart = (function (Class) {
570
571
  this._keydownHandler = this._keydown.bind(this);
571
572
  this._focusHandler = this._focus.bind(this);
572
573
  this._blurHandler = this._blur.bind(this);
574
+ this._mousedownHandler = this._mousedown.bind(this);
573
575
  this._mousewheelHandler = this._mousewheel.bind(this);
574
576
  this._mouseleaveHandler = this._mouseleave.bind(this);
575
577
  this._surfaceMouseenterHandler = this._mouseover.bind(this);
@@ -639,7 +641,7 @@ var Chart = (function (Class) {
639
641
 
640
642
  this._touchAction = element.style.touchAction;
641
643
 
642
- bindEvents(element, ( obj = {}, obj[ CONTEXTMENU ] = this._clickHandler, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj[ MOUSELEAVE ] = this._mouseleaveHandler, obj[ KEYDOWN ] = this._keydownHandler, obj[ FOCUS ] = this._focusHandler, obj[ BLUR] = this._blurHandler, obj ));
644
+ bindEvents(element, ( obj = {}, obj[ CONTEXTMENU ] = this._clickHandler, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj[ MOUSELEAVE ] = this._mouseleaveHandler, obj[ KEYDOWN ] = this._keydownHandler, obj[ MOUSEDOWN ] = this._mousedownHandler, obj[ FOCUS ] = this._focusHandler, obj[ BLUR] = this._blurHandler, obj ));
643
645
 
644
646
  if (this._shouldAttachMouseMove()) {
645
647
  bindEvents(element, ( obj$1 = {}, obj$1[ MOUSEMOVE ] = this._mousemove, obj$1 ));
@@ -1115,6 +1117,8 @@ var Chart = (function (Class) {
1115
1117
  this._focusFirstPoint();
1116
1118
  }
1117
1119
  }
1120
+
1121
+ this._preventInitialPointFocus = false;
1118
1122
  };
1119
1123
 
1120
1124
  Chart.prototype._keydown = function _keydown (e) {
@@ -1229,11 +1233,20 @@ var Chart = (function (Class) {
1229
1233
  }
1230
1234
  };
1231
1235
 
1236
+ Chart.prototype._hasFocus = function _hasFocus () {
1237
+ return this.element.ownerDocument.activeElement === this.element;
1238
+ };
1239
+
1240
+ Chart.prototype._mousedown = function _mousedown () {
1241
+ if (!this._hasFocus()) {
1242
+ this._preventInitialPointFocus = true;
1243
+ }
1244
+ };
1245
+
1232
1246
  Chart.prototype._focusChart = function _focusChart () {
1233
- if (document.activeElement !== this.element) {
1247
+ if (!this._hasFocus()) {
1234
1248
  this._preventInitialPointFocus = true;
1235
1249
  this.element.focus();
1236
- this._preventInitialPointFocus = false;
1237
1250
  }
1238
1251
  };
1239
1252
 
@@ -37,6 +37,7 @@ import './register-charts';
37
37
 
38
38
  const AXIS_NAMES = [ CATEGORY, VALUE, X, Y ];
39
39
 
40
+ const MOUSEDOWN = "mousedown";
40
41
  const MOUSEMOVE = "mousemove";
41
42
  const CONTEXTMENU = "contextmenu";
42
43
  const MOUSELEAVE = "mouseleave";
@@ -557,6 +558,7 @@ class Chart extends Class {
557
558
  this._keydownHandler = this._keydown.bind(this);
558
559
  this._focusHandler = this._focus.bind(this);
559
560
  this._blurHandler = this._blur.bind(this);
561
+ this._mousedownHandler = this._mousedown.bind(this);
560
562
  this._mousewheelHandler = this._mousewheel.bind(this);
561
563
  this._mouseleaveHandler = this._mouseleave.bind(this);
562
564
  this._surfaceMouseenterHandler = this._mouseover.bind(this);
@@ -627,6 +629,7 @@ class Chart extends Class {
627
629
  [ MOUSEWHEEL ]: this._mousewheelHandler,
628
630
  [ MOUSELEAVE ]: this._mouseleaveHandler,
629
631
  [ KEYDOWN ]: this._keydownHandler,
632
+ [ MOUSEDOWN ]: this._mousedownHandler,
630
633
  [ FOCUS ]: this._focusHandler,
631
634
  [ BLUR]: this._blurHandler
632
635
  });
@@ -1093,6 +1096,8 @@ class Chart extends Class {
1093
1096
  this._focusFirstPoint();
1094
1097
  }
1095
1098
  }
1099
+
1100
+ this._preventInitialPointFocus = false;
1096
1101
  }
1097
1102
 
1098
1103
  _keydown(e) {
@@ -1197,11 +1202,20 @@ class Chart extends Class {
1197
1202
  }
1198
1203
  }
1199
1204
 
1205
+ _hasFocus() {
1206
+ return this.element.ownerDocument.activeElement === this.element;
1207
+ }
1208
+
1209
+ _mousedown() {
1210
+ if (!this._hasFocus()) {
1211
+ this._preventInitialPointFocus = true;
1212
+ }
1213
+ }
1214
+
1200
1215
  _focusChart() {
1201
- if (document.activeElement !== this.element) {
1216
+ if (!this._hasFocus()) {
1202
1217
  this._preventInitialPointFocus = true;
1203
1218
  this.element.focus();
1204
- this._preventInitialPointFocus = false;
1205
1219
  }
1206
1220
  }
1207
1221