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

package/dist/es/AutoComplete/AutoComplete.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { SearchBar } from './../common/SearchBar';
 import { ListContainer } from './../common/ListContainer';
@@ -25,7 +26,7 @@ import { List } from './../common/List';
 import DropDownBase from '../common/DropDownBase';
 import { ClearButton } from '../common/ClearButton';
 import { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils';
-import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
     roundedMap = kendoThemeMaps.roundedMap;
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
@@ -160,8 +161,8 @@ var AutoCompleteVue2 = {
     this.inputId = guid();
   },
   // @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 {
@@ -174,8 +175,8 @@ var AutoCompleteVue2 = {
     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 = getRef(this, 'kendoAnchor', this.anchor);
+    this.element = getRef(this, 'kendoAnchor', this.anchor);
     this.base.didMount();
     this.setValidity();
   },
@@ -491,8 +492,6 @@ var AutoCompleteVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         dir = _b.dir,
@@ -722,9 +721,7 @@ var AutoCompleteVue2 = {
 
     var autoComplete = h("span", {
       "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)),
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this.anchor,
+      ref: setRef(this, 'kendoAnchor', this.anchor),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),

package/dist/es/ComboBox/ComboBox.js

@@ -18,9 +18,10 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import DropDownBase from '../common/DropDownBase';
-import { guid, classNames, Keys, templateRendering, getListeners, getTemplate, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { guid, classNames, Keys, templateRendering, getListeners, getTemplate, kendoThemeMaps, getRef, setRef } from '@progress/kendo-vue-common';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 var sizeMap = kendoThemeMaps.sizeMap,
     roundedMap = kendoThemeMaps.roundedMap;
@@ -198,8 +199,8 @@ var ComboBoxVue2 = {
     this.inputId = 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);
@@ -214,8 +215,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 = getRef(this, 'kendoAnchor', this.anchor);
+    this.element = getRef(this, 'kendoAnchor', this.anchor);
     this.base.didMount();
     this.setValidity();
   },
@@ -716,8 +717,6 @@ var ComboBoxVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         dir = _b.dir,
@@ -972,9 +971,7 @@ var ComboBoxVue2 = {
 
     var combobox = h("span", {
       "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),
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this.anchor,
+      ref: setRef(this, 'kendoAnchor', this.anchor),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),

package/dist/es/DropDownList/DropDownList.js

@@ -18,8 +18,9 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
-import { templateRendering, getListeners, classNames, Keys, guid, noop, getTemplate, kendoThemeMaps, getTabIndex } from '@progress/kendo-vue-common';
+import { templateRendering, getListeners, classNames, Keys, guid, noop, getTemplate, kendoThemeMaps, getTabIndex, setRef, getRef } from '@progress/kendo-vue-common';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 var sizeMap = kendoThemeMaps.sizeMap,
     roundedMap = kendoThemeMaps.roundedMap;
@@ -208,8 +209,8 @@ var DropDownListVue2 = {
     this.inputId = 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);
@@ -222,8 +223,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 = getRef(this, 'select');
+    this.base.wrapper = getRef(this, 'kendoAnchor', this.anchor);
     this.base.didMount();
     this.setValidity();
   },
@@ -715,8 +716,6 @@ var DropDownListVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         style = _b.style,
@@ -770,24 +769,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: setRef(this, 'select'),
+        tabindex: -1,
         "aria-hidden": true,
         title: this.$props.label,
         style: {
@@ -993,9 +987,7 @@ var DropDownListVue2 = {
     }
 
     var dropdownlist = h("span", {
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this.anchor,
+      ref: setRef(this, 'kendoAnchor', this.anchor),
       "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)),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
@@ -1003,8 +995,8 @@ var DropDownListVue2 = {
       dir: dir,
       attrs: this.v3 ? undefined : {
         dir: dir,
-        tabIndex: getTabIndex(tabIndex, disabled),
-        accessKey: this.$props.accessKey,
+        tabindex: getTabIndex(tabIndex, disabled),
+        accesskey: this.$props.accessKey,
         role: 'listbox',
         "aria-disabled": disabled || undefined,
         "aria-haspopup": true,
@@ -1028,8 +1020,8 @@ var DropDownListVue2 = {
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur,
-      tabIndex: getTabIndex(tabIndex, disabled),
-      accessKey: this.$props.accessKey,
+      tabindex: getTabIndex(tabIndex, disabled),
+      accesskey: this.$props.accessKey,
       onKeydown: this.handleKeyDown,
       onKeypress: this.handleKeyPress,
       role: 'listbox',

package/dist/es/MultiSelect/MultiSelect.js

@@ -32,8 +32,9 @@ var __spreadArrays = this && this.__spreadArrays || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
-import { classNames, Keys, guid, templateRendering, getListeners, getTemplate, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { classNames, Keys, guid, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
     roundedMap = kendoThemeMaps.roundedMap;
 import { ListContainer } from '../common/ListContainer';
@@ -197,8 +198,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 {
@@ -323,8 +324,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 = getRef(this, 'kendoAnchor', this.anchor);
+    this.element = getRef(this, 'kendoAnchor', this.anchor);
     this.base.didMount();
     this.searchBarRef();
     this.setValidity();
@@ -890,8 +891,6 @@ var MultiSelectVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         style = _b.style,
@@ -1185,9 +1184,7 @@ var MultiSelectVue2 = {
     };
 
     var component = h("span", {
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this.anchor,
+      ref: setRef(this, 'kendoAnchor', this.anchor),
       "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)),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined

package/dist/es/MultiSelect/TagList.js

@@ -19,6 +19,7 @@ import { getTemplate, kendoThemeMaps } from '@progress/kendo-vue-common';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var preventDefault = function preventDefault(event) {
@@ -88,8 +89,8 @@ var TagListVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/common/ClearButton.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, clear } from '../messages';
@@ -17,8 +18,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,
@@ -42,7 +43,7 @@ var ClearButtonVue2 = {
       role: "button",
       attrs: this.v3 ? undefined : {
         role: "button",
-        tabIndex: -1,
+        tabindex: -1,
         title: title
       },
       onClick: this.onClickHandler,
@@ -51,7 +52,7 @@ var ClearButtonVue2 = {
         "mousedown": this.onMouseDown
       },
       onMousedown: this.onMouseDown,
-      tabIndex: -1,
+      tabindex: -1,
       title: title,
       key: "clearbutton"
     }, [h("span", {

package/dist/es/common/List.js

@@ -2,11 +2,12 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { ListItem } from './ListItem';
 import { areSame } from './utils';
-import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
+import { getTemplate, getDefaultSlots, setRef, getRef } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, nodata } from '../messages';
 /**
@@ -47,8 +48,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 {
@@ -58,7 +59,7 @@ var ListVue2 = {
     };
   },
   mounted: function mounted() {
-    this.list = this.v3 ? this.listRef : this.$refs.list;
+    this.list = getRef(this, 'list');
   },
   methods: {
     handleClick: function handleClick(index, e) {
@@ -70,8 +71,6 @@ var ListVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var localizationService = provideLocalizationService(this);
@@ -162,9 +161,7 @@ var ListVue2 = {
       role: "listbox",
       "aria-hidden": !show ? true : undefined,
       "class": 'k-list-ul',
-      ref: this.v3 ? function (el) {
-        _this.listRef = el;
-      } : 'list',
+      ref: setRef(this, 'list'),
       style: listStyle
     }, [items]), defaultSlot]) : renderNoValueElement.call(this);
   }

package/dist/es/common/ListContainer.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Popup } from '@progress/kendo-vue-popup';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -35,8 +36,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/es/common/ListDefaultItem.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { classNames } from '@progress/kendo-vue-common';
 import { getItemValue } from './utils';
 /**
@@ -16,8 +17,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/es/common/ListFilter.js

@@ -2,8 +2,9 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
-import { kendoThemeMaps } from '@progress/kendo-vue-common';
+import { getRef, kendoThemeMaps, setRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
     roundedMap = kendoThemeMaps.roundedMap;
 /**
@@ -55,8 +56,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,
@@ -72,12 +73,10 @@ var ListFilterVue2 = {
     }
   },
   mounted: function mounted() {
-    this.input = this.v3 ? this.inputRef : this.$refs.input;
+    this.input = getRef(this, 'input');
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     return h("span", {
       "class": "k-list-filter"
@@ -86,9 +85,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: setRef(this, 'input'),
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text"

package/dist/es/common/ListItem.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { classNames, getTemplate } from '@progress/kendo-vue-common';
 import { getItemValue } from './utils';
 /**
@@ -36,8 +37,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/es/common/SearchBar.js

@@ -2,8 +2,9 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
-import { canUseDOM } from '@progress/kendo-vue-common';
+import { canUseDOM, getRef, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -76,8 +77,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,
@@ -85,7 +86,7 @@ var SearchBarVue2 = {
     };
   },
   mounted: function mounted() {
-    this.input = this.v3 ? this.inputRef : this.$refs.input;
+    this.input = getRef(this, 'input');
   },
   methods: {
     onChange: function onChange(e) {
@@ -106,24 +107,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,
@@ -136,8 +135,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,
@@ -152,15 +151,13 @@ var SearchBarVue2 = {
         "focusin": this.onFocus,
         "blur": this.onBlur
       },
-      ref: this.v3 ? function (el) {
-        _this.inputRef = el;
-      } : 'input',
+      ref: 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/es/package-metadata.js

@@ -5,7 +5,7 @@ export var 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/dist/npm/AutoComplete/AutoComplete.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 SearchBar_1 = require("./../common/SearchBar");
@@ -175,8 +176,8 @@ var AutoCompleteVue2 = {
     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 kendoAnchorRef = ref(null);
     return {
@@ -189,8 +190,8 @@ var AutoCompleteVue2 = {
     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();
   },
@@ -506,8 +507,6 @@ var AutoCompleteVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
         dir = _b.dir,
@@ -737,9 +736,7 @@ 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: 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
       }),