@progress/kendo-vue-upload 3.4.1 → 3.4.2-dev.202207070519

package/dist/es/ExternalDropZone.js

@@ -2,9 +2,10 @@
 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 { classNames, getListeners, getTabIndex, getTemplate, templateRendering, validatePackage } from '@progress/kendo-vue-common';
+import { classNames, getListeners, getTabIndex, getTemplate, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
 import { dropZoneHint, dropZoneNote, messages } from './messages';
 import { packageMetadata } from './package-metadata';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -92,8 +93,8 @@ var ExternalDropZoneVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var externalDropZoneRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -103,8 +104,6 @@ var ExternalDropZoneVue2 = {
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
         customNote = _a.customNote,
@@ -129,19 +128,17 @@ var ExternalDropZoneVue2 = {
       defaultRendering: noteElementDefaultRendering
     });
     return h("div", {
-      ref: this.v3 ? function (el) {
-        _this.externalDropZoneRef = el;
-      } : 'externalDropZone',
+      ref: setRef(this, 'externalDropZone'),
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
-        tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
+        tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
       },
       "class": classNames('k-external-dropzone', {
         'k-external-dropzone-hover': this.overDropZone,
         'k-state-disabled': this.$props.disabled
       }, this.$props.className),
-      tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+      tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
       onDrop: this.handleOnDrop,
       on: this.v3 ? undefined : {
         "drop": this.handleOnDrop,

package/dist/es/Upload.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 { getListeners, getTabIndex, templateRendering, validatePackage } from '@progress/kendo-vue-common';
 import { UploadFileStatus } from './interfaces/UploadFileStatus';
@@ -689,8 +690,8 @@ var UploadVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/UploadActionButtons.js

@@ -2,6 +2,7 @@
 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 { classNames } from '@progress/kendo-vue-common';
@@ -36,8 +37,8 @@ var UploadActionButtonsVue2 = {
     this._prevNavigationIndex = undefined;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var uploadElementRef = ref(null);
     var clearElementRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});

package/dist/es/UploadAddButton.js

@@ -2,9 +2,10 @@
 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 { classNames } from '@progress/kendo-vue-common';
+import { classNames, setRef } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, select } from './messages';
 import { UploadInput } from './UploadInput';
@@ -38,8 +39,8 @@ var UploadAddButtonVue2 = {
     'click': null
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var elementRef = ref(null);
     var uploadInputRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
@@ -119,17 +120,15 @@ var UploadAddButtonVue2 = {
         "aria-label": selectMessage,
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": ariaDescribedBy,
-        tabIndex: tabIndex
+        tabindex: tabIndex
       },
-      ref: this.v3 ? function (el) {
-        _this.elementRef = el;
-      } : 'element',
+      ref: setRef(this, 'element'),
       role: "button",
       "class": buttonClassName,
       "aria-label": selectMessage,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
-      tabIndex: tabIndex,
+      tabindex: tabIndex,
       onClick: this.onClick,
       on: this.v3 ? undefined : {
         "click": this.onClick

package/dist/es/UploadDropZone.js

@@ -2,6 +2,7 @@
 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 { classNames } from '@progress/kendo-vue-common';
@@ -80,7 +81,7 @@ var UploadDropZoneVue2 = {
     document.addEventListener('dragenter', this.onDocumentDragEnter);
     document.addEventListener('dragover', this.onDocumentDragOver);
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     document.removeEventListener('dragenter', this.onDocumentDragEnter);
     document.removeEventListener('dragover', this.onDocumentDragOver);
   },
@@ -90,8 +91,8 @@ var UploadDropZoneVue2 = {
     document.removeEventListener('dragover', this.onDocumentDragOver);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var uploadAddButtonRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {

package/dist/es/UploadInput.js

@@ -1,7 +1,9 @@
 // @ts-ignore
+import { setRef } 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 CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
 var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
@@ -64,8 +66,8 @@ var UploadInputVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     return {
       v3: v3,
@@ -73,8 +75,6 @@ var UploadInputVue2 = {
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
         multiple = _a.multiple,
@@ -82,23 +82,21 @@ var UploadInputVue2 = {
         disabled = _a.disabled,
         accept = _a.accept;
     return h("input", {
-      ref: this.v3 ? function (el) {
-        _this.inputRef = el;
-      } : 'input',
-      autoComplete: 'off',
+      ref: setRef(this, 'input'),
+      autocomplete: 'off',
       attrs: this.v3 ? undefined : {
-        autoComplete: 'off',
+        autocomplete: 'off',
         name: async.saveField,
         accept: accept,
         type: 'file',
-        tabIndex: -1,
+        tabindex: -1,
         multiple: multiple,
         disabled: disabled
       },
       name: async.saveField,
       accept: accept,
       type: 'file',
-      tabIndex: -1,
+      tabindex: -1,
       multiple: multiple,
       disabled: disabled,
       onChange: this.onAdd,

package/dist/es/UploadList.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { classNames } from '@progress/kendo-vue-common';
 import { UploadListGroup } from './UploadListGroup';
@@ -43,8 +44,8 @@ var UploadListVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/UploadListActionButton.js

@@ -2,6 +2,7 @@
 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 { classNames } from '@progress/kendo-vue-common';
@@ -93,8 +94,8 @@ var UploadListActionButtonVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,
@@ -120,9 +121,9 @@ var UploadListActionButtonVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        tabIndex: -1
+        tabindex: -1
       },
-      tabIndex: -1,
+      tabindex: -1,
       "class": this.buttonClassNames('retry'),
       onFocus: this.onRetryFocus,
       on: this.v3 ? undefined : {
@@ -144,9 +145,9 @@ var UploadListActionButtonVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        tabIndex: -1
+        tabindex: -1
       },
-      tabIndex: -1,
+      tabindex: -1,
       "class": this.buttonClassNames('action'),
       onFocus: this.onActionFocus,
       on: this.v3 ? undefined : {

package/dist/es/UploadListGroup.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, classNames, getTemplate } from '@progress/kendo-vue-common';
+import { canUseDOM, classNames, getTemplate, setRef } from '@progress/kendo-vue-common';
 import { UploadFileStatus } from './interfaces/UploadFileStatus';
 import { UploadListSingleItem } from './UploadListSingleItem';
 import { UploadListMultiItem } from './UploadListMultiItem';
@@ -56,8 +57,8 @@ var UploadListGroupVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var elementRef = ref(null);
     return {
       v3: v3,
@@ -65,8 +66,6 @@ var UploadListGroupVue2 = {
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
         files = _a.files,
@@ -128,16 +127,14 @@ var UploadListGroupVue2 = {
       }
     });
     return h("li", {
-      ref: this.v3 ? function (el) {
-        _this.elementRef = el;
-      } : 'element',
+      ref: setRef(this, 'element'),
       "class": liClassName,
       "data-uid": firstFile.uid,
       attrs: this.v3 ? undefined : {
         "data-uid": firstFile.uid,
-        tabIndex: -1
+        tabindex: -1
       },
-      tabIndex: -1,
+      tabindex: -1,
       onClick: this.onClick,
       on: this.v3 ? undefined : {
         "click": this.onClick

package/dist/es/UploadListMultiItem.js

@@ -2,6 +2,7 @@
 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 { classNames } from '@progress/kendo-vue-common';
@@ -62,8 +63,8 @@ var UploadListMultiItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,

package/dist/es/UploadListSingleItem.js

@@ -2,6 +2,7 @@
 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 { classNames } from '@progress/kendo-vue-common';
@@ -114,8 +115,8 @@ var UploadListSingleItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,

package/dist/es/UploadNavigation.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { Keys } from '@progress/kendo-vue-common';
 import { UploadUI } from './UploadUI';
@@ -249,8 +250,8 @@ var UploadNavigationVue2 = {
     this._uploadUI = this.v3 ? this.uploadUIRef : this.$refs.uploadUI;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var uploadUIRef = ref(null);
     return {
       v3: v3,

package/dist/es/UploadStatus.js

@@ -2,6 +2,7 @@
 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 { classNames } from '@progress/kendo-vue-common';
@@ -23,8 +24,8 @@ var UploadStatusVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,

package/dist/es/UploadUI.d.ts

@@ -40,7 +40,7 @@ export interface UploadUIMethods {
     onClear?: () => void;
     onFocus?: (event: any) => void;
     onBlur?: (event: any) => void;
-    onKeyDown?: (event: KeyboardEvent, isRtl: boolean) => void;
+    onKeyDown?: (event: KeyboardEvent, isRtl?: boolean) => void;
     onClick?: (navIndex: number | undefined) => void;
 }
 /**

package/dist/es/UploadUI.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 { classNames } from '@progress/kendo-vue-common';
+import { classNames, setRef } from '@progress/kendo-vue-common';
 import { UploadList } from './UploadList';
 import { UploadActionButtons } from './UploadActionButtons';
 import { UploadDropZone } from './UploadDropZone';
@@ -128,8 +129,8 @@ var UploadUIVue2 = {
     this.uploadDropZone = this.v3 ? this.uploadDropZoneRef : this.$refs.uploadDropZone;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var containerRef = ref(null);
     var uploadDropZoneRef = ref(null);
     return {
@@ -160,9 +161,7 @@ var UploadUIVue2 = {
         async = _a.async;
     var className = classNames('k-widget', 'k-upload', this.$props.className, disabled ? 'k-state-disabled' : '');
     return h("div", {
-      ref: this.v3 ? function (el) {
-        _this.containerRef = el;
-      } : 'container',
+      ref: setRef(this, 'container'),
       "class": className,
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-upload',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1656415743,
+    publishDate: 1657171023,
     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/ExternalDropZone.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;
 
@@ -104,8 +105,8 @@ var ExternalDropZoneVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var externalDropZoneRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -115,8 +116,6 @@ var ExternalDropZoneVue2 = {
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
         customNote = _a.customNote,
@@ -141,19 +140,17 @@ var ExternalDropZoneVue2 = {
       defaultRendering: noteElementDefaultRendering
     });
     return h("div", {
-      ref: this.v3 ? function (el) {
-        _this.externalDropZoneRef = el;
-      } : 'externalDropZone',
+      ref: kendo_vue_common_1.setRef(this, 'externalDropZone'),
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
-        tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
+        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
       },
       "class": kendo_vue_common_1.classNames('k-external-dropzone', {
         'k-external-dropzone-hover': this.overDropZone,
         'k-state-disabled': this.$props.disabled
       }, this.$props.className),
-      tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
       onDrop: this.handleOnDrop,
       on: this.v3 ? undefined : {
         "drop": this.handleOnDrop,

package/dist/npm/Upload.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");
@@ -706,8 +707,8 @@ var UploadVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/UploadActionButtons.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;
 
@@ -48,8 +49,8 @@ var UploadActionButtonsVue2 = {
     this._prevNavigationIndex = undefined;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var uploadElementRef = ref(null);
     var clearElementRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});

package/dist/npm/UploadAddButton.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;
 
@@ -50,8 +51,8 @@ var UploadAddButtonVue2 = {
     'click': null
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var elementRef = ref(null);
     var uploadInputRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
@@ -131,17 +132,15 @@ var UploadAddButtonVue2 = {
         "aria-label": selectMessage,
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": ariaDescribedBy,
-        tabIndex: tabIndex
+        tabindex: tabIndex
       },
-      ref: this.v3 ? function (el) {
-        _this.elementRef = el;
-      } : 'element',
+      ref: kendo_vue_common_1.setRef(this, 'element'),
       role: "button",
       "class": buttonClassName,
       "aria-label": selectMessage,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
-      tabIndex: tabIndex,
+      tabindex: tabIndex,
       onClick: this.onClick,
       on: this.v3 ? undefined : {
         "click": this.onClick

package/dist/npm/UploadDropZone.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;
 
@@ -94,7 +95,7 @@ var UploadDropZoneVue2 = {
     document.addEventListener('dragenter', this.onDocumentDragEnter);
     document.addEventListener('dragover', this.onDocumentDragOver);
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     document.removeEventListener('dragenter', this.onDocumentDragEnter);
     document.removeEventListener('dragover', this.onDocumentDragOver);
   },
@@ -104,8 +105,8 @@ var UploadDropZoneVue2 = {
     document.removeEventListener('dragover', this.onDocumentDragOver);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var uploadAddButtonRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {