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

package/dist/es/AutoComplete/AutoComplete.js

@@ -22,7 +22,7 @@ import { List } from './../common/List';
 import DropDownBase from '../common/DropDownBase';
 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!';
@@ -661,27 +661,6 @@ var AutoCompleteVue2 = {
         }, [footer])])
       );
     };
-    var renderClearButton = function renderClearButton(cbutton) {
-      if (cbutton) {
-        // @ts-ignore  function children
-        return h(ClearButton, {
-          onClearclick: this.clearButtonClick,
-          on: this.v3 ? undefined : {
-            "clearclick": this.clearButtonClick
-          },
-          key: "clearbutton"
-        });
-      }
-      return h("span");
-    };
-    var renderLoading = function renderLoading(cloading) {
-      if (cloading) {
-        return h(Icon, {
-          "class": "k-input-loading-icon"
-        });
-      }
-      return h("span");
-    };
     var autoComplete = h("span", {
       "class": classNames('k-autocomplete k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-invalid'] = !isValid, _a['k-focus'] = focused && !disabled, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a)),
       ref: setRef(this, 'kendoAnchor', this.anchor),
@@ -692,7 +671,16 @@ var AutoCompleteVue2 = {
       attrs: this.v3 ? undefined : {
         dir: dir
       }
-    }, [renderSearchBar.call(this, value || '', id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
+    }, [renderSearchBar.call(this, value || '', id), clearButton && !loading &&
+    // @ts-ignore  function children
+    h(ClearButton, {
+      onClearclick: this.clearButtonClick,
+      on: this.v3 ? undefined : {
+        "clearclick": this.clearButtonClick
+      }
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
+    }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,
       dir: this.$props.dir,

package/dist/es/MultiSelect/MultiSelect.js

@@ -846,31 +846,6 @@ var MultiSelectVue2 = {
     }
     this.setItems(tagsToRender, this._tags);
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var renderClearButton = function renderClearButton(cbutton) {
-      if (cbutton) {
-        // @ts-ignore  function children
-        return h(ClearButton, {
-          onClearclick: this.clearButtonClick,
-          on: this.v3 ? undefined : {
-            "clearclick": this.clearButtonClick
-          },
-          key: "clearbutton"
-        });
-      }
-      return h("span");
-    };
-    var renderLoading = function renderLoading(cloading) {
-      if (cloading) {
-        return h(Icon, {
-          name: 'loading',
-          attrs: this.v3 ? undefined : {
-            name: 'loading'
-          },
-          "class": "k-input-loading-icon"
-        });
-      }
-      return h("span");
-    };
     var renderSearchBar = function renderSearchBar(searchId) {
       var _this = this;
       var activedescendant = this.activedescendant;
@@ -1132,7 +1107,16 @@ var MultiSelectVue2 = {
       }) : undefined
     }, this.v3 ? function () {
       return [renderSearchBar.call(_this4, id)];
-    } : [renderSearchBar.call(_this4, id)]), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
+    } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
+    // @ts-ignore  function children
+    h(ClearButton, {
+      onClearclick: this.clearButtonClick,
+      on: this.v3 ? undefined : {
+        "clearclick": this.clearButtonClick
+      }
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
+    }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,
       dir: this.$props.dir,

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: 1673512056,
+    publishDate: 1673606748,
     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

@@ -22,7 +22,7 @@ import { List } from './../common/List.js';
 import DropDownBase from '../common/DropDownBase.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!';
@@ -661,27 +661,6 @@ var AutoCompleteVue2 = {
         }, [footer])])
       );
     };
-    var renderClearButton = function renderClearButton(cbutton) {
-      if (cbutton) {
-        // @ts-ignore  function children
-        return h(ClearButton, {
-          onClearclick: this.clearButtonClick,
-          on: this.v3 ? undefined : {
-            "clearclick": this.clearButtonClick
-          },
-          key: "clearbutton"
-        });
-      }
-      return h("span");
-    };
-    var renderLoading = function renderLoading(cloading) {
-      if (cloading) {
-        return h(Icon, {
-          "class": "k-input-loading-icon"
-        });
-      }
-      return h("span");
-    };
     var autoComplete = h("span", {
       "class": classNames('k-autocomplete k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-invalid'] = !isValid, _a['k-focus'] = focused && !disabled, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a)),
       ref: setRef(this, 'kendoAnchor', this.anchor),
