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

package/dist/npm/MultiSelect/TagList.js

@@ -4,46 +4,35 @@ var __assign = undefined && undefined.__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);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TagListVue2 = exports.TagList = void 0; // @ts-ignore
-
+exports.TagListVue2 = exports.TagList = void 0;
+// @ts-ignore
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var kendo_vue_buttons_1 = require("@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: {
@@ -77,10 +66,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
@@ -102,12 +90,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",
@@ -118,7 +106,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(kendo_vue_buttons_1.Chip, {
         id: uniqueId,
@@ -177,6 +164,5 @@ exports.TagListVue2 = TagListVue2;
 /**
  * @hidden
  */
-
 var TagList = TagListVue2;
 exports.TagList = TagList;

package/dist/npm/common/ClearButton.js

@@ -3,23 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ClearButtonVue2 = exports.ClearButton = void 0; // @ts-ignore
-
+exports.ClearButtonVue2 = exports.ClearButton = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_1 = require("../messages/main");
 /**
  * @hidden
  */
-
-
 var ClearButtonVue2 = {
   name: 'clear-button',
   inject: {
@@ -74,6 +69,5 @@ exports.ClearButtonVue2 = ClearButtonVue2;
 /**
  * @hidden
  */
-
 var ClearButton = ClearButtonVue2;
 exports.ClearButton = ClearButton;

package/dist/npm/common/DropDownBase.js

@@ -4,78 +4,54 @@ var __assign = undefined && undefined.__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);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var VirtualScroll_1 = require("./VirtualScroll");
-
 var Navigation_1 = require("./Navigation");
-
 var utils_1 = require("./utils");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
 /**
  * @hidden
  */
-
-
-var DropDownBase =
-/** @class */
-function () {
+var DropDownBase = /** @class */function () {
   function DropDownBase(component) {
     var _this = this;
-
     this.vs = new VirtualScroll_1.default();
     this.navigation = new Navigation_1.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',
@@ -86,22 +62,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'
@@ -110,54 +83,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);
     };
-
     (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.listBoxId = (0, kendo_vue_common_1.guid)();
     this.guid = (0, kendo_vue_common_1.guid)();
@@ -165,7 +125,6 @@ function () {
     this.vs.PageChange = this.pageChange;
     this.vs.ScrollChange = this.scrollChange;
   }
-
   DropDownBase.prototype.didMount = function () {
     // @ts-ignore
     var props = this.component.$props;
@@ -173,64 +132,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;
         (0, utils_1.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: {},
@@ -239,17 +186,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,
@@ -264,29 +208,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',
@@ -298,16 +236,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 && (0, utils_1.areSame)(item, dataItems[0], dataItemKey)) {
         this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
@@ -316,7 +252,6 @@ function () {
       }
     }
   };
-
   DropDownBase.defaultProps = {
     popupSettings: {
       animate: true,
@@ -327,5 +262,4 @@ function () {
   };
   return DropDownBase;
 }();
-
 exports.default = DropDownBase;

package/dist/npm/common/List.js

@@ -3,30 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListVue2 = exports.List = void 0; // @ts-ignore
-
+exports.ListVue2 = exports.List = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-
 var ListItem_1 = require("./ListItem");
-
 var utils_1 = require("./utils");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_1 = require("../messages/main");
 /**
  * @hidden
  */
-
-
 var ListVue2 = {
   name: 'list',
   // @ts-ignore
@@ -88,13 +80,12 @@ var ListVue2 = {
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var localizationService = (0, kendo_vue_intl_1.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", {
@@ -106,25 +97,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 && (0, utils_1.areSame)(item, value, valueField) || isArray && value.findIndex(function (i) {
           return (0, utils_1.areSame)(i, item, valueField);
         }) !== -1);
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(ListItem_1.ListItem, {
             id: "option-".concat(optionsGuid, "-").concat(realIndex),
             attrs: this.v3 ? undefined : {
@@ -151,7 +142,6 @@ var ListVue2 = {
         );
       }, this);
     };
-
     var items = renderItems.call(this);
     return items.length ? h("div", {
       "class": wrapperCssClass,
@@ -185,6 +175,5 @@ exports.ListVue2 = ListVue2;
 /**
  * @hidden
  */
-
 var List = ListVue2;
 exports.List = List;

package/dist/npm/common/ListContainer.js

@@ -3,22 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListContainerVue2 = exports.ListContainer = void 0; // @ts-ignore
-
+exports.ListContainerVue2 = exports.ListContainer = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var ListContainerVue2 = {
   name: 'list-container',
   // @ts-ignore
@@ -69,26 +64,26 @@ var ListContainerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.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(kendo_vue_popup_1.Popup, {
         ref: 'popup',
         style: {
@@ -141,6 +136,5 @@ exports.ListContainerVue2 = ListContainerVue2;
 /**
  * @hidden
  */
-
 var ListContainer = ListContainerVue2;
 exports.ListContainer = ListContainer;

package/dist/npm/common/ListDefaultItem.js

@@ -3,22 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListDefaultItemVue2 = exports.ListDefaultItem = void 0; // @ts-ignore
-
+exports.ListDefaultItemVue2 = exports.ListDefaultItem = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var utils_1 = require("./utils");
 /**
  * @hidden
  */
-
-
 var ListDefaultItemVue2 = {
   name: 'list-default-item',
   props: {
@@ -45,9 +40,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 : {
@@ -68,6 +63,5 @@ exports.ListDefaultItemVue2 = ListDefaultItemVue2;
 /**
  * @hidden
  */
-
 var ListDefaultItem = ListDefaultItemVue2;
 exports.ListDefaultItem = ListDefaultItem;