@progress/kendo-vue-dropdowns 3.4.0 → 3.4.2-dev.202207070519

package/dist/npm/ComboBox/ComboBox.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var DropDownBase_1 = require("../common/DropDownBase");
@@ -215,8 +216,8 @@ var ComboBoxVue2 = {
     this.inputId = kendo_vue_common_1.guid();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     var elementRef = ref(null);
     var kendoAnchorRef = ref(null);
@@ -231,8 +232,8 @@ var ComboBoxVue2 = {
     this.hasMounted = true; // @ts-ignore
 
     this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;
-    this.base.wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];
-    this.element = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];
+    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.didMount();
     this.setValidity();
   },
@@ -733,8 +734,6 @@ var ComboBoxVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         dir = _b.dir,
@@ -989,9 +988,7 @@ var ComboBoxVue2 = {
 
     var combobox = h("span", {
       "class": kendo_vue_common_1.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),
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this.anchor,
+      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),

package/dist/npm/DropDownList/DropDownList.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -225,8 +226,8 @@ var DropDownListVue2 = {
     this.inputId = kendo_vue_common_1.guid();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var selectRef = ref(null);
     var baseWrapperRef = ref(null);
     var kendoAnchorRef = ref(null);
@@ -239,8 +240,8 @@ var DropDownListVue2 = {
   },
   mounted: function mounted() {
     this.hasMounted = true;
-    this.select = this.v3 ? this.selectRef : this.$refs.select;
-    this.base.wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];
+    this.select = kendo_vue_common_1.getRef(this, 'select');
+    this.base.wrapper = kendo_vue_common_1.getRef(this, 'kendoAnchor', this.anchor);
     this.base.didMount();
     this.setValidity();
   },
@@ -732,8 +733,6 @@ var DropDownListVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         style = _b.style,
@@ -787,24 +786,19 @@ var DropDownListVue2 = {
     });
 
     var dummySelect = function dummySelect(cvalue) {
-      var _this = this;
       /* Dummy component to support forms */
-
-
       return h("select", {
         name: this.$props.name,
         attrs: this.v3 ? undefined : {
           name: this.$props.name,
           id: id,
-          tabIndex: -1,
+          tabindex: -1,
           "aria-hidden": true,
           title: this.$props.label
         },
         id: id,
-        ref: this.v3 ? function (el) {
-          _this.selectRef = el;
-        } : 'select',
-        tabIndex: -1,
+        ref: kendo_vue_common_1.setRef(this, 'select'),
+        tabindex: -1,
         "aria-hidden": true,
         title: this.$props.label,
         style: {
@@ -1010,9 +1004,7 @@ var DropDownListVue2 = {
     }
 
     var dropdownlist = h("span", {
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this.anchor,
+      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
       "class": kendo_vue_common_1.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)),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
@@ -1020,8 +1012,8 @@ var DropDownListVue2 = {
       dir: dir,
       attrs: this.v3 ? undefined : {
         dir: dir,
-        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
-        accessKey: this.$props.accessKey,
+        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        accesskey: this.$props.accessKey,
         role: 'listbox',
         "aria-disabled": disabled || undefined,
         "aria-haspopup": true,
@@ -1045,8 +1037,8 @@ var DropDownListVue2 = {
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur,
-      tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
-      accessKey: this.$props.accessKey,
+      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+      accesskey: this.$props.accessKey,
       onKeydown: this.handleKeyDown,
       onKeypress: this.handleKeyPress,
       role: 'listbox',

package/dist/npm/MultiSelect/MultiSelect.js

@@ -39,6 +39,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -215,8 +216,8 @@ var MultiSelectVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     var kendoAnchorRef = ref(null);
     return {
@@ -341,8 +342,8 @@ var MultiSelectVue2 = {
     this.hasMounted = true; // @ts-ignore
 
     this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;
-    this.base.wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];
-    this.element = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];
+    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.didMount();
     this.searchBarRef();
     this.setValidity();
@@ -908,8 +909,6 @@ var MultiSelectVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         style = _b.style,
@@ -1203,9 +1202,7 @@ var MultiSelectVue2 = {
     };
 
     var component = h("span", {
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this.anchor,
+      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
       "class": kendo_vue_common_1.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)),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined

package/dist/npm/MultiSelect/TagList.js

@@ -27,6 +27,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var preventDefault = function preventDefault(event) {
@@ -96,8 +97,8 @@ var TagListVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/common/ClearButton.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
@@ -27,8 +28,8 @@ var ClearButtonVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,
@@ -52,7 +53,7 @@ var ClearButtonVue2 = {
       role: "button",
       attrs: this.v3 ? undefined : {
         role: "button",
-        tabIndex: -1,
+        tabindex: -1,
         title: title
       },
       onClick: this.onClickHandler,
@@ -61,7 +62,7 @@ var ClearButtonVue2 = {
         "mousedown": this.onMouseDown
       },
       onMousedown: this.onMouseDown,
-      tabIndex: -1,
+      tabindex: -1,
       title: title,
       key: "clearbutton"
     }, [h("span", {

package/dist/npm/common/List.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 
@@ -60,8 +61,8 @@ var ListVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var listRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -71,7 +72,7 @@ var ListVue2 = {
     };
   },
   mounted: function mounted() {
-    this.list = this.v3 ? this.listRef : this.$refs.list;
+    this.list = kendo_vue_common_1.getRef(this, 'list');
   },
   methods: {
     handleClick: function handleClick(index, e) {
@@ -83,8 +84,6 @@ var ListVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
@@ -175,9 +174,7 @@ var ListVue2 = {
       role: "listbox",
       "aria-hidden": !show ? true : undefined,
       "class": 'k-list-ul',
-      ref: this.v3 ? function (el) {
-        _this.listRef = el;
-      } : 'list',
+      ref: kendo_vue_common_1.setRef(this, 'list'),
       style: listStyle
     }, [items]), defaultSlot]) : renderNoValueElement.call(this);
   }

package/dist/npm/common/ListContainer.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
 
@@ -45,8 +46,8 @@ var ListContainerVue2 = {
     this.kendoAnchorRef = undefined;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/common/ListDefaultItem.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -26,8 +27,8 @@ var ListDefaultItemVue2 = {
     selected: Boolean
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/common/ListFilter.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -64,8 +65,8 @@ var ListFilterVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     return {
       v3: v3,
@@ -81,12 +82,10 @@ var ListFilterVue2 = {
     }
   },
   mounted: function mounted() {
-    this.input = this.v3 ? this.inputRef : this.$refs.input;
+    this.input = kendo_vue_common_1.getRef(this, 'input');
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     return h("span", {
       "class": "k-list-filter"
@@ -95,9 +94,7 @@ var ListFilterVue2 = {
     }, [h("span", {
       "class": "k-input-icon k-icon k-i-search"
     }), h("input", {
-      ref: this.v3 ? function (el) {
-        _this.inputRef = el;
-      } : 'input',
+      ref: kendo_vue_common_1.setRef(this, 'input'),
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text"

package/dist/npm/common/ListItem.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -46,8 +47,8 @@ var ListItemVue2 = {
     render: Object
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/common/SearchBar.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -85,8 +86,8 @@ var SearchBarVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     return {
       v3: v3,
@@ -94,7 +95,7 @@ var SearchBarVue2 = {
     };
   },
   mounted: function mounted() {
-    this.input = this.v3 ? this.inputRef : this.$refs.input;
+    this.input = kendo_vue_common_1.getRef(this, 'input');
   },
   methods: {
     onChange: function onChange(e) {
@@ -115,24 +116,22 @@ var SearchBarVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     return h("input", {
-      autoComplete: "off",
+      autocomplete: "off",
       attrs: this.v3 ? undefined : {
-        autoComplete: "off",
+        autocomplete: "off",
         id: this.$props.id,
         type: "text",
         placeholder: this.$props.placeholder,
-        tabIndex: this.$props.tabIndex,
-        accessKey: this.$props.accessKey,
+        tabindex: this.$props.tabIndex,
+        accesskey: this.$props.accessKey,
         role: "listbox",
         name: this.$props.name,
         size: this.$props.size ? this.$props.size : 20,
         "aria-disabled": this.$props.disabled || undefined,
         disabled: this.$props.disabled || undefined,
-        readOnly: this.$props.readOnly || undefined,
+        readonly: this.$props.readOnly || undefined,
         "aria-haspopup": "listbox",
         "aria-expanded": this.$props.expanded || false,
         "aria-owns": this.$props.owns,
@@ -145,8 +144,8 @@ var SearchBarVue2 = {
       key: "searchbar",
       placeholder: this.$props.placeholder,
       "class": "k-input-inner",
-      tabIndex: this.$props.tabIndex,
-      accessKey: this.$props.accessKey,
+      tabindex: this.$props.tabIndex,
+      accesskey: this.$props.accessKey,
       role: "listbox",
       name: this.$props.name,
       value: this.v3 ? this.$props.value : null,
@@ -161,15 +160,13 @@ var SearchBarVue2 = {
         "focusin": this.onFocus,
         "blur": this.onBlur
       },
-      ref: this.v3 ? function (el) {
-        _this.inputRef = el;
-      } : 'input',
+      ref: kendo_vue_common_1.setRef(this, 'input'),
       onKeydown: this.onKeyDown,
       onFocusin: this.onFocus,
       onBlur: this.onBlur,
       "aria-disabled": this.$props.disabled || undefined,
       disabled: this.$props.disabled || undefined,
-      readOnly: this.$props.readOnly || undefined,
+      readonly: this.$props.readOnly || undefined,
       "aria-haspopup": "listbox",
       "aria-expanded": this.$props.expanded || false,
       "aria-owns": this.$props.owns,

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1655871640,
+    publishDate: 1657170599,
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dropdowns",
   "description": "Kendo UI for Vue Dropdowns package",
-  "version": "3.4.0",
+  "version": "3.4.2-dev.202207070519",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,14 +43,14 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.4.0",
-    "@progress/kendo-vue-common": "3.4.0",
-    "@progress/kendo-vue-popup": "3.4.0"
+    "@progress/kendo-vue-buttons": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-common": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-popup": "3.4.2-dev.202207070519"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-intl": "3.4.0"
+    "@progress/kendo-vue-intl": "3.4.2-dev.202207070519"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",