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

package/dist/es/AutoComplete/AutoComplete.js

@@ -493,6 +493,9 @@ var AutoCompleteVue2 = {
       return this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
         return areSame(i, _this.$data.focusedItem, textField);
       }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf(getFocusedItem(dataItems, inputValue, textField)));
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/es/ComboBox/ComboBox.js

@@ -727,6 +727,9 @@ var ComboBoxVue2 = {
     applyState: function applyState(state) {
       this.base.applyState(state);
       this.valueDuringOnChange = undefined;
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/es/DropDownList/DropDownList.js

@@ -712,6 +712,9 @@ var DropDownListVue2 = {
     applyState: function applyState(state) {
       this.base.applyState(state);
       this.valueDuringOnChange = undefined;
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/es/MultiSelect/MultiSelect.js

@@ -884,6 +884,9 @@ var MultiSelectVue2 = {
       if (this.input) {
         this.input.focus();
       }
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/es/MultiSelect/TagList.js

@@ -21,13 +21,14 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
+import { Chip } from '@progress/kendo-vue-buttons';
 
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
 };
 
 var stopPropagation = function stopPropagation(event) {
-  return event.stopPropagation();
+  return event.event.stopPropagation();
 };
 /**
  * @hidden
@@ -72,29 +73,9 @@ 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-single'] = true, _a['k-disabled'] = disabled, _a;
-    },
-    chipClass: function chipClass() {
-      var _a;
-
-      var _b = this.$props,
-          size = _b.size,
-          disabled = _b.disabled,
-          tagsRounded = _b.tagsRounded,
-          fillMode = _b.fillMode;
-      return _a = {
-        'k-chip': true,
-        'k-disabled': disabled
-      }, _a["k-chip-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
-    },
-    closeIcon: function closeIcon() {
-      var _a;
-
-      return _a = {
-        'k-icon': true,
-        'k-i-x-circle': !this.removeTagIcon
-      }, _a['k-i-' + this.removeTagIcon] = this.removeTagIcon, _a;
+      }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
     }
   },
   // @ts-ignore
@@ -113,7 +94,11 @@ var TagListVue2 = {
     var h = gh || createElement;
     var _a = this.$props,
         dataItems = _a.dataItems,
-        guid = _a.guid;
+        guid = _a.guid,
+        size = _a.size,
+        disabled = _a.disabled,
+        tagsRounded = _a.tagsRounded,
+        removeTagIcon = _a.removeTagIcon;
     return h("div", {
       "class": this.wrapperClass,
       role: "listbox",
@@ -126,46 +111,44 @@ var TagListVue2 = {
       var _this = this;
 
       var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
-      var defaultRendering = h("div", {
-        "class": __assign(__assign({}, this.chipClass), {
-          'k-focus': tagData === this.$props.focused
-        }),
-        key: uniqueId,
+      var defaultRendering = h(Chip, {
         id: uniqueId,
         attrs: this.v3 ? undefined : {
           id: uniqueId,
           "aria-selected": true,
           role: "option",
-          "aria-setsize": dataItems.length
-        },
-        onMousedown: preventDefault,
-        on: this.v3 ? undefined : {
-          "mousedown": preventDefault,
-          "click": stopPropagation
+          "aria-setsize": dataItems.length,
+          text: tagData.text,
+          disabled: disabled,
+          removable: true,
+          removeIcon: removeTagIcon,
+          rounded: tagsRounded,
+          size: size
         },
-        onClick: stopPropagation,
         "aria-selected": true,
         role: "option",
-        "aria-setsize": dataItems.length
-      }, [h("span", {
-        "class": "k-chip-content"
-      }, [tagData.text]), h("span", {
-        "aria-label": "delete",
-        attrs: this.v3 ? undefined : {
-          "aria-label": "delete"
-        },
-        "class": "k-select",
-        onClick: function onClick(e) {
+        "aria-setsize": dataItems.length,
+        key: tagData.text + index,
+        text: tagData.text,
+        disabled: disabled,
+        removable: true,
+        onRemove: function onRemove(e) {
           return _this.onTagDelete(tagData.data, e);
         },
         on: this.v3 ? undefined : {
-          "click": function onClick(e) {
+          "remove": function onRemove(e) {
             return _this.onTagDelete(tagData.data, e);
-          }
-        }
-      }, [h("span", {
-        "class": this.closeIcon
-      })])]);
+          },
+          "mousedown": preventDefault,
+          "click": stopPropagation
+        },
+        removeIcon: removeTagIcon,
+        onMousedown: preventDefault,
+        onClick: stopPropagation,
+        "class": tagData === this.$props.focused ? 'k-focus' : undefined,
+        rounded: tagsRounded,
+        size: size
+      });
       return getTemplate.call(this, {
         h: h,
         template: this.$props.tagRender,

package/dist/es/common/DropDownBase.js

@@ -213,7 +213,7 @@ function () {
       if (lc) {
         var popup = lc.$refs.popup;
 
-        if (popup) {
+        if (popup && popup.show) {
           popup.reposition();
         }
       }

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: 1663838966,
+    publishDate: 1665149247,
     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

@@ -493,6 +493,9 @@ var AutoCompleteVue2 = {
       return this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
         return areSame(i, _this.$data.focusedItem, textField);
       }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf(getFocusedItem(dataItems, inputValue, textField)));
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/esm/ComboBox/ComboBox.js

@@ -727,6 +727,9 @@ var ComboBoxVue2 = {
     applyState: function applyState(state) {
       this.base.applyState(state);
       this.valueDuringOnChange = undefined;
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/esm/DropDownList/DropDownList.js

@@ -712,6 +712,9 @@ var DropDownListVue2 = {
     applyState: function applyState(state) {
       this.base.applyState(state);
       this.valueDuringOnChange = undefined;
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/esm/MultiSelect/MultiSelect.js

@@ -884,6 +884,9 @@ var MultiSelectVue2 = {
       if (this.input) {
         this.input.focus();
       }
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/esm/MultiSelect/TagList.js

@@ -21,13 +21,14 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
+import { Chip } from '@progress/kendo-vue-buttons';
 
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
 };
 
 var stopPropagation = function stopPropagation(event) {
-  return event.stopPropagation();
+  return event.event.stopPropagation();
 };
 /**
  * @hidden
@@ -72,29 +73,9 @@ 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-single'] = true, _a['k-disabled'] = disabled, _a;
-    },
-    chipClass: function chipClass() {
-      var _a;
-
-      var _b = this.$props,
-          size = _b.size,
-          disabled = _b.disabled,
-          tagsRounded = _b.tagsRounded,
-          fillMode = _b.fillMode;
-      return _a = {
-        'k-chip': true,
-        'k-disabled': disabled
-      }, _a["k-chip-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
-    },
-    closeIcon: function closeIcon() {
-      var _a;
-
-      return _a = {
-        'k-icon': true,
-        'k-i-x-circle': !this.removeTagIcon
-      }, _a['k-i-' + this.removeTagIcon] = this.removeTagIcon, _a;
+      }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
     }
   },
   // @ts-ignore
@@ -113,7 +94,11 @@ var TagListVue2 = {
     var h = gh || createElement;
     var _a = this.$props,
         dataItems = _a.dataItems,
-        guid = _a.guid;
+        guid = _a.guid,
+        size = _a.size,
+        disabled = _a.disabled,
+        tagsRounded = _a.tagsRounded,
+        removeTagIcon = _a.removeTagIcon;
     return h("div", {
       "class": this.wrapperClass,
       role: "listbox",
@@ -126,46 +111,44 @@ var TagListVue2 = {
       var _this = this;
 
       var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
-      var defaultRendering = h("div", {
-        "class": __assign(__assign({}, this.chipClass), {
-          'k-focus': tagData === this.$props.focused
-        }),
-        key: uniqueId,
+      var defaultRendering = h(Chip, {
         id: uniqueId,
         attrs: this.v3 ? undefined : {
           id: uniqueId,
           "aria-selected": true,
           role: "option",
-          "aria-setsize": dataItems.length
-        },
-        onMousedown: preventDefault,
-        on: this.v3 ? undefined : {
-          "mousedown": preventDefault,
-          "click": stopPropagation
+          "aria-setsize": dataItems.length,
+          text: tagData.text,
+          disabled: disabled,
+          removable: true,
+          removeIcon: removeTagIcon,
+          rounded: tagsRounded,
+          size: size
         },
-        onClick: stopPropagation,
         "aria-selected": true,
         role: "option",
-        "aria-setsize": dataItems.length
-      }, [h("span", {
-        "class": "k-chip-content"
-      }, [tagData.text]), h("span", {
-        "aria-label": "delete",
-        attrs: this.v3 ? undefined : {
-          "aria-label": "delete"
-        },
-        "class": "k-select",
-        onClick: function onClick(e) {
+        "aria-setsize": dataItems.length,
+        key: tagData.text + index,
+        text: tagData.text,
+        disabled: disabled,
+        removable: true,
+        onRemove: function onRemove(e) {
           return _this.onTagDelete(tagData.data, e);
         },
         on: this.v3 ? undefined : {
-          "click": function onClick(e) {
+          "remove": function onRemove(e) {
             return _this.onTagDelete(tagData.data, e);
-          }
-        }
-      }, [h("span", {
-        "class": this.closeIcon
-      })])]);
+          },
+          "mousedown": preventDefault,
+          "click": stopPropagation
+        },
+        removeIcon: removeTagIcon,
+        onMousedown: preventDefault,
+        onClick: stopPropagation,
+        "class": tagData === this.$props.focused ? 'k-focus' : undefined,
+        rounded: tagsRounded,
+        size: size
+      });
       return getTemplate.call(this, {
         h: h,
         template: this.$props.tagRender,

package/dist/esm/common/DropDownBase.js

@@ -213,7 +213,7 @@ function () {
       if (lc) {
         var popup = lc.$refs.popup;
 
-        if (popup) {
+        if (popup && popup.show) {
           popup.reposition();
         }
       }

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: 1663838966,
+    publishDate: 1665149247,
     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

@@ -508,6 +508,9 @@ var AutoCompleteVue2 = {
       return this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
         return (0, utils_1.areSame)(i, _this.$data.focusedItem, textField);
       }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf((0, utils_1.getFocusedItem)(dataItems, inputValue, textField)));
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/npm/ComboBox/ComboBox.js

@@ -746,6 +746,9 @@ var ComboBoxVue2 = {
     applyState: function applyState(state) {
       this.base.applyState(state);
       this.valueDuringOnChange = undefined;
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/npm/DropDownList/DropDownList.js

@@ -729,6 +729,9 @@ var DropDownListVue2 = {
     applyState: function applyState(state) {
       this.base.applyState(state);
       this.valueDuringOnChange = undefined;
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/npm/MultiSelect/MultiSelect.js

@@ -902,6 +902,9 @@ var MultiSelectVue2 = {
       if (this.input) {
         this.input.focus();
       }
+    },
+    repositionPopup: function repositionPopup() {
+      this.base.repositionPopup();
     }
   },
   render: function render(createElement) {

package/dist/npm/MultiSelect/TagList.js

@@ -30,12 +30,14 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
 };
 
 var stopPropagation = function stopPropagation(event) {
-  return event.stopPropagation();
+  return event.event.stopPropagation();
 };
 /**
  * @hidden
@@ -80,29 +82,9 @@ 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-single'] = true, _a['k-disabled'] = disabled, _a;
-    },
-    chipClass: function chipClass() {
-      var _a;
-
-      var _b = this.$props,
-          size = _b.size,
-          disabled = _b.disabled,
-          tagsRounded = _b.tagsRounded,
-          fillMode = _b.fillMode;
-      return _a = {
-        'k-chip': true,
-        'k-disabled': disabled
-      }, _a["k-chip-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
-    },
-    closeIcon: function closeIcon() {
-      var _a;
-
-      return _a = {
-        'k-icon': true,
-        'k-i-x-circle': !this.removeTagIcon
-      }, _a['k-i-' + this.removeTagIcon] = this.removeTagIcon, _a;
+      }, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
     }
   },
   // @ts-ignore
@@ -121,7 +103,11 @@ var TagListVue2 = {
     var h = gh || createElement;
     var _a = this.$props,
         dataItems = _a.dataItems,
-        guid = _a.guid;
+        guid = _a.guid,
+        size = _a.size,
+        disabled = _a.disabled,
+        tagsRounded = _a.tagsRounded,
+        removeTagIcon = _a.removeTagIcon;
     return h("div", {
       "class": this.wrapperClass,
       role: "listbox",
@@ -134,46 +120,44 @@ var TagListVue2 = {
       var _this = this;
 
       var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
-      var defaultRendering = h("div", {
-        "class": __assign(__assign({}, this.chipClass), {
-          'k-focus': tagData === this.$props.focused
-        }),
-        key: uniqueId,
+      var defaultRendering = h(kendo_vue_buttons_1.Chip, {
         id: uniqueId,
         attrs: this.v3 ? undefined : {
           id: uniqueId,
           "aria-selected": true,
           role: "option",
-          "aria-setsize": dataItems.length
+          "aria-setsize": dataItems.length,
+          text: tagData.text,
+          disabled: disabled,
+          removable: true,
+          removeIcon: removeTagIcon,
+          rounded: tagsRounded,
+          size: size
         },
-        onMousedown: preventDefault,
-        on: this.v3 ? undefined : {
-          "mousedown": preventDefault,
-          "click": stopPropagation
-        },
-        onClick: stopPropagation,
         "aria-selected": true,
         role: "option",
-        "aria-setsize": dataItems.length
-      }, [h("span", {
-        "class": "k-chip-content"
-      }, [tagData.text]), h("span", {
-        "aria-label": "delete",
-        attrs: this.v3 ? undefined : {
-          "aria-label": "delete"
-        },
-        "class": "k-select",
-        onClick: function onClick(e) {
+        "aria-setsize": dataItems.length,
+        key: tagData.text + index,
+        text: tagData.text,
+        disabled: disabled,
+        removable: true,
+        onRemove: function onRemove(e) {
           return _this.onTagDelete(tagData.data, e);
         },
         on: this.v3 ? undefined : {
-          "click": function onClick(e) {
+          "remove": function onRemove(e) {
             return _this.onTagDelete(tagData.data, e);
-          }
-        }
-      }, [h("span", {
-        "class": this.closeIcon
-      })])]);
+          },
+          "mousedown": preventDefault,
+          "click": stopPropagation
+        },
+        removeIcon: removeTagIcon,
+        onMousedown: preventDefault,
+        onClick: stopPropagation,
+        "class": tagData === this.$props.focused ? 'k-focus' : undefined,
+        rounded: tagsRounded,
+        size: size
+      });
       return kendo_vue_common_1.getTemplate.call(this, {
         h: h,
         template: this.$props.tagRender,

package/dist/npm/common/DropDownBase.js

@@ -224,7 +224,7 @@ function () {
       if (lc) {
         var popup = lc.$refs.popup;
 
-        if (popup) {
+        if (popup && popup.show) {
           popup.reposition();
         }
       }

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: 1663838966,
+    publishDate: 1665149247,
     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.6.3",
+  "version": "3.6.4-dev.202210071340",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -49,14 +49,14 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.6.3",
-    "@progress/kendo-vue-common": "3.6.3",
-    "@progress/kendo-vue-popup": "3.6.3"
+    "@progress/kendo-vue-buttons": "3.6.4-dev.202210071340",
+    "@progress/kendo-vue-common": "3.6.4-dev.202210071340",
+    "@progress/kendo-vue-popup": "3.6.4-dev.202210071340"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-intl": "3.6.3"
+    "@progress/kendo-vue-intl": "3.6.4-dev.202210071340"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",