@progress/kendo-vue-dropdowns 3.7.4-dev.202212020747 → 3.7.4-dev.202301091431

package/dist/esm/messages/main.js

@@ -11,6 +11,10 @@ export var expandButton = 'dropdowns.expandbutton';
  * @hidden
  */
 export var clear = 'dropdowns.clear';
+/**
+ * @hidden
+ */
+export var selectButton = 'dropdowns.select';
 /**
  * @hidden
  */
@@ -18,4 +22,5 @@ export var messages = (_a = {},
     _a[clear] = 'clear',
     _a[expandButton] = 'expand button',
     _a[nodata] = 'NO DATA FOUND.',
+    _a[selectButton] = 'Select',
     _a);

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: 1669966396,
+    publishDate: 1673273441,
     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

@@ -682,8 +682,8 @@ var AutoCompleteVue2 = {
     };
     var renderLoading = function renderLoading(cloading) {
       if (cloading) {
-        return h("span", {
-          "class": "k-icon k-input-loading-icon k-i-loading"
+        return h(kendo_vue_common_1.Icon, {
+          "class": "k-input-loading-icon"
         });
       }
       return h("span");

package/dist/npm/ComboBox/ComboBox.js

@@ -936,8 +936,12 @@ var ComboBoxVue2 = {
         "clearclick": this.clearButtonClick
       },
       key: "clearbutton"
-    }), loading && h("span", {
-      "class": "k-icon k-input-loading-icon k-i-loading",
+    }), loading && h(kendo_vue_common_1.Icon, {
+      name: 'loading',
+      attrs: this.v3 ? undefined : {
+        name: 'loading'
+      },
+      "class": "k-input-loading-icon",
       key: "loading"
     }),
     // @ts-ignore

package/dist/npm/DropDownList/DropDownList.js

@@ -31,6 +31,8 @@ var ListFilter_1 = require("../common/ListFilter");
 var ListDefaultItem_1 = require("../common/ListDefaultItem");
 var List_1 = require("../common/List");
 var DropDownBase_1 = require("../common/DropDownBase");
+var main_1 = require("../messages/main");
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var utils_1 = require("../common/utils");
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 /**
@@ -166,6 +168,11 @@ var DropDownListVue2 = {
       }
     }
   },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
   data: function data() {
     return {
       hasMounted: false,
@@ -324,6 +331,11 @@ var DropDownListVue2 = {
           'k-rtl': this.$props.dir === 'rtl'
         };
       }
+    },
+    dropDownListId: {
+      get: function get() {
+        return "value-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : '');
+      }
     }
   },
   methods: {
@@ -701,6 +713,7 @@ var DropDownListVue2 = {
       animate: true,
       height: '200px'
     }, this.$props.popupSettings);
+    var ariaLabelSelectButton = (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(main_1.selectButton, main_1.messages[main_1.selectButton]);
     var _d = this.$props,
       dataItemKey = _d.dataItemKey,
       _e = _d.dataItems,
@@ -716,7 +729,11 @@ var DropDownListVue2 = {
       return (0, utils_1.areSame)(i, value, dataItemKey);
     });
     var valueDefaultRendering = h("span", {
-      "class": "k-input-inner"
+      "class": "k-input-inner",
+      id: this.dropDownListId,
+      attrs: this.v3 ? undefined : {
+        id: this.dropDownListId
+      }
     }, [h("span", {
       "class": "k-input-value-text"
     }, [text])]);
@@ -959,7 +976,7 @@ var DropDownListVue2 = {
         "aria-activedescendant": opened ? 'option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0)) : undefined,
         "aria-label": this.$props.ariaLabel || this.$props.label,
         "aria-labelledby": this.$props.ariaLabelledBy,
-        "aria-describedby": this.$props.ariaDescribedBy,
+        "aria-describedBy": this.dropDownListId,
         title: this.$props.title
       },
       onMousedown: opened ? utils_1.preventDefaultNonInputs : kendo_vue_common_1.noop,
@@ -986,10 +1003,14 @@ var DropDownListVue2 = {
       "aria-activedescendant": opened ? 'option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0)) : undefined,
       "aria-label": this.$props.ariaLabel || this.$props.label,
       "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-describedby": this.$props.ariaDescribedBy,
+      "aria-describedBy": this.dropDownListId,
       title: this.$props.title
-    }, [valueElement, loading && h("span", {
-      "class": "k-icon k-input-loading-icon k-i-loading",
+    }, [valueElement, loading && h(kendo_vue_common_1.Icon, {
+      name: 'loading',
+      attrs: this.v3 ? undefined : {
+        name: 'loading'
+      },
+      "class": "k-input-loading-icon",
       key: "loading"
     }),
     // @ts-ignore
@@ -1001,6 +1022,7 @@ var DropDownListVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
+        ariaLabel: ariaLabelSelectButton,
         iconClass: (0, kendo_vue_common_1.classNames)('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
         "aria-hidden": true
       },
@@ -1008,6 +1030,7 @@ var DropDownListVue2 = {
       size: size,
       fillMode: fillMode,
       rounded: null,
+      ariaLabel: ariaLabelSelectButton,
       "class": 'k-input-button',
       iconClass: (0, kendo_vue_common_1.classNames)('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
       "aria-hidden": true

package/dist/npm/MultiSelect/MultiSelect.js

@@ -42,6 +42,7 @@ var DropDownBase_1 = require("../common/DropDownBase");
 var ClearButton_1 = require("../common/ClearButton");
 var settings_1 = require("./../common/settings");
 var utils_1 = require("../common/utils");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
@@ -866,8 +867,12 @@ var MultiSelectVue2 = {
     };
     var renderLoading = function renderLoading(cloading) {
       if (cloading) {
-        return h("span", {
-          "class": "k-icon k-input-loading-icon k-i-loading"
+        return h(kendo_vue_common_1.Icon, {
+          name: 'loading',
+          attrs: this.v3 ? undefined : {
+            name: 'loading'
+          },
+          "class": "k-input-loading-icon"
         });
       }
       return h("span");
@@ -895,7 +900,7 @@ var MultiSelectVue2 = {
             expanded: opened,
             owns: this.base.listBoxId,
             activedescendant: ariaActivedescendant,
-            "aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
+            "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
             "aria-labelledBy": this.$props.ariaLabelledBy
           },
           size: Math.max((placeholderToShow || '').length, searchText.length, 1),
@@ -918,7 +923,7 @@ var MultiSelectVue2 = {
           expanded: opened,
           owns: this.base.listBoxId,
           activedescendant: ariaActivedescendant,
-          "aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
+          "aria-describedBy": "tagslist-".concat(this.base.guid).concat(this.$props.ariaDescribedBy ? ' ' + this.$props.ariaDescribedBy : ''),
           "aria-labelledBy": this.$props.ariaLabelledBy
         })
       );
@@ -1026,8 +1031,13 @@ var MultiSelectVue2 = {
         "class": (0, kendo_vue_common_1.classNames)('k-item k-custom-item', {
           'k-focus': isCustom(focusedType)
         })
-      }, [currentText, h("span", {
-        "class": "k-icon k-i-plus",
+      }, [currentText, h(kendo_vue_common_1.Icon, {
+        name: "plus",
+        attrs: this.v3 ? undefined : {
+          name: "plus",
+          icon: kendo_svg_icons_1.plusIcon
+        },
+        icon: kendo_svg_icons_1.plusIcon,
         style: {
           float: 'right'
         }

package/dist/npm/MultiSelect/TagList.js

@@ -70,9 +70,8 @@ var TagListVue2 = {
         size = _b.size,
         disabled = _b.disabled;
       return _a = {
-        'k-input-values': true,
         'k-chip-list': true
-      }, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
+      }, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-disabled'] = disabled, _a;
     }
   },
   // @ts-ignore
@@ -98,6 +97,8 @@ var TagListVue2 = {
       tagsRounded = _a.tagsRounded,
       removeTagIcon = _a.removeTagIcon;
     return h("div", {
+      "class": 'k-input-values'
+    }, [h("div", {
       "class": this.wrapperClass,
       role: "listbox",
       attrs: this.v3 ? undefined : {
@@ -158,7 +159,7 @@ var TagListVue2 = {
           tagdelete: this.onTagDelete
         }
       });
-    }, this), defaultSlot]);
+    }, this), defaultSlot])]);
   }
 };
 exports.TagListVue2 = TagListVue2;

package/dist/npm/common/ClearButton.js

@@ -10,8 +10,10 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var main_1 = require("../messages/main");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
@@ -60,8 +62,13 @@ var ClearButtonVue2 = {
       tabindex: -1,
       title: title,
       key: "clearbutton"
-    }, [h("span", {
-      "class": "k-icon k-i-x"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: "x",
+      attrs: this.v3 ? undefined : {
+        name: "x",
+        icon: kendo_svg_icons_1.xIcon
+      },
+      icon: kendo_svg_icons_1.xIcon
     })]);
   }
 };

package/dist/npm/common/ListFilter.js

@@ -11,6 +11,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap,
   roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
 /**
@@ -86,8 +87,14 @@ var ListFilterVue2 = {
       "class": "k-list-filter"
     }, [h("span", {
       "class": this.spanClass
-    }, [h("span", {
-      "class": "k-input-icon k-icon k-i-search"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: "search",
+      attrs: this.v3 ? undefined : {
+        name: "search",
+        icon: kendo_svg_icons_1.searchIcon
+      },
+      icon: kendo_svg_icons_1.searchIcon,
+      "class": "k-input-icon"
     }), h("input", {
       ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
       type: "text",

package/dist/npm/messages/main.d.ts

@@ -10,6 +10,10 @@ export declare const expandButton = "dropdowns.expandbutton";
  * @hidden
  */
 export declare const clear = "dropdowns.clear";
+/**
+ * @hidden
+ */
+export declare const selectButton = "dropdowns.select";
 /**
  * @hidden
  */
@@ -17,4 +21,5 @@ export declare const messages: {
     "dropdowns.clear": string;
     "dropdowns.expandbutton": string;
     "dropdowns.nodata": string;
+    "dropdowns.select": string;
 };

package/dist/npm/messages/main.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.clear = exports.expandButton = exports.nodata = void 0;
+exports.messages = exports.selectButton = exports.clear = exports.expandButton = exports.nodata = void 0;
 /**
  * @hidden
  */
@@ -14,6 +14,10 @@ exports.expandButton = 'dropdowns.expandbutton';
  * @hidden
  */
 exports.clear = 'dropdowns.clear';
+/**
+ * @hidden
+ */
+exports.selectButton = 'dropdowns.select';
 /**
  * @hidden
  */
@@ -21,4 +25,5 @@ exports.messages = (_a = {},
     _a[exports.clear] = 'clear',
     _a[exports.expandButton] = 'expand button',
     _a[exports.nodata] = 'NO DATA FOUND.',
+    _a[exports.selectButton] = 'Select',
     _a);

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: 1669966396,
+    publishDate: 1673273441,
     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.7.4-dev.202212020747",
+  "version": "3.7.4-dev.202301091431",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,19 +44,21 @@
     "framework": "Kendo UI for Vue"
   },
   "peerDependencies": {
-    "@progress/kendo-licensing": "^1.1.0",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^1.0.0",
     "@progress/kendo-vue-intl": "^3.6.0",
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-common": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202212020747"
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-common": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301091431"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
-    "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202212020747"
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^1.0.0",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301091431"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",