@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.
- package/dist/cdn/js/kendo-vue-dropdowns.js +1 -1
- package/dist/es/AutoComplete/AutoComplete.js +11 -23
- package/dist/es/ComboBox/ComboBox.js +7 -2
- package/dist/es/DropDownList/DropDownList.js +7 -2
- package/dist/es/MultiSelect/MultiSelect.js +10 -26
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/AutoComplete/AutoComplete.js +11 -23
- package/dist/esm/ComboBox/ComboBox.js +7 -2
- package/dist/esm/DropDownList/DropDownList.js +7 -2
- package/dist/esm/MultiSelect/MultiSelect.js +10 -26
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/AutoComplete/AutoComplete.js +10 -22
- package/dist/npm/ComboBox/ComboBox.js +7 -2
- package/dist/npm/DropDownList/DropDownList.js +7 -2
- package/dist/npm/MultiSelect/MultiSelect.js +10 -26
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +5 -5
|
@@ -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
|
|
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),
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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)]),
|
|
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:
|
|
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
|
|
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),
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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)]),
|
|
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:
|
|
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),
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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)]),
|
|
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:
|
|
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.
|
|
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.
|
|
54
|
-
"@progress/kendo-vue-common": "3.7.4-dev.
|
|
55
|
-
"@progress/kendo-vue-popup": "3.7.4-dev.
|
|
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.
|
|
61
|
+
"@progress/kendo-vue-intl": "3.7.4-dev.202301131104"
|
|
62
62
|
},
|
|
63
63
|
"author": "Progress",
|
|
64
64
|
"license": "SEE LICENSE IN LICENSE.md",
|