@progress/kendo-vue-upload 3.7.4-dev.202211301436 → 3.7.4-dev.202212300853

package/dist/es/ExternalDropZone.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-import { classNames, getListeners, getTabIndex, getTemplate, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
+import { classNames, getListeners, getTabIndex, getTemplate, Icon, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
 import { dropZoneHint, dropZoneNote, messages } from './messages/main';
 import { packageMetadata } from './package-metadata';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -144,8 +144,11 @@ var ExternalDropZoneVue2 = {
     }, [h("div", {
       style: this.$props.innerStyle,
       "class": 'k-dropzone-inner'
-    }, [h("span", {
-      "class": 'k-icon k-i-upload'
+    }, [h(Icon, {
+      name: 'upload',
+      attrs: this.v3 ? undefined : {
+        name: 'upload'
+      }
     }), h("span", {
       "class": 'k-dropzone-hint'
     }, [hintElement]), h("span", {

package/dist/es/Upload.js

@@ -132,6 +132,7 @@ var UploadVue2 = {
         };
       }
     },
+    validateFile: Function,
     files: Array,
     defaultFiles: Array
   },
@@ -331,7 +332,7 @@ var UploadVue2 = {
       var selectedFiles = utils.getAllFileInfo(files);
       var newState;
       selectedFiles = utils.assignGuidToFiles(selectedFiles, this.computedAsync.batch);
-      validationUtils.validateFiles(selectedFiles, this.$props.restrictions);
+      validationUtils.validateFiles(selectedFiles, this.$props.restrictions, this.validateFile);
       if (!this.$props.multiple) {
         newState = [];
       } else {

package/dist/es/UploadAddButton.d.ts

@@ -17,8 +17,6 @@ export interface UploadAddButtonProps {
     disabled?: boolean;
     accept?: string;
     id?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
 }
 /**
  * @hidden

package/dist/es/UploadAddButton.js

@@ -23,9 +23,7 @@ var UploadAddButtonVue2 = {
     multiple: Boolean,
     disabled: Boolean,
     accept: String,
-    id: String,
-    ariaLabelledBy: String,
-    ariaDescribedBy: String
+    id: String
   },
   inject: {
     kendoLocalizationService: {
@@ -100,8 +98,6 @@ var UploadAddButtonVue2 = {
       addButtonIndex = _a.addButtonIndex,
       tabIndex = _a.tabIndex,
       id = _a.id,
-      ariaLabelledBy = _a.ariaLabelledBy,
-      ariaDescribedBy = _a.ariaDescribedBy,
       async = _a.async,
       multiple = _a.multiple,
       disabled = _a.disabled,
@@ -113,18 +109,10 @@ var UploadAddButtonVue2 = {
       id: id,
       attrs: this.v3 ? undefined : {
         id: id,
-        role: "button",
-        "aria-label": selectMessage,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": ariaDescribedBy,
         tabindex: tabIndex
       },
       ref: setRef(this, 'element'),
-      role: "button",
       "class": buttonClassName,
-      "aria-label": selectMessage,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
       tabindex: tabIndex,
       onClick: this.onClick,
       on: this.v3 ? undefined : {

package/dist/es/UploadInput.d.ts

@@ -12,6 +12,9 @@ export interface UploadInputProps {
     multiple?: boolean;
     disabled?: boolean;
     accept?: string;
+    hasFiles?: boolean;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
 }
 /**
  * @hidden

package/dist/es/UploadInput.js

@@ -1,10 +1,12 @@
 // @ts-ignore
 import { setRef } from '@progress/kendo-vue-common';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
+import { selectTitle, selectNoFilesTitle, select, messages } from './messages/main';
 var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
 var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
 /**
@@ -25,6 +27,18 @@ var UploadInputVue2 = {
     accept: {
       type: String,
       default: undefined
+    },
+    hasFiles: {
+      type: Boolean,
+      default: false
+    },
+    ariaLabelledBy: {
+      type: String,
+      default: undefined
+    },
+    ariaDescribedBy: {
+      type: String,
+      default: undefined
     }
   },
   // @ts-ignore
@@ -32,6 +46,11 @@ var UploadInputVue2 = {
     'mousedown': null,
     'add': null
   },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
   mounted: function mounted() {
     this._input = this.v3 ? this.inputRef : this.$refs.input;
   },
@@ -76,7 +95,14 @@ var UploadInputVue2 = {
       multiple = _a.multiple,
       async = _a.async,
       disabled = _a.disabled,
-      accept = _a.accept;
+      accept = _a.accept,
+      hasFiles = _a.hasFiles,
+      ariaLabelledBy = _a.ariaLabelledBy,
+      ariaDescribedBy = _a.ariaDescribedBy;
+    var localizationService = provideLocalizationService(this);
+    var message = hasFiles ? selectTitle : selectNoFilesTitle;
+    var selectMessage = localizationService.toLanguageString(message, messages[message]);
+    var selectLabel = localizationService.toLanguageString(select, messages[select]);
     return h("input", {
       ref: setRef(this, 'input'),
       autocomplete: 'off',
@@ -87,7 +113,11 @@ var UploadInputVue2 = {
         type: 'file',
         tabindex: -1,
         multiple: multiple,
-        disabled: disabled
+        disabled: disabled,
+        title: selectMessage,
+        "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy
       },
       name: async.saveField,
       accept: accept,
@@ -100,7 +130,11 @@ var UploadInputVue2 = {
         "change": this.onAdd,
         "mousedown": this.onMouseDown
       },
-      onMousedown: this.onMouseDown
+      onMousedown: this.onMouseDown,
+      title: selectMessage,
+      "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy
     });
   }
 };

package/dist/es/interfaces/UploadProps.d.ts

@@ -68,6 +68,10 @@ export interface UploadProps extends UploadAsyncProps {
      * Sets the restrictions for the selected files ([see example]({% slug filerestrictions_upload %})).
      */
     restrictions?: UploadFileRestrictions;
+    /**
+     * Sets the custom restrictions for the selected files ([see example]({% slug filerestrictions_upload %})).
+     */
+    validateFile?: (file: UploadFileInfo) => void;
     /**
      * The list of files which are displayed when the Upload is in controlled mode
      * ([see example]({% slug controleduncontroled_upload %})).

package/dist/es/main.d.ts

@@ -21,5 +21,6 @@ import { UploadListItemProps } from './interfaces/UploadListItemProps';
 import { UploadProps } from './interfaces/UploadProps';
 import { UploadOnCancelEvent } from './interfaces/UploadOnCancelEvent';
 import { UploadActionsLayout } from './interfaces/UploadActionsLayout';
+import { messages } from './messages/main';
 import { ExternalDropZone, ExternalDropZoneVue2 } from './ExternalDropZone';
-export { UploadUI, UploadUIVue2, UploadUIProps, UploadFileRestrictions, Upload, UploadVue2, UploadProps, UploadOnAddEvent, UploadOnBeforeRemoveEvent, UploadOnBeforeUploadEvent, UploadOnProgressEvent, UploadOnRemoveEvent, UploadOnStatusChangeEvent, UploadOnCancelEvent, UploadResponse, UploadFileStatus, UploadAdditionalData, UploadAsyncProps, UploadFileInfo, UploadHttpHeaders, UploadListItemProps, UploadActionsLayout, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils };
+export { UploadUI, UploadUIVue2, UploadUIProps, UploadFileRestrictions, Upload, UploadVue2, UploadProps, UploadOnAddEvent, UploadOnBeforeRemoveEvent, UploadOnBeforeUploadEvent, UploadOnProgressEvent, UploadOnRemoveEvent, UploadOnStatusChangeEvent, UploadOnCancelEvent, UploadResponse, UploadFileStatus, UploadAdditionalData, UploadAsyncProps, UploadFileInfo, UploadHttpHeaders, UploadListItemProps, UploadActionsLayout, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils, messages };

package/dist/es/main.js

@@ -5,5 +5,6 @@ import { UploadListMultiItem, UploadListMultiItemVue2 } from './UploadListMultiI
 import utils from './utils/utils';
 import { UploadListActionButton, UploadListActionButtonVue2 } from './UploadListActionButton';
 import { UploadFileStatus } from './interfaces/UploadFileStatus';
+import { messages } from './messages/main';
 import { ExternalDropZone, ExternalDropZoneVue2 } from './ExternalDropZone';
-export { UploadUI, UploadUIVue2, Upload, UploadVue2, UploadFileStatus, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils };
+export { UploadUI, UploadUIVue2, Upload, UploadVue2, UploadFileStatus, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils, messages };

package/dist/es/messages/main.d.ts

@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
  * @hidden
  */
 export declare const select = "upload.select";
+/**
+ * @hidden
+ */
+export declare const selectTitle = "upload.selectTitle";
+/**
+ * @hidden
+ */
+export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
 /**
  * @hidden
  */
@@ -90,6 +98,8 @@ export declare const messages: {
     "upload.remove": string;
     "upload.retry": string;
     "upload.select": string;
+    "upload.selectTitle": string;
+    "upload.selectNoFilesTitle": string;
     "upload.uploadSelectedFiles": string;
     "upload.total": string;
     "upload.files": string;

package/dist/es/messages/main.js

@@ -47,6 +47,14 @@ export var retry = 'upload.retry';
  * @hidden
  */
 export var select = 'upload.select';
+/**
+ * @hidden
+ */
+export var selectTitle = 'upload.selectTitle';
+/**
+ * @hidden
+ */
+export var selectNoFilesTitle = 'upload.selectNoFilesTitle';
 /**
  * @hidden
  */
@@ -91,6 +99,8 @@ export var messages = (_a = {},
     _a[remove] = 'Remove',
     _a[retry] = 'Retry',
     _a[select] = 'Select files...',
+    _a[selectTitle] = 'Press to select more files',
+    _a[selectNoFilesTitle] = 'No files selected',
     _a[uploadSelectedFiles] = 'Upload',
     _a[total] = 'Total',
     _a[files] = 'files',

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: 1669818880,
+    publishDate: 1672390325,
     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/es/utils/validationUtils.js

@@ -32,7 +32,7 @@ var parseAllowedExtensions = function (extensions) {
     });
     return allowedExtensions;
 };
-var validateFiles = function (files, restrictionInfo) {
+var validateFiles = function (files, restrictionInfo, validateFile) {
     var allowedExtensions = parseAllowedExtensions(restrictionInfo.allowedExtensions || []);
     var maxFileSize = restrictionInfo.maxFileSize || 0;
     var minFileSize = restrictionInfo.minFileSize || 0;
@@ -40,6 +40,9 @@ var validateFiles = function (files, restrictionInfo) {
     for (i = 0; i < files.length; i++) {
         validateFileExtension(files[i], allowedExtensions);
         validateFileSize(files[i], minFileSize, maxFileSize);
+        if (validateFile) {
+            validateFile(files[i]);
+        }
     }
 };
 /**

package/dist/esm/ExternalDropZone.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-import { classNames, getListeners, getTabIndex, getTemplate, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
+import { classNames, getListeners, getTabIndex, getTemplate, Icon, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
 import { dropZoneHint, dropZoneNote, messages } from './messages/main.js';
 import { packageMetadata } from './package-metadata.js';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -144,8 +144,11 @@ var ExternalDropZoneVue2 = {
     }, [h("div", {
       style: this.$props.innerStyle,
       "class": 'k-dropzone-inner'
-    }, [h("span", {
-      "class": 'k-icon k-i-upload'
+    }, [h(Icon, {
+      name: 'upload',
+      attrs: this.v3 ? undefined : {
+        name: 'upload'
+      }
     }), h("span", {
       "class": 'k-dropzone-hint'
     }, [hintElement]), h("span", {

package/dist/esm/Upload.js

@@ -132,6 +132,7 @@ var UploadVue2 = {
         };
       }
     },
+    validateFile: Function,
     files: Array,
     defaultFiles: Array
   },
@@ -331,7 +332,7 @@ var UploadVue2 = {
       var selectedFiles = utils.getAllFileInfo(files);
       var newState;
       selectedFiles = utils.assignGuidToFiles(selectedFiles, this.computedAsync.batch);
-      validationUtils.validateFiles(selectedFiles, this.$props.restrictions);
+      validationUtils.validateFiles(selectedFiles, this.$props.restrictions, this.validateFile);
       if (!this.$props.multiple) {
         newState = [];
       } else {

package/dist/esm/UploadAddButton.d.ts

@@ -17,8 +17,6 @@ export interface UploadAddButtonProps {
     disabled?: boolean;
     accept?: string;
     id?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
 }
 /**
  * @hidden

package/dist/esm/UploadAddButton.js

@@ -23,9 +23,7 @@ var UploadAddButtonVue2 = {
     multiple: Boolean,
     disabled: Boolean,
     accept: String,
-    id: String,
-    ariaLabelledBy: String,
-    ariaDescribedBy: String
+    id: String
   },
   inject: {
     kendoLocalizationService: {
@@ -100,8 +98,6 @@ var UploadAddButtonVue2 = {
       addButtonIndex = _a.addButtonIndex,
       tabIndex = _a.tabIndex,
       id = _a.id,
-      ariaLabelledBy = _a.ariaLabelledBy,
-      ariaDescribedBy = _a.ariaDescribedBy,
       async = _a.async,
       multiple = _a.multiple,
       disabled = _a.disabled,
@@ -113,18 +109,10 @@ var UploadAddButtonVue2 = {
       id: id,
       attrs: this.v3 ? undefined : {
         id: id,
-        role: "button",
-        "aria-label": selectMessage,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": ariaDescribedBy,
         tabindex: tabIndex
       },
       ref: setRef(this, 'element'),
-      role: "button",
       "class": buttonClassName,
-      "aria-label": selectMessage,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
       tabindex: tabIndex,
       onClick: this.onClick,
       on: this.v3 ? undefined : {

package/dist/esm/UploadInput.d.ts

@@ -12,6 +12,9 @@ export interface UploadInputProps {
     multiple?: boolean;
     disabled?: boolean;
     accept?: string;
+    hasFiles?: boolean;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
 }
 /**
  * @hidden

package/dist/esm/UploadInput.js

@@ -1,10 +1,12 @@
 // @ts-ignore
 import { setRef } from '@progress/kendo-vue-common';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
+import { selectTitle, selectNoFilesTitle, select, messages } from './messages/main.js';
 var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
 var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
 /**
@@ -25,6 +27,18 @@ var UploadInputVue2 = {
     accept: {
       type: String,
       default: undefined
+    },
+    hasFiles: {
+      type: Boolean,
+      default: false
+    },
+    ariaLabelledBy: {
+      type: String,
+      default: undefined
+    },
+    ariaDescribedBy: {
+      type: String,
+      default: undefined
     }
   },
   // @ts-ignore
@@ -32,6 +46,11 @@ var UploadInputVue2 = {
     'mousedown': null,
     'add': null
   },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
   mounted: function mounted() {
     this._input = this.v3 ? this.inputRef : this.$refs.input;
   },
@@ -76,7 +95,14 @@ var UploadInputVue2 = {
       multiple = _a.multiple,
       async = _a.async,
       disabled = _a.disabled,
-      accept = _a.accept;
+      accept = _a.accept,
+      hasFiles = _a.hasFiles,
+      ariaLabelledBy = _a.ariaLabelledBy,
+      ariaDescribedBy = _a.ariaDescribedBy;
+    var localizationService = provideLocalizationService(this);
+    var message = hasFiles ? selectTitle : selectNoFilesTitle;
+    var selectMessage = localizationService.toLanguageString(message, messages[message]);
+    var selectLabel = localizationService.toLanguageString(select, messages[select]);
     return h("input", {
       ref: setRef(this, 'input'),
       autocomplete: 'off',
@@ -87,7 +113,11 @@ var UploadInputVue2 = {
         type: 'file',
         tabindex: -1,
         multiple: multiple,
-        disabled: disabled
+        disabled: disabled,
+        title: selectMessage,
+        "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy
       },
       name: async.saveField,
       accept: accept,
@@ -100,7 +130,11 @@ var UploadInputVue2 = {
         "change": this.onAdd,
         "mousedown": this.onMouseDown
       },
-      onMousedown: this.onMouseDown
+      onMousedown: this.onMouseDown,
+      title: selectMessage,
+      "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy
     });
   }
 };

package/dist/esm/interfaces/UploadProps.d.ts

@@ -68,6 +68,10 @@ export interface UploadProps extends UploadAsyncProps {
      * Sets the restrictions for the selected files ([see example]({% slug filerestrictions_upload %})).
      */
     restrictions?: UploadFileRestrictions;
+    /**
+     * Sets the custom restrictions for the selected files ([see example]({% slug filerestrictions_upload %})).
+     */
+    validateFile?: (file: UploadFileInfo) => void;
     /**
      * The list of files which are displayed when the Upload is in controlled mode
      * ([see example]({% slug controleduncontroled_upload %})).

package/dist/esm/main.d.ts

@@ -21,5 +21,6 @@ import { UploadListItemProps } from './interfaces/UploadListItemProps';
 import { UploadProps } from './interfaces/UploadProps';
 import { UploadOnCancelEvent } from './interfaces/UploadOnCancelEvent';
 import { UploadActionsLayout } from './interfaces/UploadActionsLayout';
+import { messages } from './messages/main';
 import { ExternalDropZone, ExternalDropZoneVue2 } from './ExternalDropZone';
-export { UploadUI, UploadUIVue2, UploadUIProps, UploadFileRestrictions, Upload, UploadVue2, UploadProps, UploadOnAddEvent, UploadOnBeforeRemoveEvent, UploadOnBeforeUploadEvent, UploadOnProgressEvent, UploadOnRemoveEvent, UploadOnStatusChangeEvent, UploadOnCancelEvent, UploadResponse, UploadFileStatus, UploadAdditionalData, UploadAsyncProps, UploadFileInfo, UploadHttpHeaders, UploadListItemProps, UploadActionsLayout, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils };
+export { UploadUI, UploadUIVue2, UploadUIProps, UploadFileRestrictions, Upload, UploadVue2, UploadProps, UploadOnAddEvent, UploadOnBeforeRemoveEvent, UploadOnBeforeUploadEvent, UploadOnProgressEvent, UploadOnRemoveEvent, UploadOnStatusChangeEvent, UploadOnCancelEvent, UploadResponse, UploadFileStatus, UploadAdditionalData, UploadAsyncProps, UploadFileInfo, UploadHttpHeaders, UploadListItemProps, UploadActionsLayout, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils, messages };

package/dist/esm/main.js

@@ -5,5 +5,6 @@ import { UploadListMultiItem, UploadListMultiItemVue2 } from './UploadListMultiI
 import utils from './utils/utils.js';
 import { UploadListActionButton, UploadListActionButtonVue2 } from './UploadListActionButton.js';
 import { UploadFileStatus } from './interfaces/UploadFileStatus.js';
+import { messages } from './messages/main.js';
 import { ExternalDropZone, ExternalDropZoneVue2 } from './ExternalDropZone.js';
-export { UploadUI, UploadUIVue2, Upload, UploadVue2, UploadFileStatus, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils };
+export { UploadUI, UploadUIVue2, Upload, UploadVue2, UploadFileStatus, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils, messages };

package/dist/esm/messages/main.d.ts

@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
  * @hidden
  */
 export declare const select = "upload.select";
+/**
+ * @hidden
+ */
+export declare const selectTitle = "upload.selectTitle";
+/**
+ * @hidden
+ */
+export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
 /**
  * @hidden
  */
@@ -90,6 +98,8 @@ export declare const messages: {
     "upload.remove": string;
     "upload.retry": string;
     "upload.select": string;
+    "upload.selectTitle": string;
+    "upload.selectNoFilesTitle": string;
     "upload.uploadSelectedFiles": string;
     "upload.total": string;
     "upload.files": string;

package/dist/esm/messages/main.js

@@ -47,6 +47,14 @@ export var retry = 'upload.retry';
  * @hidden
  */
 export var select = 'upload.select';
+/**
+ * @hidden
+ */
+export var selectTitle = 'upload.selectTitle';
+/**
+ * @hidden
+ */
+export var selectNoFilesTitle = 'upload.selectNoFilesTitle';
 /**
  * @hidden
  */
@@ -91,6 +99,8 @@ export var messages = (_a = {},
     _a[remove] = 'Remove',
     _a[retry] = 'Retry',
     _a[select] = 'Select files...',
+    _a[selectTitle] = 'Press to select more files',
+    _a[selectNoFilesTitle] = 'No files selected',
     _a[uploadSelectedFiles] = 'Upload',
     _a[total] = 'Total',
     _a[files] = 'files',

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-upload',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1669818880,
+    publishDate: 1672390325,
     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/esm/utils/validationUtils.js

@@ -32,7 +32,7 @@ var parseAllowedExtensions = function (extensions) {
     });
     return allowedExtensions;
 };
-var validateFiles = function (files, restrictionInfo) {
+var validateFiles = function (files, restrictionInfo, validateFile) {
     var allowedExtensions = parseAllowedExtensions(restrictionInfo.allowedExtensions || []);
     var maxFileSize = restrictionInfo.maxFileSize || 0;
     var minFileSize = restrictionInfo.minFileSize || 0;
@@ -40,6 +40,9 @@ var validateFiles = function (files, restrictionInfo) {
     for (i = 0; i < files.length; i++) {
         validateFileExtension(files[i], allowedExtensions);
         validateFileSize(files[i], minFileSize, maxFileSize);
+        if (validateFile) {
+            validateFile(files[i]);
+        }
     }
 };
 /**

package/dist/npm/ExternalDropZone.js

@@ -150,8 +150,11 @@ var ExternalDropZoneVue2 = {
     }, [h("div", {
       style: this.$props.innerStyle,
       "class": 'k-dropzone-inner'
-    }, [h("span", {
-      "class": 'k-icon k-i-upload'
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'upload',
+      attrs: this.v3 ? undefined : {
+        name: 'upload'
+      }
     }), h("span", {
       "class": 'k-dropzone-hint'
     }, [hintElement]), h("span", {

package/dist/npm/Upload.js

@@ -138,6 +138,7 @@ var UploadVue2 = {
         };
       }
     },
+    validateFile: Function,
     files: Array,
     defaultFiles: Array
   },
@@ -337,7 +338,7 @@ var UploadVue2 = {
       var selectedFiles = utils_1.default.getAllFileInfo(files);
       var newState;
       selectedFiles = utils_1.default.assignGuidToFiles(selectedFiles, this.computedAsync.batch);
-      validationUtils_1.default.validateFiles(selectedFiles, this.$props.restrictions);
+      validationUtils_1.default.validateFiles(selectedFiles, this.$props.restrictions, this.validateFile);
       if (!this.$props.multiple) {
         newState = [];
       } else {

package/dist/npm/UploadAddButton.d.ts

@@ -17,8 +17,6 @@ export interface UploadAddButtonProps {
     disabled?: boolean;
     accept?: string;
     id?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
 }
 /**
  * @hidden