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

package/dist/npm/UploadAddButton.js

@@ -29,9 +29,7 @@ var UploadAddButtonVue2 = {
     multiple: Boolean,
     disabled: Boolean,
     accept: String,
-    id: String,
-    ariaLabelledBy: String,
-    ariaDescribedBy: String
+    id: String
   },
   inject: {
     kendoLocalizationService: {
@@ -106,8 +104,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,
@@ -119,18 +115,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: (0, kendo_vue_common_1.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/npm/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/npm/UploadInput.js

@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.UploadInputVue2 = exports.UploadInput = void 0;
 // @ts-ignore
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
+var main_1 = require("./messages/main");
 var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
 var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
 /**
@@ -31,6 +33,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
@@ -38,6 +52,11 @@ var UploadInputVue2 = {
     'mousedown': null,
     'add': null
   },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
   mounted: function mounted() {
     this._input = this.v3 ? this.inputRef : this.$refs.input;
   },
@@ -82,7 +101,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 = (0, kendo_vue_intl_1.provideLocalizationService)(this);
+    var message = hasFiles ? main_1.selectTitle : main_1.selectNoFilesTitle;
+    var selectMessage = localizationService.toLanguageString(message, main_1.messages[message]);
+    var selectLabel = localizationService.toLanguageString(main_1.select, main_1.messages[main_1.select]);
     return h("input", {
       ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
       autocomplete: 'off',
@@ -93,7 +119,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,
@@ -106,7 +136,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/npm/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/npm/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/npm/main.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.utils = exports.UploadListActionButtonVue2 = exports.UploadListActionButton = exports.UploadListMultiItemVue2 = exports.UploadListMultiItem = exports.UploadListSingleItemVue2 = exports.UploadListSingleItem = exports.ExternalDropZoneVue2 = exports.ExternalDropZone = exports.UploadFileStatus = exports.UploadVue2 = exports.Upload = exports.UploadUIVue2 = exports.UploadUI = void 0;
+exports.messages = exports.utils = exports.UploadListActionButtonVue2 = exports.UploadListActionButton = exports.UploadListMultiItemVue2 = exports.UploadListMultiItem = exports.UploadListSingleItemVue2 = exports.UploadListSingleItem = exports.ExternalDropZoneVue2 = exports.ExternalDropZone = exports.UploadFileStatus = exports.UploadVue2 = exports.Upload = exports.UploadUIVue2 = exports.UploadUI = void 0;
 var UploadUI_1 = require("./UploadUI");
 Object.defineProperty(exports, "UploadUI", { enumerable: true, get: function () { return UploadUI_1.UploadUI; } });
 Object.defineProperty(exports, "UploadUIVue2", { enumerable: true, get: function () { return UploadUI_1.UploadUIVue2; } });
@@ -20,6 +20,8 @@ Object.defineProperty(exports, "UploadListActionButton", { enumerable: true, get
 Object.defineProperty(exports, "UploadListActionButtonVue2", { enumerable: true, get: function () { return UploadListActionButton_1.UploadListActionButtonVue2; } });
 var UploadFileStatus_1 = require("./interfaces/UploadFileStatus");
 Object.defineProperty(exports, "UploadFileStatus", { enumerable: true, get: function () { return UploadFileStatus_1.UploadFileStatus; } });
+var main_1 = require("./messages/main");
+Object.defineProperty(exports, "messages", { enumerable: true, get: function () { return main_1.messages; } });
 var ExternalDropZone_1 = require("./ExternalDropZone");
 Object.defineProperty(exports, "ExternalDropZone", { enumerable: true, get: function () { return ExternalDropZone_1.ExternalDropZone; } });
 Object.defineProperty(exports, "ExternalDropZoneVue2", { enumerable: true, get: function () { return ExternalDropZone_1.ExternalDropZoneVue2; } });

package/dist/npm/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/npm/messages/main.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.dropZoneNote = exports.dropZoneHint = exports.statusUploadFailed = exports.statusUploaded = exports.files = exports.total = exports.uploadSelectedFiles = exports.select = exports.retry = exports.remove = exports.invalidMinFileSize = exports.invalidMaxFileSize = exports.invalidFiles = exports.invalidFileExtension = exports.headerStatusUploading = exports.headerStatusUploaded = exports.dropFilesHere = exports.clearSelectedFiles = exports.cancel = void 0;
+exports.messages = exports.dropZoneNote = exports.dropZoneHint = exports.statusUploadFailed = exports.statusUploaded = exports.files = exports.total = exports.uploadSelectedFiles = exports.selectNoFilesTitle = exports.selectTitle = exports.select = exports.retry = exports.remove = exports.invalidMinFileSize = exports.invalidMaxFileSize = exports.invalidFiles = exports.invalidFileExtension = exports.headerStatusUploading = exports.headerStatusUploaded = exports.dropFilesHere = exports.clearSelectedFiles = exports.cancel = void 0;
 /**
  * @hidden
  */
@@ -50,6 +50,14 @@ exports.retry = 'upload.retry';
  * @hidden
  */
 exports.select = 'upload.select';
+/**
+ * @hidden
+ */
+exports.selectTitle = 'upload.selectTitle';
+/**
+ * @hidden
+ */
+exports.selectNoFilesTitle = 'upload.selectNoFilesTitle';
 /**
  * @hidden
  */
@@ -94,6 +102,8 @@ exports.messages = (_a = {},
     _a[exports.remove] = 'Remove',
     _a[exports.retry] = 'Retry',
     _a[exports.select] = 'Select files...',
+    _a[exports.selectTitle] = 'Press to select more files',
+    _a[exports.selectNoFilesTitle] = 'No files selected',
     _a[exports.uploadSelectedFiles] = 'Upload',
     _a[exports.total] = 'Total',
     _a[exports.files] = 'files',

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/npm/utils/validationUtils.js

@@ -34,7 +34,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;
@@ -42,6 +42,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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-upload",
   "description": "Kendo UI for Vue Upload package",
-  "version": "3.7.4-dev.202211301436",
+  "version": "3.7.4-dev.202212300853",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -18,7 +18,7 @@
   },
   "scripts": {
     "test": "cd ../../ && npm run test -- --testPathPattern=/packages/upload/.*",
-    "start": "gulp start",
+    "start": "gulp start --notsc",
     "build-package": "gulp build-package"
   },
   "keywords": [
@@ -32,13 +32,13 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202211301436",
-    "@progress/kendo-vue-common": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202212300853",
+    "@progress/kendo-vue-common": "3.7.4-dev.202212300853",
     "axios": "0.24.0"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202211301436"
+    "@progress/kendo-vue-intl": "3.7.4-dev.202212300853"
   },
   "@progress": {
     "friendlyName": "Upload",