@progress/kendo-vue-dropdowns 3.5.0 → 3.5.1-dev.202208150613

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.
Files changed (90) hide show
  1. package/dist/cdn/js/kendo-vue-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.js +9 -13
  3. package/dist/es/AutoComplete/AutoCompleteProps.js +1 -0
  4. package/dist/es/ComboBox/ComboBox.js +11 -14
  5. package/dist/es/ComboBox/ComboBoxProps.d.ts +1 -1
  6. package/dist/es/ComboBox/ComboBoxProps.js +1 -0
  7. package/dist/es/DropDownList/DropDownList.js +11 -21
  8. package/dist/es/DropDownList/DropDownListProps.js +1 -0
  9. package/dist/es/MultiSelect/MultiSelect.js +23 -30
  10. package/dist/es/MultiSelect/MultiSelectProps.d.ts +1 -1
  11. package/dist/es/MultiSelect/MultiSelectProps.js +1 -0
  12. package/dist/es/MultiSelect/TagList.js +3 -3
  13. package/dist/es/common/List.js +2 -2
  14. package/dist/es/common/ListContainer.js +8 -5
  15. package/dist/es/common/ListFilter.js +1 -1
  16. package/dist/es/common/events.js +1 -0
  17. package/dist/es/common/filterDescriptor.js +1 -0
  18. package/dist/es/package-metadata.js +1 -1
  19. package/dist/esm/AutoComplete/AutoComplete.d.ts +107 -0
  20. package/dist/esm/AutoComplete/AutoComplete.js +757 -0
  21. package/dist/esm/AutoComplete/AutoCompleteProps.d.ts +202 -0
  22. package/dist/esm/AutoComplete/AutoCompleteProps.js +2 -0
  23. package/dist/esm/ComboBox/ComboBox.d.ts +99 -0
  24. package/dist/esm/ComboBox/ComboBox.js +1060 -0
  25. package/dist/esm/ComboBox/ComboBoxProps.d.ts +244 -0
  26. package/dist/esm/ComboBox/ComboBoxProps.js +2 -0
  27. package/dist/esm/DropDownList/DropDownList.d.ts +100 -0
  28. package/dist/esm/DropDownList/DropDownList.js +1086 -0
  29. package/dist/esm/DropDownList/DropDownListProps.d.ts +274 -0
  30. package/dist/esm/DropDownList/DropDownListProps.js +2 -0
  31. package/dist/esm/MultiSelect/MultiSelect.d.ts +115 -0
  32. package/dist/esm/MultiSelect/MultiSelect.js +1246 -0
  33. package/dist/esm/MultiSelect/MultiSelectProps.d.ts +262 -0
  34. package/dist/esm/MultiSelect/MultiSelectProps.js +2 -0
  35. package/dist/esm/MultiSelect/TagList.d.ts +51 -0
  36. package/dist/esm/MultiSelect/TagList.js +180 -0
  37. package/dist/esm/additionalTypes.ts +21 -0
  38. package/dist/esm/common/ClearButton.d.ts +21 -0
  39. package/dist/esm/common/ClearButton.js +68 -0
  40. package/dist/esm/common/DropDownBase.d.ts +84 -0
  41. package/dist/esm/common/DropDownBase.js +303 -0
  42. package/dist/esm/common/List.d.ts +58 -0
  43. package/dist/esm/common/List.js +176 -0
  44. package/dist/esm/common/ListContainer.d.ts +40 -0
  45. package/dist/esm/common/ListContainer.js +134 -0
  46. package/dist/esm/common/ListDefaultItem.d.ts +29 -0
  47. package/dist/esm/common/ListDefaultItem.js +62 -0
  48. package/dist/esm/common/ListFilter.d.ts +46 -0
  49. package/dist/esm/common/ListFilter.js +112 -0
  50. package/dist/esm/common/ListItem.d.ts +71 -0
  51. package/dist/esm/common/ListItem.js +105 -0
  52. package/dist/esm/common/Navigation.d.ts +12 -0
  53. package/dist/esm/common/Navigation.js +34 -0
  54. package/dist/esm/common/SearchBar.d.ts +65 -0
  55. package/dist/esm/common/SearchBar.js +177 -0
  56. package/dist/esm/common/VirtualScroll.d.ts +42 -0
  57. package/dist/esm/common/VirtualScroll.js +196 -0
  58. package/dist/esm/common/events.d.ts +63 -0
  59. package/dist/esm/common/events.js +1 -0
  60. package/dist/esm/common/filterDescriptor.d.ts +41 -0
  61. package/dist/esm/common/filterDescriptor.js +2 -0
  62. package/dist/esm/common/settings.d.ts +102 -0
  63. package/dist/esm/common/settings.js +8 -0
  64. package/dist/esm/common/utils.d.ts +57 -0
  65. package/dist/esm/common/utils.js +184 -0
  66. package/dist/esm/main.d.ts +13 -0
  67. package/dist/esm/main.js +5 -0
  68. package/dist/esm/messages/index.d.ts +20 -0
  69. package/dist/esm/messages/index.js +21 -0
  70. package/dist/esm/package-metadata.d.ts +5 -0
  71. package/dist/esm/package-metadata.js +11 -0
  72. package/dist/esm/package.json +3 -0
  73. package/dist/npm/AutoComplete/AutoComplete.js +24 -28
  74. package/dist/npm/ComboBox/ComboBox.js +43 -46
  75. package/dist/npm/ComboBox/ComboBoxProps.d.ts +1 -1
  76. package/dist/npm/DropDownList/DropDownList.js +42 -52
  77. package/dist/npm/MultiSelect/MultiSelect.js +41 -48
  78. package/dist/npm/MultiSelect/MultiSelectProps.d.ts +1 -1
  79. package/dist/npm/MultiSelect/TagList.js +3 -3
  80. package/dist/npm/common/ClearButton.js +1 -1
  81. package/dist/npm/common/DropDownBase.js +6 -6
  82. package/dist/npm/common/List.js +8 -8
  83. package/dist/npm/common/ListContainer.js +9 -6
  84. package/dist/npm/common/ListDefaultItem.js +2 -2
  85. package/dist/npm/common/ListFilter.js +3 -3
  86. package/dist/npm/common/ListItem.js +2 -2
  87. package/dist/npm/common/Navigation.js +1 -1
  88. package/dist/npm/common/SearchBar.js +2 -2
  89. package/dist/npm/package-metadata.js +1 -1
  90. package/package.json +11 -5
