@progress/kendo-vue-dropdowns 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442

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.
Files changed (47) hide show
  1. package/dist/cdn/js/kendo-vue-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.js +49 -92
  3. package/dist/es/ComboBox/ComboBox.js +88 -162
  4. package/dist/es/DropDownList/DropDownList.js +99 -154
  5. package/dist/es/MultiSelect/MultiSelect.js +61 -170
  6. package/dist/es/MultiSelect/TagList.js +10 -21
  7. package/dist/es/common/ClearButton.js +0 -2
  8. package/dist/es/common/DropDownBase.js +18 -78
  9. package/dist/es/common/List.js +17 -21
  10. package/dist/es/common/ListContainer.js +16 -18
  11. package/dist/es/common/ListDefaultItem.js +3 -5
  12. package/dist/es/common/ListFilter.js +4 -7
  13. package/dist/es/common/ListItem.js +2 -8
  14. package/dist/es/common/SearchBar.js +3 -9
  15. package/dist/es/common/VirtualScroll.js +5 -41
  16. package/dist/es/package-metadata.js +1 -1
  17. package/dist/esm/AutoComplete/AutoComplete.js +49 -92
  18. package/dist/esm/ComboBox/ComboBox.js +88 -162
  19. package/dist/esm/DropDownList/DropDownList.js +99 -154
  20. package/dist/esm/MultiSelect/MultiSelect.js +61 -170
  21. package/dist/esm/MultiSelect/TagList.js +10 -21
  22. package/dist/esm/common/ClearButton.js +0 -2
  23. package/dist/esm/common/DropDownBase.js +18 -78
  24. package/dist/esm/common/List.js +17 -21
  25. package/dist/esm/common/ListContainer.js +16 -18
  26. package/dist/esm/common/ListDefaultItem.js +3 -5
  27. package/dist/esm/common/ListFilter.js +4 -7
  28. package/dist/esm/common/ListItem.js +2 -8
  29. package/dist/esm/common/SearchBar.js +3 -9
  30. package/dist/esm/common/VirtualScroll.js +5 -41
  31. package/dist/esm/package-metadata.js +1 -1
  32. package/dist/npm/AutoComplete/AutoComplete.js +49 -101
  33. package/dist/npm/ComboBox/ComboBox.js +88 -175
  34. package/dist/npm/DropDownList/DropDownList.js +99 -165
  35. package/dist/npm/MultiSelect/MultiSelect.js +61 -182
  36. package/dist/npm/MultiSelect/TagList.js +10 -24
  37. package/dist/npm/common/ClearButton.js +2 -8
  38. package/dist/npm/common/DropDownBase.js +18 -84
  39. package/dist/npm/common/List.js +19 -30
  40. package/dist/npm/common/ListContainer.js +18 -24
  41. package/dist/npm/common/ListDefaultItem.js +5 -11
  42. package/dist/npm/common/ListFilter.js +6 -12
  43. package/dist/npm/common/ListItem.js +2 -12
  44. package/dist/npm/common/SearchBar.js +5 -14
  45. package/dist/npm/common/VirtualScroll.js +5 -41
  46. package/dist/npm/package-metadata.js +1 -1
  47. package/package.json +5 -5
@@ -3,23 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ListFilterVue2 = exports.ListFilter = void 0; // @ts-ignore
7
-
6
+ exports.ListFilterVue2 = exports.ListFilter = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
-
15
13
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
16
-
17
14
  var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap,
18
- roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
15
+ roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
19
16
  /**
20
17
  * @hidden
21
18
  */
