@progress/kendo-vue-dropdowns 3.11.0-dev.202305230751 → 3.11.0-dev.202306051432

package/dist/es/AutoComplete/AutoComplete.js

@@ -23,7 +23,7 @@ import DropDownBase from '../common/DropDownBase';
 import { GroupStickyHeader } from '../common/GroupStickyHeader';
 import { ClearButton } from '../common/ClearButton';
 import { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils';
-import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef, Icon } from '@progress/kendo-vue-common';
+import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
   roundedMap = kendoThemeMaps.roundedMap;
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
@@ -791,12 +791,8 @@ var AutoCompleteVue2 = {
       on: this.v3 ? undefined : {
         "clearclick": this.clearButtonClick
       }
-    }), h(Icon, {
-      name: loading ? 'loading' : '',
-      attrs: this.v3 ? undefined : {
-        name: loading ? 'loading' : ''
-      },
-      "class": 'k-input-loading-icon'
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
     }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,

package/dist/es/DropDownTree/DropDownTree.d.ts

@@ -8,7 +8,7 @@ import { DropDownTreeProps } from './DropDownTreeProps';
  * @hidden
  */
 export interface DropDownTreeState {
-    calculatedId: string;
+    componentGuid: string;
     anchor: string;
 }
 /**

package/dist/es/DropDownTree/DropDownTree.js

@@ -187,7 +187,7 @@ var DropDownTreeVue2 = {
   },
   created: function created() {
     validatePackage(packageMetadata);
-    this.calculatedId = guid();
+    this.componentGuid = guid();
     this.anchor = guid();
   },
   data: function data() {
@@ -264,7 +264,7 @@ var DropDownTreeVue2 = {
   render: function render(createElement) {
     var _this2 = this;
     var h = gh || createElement;
-    var id = this.$props.id || this.calculatedId;
+    var id = this.$props.id || this.componentGuid;
     var _a = this.$props,
       dataItems = _a.dataItems,
       dataItemKey = _a.dataItemKey,
@@ -612,6 +612,7 @@ var DropDownTreeVue2 = {
         editorValid: isValid,
         editorDisabled: disabled,
         editorId: id,
+        focused: this.focused,
         dir: dir
       },
       editorValue: this.currentValueText,
@@ -619,6 +620,7 @@ var DropDownTreeVue2 = {
       editorValid: isValid,
       editorDisabled: disabled,
       editorId: id,
+      focused: this.focused,
       dir: dir
     }, this.v3 ? function () {
       return [dropdowntree];

package/dist/es/MultiSelect/MultiSelect.js

@@ -1197,19 +1197,15 @@ var MultiSelectVue2 = {
       }) : undefined
     }, this.v3 ? function () {
       return [renderSearchBar.call(_this4, id)];
-    } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
+    } : [renderSearchBar.call(_this4, id)]), clearButton &&
     // @ts-ignore  function children
     h(ClearButton, {
       onClearclick: this.clearButtonClick,
       on: this.v3 ? undefined : {
         "clearclick": this.clearButtonClick
       }
-    }), h(Icon, {
-      name: loading ? 'loading' : '',
-      attrs: this.v3 ? undefined : {
-        name: loading ? 'loading' : ''
-      },
-      "class": 'k-input-loading-icon'
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
     }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,

package/dist/es/MultiSelect/TagList.js

@@ -105,11 +105,13 @@ var TagListVue2 = {
     }, [dataItems.map(function (tagData, index) {
       var _this = this;
       var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
+      var isFocused = tagData === this.$props.focused;
       var defaultRendering = h(Chip, {
         id: uniqueId,
         attrs: this.v3 ? undefined : {
           id: uniqueId,
-          "aria-selected": true,
+          tabindex: -1,
+          "aria-selected": isFocused,
           role: "option",
           "aria-setsize": dataItems.length,
           text: tagData.text,
@@ -119,7 +121,8 @@ var TagListVue2 = {
           rounded: tagsRounded,
           size: size
         },
-        "aria-selected": true,
+        tabindex: -1,
+        "aria-selected": isFocused,
         role: "option",
         "aria-setsize": dataItems.length,
         key: tagData.text + index,
@@ -139,7 +142,7 @@ var TagListVue2 = {
         removeIcon: removeTagIcon,
         onMousedown: preventDefault,
         onClick: stopPropagation,
-        "class": tagData === this.$props.focused ? 'k-focus' : undefined,
+        "class": isFocused ? 'k-focus' : undefined,
         rounded: tagsRounded,
         size: size
       });

package/dist/es/MultiSelectTree/MultiSelectTree.js

@@ -785,7 +785,7 @@ var MultiSelectTreeVue2 = {
         event: event,
         target: this
       };
-      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)) {
+      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)) {
         var tagsToRender = this.tagsToRenderRef;
         var focusedIndex = this.focusedTagState ? tagsToRender.findIndex(function (t) {
           return matchTags(t, _this.focusedTagState, _this.dataItemKey);
@@ -800,11 +800,11 @@ var MultiSelectTreeVue2 = {
           }
           newFocusedTag = tagsToRender[focusedIndex];
         } else if (keyCode === Keys.right) {
-          if (focusedIndex === tagsToRender.length - 1) {
-            newFocusedTag = undefined;
-          } else if (hasFocused) {
+          if (hasFocused) {
             focusedIndex = Math.min(tagsToRender.length - 1, focusedIndex + 1);
             newFocusedTag = tagsToRender[focusedIndex];
+          } else {
+            newFocusedTag = tagsToRender[0];
           }
         } else if (keyCode === Keys.home) {
           newFocusedTag = tagsToRender[0];
@@ -855,6 +855,13 @@ var MultiSelectTreeVue2 = {
       var _this = this;
       var keyCode = event.keyCode,
         altKey = event.altKey;
+      if (keyCode === Keys.esc || altKey && keyCode === Keys.up) {
+        event.preventDefault();
+        this.switchFocus(function () {
+          _this.focusElement(_this.elementRef);
+        });
+        this.closePopup(event);
+      }
       if (altKey || keyCode !== Keys.up && keyCode !== Keys.down) {
         return;
       }

package/dist/es/common/GroupStickyHeader.d.ts

@@ -16,6 +16,9 @@ export interface GroupStickyHeaderProps {
      */
     render?: any;
 }
