@progress/kendo-vue-dropdowns 3.7.4-dev.202212300853 → 3.7.4-dev.202301120847

package/dist/es/ComboBox/ComboBox.js

@@ -29,6 +29,7 @@ import { List } from '../common/List';
 import { ClearButton } from '../common/ClearButton';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { expandButton, messages } from '../messages/main';
+import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
@@ -948,7 +949,9 @@ var ComboBoxVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
-        iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName)
+        icon: 'caret-alt-down',
+        svgIcon: caretAltDownIcon,
+        iconClass: iconClassName
       },
       tabIndex: -1,
       "aria-label": ariaLabelExpandButton,
@@ -956,7 +959,9 @@ var ComboBoxVue2 = {
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName),
+      icon: 'caret-alt-down',
+      svgIcon: caretAltDownIcon,
+      iconClass: iconClassName,
       onClick: this.toggleBtnClick,
       on: this.v3 ? undefined : {
         "click": this.toggleBtnClick,

package/dist/es/DropDownList/DropDownList.js

@@ -28,6 +28,7 @@ import DropDownBase from '../common/DropDownBase';
 import { selectButton, messages } from '../messages/main';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils';
+import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 /**
  * @hidden
@@ -325,6 +326,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: {
@@ -718,7 +724,11 @@ var DropDownListVue2 = {
       return 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])]);
@@ -961,7 +971,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 ? preventDefaultNonInputs : noop,
@@ -988,7 +998,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
     }, [valueElement, loading && h(Icon, {
       name: 'loading',
@@ -1008,7 +1018,9 @@ var DropDownListVue2 = {
         fillMode: fillMode,
         rounded: null,
         ariaLabel: ariaLabelSelectButton,
-        iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
+        icon: 'caret-alt-down',
+        svgIcon: caretAltDownIcon,
+        iconClass: iconClassName,
         "aria-hidden": true
       },
       tabIndex: -1,
@@ -1017,7 +1029,9 @@ var DropDownListVue2 = {
       rounded: null,
       ariaLabel: ariaLabelSelectButton,
       "class": 'k-input-button',
-      iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
+      icon: 'caret-alt-down',
+      svgIcon: caretAltDownIcon,
+      iconClass: iconClassName,
       "aria-hidden": true
     }), dummySelect.call(this, value), renderListContainer.call(this)]);
     return label ? h("span", {

package/dist/es/MultiSelect/MultiSelect.js

@@ -36,6 +36,7 @@ import DropDownBase from '../common/DropDownBase';
 import { ClearButton } from '../common/ClearButton';
 import { ActiveDescendant } from './../common/settings';
 import { itemIndexStartsWith, getItemValue, areSame, matchDataCollections, removeDataItems, isPresent, preventDefaultNonInputs } from '../common/utils';
+import { plusIcon } from '@progress/kendo-svg-icons';
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
@@ -1027,8 +1028,10 @@ var MultiSelectVue2 = {
       }, [currentText, h(Icon, {
         name: "plus",
         attrs: this.v3 ? undefined : {
-          name: "plus"
+          name: "plus",
+          icon: plusIcon
         },
+        icon: plusIcon,
         style: {
           float: 'right'
         }

package/dist/es/MultiSelect/TagList.js

@@ -64,9 +64,8 @@ var TagListVue2 = {
         size = _b.size,
         disabled = _b.disabled;
       return _a = {
-        'k-input-values': true,
         'k-chip-list': true
-      }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
+      }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-disabled'] = disabled, _a;
     }
   },
   // @ts-ignore
@@ -92,6 +91,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 : {
@@ -152,7 +153,7 @@ var TagListVue2 = {
           tagdelete: this.onTagDelete
         }
       });
-    }, this), defaultSlot]);
+    }, this), defaultSlot])]);
   }
 };
 /**

package/dist/es/common/ClearButton.js

@@ -4,6 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
+import { xIcon } from '@progress/kendo-svg-icons';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, clear } from '../messages/main';
 import { Icon } from '@progress/kendo-vue-common';
@@ -58,8 +59,10 @@ var ClearButtonVue2 = {
     }, [h(Icon, {
       name: "x",
       attrs: this.v3 ? undefined : {
-        name: "x"
-      }
+        name: "x",
+        icon: xIcon
+      },
+      icon: xIcon
     })]);
   }
 };

package/dist/es/common/ListFilter.js

@@ -5,6 +5,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { getRef, Icon, kendoThemeMaps, setRef } from '@progress/kendo-vue-common';
+import { searchIcon } from '@progress/kendo-svg-icons';
 var sizeMap = kendoThemeMaps.sizeMap,
   roundedMap = kendoThemeMaps.roundedMap;
 /**
@@ -83,8 +84,10 @@ var ListFilterVue2 = {
     }, [h(Icon, {
       name: "search",
       attrs: this.v3 ? undefined : {
-        name: "search"
+        name: "search",
+        icon: searchIcon
       },
+      icon: searchIcon,
       "class": "k-input-icon"
     }), h("input", {
       ref: setRef(this, 'input'),

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: 1672389577,
+    publishDate: 1673512056,
     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/ComboBox/ComboBox.js

@@ -29,6 +29,7 @@ import { List } from '../common/List.js';
 import { ClearButton } from '../common/ClearButton.js';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { expandButton, messages } from '../messages/main.js';
+import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
@@ -948,7 +949,9 @@ var ComboBoxVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
-        iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName)
+        icon: 'caret-alt-down',
+        svgIcon: caretAltDownIcon,
+        iconClass: iconClassName
       },
       tabIndex: -1,
       "aria-label": ariaLabelExpandButton,
@@ -956,7 +959,9 @@ var ComboBoxVue2 = {
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName),
+      icon: 'caret-alt-down',
+      svgIcon: caretAltDownIcon,
+      iconClass: iconClassName,
       onClick: this.toggleBtnClick,
       on: this.v3 ? undefined : {
         "click": this.toggleBtnClick,

package/dist/esm/DropDownList/DropDownList.js

@@ -28,6 +28,7 @@ import DropDownBase from '../common/DropDownBase.js';
 import { selectButton, messages } from '../messages/main.js';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils.js';
+import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 /**
  * @hidden
@@ -325,6 +326,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: {
@@ -718,7 +724,11 @@ var DropDownListVue2 = {
       return 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])]);
@@ -961,7 +971,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 ? preventDefaultNonInputs : noop,
@@ -988,7 +998,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
     }, [valueElement, loading && h(Icon, {
       name: 'loading',
@@ -1008,7 +1018,9 @@ var DropDownListVue2 = {
         fillMode: fillMode,
         rounded: null,
         ariaLabel: ariaLabelSelectButton,
-        iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
+        icon: 'caret-alt-down',
+        svgIcon: caretAltDownIcon,
+        iconClass: iconClassName,
         "aria-hidden": true
       },
       tabIndex: -1,
@@ -1017,7 +1029,9 @@ var DropDownListVue2 = {
       rounded: null,
       ariaLabel: ariaLabelSelectButton,
       "class": 'k-input-button',
-      iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
+      icon: 'caret-alt-down',
+      svgIcon: caretAltDownIcon,
+      iconClass: iconClassName,
       "aria-hidden": true
     }), dummySelect.call(this, value), renderListContainer.call(this)]);
     return label ? h("span", {

package/dist/esm/MultiSelect/MultiSelect.js

@@ -36,6 +36,7 @@ import DropDownBase from '../common/DropDownBase.js';
 import { ClearButton } from '../common/ClearButton.js';
 import { ActiveDescendant } from './../common/settings.js';
 import { itemIndexStartsWith, getItemValue, areSame, matchDataCollections, removeDataItems, isPresent, preventDefaultNonInputs } from '../common/utils.js';
+import { plusIcon } from '@progress/kendo-svg-icons';
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
@@ -1027,8 +1028,10 @@ var MultiSelectVue2 = {
       }, [currentText, h(Icon, {
         name: "plus",
         attrs: this.v3 ? undefined : {
-          name: "plus"
+          name: "plus",
+          icon: plusIcon
         },
+        icon: plusIcon,
         style: {
           float: 'right'
         }

package/dist/esm/MultiSelect/TagList.js

@@ -64,9 +64,8 @@ var TagListVue2 = {
         size = _b.size,
         disabled = _b.disabled;
       return _a = {
-        'k-input-values': true,
         'k-chip-list': true
-      }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
+      }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-disabled'] = disabled, _a;
     }
   },
   // @ts-ignore
@@ -92,6 +91,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 : {
@@ -152,7 +153,7 @@ var TagListVue2 = {
           tagdelete: this.onTagDelete
         }
       });
-    }, this), defaultSlot]);
+    }, this), defaultSlot])]);
   }
 };
 /**

package/dist/esm/common/ClearButton.js

@@ -4,6 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
+import { xIcon } from '@progress/kendo-svg-icons';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, clear } from '../messages/main.js';
 import { Icon } from '@progress/kendo-vue-common';
@@ -58,8 +59,10 @@ var ClearButtonVue2 = {
     }, [h(Icon, {
       name: "x",
       attrs: this.v3 ? undefined : {
-        name: "x"
-      }
+        name: "x",
+        icon: xIcon
+      },
+      icon: xIcon
     })]);
   }
 };

package/dist/esm/common/ListFilter.js

@@ -5,6 +5,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { getRef, Icon, kendoThemeMaps, setRef } from '@progress/kendo-vue-common';
+import { searchIcon } from '@progress/kendo-svg-icons';
 var sizeMap = kendoThemeMaps.sizeMap,
   roundedMap = kendoThemeMaps.roundedMap;
 /**
@@ -83,8 +84,10 @@ var ListFilterVue2 = {
     }, [h(Icon, {
       name: "search",
       attrs: this.v3 ? undefined : {
-        name: "search"
+        name: "search",
+        icon: searchIcon
       },
+      icon: searchIcon,
       "class": "k-input-icon"
     }), h("input", {
       ref: setRef(this, 'input'),

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: 1672389577,
+    publishDate: 1673512056,
     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/ComboBox/ComboBox.js

@@ -35,6 +35,7 @@ var List_1 = require("../common/List");
 var ClearButton_1 = require("../common/ClearButton");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var main_1 = require("../messages/main");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
@@ -954,7 +955,9 @@ var ComboBoxVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
-        iconClass: (0, kendo_vue_common_1.classNames)('k-icon k-i-caret-alt-down', iconClassName)
+        icon: 'caret-alt-down',
+        svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+        iconClass: iconClassName
       },
       tabIndex: -1,
       "aria-label": ariaLabelExpandButton,
@@ -962,7 +965,9 @@ var ComboBoxVue2 = {
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      iconClass: (0, kendo_vue_common_1.classNames)('k-icon k-i-caret-alt-down', iconClassName),
+      icon: 'caret-alt-down',
+      svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+      iconClass: iconClassName,
       onClick: this.toggleBtnClick,
       on: this.v3 ? undefined : {
         "click": this.toggleBtnClick,

package/dist/npm/DropDownList/DropDownList.js

@@ -34,6 +34,7 @@ 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 kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 /**
  * @hidden
@@ -331,6 +332,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: {
@@ -724,7 +730,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])]);
@@ -967,7 +977,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,
@@ -994,7 +1004,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
     }, [valueElement, loading && h(kendo_vue_common_1.Icon, {
       name: 'loading',
@@ -1014,7 +1024,9 @@ var DropDownListVue2 = {
         fillMode: fillMode,
         rounded: null,
         ariaLabel: ariaLabelSelectButton,
-        iconClass: (0, kendo_vue_common_1.classNames)('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
+        icon: 'caret-alt-down',
+        svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+        iconClass: iconClassName,
         "aria-hidden": true
       },
       tabIndex: -1,
@@ -1023,7 +1035,9 @@ var DropDownListVue2 = {
       rounded: null,
       ariaLabel: ariaLabelSelectButton,
       "class": 'k-input-button',
-      iconClass: (0, kendo_vue_common_1.classNames)('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
+      icon: 'caret-alt-down',
+      svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+      iconClass: iconClassName,
       "aria-hidden": true
     }), dummySelect.call(this, value), renderListContainer.call(this)]);
     return label ? h("span", {

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();
@@ -1033,8 +1034,10 @@ var MultiSelectVue2 = {
       }, [currentText, h(kendo_vue_common_1.Icon, {
         name: "plus",
         attrs: this.v3 ? undefined : {
-          name: "plus"
+          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,6 +10,7 @@ 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");
@@ -64,8 +65,10 @@ var ClearButtonVue2 = {
     }, [h(kendo_vue_common_1.Icon, {
       name: "x",
       attrs: this.v3 ? undefined : {
-        name: "x"
-      }
+        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;
 /**
@@ -89,8 +90,10 @@ var ListFilterVue2 = {
     }, [h(kendo_vue_common_1.Icon, {
       name: "search",
       attrs: this.v3 ? undefined : {
-        name: "search"
+        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'),

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: 1672389577,
+    publishDate: 1673512056,
     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.202212300853",
+  "version": "3.7.4-dev.202301120847",
   "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.202212300853",
-    "@progress/kendo-vue-common": "3.7.4-dev.202212300853",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202212300853"
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301120847",
+    "@progress/kendo-vue-common": "3.7.4-dev.202301120847",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301120847"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
-    "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202212300853"
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^1.0.0",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301120847"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",