@progress/kendo-vue-dropdowns 3.11.0-dev.202306031715 → 3.11.0

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 (11) hide show
  1. package/dist/cdn/js/kendo-vue-dropdowns.js +1 -1
  2. package/dist/es/MultiSelect/TagList.js +6 -3
  3. package/dist/es/MultiSelectTree/MultiSelectTree.js +11 -4
  4. package/dist/es/package-metadata.js +1 -1
  5. package/dist/esm/MultiSelect/TagList.js +6 -3
  6. package/dist/esm/MultiSelectTree/MultiSelectTree.js +11 -4
  7. package/dist/esm/package-metadata.js +1 -1
  8. package/dist/npm/MultiSelect/TagList.js +6 -3
  9. package/dist/npm/MultiSelectTree/MultiSelectTree.js +11 -4
  10. package/dist/npm/package-metadata.js +1 -1
  11. package/package.json +9 -9
package/dist/es/MultiSelect/TagList.js CHANGED
@@ -105,11 +105,13 @@ var TagListVue2 = {
105
105
  }, [dataItems.map(function (tagData, index) {
106
106
  var _this = this;
107
107
  var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
108
+ var isFocused = tagData === this.$props.focused;
108
109
  var defaultRendering = h(Chip, {
109
110
  id: uniqueId,
110
111
  attrs: this.v3 ? undefined : {
111
112
  id: uniqueId,
112
- "aria-selected": true,
113
+ tabindex: -1,
114
+ "aria-selected": isFocused,
113
115
  role: "option",
114
116
  "aria-setsize": dataItems.length,
115
117
  text: tagData.text,
@@ -119,7 +121,8 @@ var TagListVue2 = {
119
121
  rounded: tagsRounded,
120
122
  size: size
121
123
  },
122
- "aria-selected": true,
124
+ tabindex: -1,
125
+ "aria-selected": isFocused,
123
126
  role: "option",
124
127
  "aria-setsize": dataItems.length,
125
128
  key: tagData.text + index,
@@ -139,7 +142,7 @@ var TagListVue2 = {
139
142
  removeIcon: removeTagIcon,
140
143
  onMousedown: preventDefault,
141
144
  onClick: stopPropagation,
142
- "class": tagData === this.$props.focused ? 'k-focus' : undefined,
145
+ "class": isFocused ? 'k-focus' : undefined,
143
146
  rounded: tagsRounded,
144
147
  size: size
145
148
  });
package/dist/es/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -785,7 +785,7 @@ var MultiSelectTreeVue2 = {
785
785
  event: event,
786
786
  target: this
787
787
  };
788
- if (this.value && this.value.length > 0 && (keyCode === Keys.left || keyCode === Keys.right || keyCode === Keys.home || keyCode === Keys.end || keyCode === Keys.delete || keyCode === Keys.backspace)) {
788
+ if (this.computedValue && this.computedValue.length > 0 && (keyCode === Keys.left || keyCode === Keys.right || keyCode === Keys.home || keyCode === Keys.end || keyCode === Keys.delete || keyCode === Keys.backspace)) {
789
789
  var tagsToRender = this.tagsToRenderRef;
790
790
  var focusedIndex = this.focusedTagState ? tagsToRender.findIndex(function (t) {
791
791
  return matchTags(t, _this.focusedTagState, _this.dataItemKey);
@@ -800,11 +800,11 @@ var MultiSelectTreeVue2 = {
800
800
  }
801
801
  newFocusedTag = tagsToRender[focusedIndex];
802
802
  } else if (keyCode === Keys.right) {
803
- if (focusedIndex === tagsToRender.length - 1) {
804
- newFocusedTag = undefined;
805
- } else if (hasFocused) {
803
+ if (hasFocused) {
806
804
  focusedIndex = Math.min(tagsToRender.length - 1, focusedIndex + 1);
807
805
  newFocusedTag = tagsToRender[focusedIndex];
806
+ } else {
807
+ newFocusedTag = tagsToRender[0];
808
808
  }
809
809
  } else if (keyCode === Keys.home) {
810
810
  newFocusedTag = tagsToRender[0];
@@ -855,6 +855,13 @@ var MultiSelectTreeVue2 = {
855
855
  var _this = this;
856
856
  var keyCode = event.keyCode,
857
857
  altKey = event.altKey;
858
+ if (keyCode === Keys.esc || altKey && keyCode === Keys.up) {
859
+ event.preventDefault();
860
+ this.switchFocus(function () {
861
+ _this.focusElement(_this.elementRef);
862
+ });
863
+ this.closePopup(event);
864
+ }
858
865
  if (altKey || keyCode !== Keys.up && keyCode !== Keys.down) {
859
866
  return;
860
867
  }
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dropdowns',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1685811900,
8
+ publishDate: 1686052395,
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
  };
package/dist/esm/MultiSelect/TagList.js CHANGED
@@ -105,11 +105,13 @@ var TagListVue2 = {
105
105
  }, [dataItems.map(function (tagData, index) {
106
106
  var _this = this;
107
107
  var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
108
+ var isFocused = tagData === this.$props.focused;
108
109
  var defaultRendering = h(Chip, {
109
110
  id: uniqueId,
110
111
  attrs: this.v3 ? undefined : {
111
112
  id: uniqueId,
112
- "aria-selected": true,
113
+ tabindex: -1,
114
+ "aria-selected": isFocused,
113
115
  role: "option",
114
116
  "aria-setsize": dataItems.length,
115
117
  text: tagData.text,
@@ -119,7 +121,8 @@ var TagListVue2 = {
119
121
  rounded: tagsRounded,
120
122
  size: size
121
123
  },
122
- "aria-selected": true,
124
+ tabindex: -1,
125
+ "aria-selected": isFocused,
123
126
  role: "option",
124
127
  "aria-setsize": dataItems.length,
125
128
  key: tagData.text + index,
@@ -139,7 +142,7 @@ var TagListVue2 = {
139
142
  removeIcon: removeTagIcon,
140
143
  onMousedown: preventDefault,
141
144
  onClick: stopPropagation,
142
- "class": tagData === this.$props.focused ? 'k-focus' : undefined,
145
+ "class": isFocused ? 'k-focus' : undefined,
143
146
  rounded: tagsRounded,
144
147
  size: size
145
148
  });
package/dist/esm/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -785,7 +785,7 @@ var MultiSelectTreeVue2 = {
785
785
  event: event,
786
786
  target: this
787
787
  };
788
- if (this.value && this.value.length > 0 && (keyCode === Keys.left || keyCode === Keys.right || keyCode === Keys.home || keyCode === Keys.end || keyCode === Keys.delete || keyCode === Keys.backspace)) {
788
+ if (this.computedValue && this.computedValue.length > 0 && (keyCode === Keys.left || keyCode === Keys.right || keyCode === Keys.home || keyCode === Keys.end || keyCode === Keys.delete || keyCode === Keys.backspace)) {
789
789
  var tagsToRender = this.tagsToRenderRef;
790
790
  var focusedIndex = this.focusedTagState ? tagsToRender.findIndex(function (t) {
791
791
  return matchTags(t, _this.focusedTagState, _this.dataItemKey);
@@ -800,11 +800,11 @@ var MultiSelectTreeVue2 = {
800
800
  }
801
801
  newFocusedTag = tagsToRender[focusedIndex];
802
802
  } else if (keyCode === Keys.right) {
803
- if (focusedIndex === tagsToRender.length - 1) {
804
- newFocusedTag = undefined;
805
- } else if (hasFocused) {
803
+ if (hasFocused) {
806
804
  focusedIndex = Math.min(tagsToRender.length - 1, focusedIndex + 1);
807
805
  newFocusedTag = tagsToRender[focusedIndex];
806
+ } else {
807
+ newFocusedTag = tagsToRender[0];
808
808
  }
809
809
  } else if (keyCode === Keys.home) {
810
810
  newFocusedTag = tagsToRender[0];
@@ -855,6 +855,13 @@ var MultiSelectTreeVue2 = {
855
855
  var _this = this;
856
856
  var keyCode = event.keyCode,
857
857
  altKey = event.altKey;
858
+ if (keyCode === Keys.esc || altKey && keyCode === Keys.up) {
859
+ event.preventDefault();
860
+ this.switchFocus(function () {
861
+ _this.focusElement(_this.elementRef);
862
+ });
863
+ this.closePopup(event);
864
+ }
858
865
  if (altKey || keyCode !== Keys.up && keyCode !== Keys.down) {
859
866
  return;
860
867
  }
package/dist/esm/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dropdowns',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1685811900,
8
+ publishDate: 1686052395,
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
  };
package/dist/npm/MultiSelect/TagList.js CHANGED
@@ -111,11 +111,13 @@ var TagListVue2 = {
111
111
  }, [dataItems.map(function (tagData, index) {
112
112
  var _this = this;
113
113
  var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
114
+ var isFocused = tagData === this.$props.focused;
114
115
  var defaultRendering = h(kendo_vue_buttons_1.Chip, {
115
116
  id: uniqueId,
116
117
  attrs: this.v3 ? undefined : {
117
118
  id: uniqueId,
118
- "aria-selected": true,
119
+ tabindex: -1,
120
+ "aria-selected": isFocused,
119
121
  role: "option",
120
122
  "aria-setsize": dataItems.length,
121
123
  text: tagData.text,
@@ -125,7 +127,8 @@ var TagListVue2 = {
125
127
  rounded: tagsRounded,
126
128
  size: size
127
129
  },
128
- "aria-selected": true,
130
+ tabindex: -1,
131
+ "aria-selected": isFocused,
129
132
  role: "option",
130
133
  "aria-setsize": dataItems.length,
131
134
  key: tagData.text + index,
@@ -145,7 +148,7 @@ var TagListVue2 = {
145
148
  removeIcon: removeTagIcon,
146
149
  onMousedown: preventDefault,
147
150
  onClick: stopPropagation,
148
- "class": tagData === this.$props.focused ? 'k-focus' : undefined,
151
+ "class": isFocused ? 'k-focus' : undefined,
149
152
  rounded: tagsRounded,
150
153
  size: size
151
154
  });
package/dist/npm/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -791,7 +791,7 @@ var MultiSelectTreeVue2 = {
791
791
  event: event,
792
792
  target: this
793
793
  };
794
- if (this.value && this.value.length > 0 && (keyCode === kendo_vue_common_1.Keys.left || keyCode === kendo_vue_common_1.Keys.right || keyCode === kendo_vue_common_1.Keys.home || keyCode === kendo_vue_common_1.Keys.end || keyCode === kendo_vue_common_1.Keys.delete || keyCode === kendo_vue_common_1.Keys.backspace)) {
794
+ if (this.computedValue && this.computedValue.length > 0 && (keyCode === kendo_vue_common_1.Keys.left || keyCode === kendo_vue_common_1.Keys.right || keyCode === kendo_vue_common_1.Keys.home || keyCode === kendo_vue_common_1.Keys.end || keyCode === kendo_vue_common_1.Keys.delete || keyCode === kendo_vue_common_1.Keys.backspace)) {
795
795
  var tagsToRender = this.tagsToRenderRef;
796
796
  var focusedIndex = this.focusedTagState ? tagsToRender.findIndex(function (t) {
797
797
  return (0, utils_1.matchTags)(t, _this.focusedTagState, _this.dataItemKey);
@@ -806,11 +806,11 @@ var MultiSelectTreeVue2 = {
806
806
  }
807
807
  newFocusedTag = tagsToRender[focusedIndex];
808
808
  } else if (keyCode === kendo_vue_common_1.Keys.right) {
809
- if (focusedIndex === tagsToRender.length - 1) {
810
- newFocusedTag = undefined;
811
- } else if (hasFocused) {
809
+ if (hasFocused) {
812
810
  focusedIndex = Math.min(tagsToRender.length - 1, focusedIndex + 1);
813
811
  newFocusedTag = tagsToRender[focusedIndex];
812
+ } else {
813
+ newFocusedTag = tagsToRender[0];
814
814
  }
815
815
  } else if (keyCode === kendo_vue_common_1.Keys.home) {
816
816
  newFocusedTag = tagsToRender[0];
@@ -861,6 +861,13 @@ var MultiSelectTreeVue2 = {
861
861
  var _this = this;
862
862
  var keyCode = event.keyCode,
863
863
  altKey = event.altKey;
864
+ if (keyCode === kendo_vue_common_1.Keys.esc || altKey && keyCode === kendo_vue_common_1.Keys.up) {
865
+ event.preventDefault();
866
+ this.switchFocus(function () {
867
+ _this.focusElement(_this.elementRef);
868
+ });
869
+ this.closePopup(event);
870
+ }
864
871
  if (altKey || keyCode !== kendo_vue_common_1.Keys.up && keyCode !== kendo_vue_common_1.Keys.down) {
865
872
  return;
866
873
  }
package/dist/npm/package-metadata.js CHANGED
@@ -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: 1685811900,
11
+ publishDate: 1686052395,
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.11.0-dev.202306031715",
4
+ "version": "3.11.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -53,19 +53,19 @@
53
53
  "vue": "^2.6.12 || ^3.0.2"
54
54
  },
55
55
  "dependencies": {
56
- "@progress/kendo-vue-buttons": "3.11.0-dev.202306031715",
57
- "@progress/kendo-vue-common": "3.11.0-dev.202306031715",
58
- "@progress/kendo-vue-popup": "3.11.0-dev.202306031715"
56
+ "@progress/kendo-vue-buttons": "3.11.0",
57
+ "@progress/kendo-vue-common": "3.11.0",
58
+ "@progress/kendo-vue-popup": "3.11.0"
59
59
  },
60
60
  "devDependencies": {
61
61
  "@progress/kendo-data-query": "^1.5.4",
62
62
  "@progress/kendo-licensing": "^1.3.0",
63
63
  "@progress/kendo-svg-icons": "^1.0.0",
64
- "@progress/kendo-vue-data-tools": "3.11.0-dev.202306031715",
65
- "@progress/kendo-vue-inputs": "3.11.0-dev.202306031715",
66
- "@progress/kendo-vue-intl": "3.11.0-dev.202306031715",
67
- "@progress/kendo-vue-labels": "3.11.0-dev.202306031715",
68
- "@progress/kendo-vue-treeview": "3.11.0-dev.202306031715"
64
+ "@progress/kendo-vue-data-tools": "3.11.0",
65
+ "@progress/kendo-vue-inputs": "3.11.0",
66
+ "@progress/kendo-vue-intl": "3.11.0",
67
+ "@progress/kendo-vue-labels": "3.11.0",
68
+ "@progress/kendo-vue-treeview": "3.11.0"
69
69
  },
70
70
  "author": "Progress",
71
71
  "license": "SEE LICENSE IN LICENSE.md",