+/**
+ * @hidden
+ */
 export interface GroupStickyHeaderAll extends Vue2type {
 }
 /**

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1684827665,
+    publishDate: 1685974653,
     version: '',
     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'
 };

package/dist/esm/AutoComplete/AutoComplete.js

@@ -23,7 +23,7 @@ import DropDownBase from '../common/DropDownBase.js';
 import { GroupStickyHeader } from '../common/GroupStickyHeader.js';
 import { ClearButton } from '../common/ClearButton.js';
 import { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils.js';
-import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef, Icon } from '@progress/kendo-vue-common';
+import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
   roundedMap = kendoThemeMaps.roundedMap;
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
@@ -791,12 +791,8 @@ var AutoCompleteVue2 = {
       on: this.v3 ? undefined : {
         "clearclick": this.clearButtonClick
       }
-    }), h(Icon, {
-      name: loading ? 'loading' : '',
-      attrs: this.v3 ? undefined : {
-        name: loading ? 'loading' : ''
-      },
-      "class": 'k-input-loading-icon'
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
     }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,

package/dist/esm/DropDownTree/DropDownTree.d.ts

@@ -8,7 +8,7 @@ import { DropDownTreeProps } from './DropDownTreeProps';
  * @hidden
  */
 export interface DropDownTreeState {
-    calculatedId: string;
+    componentGuid: string;
     anchor: string;
 }
 /**

package/dist/esm/DropDownTree/DropDownTree.js

@@ -187,7 +187,7 @@ var DropDownTreeVue2 = {
   },
   created: function created() {
     validatePackage(packageMetadata);
-    this.calculatedId = guid();
+    this.componentGuid = guid();
     this.anchor = guid();
   },
   data: function data() {
@@ -264,7 +264,7 @@ var DropDownTreeVue2 = {
   render: function render(createElement) {
     var _this2 = this;
     var h = gh || createElement;
-    var id = this.$props.id || this.calculatedId;
+    var id = this.$props.id || this.componentGuid;
     var _a = this.$props,
       dataItems = _a.dataItems,
       dataItemKey = _a.dataItemKey,
@@ -612,6 +612,7 @@ var DropDownTreeVue2 = {
         editorValid: isValid,
         editorDisabled: disabled,
         editorId: id,
+        focused: this.focused,
         dir: dir
       },
       editorValue: this.currentValueText,
@@ -619,6 +620,7 @@ var DropDownTreeVue2 = {
       editorValid: isValid,
       editorDisabled: disabled,
       editorId: id,
+      focused: this.focused,
       dir: dir
     }, this.v3 ? function () {
       return [dropdowntree];

package/dist/esm/MultiSelect/MultiSelect.js

@@ -1197,19 +1197,15 @@ var MultiSelectVue2 = {
       }) : undefined
     }, this.v3 ? function () {
       return [renderSearchBar.call(_this4, id)];
-    } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
+    } : [renderSearchBar.call(_this4, id)]), clearButton &&
     // @ts-ignore  function children
     h(ClearButton, {
       onClearclick: this.clearButtonClick,
       on: this.v3 ? undefined : {
         "clearclick": this.clearButtonClick
       }
-    }), h(Icon, {
-      name: loading ? 'loading' : '',
-      attrs: this.v3 ? undefined : {
-        name: loading ? 'loading' : ''
-      },
-      "class": 'k-input-loading-icon'
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
     }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,

package/dist/esm/MultiSelect/TagList.js

@@ -105,11 +105,13 @@ var TagListVue2 = {
     }, [dataItems.map(function (tagData, index) {
       var _this = this;
       var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
+      var isFocused = tagData === this.$props.focused;
       var defaultRendering = h(Chip, {
         id: uniqueId,
         attrs: this.v3 ? undefined : {
           id: uniqueId,
-          "aria-selected": true,
+          tabindex: -1,
+          "aria-selected": isFocused,
           role: "option",
           "aria-setsize": dataItems.length,
           text: tagData.text,
@@ -119,7 +121,8 @@ var TagListVue2 = {
           rounded: tagsRounded,
           size: size
         },
-        "aria-selected": true,
+        tabindex: -1,
+        "aria-selected": isFocused,
         role: "option",
         "aria-setsize": dataItems.length,
         key: tagData.text + index,
@@ -139,7 +142,7 @@ var TagListVue2 = {
         removeIcon: removeTagIcon,
         onMousedown: preventDefault,
         onClick: stopPropagation,
-        "class": tagData === this.$props.focused ? 'k-focus' : undefined,
+        "class": isFocused ? 'k-focus' : undefined,
         rounded: tagsRounded,
         size: size
       });

package/dist/esm/MultiSelectTree/MultiSelectTree.js

@@ -785,7 +785,7 @@ var MultiSelectTreeVue2 = {
         event: event,
         target: this
       };
-      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)) {
+      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)) {
         var tagsToRender = this.tagsToRenderRef;
         var focusedIndex = this.focusedTagState ? tagsToRender.findIndex(function (t) {
           return matchTags(t, _this.focusedTagState, _this.dataItemKey);
@@ -800,11 +800,11 @@ var MultiSelectTreeVue2 = {
           }
           newFocusedTag = tagsToRender[focusedIndex];
         } else if (keyCode === Keys.right) {
-          if (focusedIndex === tagsToRender.length - 1) {
-            newFocusedTag = undefined;
-          } else if (hasFocused) {
+          if (hasFocused) {
             focusedIndex = Math.min(tagsToRender.length - 1, focusedIndex + 1);
             newFocusedTag = tagsToRender[focusedIndex];
+          } else {
+            newFocusedTag = tagsToRender[0];
           }
         } else if (keyCode === Keys.home) {
           newFocusedTag = tagsToRender[0];
@@ -855,6 +855,13 @@ var MultiSelectTreeVue2 = {
       var _this = this;
       var keyCode = event.keyCode,
         altKey = event.altKey;
+      if (keyCode === Keys.esc || altKey && keyCode === Keys.up) {
+        event.preventDefault();
+        this.switchFocus(function () {
+          _this.focusElement(_this.elementRef);
+        });
+        this.closePopup(event);
+      }
       if (altKey || keyCode !== Keys.up && keyCode !== Keys.down) {
         return;
       }

package/dist/esm/common/GroupStickyHeader.d.ts

@@ -16,6 +16,9 @@ export interface GroupStickyHeaderProps {
      */
     render?: any;
 }