22
-
23
19
  var ListFilterVue2 = {
24
20
  name: 'list-filter',
25
21
  // @ts-ignore
@@ -54,11 +50,10 @@ var ListFilterVue2 = {
54
50
  computed: {
55
51
  spanClass: function spanClass() {
56
52
  var _a;
57
-
58
53
  var _b = this.$props,
59
- size = _b.size,
60
- rounded = _b.rounded,
61
- fillMode = _b.fillMode;
54
+ size = _b.size,
55
+ rounded = _b.rounded,
56
+ fillMode = _b.fillMode;
62
57
  return _a = {
63
58
  'k-searchbox k-input': true
64
59
  }, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a;
@@ -117,6 +112,5 @@ exports.ListFilterVue2 = ListFilterVue2;
117
112
  /**
118
113
  * @hidden
119
114
  */
120
-
121
115
  var ListFilter = ListFilterVue2;
122
116
  exports.ListFilter = ListFilter;
@@ -4,37 +4,28 @@ var __assign = undefined && undefined.__assign || function () {
4
4
  __assign = Object.assign || function (t) {
5
5
  for (var s, i = 1, n = arguments.length; i < n; i++) {
6
6
  s = arguments[i];
7
-
8
7
  for (var p in s) {
9
8
  if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
10
9
  }
11
10
  }
12
-
13
11
  return t;
14
12
  };
15
-
16
13
  return __assign.apply(this, arguments);
17
14
  };
18
-
19
15
  Object.defineProperty(exports, "__esModule", {
20
16
  value: true
21
17
  });
22
- exports.ListItemVue2 = exports.ListItem = void 0; // @ts-ignore
23
-
18
+ exports.ListItemVue2 = exports.ListItem = void 0;
19
+ // @ts-ignore
24
20
  var Vue = require("vue");
25
-
26
21
  var allVue = Vue;
27
22
  var gh = allVue.h;
28
23
  var isV3 = allVue.version && allVue.version[0] === '3';
29
-
30
24
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
31
-
32
25
  var utils_1 = require("./utils");
33
26
  /**
34
27
  * @hidden
35
28
  */
36
-
37
-
38
29
  var ListItemVue2 = {
39
30
  name: 'list-item',
40
31
  props: {
@@ -111,6 +102,5 @@ exports.ListItemVue2 = ListItemVue2;
111
102
  /**
112
103
  * @hidden
113
104
  */
114
-
115
105
  var ListItem = ListItemVue2;
116
106
  exports.ListItem = ListItem;
@@ -3,21 +3,17 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.SearchBarVue2 = exports.SearchBar = void 0; // @ts-ignore
7
-
6
+ exports.SearchBarVue2 = exports.SearchBar = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
-
15
13
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
16
14
  /**
17
15
  * @hidden
18
16
  */
19
-
20
-
21
17
  var SearchBarVue2 = {
22
18
  name: 'search-bar',
23
19
  // @ts-ignore
@@ -65,22 +61,18 @@ var SearchBarVue2 = {
65
61
  },
66
62
  updated: function updated() {
67
63
  var _a = this.$props,
68
- value = _a.value,
69
- suggestedText = _a.suggestedText,
70
- focused = _a.focused;
71
-
64
+ value = _a.value,
65
+ suggestedText = _a.suggestedText,
66
+ focused = _a.focused;
72
67
  if (!this.input) {
73
68
  this.input = this.$refs.input;
74
69
  }
75
-
76
70
  var input = this.input;
77
71
  var valueChanged = this.$data.prevValue !== value || suggestedText !== this.prevSuggestedText;
78
72
  var deleting = valueChanged && this.$data.prevValue && this.$data.prevValue.startsWith(value) && !(this.$data.prevSuggestedText && suggestedText && this.$data.prevSuggestedText.endsWith(suggestedText));
79
-
80
73
  if (focused && input && kendo_vue_common_1.canUseDOM && document.activeElement !== input) {
81
74
  input.focus();
82
75
  }
83
-
84
76
  if (suggestedText && valueChanged && !deleting && input) {
85
77
  input.setSelectionRange(value.length - suggestedText.length, value.length);
86
78
  }
@@ -182,6 +174,5 @@ exports.SearchBarVue2 = SearchBarVue2;
182
174
  /**
183
175
  * @hidden
184
176
  */
185
-
186
177
  var SearchBar = SearchBarVue2;
187
178
  exports.SearchBar = SearchBar;
@@ -7,13 +7,9 @@ var maxHeightIE = 1533915;
7
7
  /**
8
8
  * @hidden
9
9
  */
10
-
11
- var VirtualScroll =
12
- /** @class */
13
- function () {
10
+ var VirtualScroll = /** @class */function () {
14
11
  function VirtualScroll() {
15
12
  var _this = this;
16
-
17
13
  this.containerHeight = 0;
18
14
  this.skip = 0;
19
15
  this.total = 0;
@@ -23,39 +19,31 @@ function () {
23
19
  this.prevScrollPos = 0;
24
20
  this.listTranslate = 0;
25
21
  this.scrollSyncing = false;
26
-
27
22
  this.scrollerRef = function (element) {
28
23
  var vs = _this;
29
24
  vs.container = element;
30
-
31
25
  if (element) {
32
26
  element.setAttribute('unselectable', 'on');
33
27
  setTimeout(vs.calcScrollElementHeight.bind(vs), 0);
34
28
  }
35
29
  };
36
-
37
30
  this.calcScrollElementHeight = function () {
38
31
  _this.scrollSyncing = true;
39
32
  var heightChanged = false;
40
33
  _this.itemHeight = _this.list ? _this.list.children[0].offsetHeight : _this.itemHeight;
41
34
  _this.containerHeight = Math.min(maxHeightIE, _this.itemHeight * _this.total);
42
35
  var newHeight = _this.containerHeight;
43
-
44
36
  if (_this.scrollElement) {
45
37
  heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
46
-
47
38
  if (heightChanged) {
48
39
  _this.scrollElement.style.height = newHeight + 'px';
49
40
  }
50
41
  }
51
-
52
42
  _this.scrollSyncing = false;
53
43
  return heightChanged;
54
44
  };
55
-
56
45
  this.scrollHandler = this.scrollHandler.bind(this);
57
46
  }
58
-
59
47
  Object.defineProperty(VirtualScroll.prototype, "translate", {
60
48
  get: function get() {
61
49
  return this.listTranslate;
@@ -63,10 +51,8 @@ function () {
63
51
  enumerable: false,
64
52
  configurable: true
65
53
  });
66
-
67
54
  VirtualScroll.prototype.changePage = function (skip, e) {
68
55
  var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
69
-
70
56
  if (newSkip !== this.skip) {
71
57
  this.PageChange({
72
58
  skip: newSkip,
@@ -74,15 +60,12 @@ function () {
74
60
  }, e);
75
61
  }
76
62
  };
77
-
78
63
  VirtualScroll.prototype.translateTo = function (dY) {
79
64
  this.listTranslate = dY;
80
-
81
65
  if (this.list) {
82
66
  this.list.style.transform = 'translateY(' + dY + 'px)';
83
67
  }
84
68
  };
85
-
86
69
  VirtualScroll.prototype.reset = function () {
87
70
  if (this.container) {
88
71
  this.calcScrollElementHeight();
@@ -90,12 +73,11 @@ function () {
90
73
  this.translateTo(0);
91
74
  }
92
75
  };
93
-
94
76
  VirtualScroll.prototype.scrollToEnd = function () {
95
77
  if (this.container && this.list) {
96
78
  this.calcScrollElementHeight();
97
- this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight; // this.translateTo(this.container.scrollHeight - this.list.offsetHeight);
98
-
79
+ this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
80
+ // this.translateTo(this.container.scrollHeight - this.list.offsetHeight);
99
81
  this.translateTo(this.container.scrollHeight); // - this.list.offsetHeight
100
82
  }
101
83
  };
@@ -106,51 +88,40 @@ function () {
106
88
  var targetTranslate = this.listTranslate;
107
89
  var items;
108
90
  var additionalOnTop = scrollTop - targetTranslate;
109
-
110
91
  if (additionalOnTop > height) {
111
92
  return;
112
93
  }
113
-
114
94
  for (items = 0; items < this.skip; items++) {
115
95
  if (targetTranslate + height + additionalOnTop <= scrollTop) {
116
96
  break;
117
97
  }
118
-
119
98
  targetTranslate -= height;
120
99
  }
121
-
122
100
  targetTranslate = this.validateTranslate(targetTranslate);
123
-
124
101
  if (this.skip - items <= 0 && targetTranslate >= scrollTop) {
125
102
  this.translateTo(0);
126
103
  this.changePage(0, e);
127
104
  this.container.scrollTop = 0;
128
105
  return;
129
106
  }
130
-
131
107
  if (targetTranslate !== this.listTranslate) {
132
108
  this.translateTo(targetTranslate);
133
109
  this.changePage(this.skip - items, e);
134
110
  }
135
111
  };
136
-
137
112
  VirtualScroll.prototype.localScrollDown = function (e) {
138
113
  var height = this.itemHeight;
139
114
  var scrollTop = this.container.scrollTop;
140
115
  var targetTranslate = this.listTranslate;
141
116
  var itemsLenght = this.list.children.length;
142
117
  var items;
143
-
144
118
  for (items = 0; items < itemsLenght; items++) {
145
119
  if (targetTranslate + height >= scrollTop) {
146
120
  break;
147
121
  }
148
-
149
122
  targetTranslate += height;
150
123
  }
151
-
152
124
  targetTranslate = this.validateTranslate(targetTranslate);
153
-
154
125
  if (items >= itemsLenght && this.skip + items >= this.total) {
155
126
  this.translateTo(targetTranslate);
156
127
  this.changePage(this.total - 1, e);
@@ -159,7 +130,6 @@ function () {
159
130
  this.changePage(this.skip + items, e);
160
131
  }
161
132
  };
162
-
163
133
  VirtualScroll.prototype.scrollNonStrict = function (e) {
164
134
  var floatItemIndex = this.total * this.prevScrollPos / this.containerHeight;
165
135
  var itemIndex = Math.min(Math.floor(floatItemIndex), this.total - 1);
@@ -168,17 +138,14 @@ function () {
168
138
  this.translateTo(targetTranslate);
169
139
  this.changePage(itemIndex, e);
170
140
  };
171
-
172
141
  VirtualScroll.prototype.scrollHandler = function (e) {
173
142
  var scrollTop = this.container ? this.container.scrollTop : 0;
174
143
  var prev = this.prevScrollPos;
175
144
  this.prevScrollPos = scrollTop;
176
145
  this.ScrollChange(e);
177
-
178
146
  if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
179
147
  return;
180
148
  }
181
-
182
149
  if (scrollTop - prev <= 0 && scrollTop > this.listTranslate - this.list.scrollHeight / 10) {
183
150
  this.localScrollUp(e);
184
151
  } else if (scrollTop - prev > 0 && scrollTop < this.listTranslate + this.list.scrollHeight * 2 / 3) {
@@ -187,15 +154,12 @@ function () {
187
154
  this.scrollNonStrict(e);
188
155
  }
189
156
  };
190
-
191
157
  VirtualScroll.prototype.validateTranslate = function (translate) {
192
- translate = Math.max(0, translate); // translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
193
-
158
+ translate = Math.max(0, translate);
159
+ // translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
194
160
  translate = Math.min(this.containerHeight, translate);
195
161
  return translate;
196
162
  };
197
-
198
163
  return VirtualScroll;
199
164
  }();
200
-
201
165
  exports.default = VirtualScroll;
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-dropdowns',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1665149247,
11
+ publishDate: 1666103390,
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
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-dropdowns",
3
3
  "description": "Kendo UI for Vue Dropdowns package",
4
- "version": "3.6.4-dev.202210071340",
4
+ "version": "3.6.5-dev.202210181442",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -49,14 +49,14 @@
49
49
  "vue": "^2.6.12 || ^3.0.2"
50
50
  },
51
51
  "dependencies": {
52
- "@progress/kendo-vue-buttons": "3.6.4-dev.202210071340",
53
- "@progress/kendo-vue-common": "3.6.4-dev.202210071340",
54
- "@progress/kendo-vue-popup": "3.6.4-dev.202210071340"
52
+ "@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
53
+ "@progress/kendo-vue-common": "3.6.5-dev.202210181442",
54
+ "@progress/kendo-vue-popup": "3.6.5-dev.202210181442"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@progress/kendo-data-query": "^1.5.4",
58
58
  "@progress/kendo-licensing": "^1.1.0",
59
- "@progress/kendo-vue-intl": "3.6.4-dev.202210071340"
59
+ "@progress/kendo-vue-intl": "3.6.5-dev.202210181442"
60
60
  },
61
61
  "author": "Progress",
62
62
  "license": "SEE LICENSE IN LICENSE.md",