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

package/dist/esm/common/utils.js

@@ -0,0 +1,184 @@
+/**
+ * @hidden
+ */
+var isPresent = function (value) { return value !== null && value !== undefined; };
+/**
+ * @hidden
+ */
+var sameCharsOnly = function (word, character) {
+    for (var idx = 0; idx < word.length; idx++) {
+        if (word.charAt(idx) !== character) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * @hidden
+ */
+var shuffleData = function (data, splitIndex, defaultItem) {
+    var result = data;
+    if (defaultItem) {
+        result = [defaultItem].concat(result);
+    }
+    return result.slice(splitIndex).concat(result.slice(0, splitIndex));
+};
+/**
+ * @hidden
+ */
+var matchText = function (text, word, ignoreCase) {
+    if (!isPresent(text)) {
+        return false;
+    }
+    var temp = String(text);
+    if (ignoreCase) {
+        temp = temp.toLowerCase();
+    }
+    return temp.indexOf(word) === 0;
+};
+/**
+ * @hidden
+ */
+var scrollToItem = function (scrollElem, itemHeight, itemIndex, translate, virtualScroll) {
+    var viewportHeight = scrollElem.offsetHeight;
+    var itemOffsetTop = (itemHeight * itemIndex) +
+        (virtualScroll ? translate - scrollElem.scrollTop : 0);
+    if (virtualScroll) {
+        var diff = 0;
+        if (itemOffsetTop + itemHeight > viewportHeight) {
+            diff = itemOffsetTop + itemHeight - viewportHeight;
+        }
+        else if (itemOffsetTop < 0) {
+            diff = itemOffsetTop;
+        }
+        if (diff !== 0) {
+            scrollElem.scrollTop += diff;
+        }
+        else if (scrollElem.scrollTop === 0 && translate !== 0) {
+            scrollElem.scrollTop = translate;
+        }
+    }
+    else {
+        if (itemOffsetTop + itemHeight > viewportHeight + scrollElem.scrollTop) {
+            scrollElem.scrollTop = (itemOffsetTop + itemHeight - viewportHeight);
+        }
+        else if (itemOffsetTop < scrollElem.scrollTop) {
+            scrollElem.scrollTop -= scrollElem.scrollTop - itemOffsetTop;
+        }
+    }
+};
+/**
+ * @hidden
+ */
+var itemIndexStartsWith = function (items, text, field) {
+    var result = -1;
+    if (text) {
+        text = text.toLowerCase();
+        for (var i = 0; i < items.length; i++) {
+            var itemText = (getItemValue(items[i], field) || '') + '';
+            if (itemText && itemText.toLowerCase().startsWith(text)) {
+                result = i;
+                break;
+            }
+        }
+    }
+    return result;
+};
+/**
+ * @hidden
+ */
+var getItemIndexByText = function (data, text, textField, matchCase) {
+    if (matchCase === void 0) { matchCase = false; }
+    var casing = function (value) { return matchCase ? value : value.toLowerCase(); };
+    return data.findIndex(function (item) {
+        return textField ? casing(getItemValue(item, textField)) === casing(text) :
+            casing(text) === casing(item.toString());
+    });
+};
+/**
+ * @hidden
+ */
+var getItemValue = function (item, field) {
+    if (field && isPresent(item)) {
+        var path = field.split('.');
+        var data_1 = item;
+        path.forEach(function (p) {
+            data_1 = data_1 ? data_1[p] : undefined;
+        });
+        return data_1;
+    }
+    return item;
+};
+/**
+ * @hidden
+ */
+var matchDataCollections = function (data1, data2, key) {
+    if (data1 === void 0) { data1 = []; }
+    if (data2 === void 0) { data2 = []; }
+    if (data1 === data2) {
+        return true;
+    }
+    if (data1.length !== data2.length) {
+        return false;
+    }
+    for (var i = 0; i < data1.length; i++) {
+        if (!areSame(data1[i], data2[i], key)) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * @hidden
+ */
+var removeDataItems = function (items, toRemove, key) {
+    toRemove.forEach(function (item) {
+        var itemIndex = items.findIndex(function (i) { return areSame(i, item, key); });
+        if (itemIndex !== -1) {
+            items.splice(itemIndex, 1);
+        }
+    });
+};
+/**
+ * @hidden
+ */
+var areSame = function (item1, item2, key) {
+    return item1 === item2 ||
+        (isPresent(item1) === isPresent(item2) && getItemValue(item1, key) === getItemValue(item2, key));
+};
+/**
+ * @hidden
+ */
+var getFocusedItem = function (data, value, textField) {
+    if (value) {
+        var selectedIndex = getItemIndexByText(data, value, textField, true);
+        return selectedIndex !== -1 ? data[selectedIndex] : data[itemIndexStartsWith(data, value, textField)];
+    }
+    return data[0];
+};
+/**
+ * @hidden
+ */
+var suggestValue = function (value, data, textField) {
+    if (data === void 0) { data = []; }
+    var suggested = '';
+    if (value) {
+        var suggestedItem = data[itemIndexStartsWith(data, value, textField)];
+        if (suggestedItem) {
+            var suggestedText = getItemValue(suggestedItem, textField);
+            if (value.toLowerCase() !== suggestedText.toLowerCase()) {
+                suggested = suggestedText.substring(value.length);
+            }
+        }
+    }
+    return suggested;
+};
+/**
+ * @hidden
+ */
+var preventDefaultNonInputs = function (event) {
+    if (event.target.nodeName !== 'INPUT') {
+        event.preventDefault();
+    }
+};
+export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue };

package/dist/esm/main.d.ts

@@ -0,0 +1,13 @@
+import { FormComponentValidity } from '@progress/kendo-vue-common';
+import { DropDownList, DropDownListVue2 } from './DropDownList/DropDownList';
+import { DropDownListProps, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent } from './DropDownList/DropDownListProps';
+import { Page, VirtualizationSettings, DropDownsPopupSettings, Suggestion } from './common/settings';
+import { ListItemProps } from './common/ListItem';
+import { ComboBox, ComboBoxVue2 } from './ComboBox/ComboBox';
+import { ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent } from './ComboBox/ComboBoxProps';
+import { AutoComplete, AutoCompleteVue2 } from './AutoComplete/AutoComplete';
+import { AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent } from './AutoComplete/AutoCompleteProps';
+import { MultiSelect, MultiSelectVue2 } from './MultiSelect/MultiSelect';
+import { MultiSelectProps, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent } from './MultiSelect/MultiSelectProps';
+import { TagData as MultiSelectTagData } from './MultiSelect/TagList';
+export { AutoComplete, AutoCompleteVue2, AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent, DropDownList, DropDownListVue2, DropDownListProps, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent, Page, VirtualizationSettings, DropDownsPopupSettings, ListItemProps, Suggestion, ComboBox, ComboBoxVue2, ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent, MultiSelect, MultiSelectVue2, MultiSelectProps, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectTagData, FormComponentValidity };

package/dist/esm/main.js

@@ -0,0 +1,5 @@
+import { DropDownList, DropDownListVue2 } from './DropDownList/DropDownList.js';
+import { ComboBox, ComboBoxVue2 } from './ComboBox/ComboBox.js';
+import { AutoComplete, AutoCompleteVue2 } from './AutoComplete/AutoComplete.js';
+import { MultiSelect, MultiSelectVue2 } from './MultiSelect/MultiSelect.js';
+export { AutoComplete, AutoCompleteVue2, DropDownList, DropDownListVue2, ComboBox, ComboBoxVue2, MultiSelect, MultiSelectVue2 };

package/dist/esm/messages/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export declare const nodata = "dropdowns.nodata";
+/**
+ * @hidden
+ */
+export declare const expandButton = "dropdowns.expandbutton";
+/**
+ * @hidden
+ */
+export declare const clear = "dropdowns.clear";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "dropdowns.clear": string;
+    "dropdowns.expandbutton": string;
+    "dropdowns.nodata": string;
+};

package/dist/esm/messages/index.js

@@ -0,0 +1,21 @@
+var _a;
+/**
+ * @hidden
+ */
+export var nodata = 'dropdowns.nodata';
+/**
+ * @hidden
+ */
+export var expandButton = 'dropdowns.expandbutton';
+/**
+ * @hidden
+ */
+export var clear = 'dropdowns.clear';
+/**
+ * @hidden
+ */
+export var messages = (_a = {},
+    _a[clear] = 'clear',
+    _a[expandButton] = 'expand button',
+    _a[nodata] = 'NO DATA FOUND.',
+    _a);

package/dist/esm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/esm/package-metadata.js

@@ -0,0 +1,11 @@
+/**
+ * @hidden
+ */
+export var packageMetadata = {
+    name: '@progress/kendo-vue-dropdowns',
+    productName: 'Kendo UI for Vue',
+    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
+    publishDate: 1660543182,
+    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/package.json

@@ -0,0 +1,3 @@
+{
+                    "type": "module"
+                 }

package/dist/npm/AutoComplete/AutoComplete.js

@@ -172,8 +172,8 @@ var AutoCompleteVue2 = {
     this.currentFocused = undefined;
     this.currentOpened = undefined;
     this.base = new DropDownBase_1.default(this);
-    this.anchor = kendo_vue_common_1.guid();
-    this.inputId = kendo_vue_common_1.guid();
+    this.anchor = (0, kendo_vue_common_1.guid)();
+    this.inputId = (0, kendo_vue_common_1.guid)();
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -190,8 +190,8 @@ var AutoCompleteVue2 = {
     this.hasMounted = true; // @ts-ignore
 
     this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;
-    this.base.wrapper = kendo_vue_common_1.getRef(this, 'kendoAnchor', this.anchor);
-    this.element = kendo_vue_common_1.getRef(this, 'kendoAnchor', this.anchor);
+    this.base.wrapper = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', this.anchor);
+    this.element = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', this.anchor);
     this.base.didMount();
     this.setValidity();
   },
@@ -273,7 +273,7 @@ var AutoCompleteVue2 = {
     },
     primitiveValue: function primitiveValue() {
       var value = this.computedValue();
-      return this.valuePrimitive ? utils_1.getItemValue(value, this.valueField) : value;
+      return this.valuePrimitive ? (0, utils_1.getItemValue)(value, this.valueField) : value;
     },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
@@ -288,7 +288,7 @@ var AutoCompleteVue2 = {
     handleItemSelect: function handleItemSelect(index, state) {
       var _a = this.$props.dataItems,
           dataItems = _a === void 0 ? [] : _a;
-      var newText = utils_1.getItemValue(dataItems[index], this.$props.textField);
+      var newText = (0, utils_1.getItemValue)(dataItems[index], this.$props.textField);
       this.triggerOnChange(newText, state);
     },
     itemFocus: function itemFocus(index, state) {
@@ -298,7 +298,7 @@ var AutoCompleteVue2 = {
           textField = _a.textField;
       var focusedItem = dataItems[index];
 
-      if (!utils_1.areSame(this.$data.focusedItem, focusedItem, textField)) {
+      if (!(0, utils_1.areSame)(this.$data.focusedItem, focusedItem, textField)) {
         state.data.focusedItem = focusedItem;
       }
     },
@@ -315,8 +315,8 @@ var AutoCompleteVue2 = {
           textField = _a.textField,
           focusedItemIndex = _a.focusedItemIndex;
       var focusedIndex = this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, _this.$data.focusedItem, textField);
-      }) : focusedItemIndex ? focusedItemIndex(dataItems, typedText, textField) : dataItems.indexOf(utils_1.getFocusedItem(dataItems, typedText, textField));
+        return (0, utils_1.areSame)(i, _this.$data.focusedItem, textField);
+      }) : focusedItemIndex ? focusedItemIndex(dataItems, typedText, textField) : dataItems.indexOf((0, utils_1.getFocusedItem)(dataItems, typedText, textField));
       var newFocused = this.base.navigation.navigate({
         keyCode: keyCode,
         current: focusedIndex,
@@ -343,7 +343,7 @@ var AutoCompleteVue2 = {
       this.suggested = '';
 
       if (opened && eventKey === kendo_vue_common_1.Keys.enter) {
-        var newValue = utils_1.getItemValue(dataItems[this.focusedIndex(value)], textField);
+        var newValue = (0, utils_1.getItemValue)(dataItems[this.focusedIndex(value)], textField);
         this.triggerOnChange(newValue, state);
       }
 
@@ -485,10 +485,10 @@ var AutoCompleteVue2 = {
             _b = _a.dataItems,
             dataItems = _b === void 0 ? [] : _b,
             textField = _a.textField;
-        var suggestedItem = dataItems[utils_1.itemIndexStartsWith(dataItems, value, textField)];
+        var suggestedItem = dataItems[(0, utils_1.itemIndexStartsWith)(dataItems, value, textField)];
 
         if (suggestedItem) {
-          var suggestedText = utils_1.getItemValue(suggestedItem, textField);
+          var suggestedText = (0, utils_1.getItemValue)(suggestedItem, textField);
 
           if (value.toLowerCase() !== suggestedText.toLowerCase()) {
             this.suggested = suggestedText.substring(value.length);
@@ -506,8 +506,8 @@ var AutoCompleteVue2 = {
           focusedItemIndex = _a.focusedItemIndex;
       var inputValue = value !== undefined ? value : this.computedValue();
       return this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, _this.$data.focusedItem, textField);
-      }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf(utils_1.getFocusedItem(dataItems, inputValue, textField)));
+        return (0, utils_1.areSame)(i, _this.$data.focusedItem, textField);
+      }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf((0, utils_1.getFocusedItem)(dataItems, inputValue, textField)));
     }
   },
   render: function render(createElement) {
@@ -681,25 +681,21 @@ var AutoCompleteVue2 = {
           width: popupWidth,
           attrs: this.v3 ? undefined : {
             width: popupWidth,
-            popupSettings: {
-              animate: popupSettings.animate,
+            popupSettings: __assign(__assign({}, popupSettings), {
               anchor: this.anchor,
               show: opened,
-              popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a)),
-              className: popupSettings.className,
-              appendTo: popupSettings.appendTo
-            },
+              popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
+              className: (0, kendo_vue_common_1.classNames)('k-list-container', popupSettings.className)
+            }),
             dir: dir !== undefined ? dir : this.base.dirCalculated
           },
           ref: 'container',
-          popupSettings: {
-            animate: popupSettings.animate,
+          popupSettings: __assign(__assign({}, popupSettings), {
             anchor: this.anchor,
             show: opened,
-            popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a)),
-            className: popupSettings.className,
-            appendTo: popupSettings.appendTo
-          },
+            popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
+            className: (0, kendo_vue_common_1.classNames)('k-list-container', popupSettings.className)
+          }),
           dir: dir !== undefined ? dir : this.base.dirCalculated
         }, this.v3 ? function () {
           return [header && h("div", {
@@ -741,8 +737,8 @@ var AutoCompleteVue2 = {
     };
 
     var autoComplete = h("span", {
-      "class": kendo_vue_common_1.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)),
-      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
+      "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),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),