+/**
+ * @hidden
+ */
 export interface GroupStickyHeaderAll extends Vue2type {
 }
 /**

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1684827665,
+    publishDate: 1685974653,
     version: '',
     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'
 };

package/dist/npm/AutoComplete/AutoComplete.js

@@ -797,12 +797,8 @@ var AutoCompleteVue2 = {
       on: this.v3 ? undefined : {
         "clearclick": this.clearButtonClick
       }
-    }), h(kendo_vue_common_1.Icon, {
-      name: loading ? 'loading' : '',
-      attrs: this.v3 ? undefined : {
-        name: loading ? 'loading' : ''
-      },
-      "class": 'k-input-loading-icon'
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
     }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,

package/dist/npm/DropDownTree/DropDownTree.d.ts

@@ -8,7 +8,7 @@ import { DropDownTreeProps } from './DropDownTreeProps';
  * @hidden
  */
 export interface DropDownTreeState {
-    calculatedId: string;
+    componentGuid: string;
     anchor: string;
 }
 /**

package/dist/npm/DropDownTree/DropDownTree.js

@@ -191,7 +191,7 @@ var DropDownTreeVue2 = {
   },
   created: function created() {
     (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    this.calculatedId = (0, kendo_vue_common_1.guid)();
+    this.componentGuid = (0, kendo_vue_common_1.guid)();
     this.anchor = (0, kendo_vue_common_1.guid)();
   },
   data: function data() {
@@ -268,7 +268,7 @@ var DropDownTreeVue2 = {
   render: function render(createElement) {
     var _this2 = this;
     var h = gh || createElement;
-    var id = this.$props.id || this.calculatedId;
+    var id = this.$props.id || this.componentGuid;
     var _a = this.$props,
       dataItems = _a.dataItems,
       dataItemKey = _a.dataItemKey,
@@ -616,6 +616,7 @@ var DropDownTreeVue2 = {
         editorValid: isValid,
         editorDisabled: disabled,
         editorId: id,
+        focused: this.focused,
         dir: dir
       },
       editorValue: this.currentValueText,
@@ -623,6 +624,7 @@ var DropDownTreeVue2 = {
       editorValid: isValid,
       editorDisabled: disabled,
       editorId: id,
+      focused: this.focused,
       dir: dir
     }, this.v3 ? function () {
       return [dropdowntree];

package/dist/npm/MultiSelect/MultiSelect.js

@@ -1203,19 +1203,15 @@ var MultiSelectVue2 = {
       }) : undefined
     }, this.v3 ? function () {
       return [renderSearchBar.call(_this4, id)];
-    } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
+    } : [renderSearchBar.call(_this4, id)]), clearButton &&
     // @ts-ignore  function children
     h(ClearButton_1.ClearButton, {
       onClearclick: this.clearButtonClick,
       on: this.v3 ? undefined : {
         "clearclick": this.clearButtonClick
       }
-    }), h(kendo_vue_common_1.Icon, {
-      name: loading ? 'loading' : '',
-      attrs: this.v3 ? undefined : {
-        name: loading ? 'loading' : ''
-      },
-      "class": 'k-input-loading-icon'
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
     }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,

package/dist/npm/MultiSelect/TagList.js

@@ -111,11 +111,13 @@ var TagListVue2 = {
     }, [dataItems.map(function (tagData, index) {
       var _this = this;
       var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
+      var isFocused = tagData === this.$props.focused;
       var defaultRendering = h(kendo_vue_buttons_1.Chip, {
         id: uniqueId,
         attrs: this.v3 ? undefined : {
           id: uniqueId,
-          "aria-selected": true,
+          tabindex: -1,
+          "aria-selected": isFocused,
           role: "option",
           "aria-setsize": dataItems.length,
           text: tagData.text,
@@ -125,7 +127,8 @@ var TagListVue2 = {
           rounded: tagsRounded,
           size: size
         },
-        "aria-selected": true,
+        tabindex: -1,
+        "aria-selected": isFocused,
         role: "option",
         "aria-setsize": dataItems.length,
         key: tagData.text + index,
@@ -145,7 +148,7 @@ var TagListVue2 = {
         removeIcon: removeTagIcon,
         onMousedown: preventDefault,
         onClick: stopPropagation,
-        "class": tagData === this.$props.focused ? 'k-focus' : undefined,
+        "class": isFocused ? 'k-focus' : undefined,
         rounded: tagsRounded,
         size: size
       });

package/dist/npm/MultiSelectTree/MultiSelectTree.js

@@ -791,7 +791,7 @@ var MultiSelectTreeVue2 = {
         event: event,
         target: this
       };
-      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)) {
+      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)) {
         var tagsToRender = this.tagsToRenderRef;
         var focusedIndex = this.focusedTagState ? tagsToRender.findIndex(function (t) {
           return (0, utils_1.matchTags)(t, _this.focusedTagState, _this.dataItemKey);
@@ -806,11 +806,11 @@ var MultiSelectTreeVue2 = {
           }
           newFocusedTag = tagsToRender[focusedIndex];
         } else if (keyCode === kendo_vue_common_1.Keys.right) {
-          if (focusedIndex === tagsToRender.length - 1) {
-            newFocusedTag = undefined;
-          } else if (hasFocused) {
+          if (hasFocused) {
             focusedIndex = Math.min(tagsToRender.length - 1, focusedIndex + 1);
             newFocusedTag = tagsToRender[focusedIndex];
+          } else {
+            newFocusedTag = tagsToRender[0];
           }
         } else if (keyCode === kendo_vue_common_1.Keys.home) {
           newFocusedTag = tagsToRender[0];
@@ -861,6 +861,13 @@ var MultiSelectTreeVue2 = {
       var _this = this;
       var keyCode = event.keyCode,
         altKey = event.altKey;
+      if (keyCode === kendo_vue_common_1.Keys.esc || altKey && keyCode === kendo_vue_common_1.Keys.up) {
+        event.preventDefault();
+        this.switchFocus(function () {
+          _this.focusElement(_this.elementRef);
+        });
+        this.closePopup(event);
+      }
       if (altKey || keyCode !== kendo_vue_common_1.Keys.up && keyCode !== kendo_vue_common_1.Keys.down) {
         return;
       }

package/dist/npm/common/GroupStickyHeader.d.ts

@@ -16,6 +16,9 @@ export interface GroupStickyHeaderProps {
      */
     render?: any;
 }
+/**
+ * @hidden
+ */
 export interface GroupStickyHeaderAll extends Vue2type {
 }
 /**

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1684827665,
+    publishDate: 1685974653,
     version: '',
     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'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dropdowns",
   "description": "Kendo UI for Vue Dropdowns package",
-  "version": "3.11.0-dev.202305230751",
+  "version": "3.11.0-dev.202306051432",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -53,19 +53,19 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-common": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-popup": "3.11.0-dev.202305230751"
+    "@progress/kendo-vue-buttons": "3.11.0-dev.202306051432",
+    "@progress/kendo-vue-common": "3.11.0-dev.202306051432",
+    "@progress/kendo-vue-popup": "3.11.0-dev.202306051432"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-data-tools": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-inputs": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-intl": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-labels": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-treeview": "3.11.0-dev.202305230751"
+    "@progress/kendo-vue-data-tools": "3.11.0-dev.202306051432",
+    "@progress/kendo-vue-inputs": "3.11.0-dev.202306051432",
+    "@progress/kendo-vue-intl": "3.11.0-dev.202306051432",
+    "@progress/kendo-vue-labels": "3.11.0-dev.202306051432",
+    "@progress/kendo-vue-treeview": "3.11.0-dev.202306051432"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",