@@ -692,7 +671,16 @@ var AutoCompleteVue2 = {
       attrs: this.v3 ? undefined : {
         dir: dir
       }
-    }, [renderSearchBar.call(this, value || '', id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
+    }, [renderSearchBar.call(this, value || '', id), clearButton && !loading &&
+    // @ts-ignore  function children
+    h(ClearButton, {
+      onClearclick: this.clearButtonClick,
+      on: this.v3 ? undefined : {
+        "clearclick": this.clearButtonClick
+      }
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
+    }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,
       dir: this.$props.dir,

package/dist/esm/MultiSelect/MultiSelect.js

@@ -846,31 +846,6 @@ var MultiSelectVue2 = {
     }
     this.setItems(tagsToRender, this._tags);
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var renderClearButton = function renderClearButton(cbutton) {
-      if (cbutton) {
-        // @ts-ignore  function children
-        return h(ClearButton, {
-          onClearclick: this.clearButtonClick,
-          on: this.v3 ? undefined : {
-            "clearclick": this.clearButtonClick
-          },
-          key: "clearbutton"
-        });
-      }
-      return h("span");
-    };
-    var renderLoading = function renderLoading(cloading) {
-      if (cloading) {
-        return h(Icon, {
-          name: 'loading',
-          attrs: this.v3 ? undefined : {
-            name: 'loading'
-          },
-          "class": "k-input-loading-icon"
-        });
-      }
-      return h("span");
-    };
     var renderSearchBar = function renderSearchBar(searchId) {
       var _this = this;
       var activedescendant = this.activedescendant;
@@ -1132,7 +1107,16 @@ var MultiSelectVue2 = {
       }) : undefined
     }, this.v3 ? function () {
       return [renderSearchBar.call(_this4, id)];
-    } : [renderSearchBar.call(_this4, id)]), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
+    } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
+    // @ts-ignore  function children
+    h(ClearButton, {
+      onClearclick: this.clearButtonClick,
+      on: this.v3 ? undefined : {
+        "clearclick": this.clearButtonClick
+      }
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
+    }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,
       dir: this.$props.dir,

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: 1673512056,
+    publishDate: 1673606748,
     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

@@ -667,27 +667,6 @@ var AutoCompleteVue2 = {
         }, [footer])])
       );
     };
-    var renderClearButton = function renderClearButton(cbutton) {
-      if (cbutton) {
-        // @ts-ignore  function children
-        return h(ClearButton_1.ClearButton, {
-          onClearclick: this.clearButtonClick,
-          on: this.v3 ? undefined : {
-            "clearclick": this.clearButtonClick
-          },
-          key: "clearbutton"
-        });
-      }
-      return h("span");
-    };
-    var renderLoading = function renderLoading(cloading) {
-      if (cloading) {
-        return h(kendo_vue_common_1.Icon, {
-          "class": "k-input-loading-icon"
-        });
-      }
-      return h("span");
-    };
     var autoComplete = h("span", {
       "class": (0, kendo_vue_common_1.classNames)('k-autocomplete k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-invalid'] = !isValid, _a['k-focus'] = focused && !disabled, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a)),
       ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this.anchor),
@@ -698,7 +677,16 @@ var AutoCompleteVue2 = {
       attrs: this.v3 ? undefined : {
         dir: dir
       }
-    }, [renderSearchBar.call(this, value || '', id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
+    }, [renderSearchBar.call(this, value || '', id), clearButton && !loading &&
+    // @ts-ignore  function children
+    h(ClearButton_1.ClearButton, {
+      onClearclick: this.clearButtonClick,
+      on: this.v3 ? undefined : {
+        "clearclick": this.clearButtonClick
+      }
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
+    }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,
       dir: this.$props.dir,

package/dist/npm/MultiSelect/MultiSelect.js

@@ -852,31 +852,6 @@ var MultiSelectVue2 = {
     }
     this.setItems(tagsToRender, this._tags);
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var renderClearButton = function renderClearButton(cbutton) {
-      if (cbutton) {
-        // @ts-ignore  function children
-        return h(ClearButton_1.ClearButton, {
-          onClearclick: this.clearButtonClick,
-          on: this.v3 ? undefined : {
-            "clearclick": this.clearButtonClick
-          },
-          key: "clearbutton"
-        });
-      }
-      return h("span");
-    };
-    var renderLoading = function renderLoading(cloading) {
-      if (cloading) {
-        return h(kendo_vue_common_1.Icon, {
-          name: 'loading',
-          attrs: this.v3 ? undefined : {
-            name: 'loading'
-          },
-          "class": "k-input-loading-icon"
-        });
-      }
-      return h("span");
-    };
     var renderSearchBar = function renderSearchBar(searchId) {
       var _this = this;
       var activedescendant = this.activedescendant;
@@ -1138,7 +1113,16 @@ var MultiSelectVue2 = {
       }) : undefined
     }, this.v3 ? function () {
       return [renderSearchBar.call(_this4, id)];
-    } : [renderSearchBar.call(_this4, id)]), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
+    } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
+    // @ts-ignore  function children
+    h(ClearButton_1.ClearButton, {
+      onClearclick: this.clearButtonClick,
+      on: this.v3 ? undefined : {
+        "clearclick": this.clearButtonClick
+      }
+    }), h("span", {
+      "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
+    }), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,
       dir: this.$props.dir,

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: 1673512056,
+    publishDate: 1673606748,
     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.202301120847",
+  "version": "3.7.4-dev.202301131104",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -50,15 +50,15 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@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"
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-common": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301131104"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301120847"
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301131104"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",