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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,7 +22,7 @@ import { List } from './../common/List';
22
22
  import DropDownBase from '../common/DropDownBase';
23
23
  import { ClearButton } from '../common/ClearButton';
24
24
  import { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils';
25
- import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef, Icon } from '@progress/kendo-vue-common';
25
+ import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
26
26
  var sizeMap = kendoThemeMaps.sizeMap,
27
27
  roundedMap = kendoThemeMaps.roundedMap;
28
28
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
@@ -661,27 +661,6 @@ var AutoCompleteVue2 = {
661
661
  }, [footer])])
662
662
  );
663
663
  };
664
- var renderClearButton = function renderClearButton(cbutton) {
665
- if (cbutton) {
666
- // @ts-ignore function children
667
- return h(ClearButton, {
668
- onClearclick: this.clearButtonClick,
669
- on: this.v3 ? undefined : {
670
- "clearclick": this.clearButtonClick
671
- },
672
- key: "clearbutton"
673
- });
674
- }
675
- return h("span");
676
- };
677
- var renderLoading = function renderLoading(cloading) {
678
- if (cloading) {
679
- return h(Icon, {
680
- "class": "k-input-loading-icon"
681
- });
682
- }
683
- return h("span");
684
- };
685
664
  var autoComplete = h("span", {
686
665
  "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)),
687
666
  ref: setRef(this, 'kendoAnchor', this.anchor),
@@ -692,7 +671,16 @@ var AutoCompleteVue2 = {
692
671
  attrs: this.v3 ? undefined : {
693
672
  dir: dir
694
673
  }
695
- }, [renderSearchBar.call(this, value || '', id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
674
+ }, [renderSearchBar.call(this, value || '', id), clearButton && !loading &&
675
+ // @ts-ignore function children
676
+ h(ClearButton, {
677
+ onClearclick: this.clearButtonClick,
678
+ on: this.v3 ? undefined : {
679
+ "clearclick": this.clearButtonClick
680
+ }
681
+ }), h("span", {
682
+ "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
683
+ }), renderListContainer.call(this)]);
696
684
  return label ? h("span", {
697
685
  "class": this.spanClassNames,
698
686
  dir: this.$props.dir,
@@ -29,6 +29,7 @@ import { List } from '../common/List';
29
29
  import { ClearButton } from '../common/ClearButton';
30
30
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
31
31
  import { expandButton, messages } from '../messages/main';
32
+ import { caretAltDownIcon } from '@progress/kendo-svg-icons';
32
33
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
33
34
  /**
34
35
  * @hidden
@@ -948,7 +949,9 @@ var ComboBoxVue2 = {
948
949
  size: size,
949
950
  fillMode: fillMode,
950
951
  rounded: null,
951
- iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName)
952
+ icon: 'caret-alt-down',
953
+ svgIcon: caretAltDownIcon,
954
+ iconClass: iconClassName
952
955
  },
953
956
  tabIndex: -1,
954
957
  "aria-label": ariaLabelExpandButton,
@@ -956,7 +959,9 @@ var ComboBoxVue2 = {
956
959
  fillMode: fillMode,
957
960
  rounded: null,
958
961
  "class": 'k-input-button',
959
- iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName),
962
+ icon: 'caret-alt-down',
963
+ svgIcon: caretAltDownIcon,
964
+ iconClass: iconClassName,
960
965
  onClick: this.toggleBtnClick,
961
966
  on: this.v3 ? undefined : {
962
967
  "click": this.toggleBtnClick,
@@ -28,6 +28,7 @@ import DropDownBase from '../common/DropDownBase';
28
28
  import { selectButton, messages } from '../messages/main';
29
29
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
30
30
  import { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils';
31
+ import { caretAltDownIcon } from '@progress/kendo-svg-icons';
31
32
  var VALIDATION_MESSAGE = 'Please select a value from the list!';
32
33
  /**
33
34
  * @hidden
@@ -1017,7 +1018,9 @@ var DropDownListVue2 = {
1017
1018
  fillMode: fillMode,
1018
1019
  rounded: null,
1019
1020
  ariaLabel: ariaLabelSelectButton,
1020
- iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
1021
+ icon: 'caret-alt-down',
1022
+ svgIcon: caretAltDownIcon,
1023
+ iconClass: iconClassName,
1021
1024
  "aria-hidden": true
1022
1025
  },
1023
1026
  tabIndex: -1,
@@ -1026,7 +1029,9 @@ var DropDownListVue2 = {
1026
1029
  rounded: null,
1027
1030
  ariaLabel: ariaLabelSelectButton,
1028
1031
  "class": 'k-input-button',
1029
- iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
1032
+ icon: 'caret-alt-down',
1033
+ svgIcon: caretAltDownIcon,
1034
+ iconClass: iconClassName,
1030
1035
  "aria-hidden": true
1031
1036
  }), dummySelect.call(this, value), renderListContainer.call(this)]);
1032
1037
  return label ? h("span", {
@@ -846,31 +846,6 @@ var MultiSelectVue2 = {
846
846
  }
847
847
  this.setItems(tagsToRender, this._tags);
848
848
  var isValid = !this.$props.validityStyles || this.validity().valid;
849
- var renderClearButton = function renderClearButton(cbutton) {
850
- if (cbutton) {
851
- // @ts-ignore function children
852
- return h(ClearButton, {
853
- onClearclick: this.clearButtonClick,
854
- on: this.v3 ? undefined : {
855
- "clearclick": this.clearButtonClick
856
- },
857
- key: "clearbutton"
858
- });
859
- }
860
- return h("span");
861
- };
862
- var renderLoading = function renderLoading(cloading) {
863
- if (cloading) {
864
- return h(Icon, {
865
- name: 'loading',
866
- attrs: this.v3 ? undefined : {
867
- name: 'loading'
868
- },
869
- "class": "k-input-loading-icon"
870
- });
871
- }
872
- return h("span");
873
- };
874
849
  var renderSearchBar = function renderSearchBar(searchId) {
875
850
  var _this = this;
876
851
  var activedescendant = this.activedescendant;
@@ -1132,7 +1107,16 @@ var MultiSelectVue2 = {
1132
1107
  }) : undefined
1133
1108
  }, this.v3 ? function () {
1134
1109
  return [renderSearchBar.call(_this4, id)];
1135
- } : [renderSearchBar.call(_this4, id)]), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
1110
+ } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
1111
+ // @ts-ignore function children
1112
+ h(ClearButton, {
1113
+ onClearclick: this.clearButtonClick,
1114
+ on: this.v3 ? undefined : {
1115
+ "clearclick": this.clearButtonClick
1116
+ }
1117
+ }), h("span", {
1118
+ "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
1119
+ }), renderListContainer.call(this)]);
1136
1120
  return label ? h("span", {
1137
1121
  "class": this.spanClassNames,
1138
1122
  dir: this.$props.dir,
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dropdowns',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1673273441,
8
+ publishDate: 1673606748,
9
9
  version: '',
10
10
  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'
11
11
  };
@@ -22,7 +22,7 @@ import { List } from './../common/List.js';
22
22
  import DropDownBase from '../common/DropDownBase.js';
23
23
  import { ClearButton } from '../common/ClearButton.js';
24
24
  import { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils.js';
25
- import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef, Icon } from '@progress/kendo-vue-common';
25
+ import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
26
26
  var sizeMap = kendoThemeMaps.sizeMap,
27
27
  roundedMap = kendoThemeMaps.roundedMap;
28
28
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
@@ -661,27 +661,6 @@ var AutoCompleteVue2 = {
661
661
  }, [footer])])
662
662
  );
663
663
  };
664
- var renderClearButton = function renderClearButton(cbutton) {
665
- if (cbutton) {
666
- // @ts-ignore function children
667
- return h(ClearButton, {
668
- onClearclick: this.clearButtonClick,
669
- on: this.v3 ? undefined : {
670
- "clearclick": this.clearButtonClick
671
- },
672
- key: "clearbutton"
673
- });
674
- }
675
- return h("span");
676
- };
677
- var renderLoading = function renderLoading(cloading) {
678
- if (cloading) {
679
- return h(Icon, {
680
- "class": "k-input-loading-icon"
681
- });
682
- }
683
- return h("span");
684
- };
685
664
  var autoComplete = h("span", {
686
665
  "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)),
687
666
  ref: setRef(this, 'kendoAnchor', this.anchor),
@@ -692,7 +671,16 @@ var AutoCompleteVue2 = {
692
671
  attrs: this.v3 ? undefined : {
693
672
  dir: dir
694
673
  }
695
- }, [renderSearchBar.call(this, value || '', id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
674
+ }, [renderSearchBar.call(this, value || '', id), clearButton && !loading &&
675
+ // @ts-ignore function children
676
+ h(ClearButton, {
677
+ onClearclick: this.clearButtonClick,
678
+ on: this.v3 ? undefined : {
679
+ "clearclick": this.clearButtonClick
680
+ }
681
+ }), h("span", {
682
+ "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
683
+ }), renderListContainer.call(this)]);
696
684
  return label ? h("span", {
697
685
  "class": this.spanClassNames,
698
686
  dir: this.$props.dir,
@@ -29,6 +29,7 @@ import { List } from '../common/List.js';
29
29
  import { ClearButton } from '../common/ClearButton.js';
30
30
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
31
31
  import { expandButton, messages } from '../messages/main.js';
32
+ import { caretAltDownIcon } from '@progress/kendo-svg-icons';
32
33
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
33
34
  /**
34
35
  * @hidden
@@ -948,7 +949,9 @@ var ComboBoxVue2 = {
948
949
  size: size,
949
950
  fillMode: fillMode,
950
951
  rounded: null,
951
- iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName)
952
+ icon: 'caret-alt-down',
953
+ svgIcon: caretAltDownIcon,
954
+ iconClass: iconClassName
952
955
  },
953
956
  tabIndex: -1,
954
957
  "aria-label": ariaLabelExpandButton,
@@ -956,7 +959,9 @@ var ComboBoxVue2 = {
956
959
  fillMode: fillMode,
957
960
  rounded: null,
958
961
  "class": 'k-input-button',
959
- iconClass: classNames('k-icon k-i-caret-alt-down', iconClassName),
962
+ icon: 'caret-alt-down',
963
+ svgIcon: caretAltDownIcon,
964
+ iconClass: iconClassName,
960
965
  onClick: this.toggleBtnClick,
961
966
  on: this.v3 ? undefined : {
962
967
  "click": this.toggleBtnClick,
@@ -28,6 +28,7 @@ import DropDownBase from '../common/DropDownBase.js';
28
28
  import { selectButton, messages } from '../messages/main.js';
29
29
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
30
30
  import { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils.js';
31
+ import { caretAltDownIcon } from '@progress/kendo-svg-icons';
31
32
  var VALIDATION_MESSAGE = 'Please select a value from the list!';
32
33
  /**
33
34
  * @hidden
@@ -1017,7 +1018,9 @@ var DropDownListVue2 = {
1017
1018
  fillMode: fillMode,
1018
1019
  rounded: null,
1019
1020
  ariaLabel: ariaLabelSelectButton,
1020
- iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
1021
+ icon: 'caret-alt-down',
1022
+ svgIcon: caretAltDownIcon,
1023
+ iconClass: iconClassName,
1021
1024
  "aria-hidden": true
1022
1025
  },
1023
1026
  tabIndex: -1,
@@ -1026,7 +1029,9 @@ var DropDownListVue2 = {
1026
1029
  rounded: null,
1027
1030
  ariaLabel: ariaLabelSelectButton,
1028
1031
  "class": 'k-input-button',
1029
- iconClass: classNames('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
1032
+ icon: 'caret-alt-down',
1033
+ svgIcon: caretAltDownIcon,
1034
+ iconClass: iconClassName,
1030
1035
  "aria-hidden": true
1031
1036
  }), dummySelect.call(this, value), renderListContainer.call(this)]);
1032
1037
  return label ? h("span", {
@@ -846,31 +846,6 @@ var MultiSelectVue2 = {
846
846
  }
847
847
  this.setItems(tagsToRender, this._tags);
848
848
  var isValid = !this.$props.validityStyles || this.validity().valid;
849
- var renderClearButton = function renderClearButton(cbutton) {
850
- if (cbutton) {
851
- // @ts-ignore function children
852
- return h(ClearButton, {
853
- onClearclick: this.clearButtonClick,
854
- on: this.v3 ? undefined : {
855
- "clearclick": this.clearButtonClick
856
- },
857
- key: "clearbutton"
858
- });
859
- }
860
- return h("span");
861
- };
862
- var renderLoading = function renderLoading(cloading) {
863
- if (cloading) {
864
- return h(Icon, {
865
- name: 'loading',
866
- attrs: this.v3 ? undefined : {
867
- name: 'loading'
868
- },
869
- "class": "k-input-loading-icon"
870
- });
871
- }
872
- return h("span");
873
- };
874
849
  var renderSearchBar = function renderSearchBar(searchId) {
875
850
  var _this = this;
876
851
  var activedescendant = this.activedescendant;
@@ -1132,7 +1107,16 @@ var MultiSelectVue2 = {
1132
1107
  }) : undefined
1133
1108
  }, this.v3 ? function () {
1134
1109
  return [renderSearchBar.call(_this4, id)];
1135
- } : [renderSearchBar.call(_this4, id)]), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
1110
+ } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
1111
+ // @ts-ignore function children
1112
+ h(ClearButton, {
1113
+ onClearclick: this.clearButtonClick,
1114
+ on: this.v3 ? undefined : {
1115
+ "clearclick": this.clearButtonClick
1116
+ }
1117
+ }), h("span", {
1118
+ "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
1119
+ }), renderListContainer.call(this)]);
1136
1120
  return label ? h("span", {
1137
1121
  "class": this.spanClassNames,
1138
1122
  dir: this.$props.dir,
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dropdowns',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1673273441,
8
+ publishDate: 1673606748,
9
9
  version: '',
10
10
  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'
11
11
  };
@@ -667,27 +667,6 @@ var AutoCompleteVue2 = {
667
667
  }, [footer])])
668
668
  );
669
669
  };
670
- var renderClearButton = function renderClearButton(cbutton) {
671
- if (cbutton) {
672
- // @ts-ignore function children
673
- return h(ClearButton_1.ClearButton, {
674
- onClearclick: this.clearButtonClick,
675
- on: this.v3 ? undefined : {
676
- "clearclick": this.clearButtonClick
677
- },
678
- key: "clearbutton"
679
- });
680
- }
681
- return h("span");
682
- };
683
- var renderLoading = function renderLoading(cloading) {
684
- if (cloading) {
685
- return h(kendo_vue_common_1.Icon, {
686
- "class": "k-input-loading-icon"
687
- });
688
- }
689
- return h("span");
690
- };
691
670
  var autoComplete = h("span", {
692
671
  "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)),
693
672
  ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this.anchor),
@@ -698,7 +677,16 @@ var AutoCompleteVue2 = {
698
677
  attrs: this.v3 ? undefined : {
699
678
  dir: dir
700
679
  }
701
- }, [renderSearchBar.call(this, value || '', id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
680
+ }, [renderSearchBar.call(this, value || '', id), clearButton && !loading &&
681
+ // @ts-ignore function children
682
+ h(ClearButton_1.ClearButton, {
683
+ onClearclick: this.clearButtonClick,
684
+ on: this.v3 ? undefined : {
685
+ "clearclick": this.clearButtonClick
686
+ }
687
+ }), h("span", {
688
+ "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
689
+ }), renderListContainer.call(this)]);
702
690
  return label ? h("span", {
703
691
  "class": this.spanClassNames,
704
692
  dir: this.$props.dir,
@@ -35,6 +35,7 @@ var List_1 = require("../common/List");
35
35
  var ClearButton_1 = require("../common/ClearButton");
36
36
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
37
37
  var main_1 = require("../messages/main");
38
+ var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
38
39
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
39
40
  /**
40
41
  * @hidden
@@ -954,7 +955,9 @@ var ComboBoxVue2 = {
954
955
  size: size,
955
956
  fillMode: fillMode,
956
957
  rounded: null,
957
- iconClass: (0, kendo_vue_common_1.classNames)('k-icon k-i-caret-alt-down', iconClassName)
958
+ icon: 'caret-alt-down',
959
+ svgIcon: kendo_svg_icons_1.caretAltDownIcon,
960
+ iconClass: iconClassName
958
961
  },
959
962
  tabIndex: -1,
960
963
  "aria-label": ariaLabelExpandButton,
@@ -962,7 +965,9 @@ var ComboBoxVue2 = {
962
965
  fillMode: fillMode,
963
966
  rounded: null,
964
967
  "class": 'k-input-button',
965
- iconClass: (0, kendo_vue_common_1.classNames)('k-icon k-i-caret-alt-down', iconClassName),
968
+ icon: 'caret-alt-down',
969
+ svgIcon: kendo_svg_icons_1.caretAltDownIcon,
970
+ iconClass: iconClassName,
966
971
  onClick: this.toggleBtnClick,
967
972
  on: this.v3 ? undefined : {
968
973
  "click": this.toggleBtnClick,
@@ -34,6 +34,7 @@ var DropDownBase_1 = require("../common/DropDownBase");
34
34
  var main_1 = require("../messages/main");
35
35
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
36
36
  var utils_1 = require("../common/utils");
37
+ var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
37
38
  var VALIDATION_MESSAGE = 'Please select a value from the list!';
38
39
  /**
39
40
  * @hidden
@@ -1023,7 +1024,9 @@ var DropDownListVue2 = {
1023
1024
  fillMode: fillMode,
1024
1025
  rounded: null,
1025
1026
  ariaLabel: ariaLabelSelectButton,
1026
- iconClass: (0, kendo_vue_common_1.classNames)('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
1027
+ icon: 'caret-alt-down',
1028
+ svgIcon: kendo_svg_icons_1.caretAltDownIcon,
1029
+ iconClass: iconClassName,
1027
1030
  "aria-hidden": true
1028
1031
  },
1029
1032
  tabIndex: -1,
@@ -1032,7 +1035,9 @@ var DropDownListVue2 = {
1032
1035
  rounded: null,
1033
1036
  ariaLabel: ariaLabelSelectButton,
1034
1037
  "class": 'k-input-button',
1035
- iconClass: (0, kendo_vue_common_1.classNames)('k-icon', iconClassName ? iconClassName : 'k-i-caret-alt-down'),
1038
+ icon: 'caret-alt-down',
1039
+ svgIcon: kendo_svg_icons_1.caretAltDownIcon,
1040
+ iconClass: iconClassName,
1036
1041
  "aria-hidden": true
1037
1042
  }), dummySelect.call(this, value), renderListContainer.call(this)]);
1038
1043
  return label ? h("span", {
@@ -852,31 +852,6 @@ var MultiSelectVue2 = {
852
852
  }
853
853
  this.setItems(tagsToRender, this._tags);
854
854
  var isValid = !this.$props.validityStyles || this.validity().valid;
855
- var renderClearButton = function renderClearButton(cbutton) {
856
- if (cbutton) {
857
- // @ts-ignore function children
858
- return h(ClearButton_1.ClearButton, {
859
- onClearclick: this.clearButtonClick,
860
- on: this.v3 ? undefined : {
861
- "clearclick": this.clearButtonClick
862
- },
863
- key: "clearbutton"
864
- });
865
- }
866
- return h("span");
867
- };
868
- var renderLoading = function renderLoading(cloading) {
869
- if (cloading) {
870
- return h(kendo_vue_common_1.Icon, {
871
- name: 'loading',
872
- attrs: this.v3 ? undefined : {
873
- name: 'loading'
874
- },
875
- "class": "k-input-loading-icon"
876
- });
877
- }
878
- return h("span");
879
- };
880
855
  var renderSearchBar = function renderSearchBar(searchId) {
881
856
  var _this = this;
882
857
  var activedescendant = this.activedescendant;
@@ -1138,7 +1113,16 @@ var MultiSelectVue2 = {
1138
1113
  }) : undefined
1139
1114
  }, this.v3 ? function () {
1140
1115
  return [renderSearchBar.call(_this4, id)];
1141
- } : [renderSearchBar.call(_this4, id)]), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);
1116
+ } : [renderSearchBar.call(_this4, id)]), clearButton && !loading &&
1117
+ // @ts-ignore function children
1118
+ h(ClearButton_1.ClearButton, {
1119
+ onClearclick: this.clearButtonClick,
1120
+ on: this.v3 ? undefined : {
1121
+ "clearclick": this.clearButtonClick
1122
+ }
1123
+ }), h("span", {
1124
+ "class": loading ? 'k-input-loading-icon k-icon k-i-loading' : undefined
1125
+ }), renderListContainer.call(this)]);
1142
1126
  return label ? h("span", {
1143
1127
  "class": this.spanClassNames,
1144
1128
  dir: this.$props.dir,
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-dropdowns',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1673273441,
11
+ publishDate: 1673606748,
12
12
  version: '',
13
13
  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'
14
14
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-dropdowns",
3
3
  "description": "Kendo UI for Vue Dropdowns package",
4
- "version": "3.7.4-dev.202301091431",
4
+ "version": "3.7.4-dev.202301131104",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -50,15 +50,15 @@
50
50
  "vue": "^2.6.12 || ^3.0.2"
51
51
  },
52
52
  "dependencies": {
53
- "@progress/kendo-vue-buttons": "3.7.4-dev.202301091431",
54
- "@progress/kendo-vue-common": "3.7.4-dev.202301091431",
55
- "@progress/kendo-vue-popup": "3.7.4-dev.202301091431"
53
+ "@progress/kendo-vue-buttons": "3.7.4-dev.202301131104",
54
+ "@progress/kendo-vue-common": "3.7.4-dev.202301131104",
55
+ "@progress/kendo-vue-popup": "3.7.4-dev.202301131104"
56
56
  },
57
57
  "devDependencies": {
58
58
  "@progress/kendo-data-query": "^1.5.4",
59
59
  "@progress/kendo-licensing": "^1.3.0",
60
60
  "@progress/kendo-svg-icons": "^1.0.0",
61
- "@progress/kendo-vue-intl": "3.7.4-dev.202301091431"
61
+ "@progress/kendo-vue-intl": "3.7.4-dev.202301131104"
62
62
  },
63
63
  "author": "Progress",
64
64
  "license": "SEE LICENSE IN LICENSE.md",