@progress/kendo-vue-dateinputs 3.4.2 → 3.4.3

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.
@@ -190,7 +190,7 @@ var DateTimePickerVue2 = {
190
190
  },
191
191
  created: function created() {
192
192
  this._anchor = guid();
193
- this._popupId = guid();
193
+ this._popupId = 'popup' + guid();
194
194
  this._wrapper = null;
195
195
  this._dateInput = null;
196
196
  this._dateTimeSelector = null;
@@ -610,11 +610,15 @@ var DateTimePickerVue2 = {
610
610
  createBlurTimeout: function createBlurTimeout() {
611
611
  var _this = this;
612
612
 
613
+ var that = this;
613
614
  this._blurTimeout = setTimeout(function () {
614
615
  _this.isFocused = false;
616
+ var isInPopup = document.activeElement && document.activeElement.closest("#" + that._popupId);
615
617
 
616
- if (_this._dateInput && canUseDOM && document.activeElement !== _this._dateInput.element() && document.activeElement && document.activeElement.className.indexOf('k-time-list') === -1) {
617
- _this.setShow(false);
618
+ var isElementActive = that._dateInput && canUseDOM && document.activeElement !== that._dateInput.element();
619
+
620
+ if (isElementActive && !isInPopup) {
621
+ that.setShow(false);
618
622
  }
619
623
  }, 200);
620
624
  },
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dateinputs',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1657172132,
8
+ publishDate: 1657627921,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
11
  };
@@ -196,7 +196,7 @@ var TimePickerVue2 = {
196
196
  },
197
197
  created: function created() {
198
198
  this._anchor = guid();
199
- this._popupId = guid();
199
+ this._popupId = 'popup' + guid();
200
200
  this._element = null;
201
201
  this._wrapper = null;
202
202
  this._dateInput = null;
@@ -622,11 +622,15 @@ var TimePickerVue2 = {
622
622
  createBlurTimeout: function createBlurTimeout() {
623
623
  var _this = this;
624
624
 
625
+ var that = this;
625
626
  this._blurTimeout = setTimeout(function () {
626
627
  _this.isFocused = false;
628
+ var isInPopup = document.activeElement && document.activeElement.closest("#" + that._popupId);
627
629
 
628
- if (_this._dateInput && canUseDOM && document.activeElement !== _this._dateInput.element() && document.activeElement && document.activeElement.className.indexOf('k-time-list') === -1) {
629
- _this.setShow(false);
630
+ var isElementActive = that._dateInput && canUseDOM && document.activeElement !== that._dateInput.element();
631
+
632
+ if (isElementActive && !isInPopup) {
633
+ that.setShow(false);
630
634
  }
631
635
  }, 200);
632
636
  },
@@ -212,7 +212,7 @@ var DateTimePickerVue2 = {
212
212
  },
213
213
  created: function created() {
214
214
  this._anchor = kendo_vue_common_1.guid();
215
- this._popupId = kendo_vue_common_1.guid();
215
+ this._popupId = 'popup' + kendo_vue_common_1.guid();
216
216
  this._wrapper = null;
217
217
  this._dateInput = null;
218
218
  this._dateTimeSelector = null;
@@ -632,11 +632,15 @@ var DateTimePickerVue2 = {
632
632
  createBlurTimeout: function createBlurTimeout() {
633
633
  var _this = this;
634
634
 
635
+ var that = this;
635
636
  this._blurTimeout = setTimeout(function () {
636
637
  _this.isFocused = false;
638
+ var isInPopup = document.activeElement && document.activeElement.closest("#" + that._popupId);
637
639
 
638
- if (_this._dateInput && kendo_vue_common_1.canUseDOM && document.activeElement !== _this._dateInput.element() && document.activeElement && document.activeElement.className.indexOf('k-time-list') === -1) {
639
- _this.setShow(false);
640
+ var isElementActive = that._dateInput && kendo_vue_common_1.canUseDOM && document.activeElement !== that._dateInput.element();
641
+
642
+ if (isElementActive && !isInPopup) {
643
+ that.setShow(false);
640
644
  }
641
645
  }, 200);
642
646
  },
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-dateinputs',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1657172132,
11
+ publishDate: 1657627921,
12
12
  version: '',
13
13
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
14
14
  };
@@ -216,7 +216,7 @@ var TimePickerVue2 = {
216
216
  },
217
217
  created: function created() {
218
218
  this._anchor = kendo_vue_common_1.guid();
219
- this._popupId = kendo_vue_common_1.guid();
219
+ this._popupId = 'popup' + kendo_vue_common_1.guid();
220
220
  this._element = null;
221
221
  this._wrapper = null;
222
222
  this._dateInput = null;
@@ -642,11 +642,15 @@ var TimePickerVue2 = {
642
642
  createBlurTimeout: function createBlurTimeout() {
643
643
  var _this = this;
644
644
 
645
+ var that = this;
645
646
  this._blurTimeout = setTimeout(function () {
646
647
  _this.isFocused = false;
648
+ var isInPopup = document.activeElement && document.activeElement.closest("#" + that._popupId);
647
649
 
648
- if (_this._dateInput && kendo_vue_common_1.canUseDOM && document.activeElement !== _this._dateInput.element() && document.activeElement && document.activeElement.className.indexOf('k-time-list') === -1) {
649
- _this.setShow(false);
650
+ var isElementActive = that._dateInput && kendo_vue_common_1.canUseDOM && document.activeElement !== that._dateInput.element();
651
+
652
+ if (isElementActive && !isInPopup) {
653
+ that.setShow(false);
650
654
  }
651
655
  }, 200);
652
656
  },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-dateinputs",
3
3
  "description": "Kendo UI for Vue Date Inputs package",
4
- "version": "3.4.2",
4
+ "version": "3.4.3",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -46,16 +46,16 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@progress/kendo-date-math": "1.5.1",
49
- "@progress/kendo-vue-buttons": "3.4.2",
50
- "@progress/kendo-vue-common": "3.4.2",
51
- "@progress/kendo-vue-labels": "3.4.2",
52
- "@progress/kendo-vue-popup": "3.4.2"
49
+ "@progress/kendo-vue-buttons": "3.4.3",
50
+ "@progress/kendo-vue-common": "3.4.3",
51
+ "@progress/kendo-vue-labels": "3.4.3",
52
+ "@progress/kendo-vue-popup": "3.4.3"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@progress/kendo-data-query": "^1.5.4",
56
56
  "@progress/kendo-licensing": "^1.1.0",
57
- "@progress/kendo-vue-dropdowns": "3.4.2",
58
- "@progress/kendo-vue-intl": "3.4.2"
57
+ "@progress/kendo-vue-dropdowns": "3.4.3",
58
+ "@progress/kendo-vue-intl": "3.4.3"
59
59
  },
60
60
  "author": "Progress",
61
61
  "license": "SEE LICENSE IN LICENSE.md",