@@ -666,25 +666,21 @@ var AutoCompleteVue2 = {
666
666
  width: popupWidth,
667
667
  attrs: this.v3 ? undefined : {
668
668
  width: popupWidth,
669
- popupSettings: {
670
- animate: popupSettings.animate,
669
+ popupSettings: __assign(__assign({}, popupSettings), {
671
670
  anchor: this.anchor,
672
671
  show: opened,
673
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a)),
674
- className: popupSettings.className,
675
- appendTo: popupSettings.appendTo
676
- },
672
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
673
+ className: classNames('k-list-container', popupSettings.className)
674
+ }),
677
675
  dir: dir !== undefined ? dir : this.base.dirCalculated
678
676
  },
679
677
  ref: 'container',
680
- popupSettings: {
681
- animate: popupSettings.animate,
678
+ popupSettings: __assign(__assign({}, popupSettings), {
682
679
  anchor: this.anchor,
683
680
  show: opened,
684
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a)),
685
- className: popupSettings.className,
686
- appendTo: popupSettings.appendTo
687
- },
681
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
682
+ className: classNames('k-list-container', popupSettings.className)
683
+ }),
688
684
  dir: dir !== undefined ? dir : this.base.dirCalculated
689
685
  }, this.v3 ? function () {
690
686
  return [header && h("div", {
@@ -726,7 +722,7 @@ var AutoCompleteVue2 = {
726
722
  };
727
723
 
728
724
  var autoComplete = h("span", {
729
- "class": classNames('k-autocomplete k-input', (_a = {}, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + 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)),
725
+ "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)),
730
726
  ref: setRef(this, 'kendoAnchor', this.anchor),
731
727
  style: !label ? style : __assign(__assign({}, style), {
732
728
  width: undefined
@@ -1 +1,2 @@
1
+ export {};
1
2
  // tslint:enable:max-line-length
@@ -48,6 +48,7 @@ var ComboBoxVue2 = {
48
48
  'changemodel': null,
49
49
  'update:modelValue': null,
50
50
  'filterchange': null,
51
+ pagechange: null,
51
52
  change: null,
52
53
  focus: null,
53
54
  blur: null,
@@ -786,7 +787,7 @@ var ComboBoxVue2 = {
786
787
 
787
788
  var skip = virtual.skip;
788
789
  var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
789
- var translate = "translateY(" + vs.translate + "px)";
790
+ var translate = "translateY(".concat(vs.translate, "px)");
790
791
  var focusedIndex = opened ? this.getFocusedIndex() : undefined;
791
792
  var value = isPresent(text) && text !== selectedItemText ? null : this.computedValue();
792
793
  return (// @ts-ignore function children
@@ -880,24 +881,20 @@ var ComboBoxVue2 = {
880
881
  width: popupWidth,
881
882
  attrs: this.v3 ? undefined : {
882
883
  width: popupWidth,
883
- popupSettings: {
884
- animate: popupSettings.animate,
884
+ popupSettings: __assign(__assign({}, popupSettings), {
885
885
  anchor: this.anchor,
886
886
  show: opened,
887
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
888
- className: popupSettings.className,
889
- appendTo: popupSettings.appendTo
890
- },
887
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
888
+ className: classNames('k-list-container', popupSettings.className)
889
+ }),
891
890
  dir: dir !== undefined ? dir : this.base.dirCalculated
892
891
  },
893
- popupSettings: {
894
- animate: popupSettings.animate,
892
+ popupSettings: __assign(__assign({}, popupSettings), {
895
893
  anchor: this.anchor,
896
894
  show: opened,
897
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
898
- className: popupSettings.className,
899
- appendTo: popupSettings.appendTo
900
- },
895
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
896
+ className: classNames('k-list-container', popupSettings.className)
897
+ }),
901
898
  dir: dir !== undefined ? dir : this.base.dirCalculated
902
899
  }, this.v3 ? function () {
903
900
  return [header && h("div", {
@@ -985,7 +982,7 @@ var ComboBoxVue2 = {
985
982
  };
986
983
 
987
984
  var combobox = h("span", {
988
- "class": classNames('k-combobox k-input', (_a = {}, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + fillMode] = fillMode, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a['k-focus'] = focused && !disabled, _a), className),
985
+ "class": classNames('k-combobox 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-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a['k-focus'] = focused && !disabled, _a), className),
989
986
  ref: setRef(this, 'kendoAnchor', this.anchor),
990
987
  style: !label ? style : __assign(__assign({}, style), {
991
988
  width: undefined
@@ -97,7 +97,7 @@ export interface ComboBoxProps extends FormComponentProps {
97
97
  */
98
98
  filterable?: boolean;
99
99
  /**
100
- * Sets the value of ComboBox input. Useful for making the ComboBox input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
100
+ * Sets the value of ComboBox input. Useful for making the ComboBox input a controlled component.
101
101
  */
102
102
  filter?: string | null;
103
103
  /**
@@ -1 +1,2 @@
1
+ export {};
1
2
  // tslint:enable:max-line-length
@@ -829,7 +829,7 @@ var DropDownListVue2 = {
829
829
  var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));
830
830
  var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));
831
831
  var skip = virtual.skip;
832
- var translate = "translateY(" + vs.translate + "px)";
832
+ var translate = "translateY(".concat(vs.translate, "px)");
833
833
  return (// @ts-ignore function children
834
834
  h(List, {
835
835
  id: this.base.listBoxId,
@@ -945,22 +945,20 @@ var DropDownListVue2 = {
945
945
  dir: dir !== undefined ? dir : base.dirCalculated,
946
946
  width: popupWidth // @ts-ignore
947
947
  ,
948
- popupSettings: {
949
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
950
- className: popupSettings.className,
951
- animate: popupSettings.animate,
948
+ popupSettings: __assign(__assign({}, popupSettings), {
949
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
950
+ className: classNames('k-list-container', popupSettings.className),
952
951
  anchor: this.anchor,
953
952
  show: opened
954
- }
953
+ })
955
954
  },
956
955
  width: popupWidth,
957
- popupSettings: {
958
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
959
- className: popupSettings.className,
960
- animate: popupSettings.animate,
956
+ popupSettings: __assign(__assign({}, popupSettings), {
957
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
958
+ className: classNames('k-list-container', popupSettings.className),
961
959
  anchor: this.anchor,
962
960
  show: opened
963
- },
961
+ }),
964
962
  onOpen: this.onPopupOpened,
965
963
  onClose: this.onPopupClosed,
966
964
  onBlur: this.handleBlur
@@ -988,7 +986,7 @@ var DropDownListVue2 = {
988
986
 
989
987
  var dropdownlist = h("span", {
990
988
  ref: setRef(this, 'kendoAnchor', this.anchor),
991
- "class": classNames('k-dropdownlist k-picker', className, (_a = {}, _a["k-picker-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-picker-" + fillMode] = fillMode, _a['k-focus'] = focused, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
989
+ "class": classNames('k-dropdownlist k-picker', className, (_a = {}, _a["k-picker-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-picker-".concat(fillMode)] = fillMode, _a['k-focus'] = focused, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
992
990
  style: !label ? style : __assign(__assign({}, style), {
993
991
  width: undefined
994
992
  }),
@@ -1055,15 +1053,7 @@ var DropDownListVue2 = {
1055
1053
  fillMode: fillMode,
1056
1054
  rounded: null,
1057
1055
  "class": 'k-input-button',
1058
- iconClass: classNames('k-icon k-i-arrow-s', iconClassName),
1059
- onMousedown: function onMousedown(e) {
1060
- return e.preventDefault();
1061
- },
1062
- on: this.v3 ? undefined : {
1063
- "mousedown": function onMousedown(e) {
1064
- return e.preventDefault();
1065
- }
1066
- }
1056
+ iconClass: classNames('k-icon k-i-arrow-s', iconClassName)
1067
1057
  }), dummySelect.call(this, value), renderListContainer.call(this)]);
1068
1058
  return label ? h("span", {
1069
1059
  "class": this.spanClassNames,
@@ -1 +1,2 @@
1
+ export {};
1
2
  // tslint:enable:max-line-length
@@ -14,18 +14,14 @@ var __assign = this && this.__assign || function () {
14
14
  return __assign.apply(this, arguments);
15
15
  };
16
16
 
17
- var __spreadArrays = this && this.__spreadArrays || function () {
18
- for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
19
- s += arguments[i].length;
20
- }
21
-
22
- for (var r = Array(s), k = 0, i = 0; i < il; i++) {
23
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
24
- r[k] = a[j];
17
+ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
18
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
19
+ if (ar || !(i in from)) {
20
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
21
+ ar[i] = from[i];
25
22
  }
26
23
  }
27
-
28
- return r;
24
+ return to.concat(ar || Array.prototype.slice.call(from));
29
25
  }; // @ts-ignore
30
26
 
31
27
 
@@ -83,6 +79,7 @@ var MultiSelectVue2 = {
83
79
  'update:modelValue': null,
84
80
  'filterchange': null,
85
81
  change: null,
82
+ pagechange: null,
86
83
  focus: null,
87
84
  blur: null,
88
85
  open: null,
@@ -399,7 +396,7 @@ var MultiSelectVue2 = {
399
396
  newItems = value;
400
397
  newItems.splice(indexInValue, 1);
401
398
  } else {
402
- newItems = __spreadArrays(value, [dataItem]);
399
+ newItems = __spreadArray(__spreadArray([], value, true), [dataItem], false);
403
400
  }
404
401
 
405
402
  var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
@@ -658,7 +655,7 @@ var MultiSelectVue2 = {
658
655
  },
659
656
  triggerOnChange: function triggerOnChange(items, state) {
660
657
  if (this.$props.value === undefined) {
661
- state.data.currentValue = __spreadArrays(items);
658
+ state.data.currentValue = __spreadArray([], items, true);
662
659
  }
663
660
 
664
661
  this.valuesItemsDuringOnChange = [];
@@ -771,7 +768,7 @@ var MultiSelectVue2 = {
771
768
  state.data.currentFocusedIndex = undefined;
772
769
  this.base.filterChanged('', state);
773
770
 
774
- var newItems = __spreadArrays(this.computedValue(), [item]);
771
+ var newItems = __spreadArray(__spreadArray([], this.computedValue(), true), [item], false);
775
772
 
776
773
  this.triggerOnChange(newItems, state);
777
774
  this.base.togglePopup(state);
@@ -975,7 +972,7 @@ var MultiSelectVue2 = {
975
972
  var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
976
973
  var focusedIndex = this.getFocusedState().focusedIndex;
977
974
  var placeholderToShow = value.length === 0 && !searchText ? placeholder : undefined;
978
- var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ? "tag-" + this.base.guid + "-" + focusedTag.text.replace(/\s+/g, '-') : "option-" + this.base.guid + "-" + focusedIndex;
975
+ var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ? "tag-".concat(this.base.guid, "-").concat(focusedTag.text.replace(/\s+/g, '-')) : "option-".concat(this.base.guid, "-").concat(focusedIndex);
979
976
  return (// @ts-ignore function children
980
977
  h(SearchBar, {
981
978
  id: searchId,
@@ -990,7 +987,7 @@ var MultiSelectVue2 = {
990
987
  expanded: opened,
991
988
  owns: this.base.listBoxId,
992
989
  activedescendant: ariaActivedescendant,
993
- "aria-describedBy": "tagslist-" + this.base.guid + " " + (this.$props.ariaDescribedBy || ''),
990
+ "aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
994
991
  "aria-labelledBy": this.$props.ariaLabelledBy
995
992
  },
996
993
  size: Math.max((placeholderToShow || '').length, searchText.length, 1),
@@ -1013,7 +1010,7 @@ var MultiSelectVue2 = {
1013
1010
  expanded: opened,
1014
1011
  owns: this.base.listBoxId,
1015
1012
  activedescendant: ariaActivedescendant,
1016
- "aria-describedBy": "tagslist-" + this.base.guid + " " + (this.$props.ariaDescribedBy || ''),
1013
+ "aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
1017
1014
  "aria-labelledBy": this.$props.ariaLabelledBy
1018
1015
  })
1019
1016
  );
@@ -1029,7 +1026,7 @@ var MultiSelectVue2 = {
1029
1026
  var skip = virtual ? virtual.skip : 0;
1030
1027
  var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
1031
1028
  var focusedIndex = this.getFocusedState().focusedIndex;
1032
- var translate = "translateY(" + vs.translate + "px)";
1029
+ var translate = "translateY(".concat(vs.translate, "px)");
1033
1030
  return (// @ts-ignore function children
1034
1031
  h(List, {
1035
1032
  id: this.base.listBoxId,
@@ -1144,30 +1141,26 @@ var MultiSelectVue2 = {
1144
1141
  attrs: this.v3 ? undefined : {
1145
1142
  dir: dir !== undefined ? dir : base.dirCalculated,
1146
1143
  width: popupWidth,
1147
- popupSettings: {
1148
- animate: popupSettings.animate,
1144
+ popupSettings: __assign(__assign({}, popupSettings), {
1149
1145
  anchor: this.anchor,
1150
1146
  show: opened,
1151
1147
  onOpen: this.onPopupOpened,
1152
1148
  onClose: this.onPopupClosed,
1153
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
1154
- className: popupSettings.className,
1155
- appendTo: popupSettings.appendTo
1156
- },
1149
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
1150
+ className: classNames('k-list-container', popupSettings.className)
1151
+ }),
1157
1152
  itemsCount: dataItems.length
1158
1153
  },
1159
1154
  onBlur: this.handleBlur,
1160
1155
  width: popupWidth,
1161
- popupSettings: {
1162
- animate: popupSettings.animate,
1156
+ popupSettings: __assign(__assign({}, popupSettings), {
1163
1157
  anchor: this.anchor,
1164
1158
  show: opened,
1165
1159
  onOpen: this.onPopupOpened,
1166
1160
  onClose: this.onPopupClosed,
1167
- popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
1168
- className: popupSettings.className,
1169
- appendTo: popupSettings.appendTo
1170
- },
1161
+ popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
1162
+ className: classNames('k-list-container', popupSettings.className)
1163
+ }),
1171
1164
  itemsCount: dataItems.length
1172
1165
  }, this.v3 ? function () {
1173
1166
  return [header && h("div", {
@@ -1185,7 +1178,7 @@ var MultiSelectVue2 = {
1185
1178
 
1186
1179
  var component = h("span", {
1187
1180
  ref: setRef(this, 'kendoAnchor', this.anchor),
1188
- "class": classNames('k-multiselect', 'k-input', (_a = {}, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + fillMode] = fillMode, _a['k-focus'] = focused && !disabled, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
1181
+ "class": classNames('k-multiselect', '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-focus'] = focused && !disabled, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
1189
1182
  style: !label ? style : __assign(__assign({}, style), {
1190
1183
  width: undefined
1191
1184
  }),
@@ -128,7 +128,7 @@ export interface MultiSelectProps extends FormComponentProps {
128
128
  */
129
129
  focusedItemIndex?: (data: any, inputText: string, textField?: string) => number;
130
130
  /**
131
- * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
131
+ * Sets the value of filtering input. Useful for making the filtering input a controlled component.
132
132
  */
133
133
  filter?: string;
134
134
  /**
@@ -1 +1,2 @@
1
+ export {};
1
2
  // tslint:enable:max-line-length
@@ -72,7 +72,7 @@ var TagListVue2 = {
72
72
  disabled = _b.disabled;
73
73
  return _a = {
74
74
  'k-chip-list': true
75
- }, _a["k-chip-list-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
75
+ }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
76
76
  },
77
77
  chipClass: function chipClass() {
78
78
  var _a;
@@ -85,7 +85,7 @@ var TagListVue2 = {
85
85
  return _a = {
86
86
  'k-chip': true,
87
87
  'k-disabled': disabled
88
- }, _a["k-chip-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-" + fillMode] = fillMode, _a["k-chip-" + fillMode + "-base"] = Boolean(fillMode), _a;
88
+ }, _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;
89
89
  }
90
90
  },
91
91
  // @ts-ignore
@@ -116,7 +116,7 @@ var TagListVue2 = {
116
116
  }, [dataItems.map(function (tagData, index) {
117
117
  var _this = this;
118
118
 
119
- var uniqueId = "tag-" + guid + "-" + tagData.text.toString().replace(/\s+/g, '-');
119
+ var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
120
120
  var defaultRendering = h("div", {
121
121
  "class": __assign(__assign({}, this.chipClass), {
122
122
  'k-focus': tagData === this.$props.focused
@@ -113,9 +113,9 @@ var ListVue2 = {
113
113
  }) !== -1);
114
114
  return (// @ts-ignore
115
115
  h(ListItem, {
116
- id: "option-" + optionsGuid + "-" + realIndex,
116
+ id: "option-".concat(optionsGuid, "-").concat(realIndex),
117
117
  attrs: this.v3 ? undefined : {
118
- id: "option-" + optionsGuid + "-" + realIndex,
118
+ id: "option-".concat(optionsGuid, "-").concat(realIndex),
119
119
  dataItem: item,
120
120
  selected: selected,
121
121
  focused: focusedIndex === index,
@@ -76,20 +76,22 @@ var ListContainerVue2 = {
76
76
  show = popupSettings.show,
77
77
  open = popupSettings.open,
78
78
  close = popupSettings.close,
79
- itemsCount = popupSettings.itemsCount;
79
+ itemsCount = popupSettings.itemsCount,
80
+ appendTo = popupSettings.appendTo;
80
81
  return (// @ts-ignore function children
81
82
  h(Popup, {
82
83
  style: {
83
84
  width: width,
84
85
  direction: dir
85
86
  },
86
- className: className,
87
+ popupClass: className,
87
88
  attrs: this.v3 ? undefined : {
88
- className: className,
89
+ popupClass: className,
89
90
  animate: animate,
90
91
  anchor: anchor,
91
92
  show: show,
92
- contentKey: itemsCount
93
+ contentKey: itemsCount,
94
+ appendTo: appendTo
93
95
  },
94
96
  animate: animate,
95
97
  anchor: anchor,
@@ -100,7 +102,8 @@ var ListContainerVue2 = {
100
102
  "open": this.onOpen,
101
103
  "close": this.onClose
102
104
  },
103
- onClose: this.onClose
105
+ onClose: this.onClose,
106
+ appendTo: appendTo
104
107
  }, this.v3 ? function () {
105
108
  return [h("div", {
106
109
  "class": popupClass,
@@ -52,7 +52,7 @@ var ListFilterVue2 = {
52
52
  fillMode = _b.fillMode;
53
53
  return _a = {
54
54
  'k-searchbox k-input': true
55
- }, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + fillMode] = fillMode, _a;
55
+ }, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a;
56
56
  }
57
57
  },
58
58
  // @ts-ignore
@@ -0,0 +1 @@
1
+ export {};
@@ -1 +1,2 @@
1
+ export {};
1
2
  // tslint:enable:max-line-length
@@ -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: 1659428851,
8
+ publishDate: 1660543182,
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
  };
@@ -0,0 +1,107 @@
1
+ declare type DefaultData<V> = object | ((this: V) => AutoCompleteData);
2
+ declare type DefaultMethods<V> = {
3
+ [key: string]: (this: V, ...args: any[]) => any;
4
+ };
5
+ import { AutoCompleteProps } from './AutoCompleteProps';
6
+ import { DropDownStateBase, InternalState } from './../common/settings';
7
+ import { FormComponentValidity } from '@progress/kendo-vue-common';
8
+ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
9
+ /**
10
+ * @hidden
11
+ */
12
+ export interface AutoCompleteState extends DropDownStateBase {
13
+ focusedItem?: any;
14
+ value?: string;
15
+ }
16
+ /**
17
+ * @hidden
18
+ */
19
+ export interface AutoCompleteInternalState extends InternalState {
20
+ data: AutoCompleteState;
21
+ }
22
+ /**
23
+ * @hidden
24
+ */
25
+ export interface AutoCompleteMethods {
26
+ [key: string]: any;
27
+ focus: (e: any) => void;
28
+ computedValue: () => any;
29
+ validity: () => FormComponentValidity;
30
+ handleItemSelect: (index: number, state: AutoCompleteInternalState) => void;
31
+ itemFocus: (index: number, state: AutoCompleteInternalState) => void;
32
+ togglePopup: (state: InternalState) => void;
33
+ onNavigate: (state: AutoCompleteInternalState, keyCode: number) => void;
34
+ applyInputValue: (value: string, state: AutoCompleteInternalState, eventKey?: number) => void;
35
+ setValidity: () => void;
36
+ handleItemClick: (index: number, event: any) => void;
37
+ onChangeHandler: (event: any) => void;
38
+ clearButtonClick: (event: any) => void;
39
+ onInputKeyDown: (event: any) => void;
40
+ handleBlur: (event: any) => void;
41
+ triggerOnChange: (newValue: string, state: AutoCompleteInternalState, eventArgs?: any) => void;
42
+ applyState: (state: AutoCompleteInternalState) => void;
43
+ suggestValue: (value: string) => void;
44
+ focusedIndex: (value?: string) => any;
45
+ }
46
+ /**
47
+ * @hidden
48
+ */
49
+ export interface AutoCompleteState extends DropDownStateBase {
50
+ anchor: string;
51
+ typingTimeout: any;
52
+ base: any;
53
+ input: any;
54
+ element: any;
55
+ inputId: string;
56
+ virtualHasChanged: any;
57
+ prevOpened: any;
58
+ prevCurrentOpened: any;
59
+ prevData: any;
60
+ prevFocusedItem: any;
61
+ inputRef: any;
62
+ listRef: any;
63
+ filterInputRef: any;
64
+ scrollElementRef: any;
65
+ scrollerRef: any;
66
+ kendoAnchorRef: any;
67
+ v3: boolean;
68
+ }
69
+ /**
70
+ * @hidden
71
+ */
72
+ export interface AutoCompleteData {
73
+ suggested?: string;
74
+ focusedItem?: any;
75
+ hasMounted: boolean;
76
+ currentText?: string;
77
+ currentValue?: any;
78
+ currentFocused?: boolean;
79
+ currentOpened?: boolean;
80
+ currentFocusedItem?: any;
81
+ searchState?: any;
82
+ _skipFocusEvent: boolean;
83
+ valueDuringOnChange: any;
84
+ valueOnDidUpdate: any;
85
+ virtualTotalHasChanged?: boolean;
86
+ }
87
+ /**
88
+ * @hidden
89
+ */
90
+ export interface AutoCompleteComputed {
91
+ [key: string]: any;
92
+ spanClassNames: any;
93
+ }
94
+ /**
95
+ * @hidden
96
+ */
97
+ export interface AutoCompleteAll extends AutoCompleteMethods, AutoCompleteState, AutoCompleteData, AutoCompleteComputed, Vue2type {
98
+ }
99
+ /**
100
+ * @hidden
101
+ */
102
+ declare let AutoCompleteVue2: ComponentOptions<Vue2type, DefaultData<AutoCompleteData>, DefaultMethods<AutoCompleteAll>, AutoCompleteComputed, RecordPropsDefinition<AutoCompleteProps>>;
103
+ /**
104
+ * @hidden
105
+ */
106
+ declare const AutoComplete: DefineComponent<AutoCompleteProps, any, AutoCompleteData, AutoCompleteComputed, AutoCompleteMethods, {}, {}, {}, string, AutoCompleteProps, AutoCompleteProps, {}>;
107
+ export { AutoComplete, AutoCompleteVue2 };