@progress/kendo-vue-dropdowns 3.6.4 → 3.6.5-dev.202210181442

package/dist/esm/MultiSelect/TagList.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import { getTemplate, kendoThemeMaps } from '@progress/kendo-vue-common';
 import * as Vue from 'vue';
 var allVue = Vue;
@@ -22,19 +18,15 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { Chip } from '@progress/kendo-vue-buttons';
-
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
 };
-
 var stopPropagation = function stopPropagation(event) {
   return event.event.stopPropagation();
 };
 /**
  * @hidden
  */
-
-
 var TagListVue2 = {
   name: 'TagList',
   props: {
@@ -68,10 +60,9 @@ var TagListVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          disabled = _b.disabled;
+        size = _b.size,
+        disabled = _b.disabled;
       return _a = {
         'k-input-values': true,
         'k-chip-list': true
@@ -93,12 +84,12 @@ var TagListVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        dataItems = _a.dataItems,
-        guid = _a.guid,
-        size = _a.size,
-        disabled = _a.disabled,
-        tagsRounded = _a.tagsRounded,
-        removeTagIcon = _a.removeTagIcon;
+      dataItems = _a.dataItems,
+      guid = _a.guid,
+      size = _a.size,
+      disabled = _a.disabled,
+      tagsRounded = _a.tagsRounded,
+      removeTagIcon = _a.removeTagIcon;
     return h("div", {
       "class": this.wrapperClass,
       role: "listbox",
@@ -109,7 +100,6 @@ var TagListVue2 = {
       id: 'tagslist-' + guid
     }, [dataItems.map(function (tagData, index) {
       var _this = this;
-
       var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
       var defaultRendering = h(Chip, {
         id: uniqueId,
@@ -167,6 +157,5 @@ var TagListVue2 = {
 /**
  * @hidden
  */
-
 var TagList = TagListVue2;
 export { TagList, TagListVue2 };

package/dist/esm/common/ClearButton.js

@@ -9,7 +9,6 @@ import { messages, clear } from '../messages/main.js';
 /**
  * @hidden
  */
-
 var ClearButtonVue2 = {
   name: 'clear-button',
   inject: {
@@ -63,6 +62,5 @@ var ClearButtonVue2 = {
 /**
  * @hidden
  */
-
 var ClearButton = ClearButtonVue2;
 export { ClearButton, ClearButtonVue2 };

package/dist/esm/common/DropDownBase.js

@@ -2,18 +2,14 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import VirtualScroll from './VirtualScroll.js';
 import { Navigation } from './Navigation.js';
 import { scrollToItem, areSame } from './utils.js';
@@ -22,49 +18,35 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
-var DropDownBase =
-/** @class */
-function () {
+var DropDownBase = /** @class */function () {
   function DropDownBase(component) {
     var _this = this;
-
     this.vs = new VirtualScroll();
     this.navigation = new Navigation();
-
     this.handleItemClick = function (index, event) {
       var state = _this.initState();
-
       state.event = event;
-
       _this.component.handleItemSelect(index, state);
-
       _this.togglePopup(state);
-
       _this.applyState(state);
     };
-
     this.handleFocus = function (event) {
       if (!_this.component.currentFocused) {
-        var state = _this.initState(); // @ts-ignore
-
-
+        var state = _this.initState();
+        // @ts-ignore
         state.data.currentFocused = true;
         state.events.push({
           type: 'focus'
         });
         state.event = event;
-
         _this.applyState(state);
       }
     };
-
     this.filterChanged = function (text, state) {
       var component = _this.component;
       var _a = component.$props,
-          textField = _a.textField,
-          filterable = _a.filterable;
-
+        textField = _a.textField,
+        filterable = _a.filterable;
       if (filterable) {
         state.events.push({
           type: 'filterchange',
@@ -75,22 +57,19 @@ function () {
             value: text
           }
         });
-
         _this.repositionPopup();
       }
     };
-
     this.togglePopup = function (state) {
       // @ts-ignore
-      var props = _this.component.$props; // @ts-ignore
-
-      var opened = props.opened !== undefined ? props.opened : _this.component.currentOpened; // @ts-ignore
-
+      var props = _this.component.$props;
+      // @ts-ignore
+      var opened = props.opened !== undefined ? props.opened : _this.component.currentOpened;
+      // @ts-ignore
       if (props.opened === undefined) {
         // @ts-ignore
         state.data.currentOpened = !opened;
       }
-
       if (opened) {
         state.events.push({
           type: 'close'
@@ -99,54 +78,41 @@ function () {
         state.events.push({
           type: 'open'
         });
-
         _this.calculatePopupWidth();
       }
     };
-
     this.pageChange = function (page, event) {
       var state = _this.initState();
-
       state.event = event;
-
       _this.triggerOnPageChange(state, page.skip, page.take);
-
       _this.applyState(state);
     };
-
     this.scrollChange = function (event) {
       _this.component.$emit('scroll', event);
     };
-
     this.scrollToVirtualItem = function (virtual, selectedItemIndex) {
       var vs = _this.vs;
       vs.enabled = false;
-
       if (virtual.skip === 0) {
         vs.reset();
       } else if (virtual.skip + virtual.pageSize === virtual.total) {
         vs.scrollToEnd();
       } else {
         var scrollTop = vs.translate;
-
         if (scrollTop === 0) {
           vs.calcScrollElementHeight();
           scrollTop = vs.itemHeight * virtual.skip;
           vs.translateTo(scrollTop - vs.itemHeight);
         }
-
         if (vs.container) {
           vs.container.scrollTop = scrollTop;
         }
-
         _this.scrollToItem(selectedItemIndex, true);
       }
-
       setTimeout(function () {
         return vs.enabled = true;
       }, 10);
     };
-
     validatePackage(packageMetadata);
     this.listBoxId = guid();
     this.guid = guid();
@@ -154,7 +120,6 @@ function () {
     this.vs.PageChange = this.pageChange;
     this.vs.ScrollChange = this.scrollChange;
   }
-
   DropDownBase.prototype.didMount = function () {
     // @ts-ignore
     var props = this.component.$props;
@@ -162,64 +127,52 @@ function () {
     var style = props.style || {};
     var popupWidth = popupSettings.width;
     var shouldUpdate = props.opened === true;
-
     if (popupWidth === undefined) {
       this.calculatePopupWidth();
     }
-
     if (props.dir === undefined && style.direction === undefined) {
       this.calculateDir();
       shouldUpdate = true;
     }
-
     if (shouldUpdate) {
       // @ts-ignore
       this.component.$forceUpdate();
     }
   };
-
   DropDownBase.prototype.calculateDir = function () {
     if (this.component.element) {
       this.dirCalculated = window.getComputedStyle(this.component.element).direction || undefined;
     }
   };
-
   DropDownBase.prototype.calculatePopupWidth = function () {
     if (this.wrapper) {
       this.popupWidth = this.wrapper.offsetWidth + 'px';
     }
   };
-
   DropDownBase.prototype.scrollToItem = function (itemIndex, vsEnabled) {
     var list = this.list || this.vs.list;
     var item = list ? list.children[0] : undefined;
-
     if (item && itemIndex >= 0) {
       var vs = this.vs;
       var scrollElement = vs.container || list.parentNode;
-
       if (scrollElement) {
         var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
         scrollToItem(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);
       }
     }
   };
-
   DropDownBase.prototype.repositionPopup = function () {
     var component = this.component;
     setTimeout(function () {
       var lc = component.$refs.container;
-
       if (lc) {
         var popup = lc.$refs.popup;
-
         if (popup && popup.show) {
           popup.reposition();
         }
       }
     }, 5);
   };
-
   DropDownBase.prototype.initState = function () {
     var state = {
       data: {},
@@ -228,17 +181,14 @@ function () {
     };
     return state;
   };
-
   DropDownBase.prototype.applyState = function (state) {
     var _this = this;
-
     if (Object.keys(state.data).length > 0) {
       Object.keys(state.data).forEach(function (key) {
         _this.component[key] = state.data[key];
       });
-    } // @ts-ignore
-
-
+    }
+    // @ts-ignore
     var newValue = this.component.primitiveValue();
     var eventArgs = {
       event: state.event,
@@ -253,29 +203,23 @@ function () {
     state.events.forEach(function (eventData) {
       var type = eventData.type;
       delete eventData.type;
-
       if (type) {
         if (type === 'change') {
           // @ts-ignore
-          _this.component.$emit('changemodel', newValue); // @ts-ignore
-
-
+          _this.component.$emit('changemodel', newValue);
+          // @ts-ignore
           _this.component.$emit('update:modelValue', newValue);
-        } // @ts-ignore
-
-
+        }
+        // @ts-ignore
         _this.component.$emit(type, __assign(__assign({}, eventArgs), eventData));
       }
     });
   };
-
   DropDownBase.prototype.triggerOnPageChange = function (state, skip, take) {
     // @ts-ignore
     var virtual = this.component.$props.virtual;
-
     if (virtual) {
       var newSkip = Math.min(Math.max(0, skip), Math.max(0, virtual.total - take));
-
       if (newSkip !== virtual.skip) {
         state.events.push({
           type: 'pagechange',
@@ -287,16 +231,14 @@ function () {
       }
     }
   };
-
   DropDownBase.prototype.triggerPageChangeCornerItems = function (item, state) {
     // @ts-ignore
     var props = this.component.$props;
     var _a = props.dataItems,
-        dataItems = _a === void 0 ? [] : _a,
-        dataItemKey = props.dataItemKey,
-        virtual = props.virtual;
+      dataItems = _a === void 0 ? [] : _a,
+      dataItemKey = props.dataItemKey,
+      virtual = props.virtual;
     var opened = props.opened !== undefined ? props.opened : this.component.currentOpened;
-
     if (item && virtual && this.vs.enabled) {
       if (virtual.skip > 0 && areSame(item, dataItems[0], dataItemKey)) {
         this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
@@ -305,7 +247,6 @@ function () {
       }
     }
   };
-
   DropDownBase.defaultProps = {
     popupSettings: {
       animate: true,
@@ -316,5 +257,4 @@ function () {
   };
   return DropDownBase;
 }();
-
 export default DropDownBase;

package/dist/esm/common/List.js

@@ -13,7 +13,6 @@ import { messages, nodata } from '../messages/main.js';
 /**
  * @hidden
  */
-
 var ListVue2 = {
   name: 'list',
   // @ts-ignore
@@ -75,13 +74,12 @@ var ListVue2 = {
     var defaultSlot = getDefaultSlots(this);
     var localizationService = provideLocalizationService(this);
     var _a = this.$props,
-        id = _a.id,
-        show = _a.show,
-        wrapperCssClass = _a.wrapperCssClass,
-        wrapperStyle = _a.wrapperStyle,
-        listStyle = _a.listStyle,
-        listRef = _a.listRef;
-
+      id = _a.id,
+      show = _a.show,
+      wrapperCssClass = _a.wrapperCssClass,
+      wrapperStyle = _a.wrapperStyle,
+      listStyle = _a.listStyle,
+      listRef = _a.listRef;
     var renderNoValueElement = function renderNoValueElement() {
       var noDataRender = this.$props.noDataRender;
       var noDataElement = h("div", {
@@ -93,25 +91,25 @@ var ListVue2 = {
         defaultRendering: noDataElement
       });
     };
-
     var renderItems = function renderItems() {
       var _a = this.$props,
-          textField = _a.textField,
-          valueField = _a.valueField,
-          optionsGuid = _a.optionsGuid,
-          _b = _a.skip,
-          skip = _b === void 0 ? 0 : _b,
-          focusedIndex = _a.focusedIndex,
-          highlightSelected = _a.highlightSelected,
-          value = _a.value,
-          itemRender = _a.itemRender;
+        textField = _a.textField,
+        valueField = _a.valueField,
+        optionsGuid = _a.optionsGuid,
+        _b = _a.skip,
+        skip = _b === void 0 ? 0 : _b,
+        focusedIndex = _a.focusedIndex,
+        highlightSelected = _a.highlightSelected,
+        value = _a.value,
+        itemRender = _a.itemRender;
       var isArray = Array.isArray(value);
       return this.$props.dataItems.map(function (item, index) {
         var realIndex = skip + index;
         var selected = highlightSelected && (!isArray && areSame(item, value, valueField) || isArray && value.findIndex(function (i) {
           return areSame(i, item, valueField);
         }) !== -1);
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(ListItem, {
             id: "option-".concat(optionsGuid, "-").concat(realIndex),
             attrs: this.v3 ? undefined : {
@@ -138,7 +136,6 @@ var ListVue2 = {
         );
       }, this);
     };
-
     var items = renderItems.call(this);
     return items.length ? h("div", {
       "class": wrapperCssClass,
@@ -171,6 +168,5 @@ var ListVue2 = {
 /**
  * @hidden
  */
-
 var List = ListVue2;
 export { List, ListVue2 };

package/dist/esm/common/ListContainer.js

@@ -8,7 +8,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ListContainerVue2 = {
   name: 'list-container',
   // @ts-ignore
@@ -59,26 +58,26 @@ var ListContainerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        onMouseDown = _a.onMouseDown,
-        onBlur = _a.onBlur,
-        width = _a.width,
-        dir = _a.dir,
-        popupSettings = _a.popupSettings; // @ts-ignore
-
+      onMouseDown = _a.onMouseDown,
+      onBlur = _a.onBlur,
+      width = _a.width,
+      dir = _a.dir,
+      popupSettings = _a.popupSettings;
+    // @ts-ignore
     var popupClass = popupSettings.popupClass,
-        className = popupSettings.className,
-        animate = popupSettings.animate,
-        anchor = popupSettings.anchor,
-        show = popupSettings.show,
-        open = popupSettings.open,
-        close = popupSettings.close,
-        itemsCount = popupSettings.itemsCount,
-        appendTo = popupSettings.appendTo;
-    return (// @ts-ignore function children
+      className = popupSettings.className,
+      animate = popupSettings.animate,
+      anchor = popupSettings.anchor,
+      show = popupSettings.show,
+      open = popupSettings.open,
+      close = popupSettings.close,
+      itemsCount = popupSettings.itemsCount,
+      appendTo = popupSettings.appendTo;
+    return (
+      // @ts-ignore function children
       h(Popup, {
         ref: 'popup',
         style: {
@@ -130,6 +129,5 @@ var ListContainerVue2 = {
 /**
  * @hidden
  */
-
 var ListContainer = ListContainerVue2;
 export { ListContainer, ListContainerVue2 };

package/dist/esm/common/ListDefaultItem.js

@@ -8,7 +8,6 @@ import { getItemValue } from './utils.js';
 /**
  * @hidden
  */
-
 var ListDefaultItemVue2 = {
   name: 'list-default-item',
   props: {
@@ -35,9 +34,9 @@ var ListDefaultItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        selected = _a.selected,
-        defaultItem = _a.defaultItem,
-        textField = _a.textField;
+      selected = _a.selected,
+      defaultItem = _a.defaultItem,
+      textField = _a.textField;
     return h("div", {
       onClick: this.onClick,
       on: this.v3 ? undefined : {
@@ -57,6 +56,5 @@ var ListDefaultItemVue2 = {
 /**
  * @hidden
  */
-
 var ListDefaultItem = ListDefaultItemVue2;
 export { ListDefaultItem, ListDefaultItemVue2 };

package/dist/esm/common/ListFilter.js

@@ -6,11 +6,10 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { getRef, kendoThemeMaps, setRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
-    roundedMap = kendoThemeMaps.roundedMap;
+  roundedMap = kendoThemeMaps.roundedMap;
 /**
  * @hidden
  */
-
 var ListFilterVue2 = {
   name: 'list-filter',
   // @ts-ignore
@@ -45,11 +44,10 @@ var ListFilterVue2 = {
   computed: {
     spanClass: function spanClass() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          rounded = _b.rounded,
-          fillMode = _b.fillMode;
+        size = _b.size,
+        rounded = _b.rounded,
+        fillMode = _b.fillMode;
       return _a = {
         'k-searchbox k-input': true
       }, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a;
@@ -107,6 +105,5 @@ var ListFilterVue2 = {
 /**
  * @hidden
  */
-
 var ListFilter = ListFilterVue2;
 export { ListFilter, ListFilterVue2 };

package/dist/esm/common/ListItem.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -24,7 +20,6 @@ import { getItemValue } from './utils.js';
 /**
  * @hidden
  */
-
 var ListItemVue2 = {
   name: 'list-item',
   props: {
@@ -100,6 +95,5 @@ var ListItemVue2 = {
 /**
  * @hidden
  */
-
 var ListItem = ListItemVue2;
 export { ListItem, ListItemVue2 };

package/dist/esm/common/SearchBar.js

@@ -8,7 +8,6 @@ import { canUseDOM, getRef, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var SearchBarVue2 = {
   name: 'search-bar',
   // @ts-ignore
@@ -56,22 +55,18 @@ var SearchBarVue2 = {
   },
   updated: function updated() {
     var _a = this.$props,
-        value = _a.value,
-        suggestedText = _a.suggestedText,
-        focused = _a.focused;
-
+      value = _a.value,
+      suggestedText = _a.suggestedText,
+      focused = _a.focused;
     if (!this.input) {
       this.input = this.$refs.input;
     }
-
     var input = this.input;
     var valueChanged = this.$data.prevValue !== value || suggestedText !== this.prevSuggestedText;
     var deleting = valueChanged && this.$data.prevValue && this.$data.prevValue.startsWith(value) && !(this.$data.prevSuggestedText && suggestedText && this.$data.prevSuggestedText.endsWith(suggestedText));
-
     if (focused && input && canUseDOM && document.activeElement !== input) {
       input.focus();
     }
-
     if (suggestedText && valueChanged && !deleting && input) {
       input.setSelectionRange(value.length - suggestedText.length, value.length);
     }
@@ -172,6 +167,5 @@ var SearchBarVue2 = {
 /**
  * @hidden
  */
-
 var SearchBar = SearchBarVue2;
 export { SearchBar, SearchBarVue2 };