@progress/kendo-vue-upload 3.5.0-dev.202208020811 → 3.5.1-dev.202208110751

package/dist/es/UploadListMultiItem.js

@@ -47,7 +47,7 @@ var UploadListMultiItemVue2 = {
       var validationMessage = '';
 
       if (file.validationErrors && file.validationErrors.length > 0) {
-        var messageKey = "upload." + file.validationErrors[0];
+        var messageKey = "upload.".concat(file.validationErrors[0]);
         validationMessage = localizationService.toLanguageString(messageKey, messages[messageKey]);
       }
 
@@ -106,7 +106,7 @@ var UploadListMultiItemVue2 = {
         }, [file.name]), utils.fileHasValidationErrors(file) ? h("span", {
           "class": 'k-file-validation-message k-text-error'
         }, [this.getFileValidationMessage(file)]) : h("span", {
-          key: file.name + "-size",
+          key: "".concat(file.name, "-size"),
           "class": 'k-file-size'
         }, [utils.getTotalFilesSizeMessage([file])])]);
       }, this);
@@ -133,11 +133,11 @@ var UploadListMultiItemVue2 = {
       "class": "k-multiple-files-wrapper"
     }, [mapFiles.call(this), !isUploadFailed ? progress !== 100 ? h("span", {
       "class": 'k-file-information'
-    }, [totalMessage + ": " + files.length + " " + filesMessage + ", " + utils.getTotalFilesSizeMessage(files)]) : h("span", {
+    }, ["".concat(totalMessage, ": ").concat(files.length, " ").concat(filesMessage, ", ").concat(utils.getTotalFilesSizeMessage(files))]) : h("span", {
       "class": 'k-file-information k-text-success'
-    }, [files.length + " " + successMessage]) : h("span", {
+    }, ["".concat(files.length, " ").concat(successMessage)]) : h("span", {
       "class": 'k-file-validation-message k-text-error'
-    }, [files.length + " " + uploadFailedMessage])]), // @ts-ignore  function children
+    }, ["".concat(files.length, " ").concat(uploadFailedMessage)])]), // @ts-ignore  function children
     h(UploadListActionButton, {
       uid: files[0].uid,
       attrs: this.v3 ? undefined : {

package/dist/es/UploadListSingleItem.js

@@ -52,7 +52,7 @@ var UploadListSingleItemVue2 = {
       if (isUploadFailed) {
         validationMessage = localizationService.toLanguageString(statusUploadFailed, messages[statusUploadFailed]);
       } else if (file.validationErrors && file.validationErrors.length > 0) {
-        var messageKey = "upload." + file.validationErrors[0];
+        var messageKey = "upload.".concat(file.validationErrors[0]);
         validationMessage = localizationService.toLanguageString(messageKey, messages[messageKey]);
       }
 

package/dist/es/interfaces/BaseUploadEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/FileGroup.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadActionsLayout.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadAdditionalData.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadAsyncProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadFileInfo.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadFileRestrictions.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadHttpHeaders.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadListItemProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadOnAddEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadOnBeforeRemoveEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadOnBeforeUploadEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadOnCancelEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadOnProgressEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadOnRemoveEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadOnStatusChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/UploadResponse.js

@@ -0,0 +1 @@
+export {};

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: 1659427829,
+    publishDate: 1660204206,
     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/connectionUtils.d.ts

@@ -3,6 +3,9 @@ import { UploadAsyncProps } from '../interfaces/UploadAsyncProps';
 import { UploadHttpHeaders } from '../interfaces/UploadHttpHeaders';
 import { AxiosResponse } from 'axios';
 import { UploadResponse } from '../interfaces/UploadResponse';
+/**
+ * @hidden
+ */
 declare const _default: {
     populateClientFormData: (data: FormData, clientData: Object) => void;
     populateUploadFormData: (files: UploadFileInfo[], saveField: string, clientData: Object) => FormData;
@@ -11,7 +14,4 @@ declare const _default: {
     cloneRequestHeaders: (headers: UploadHttpHeaders) => UploadHttpHeaders;
     convertAxiosResponse: (event: AxiosResponse<any, any>) => UploadResponse;
 };
-/**
- * @hidden
- */
 export default _default;

package/dist/es/utils/stateUtils.d.ts

@@ -1,6 +1,9 @@
 import { UploadFileInfo } from '../interfaces/UploadFileInfo';
 import { UploadFileStatus } from '../interfaces/UploadFileStatus';
 import { GroupedFiles } from '../interfaces/FileGroup';
+/**
+ * @hidden
+ */
 declare const _default: {
     copyState: (state: UploadFileInfo[]) => {
         uid: string;
@@ -20,7 +23,4 @@ declare const _default: {
     flatFileGroup: (fileGroup: GroupedFiles) => UploadFileInfo[];
     groupForEach: (fileGroup: GroupedFiles, callBack: (currentFiles: UploadFileInfo[], uid: string) => void) => void;
 };
-/**
- * @hidden
- */
 export default _default;

package/dist/es/utils/utils.d.ts

@@ -1,5 +1,8 @@
 import { UploadFileInfo } from '../interfaces/UploadFileInfo';
 import { GroupedFiles } from '../interfaces/FileGroup';
+/**
+ * @hidden
+ */
 declare const _default: {
     fileHasValidationErrors: Function;
     filesHaveValidationErrors: Function;
@@ -11,7 +14,4 @@ declare const _default: {
     assignGuidToFiles: Function;
     getFileStatus: (currentFiles: GroupedFiles | UploadFileInfo[]) => boolean[];
 };
-/**
- * @hidden
- */
 export default _default;

package/dist/es/utils/validationUtils.d.ts

@@ -1,7 +1,7 @@
-declare const _default: {
-    validateFiles: Function;
-};
 /**
  * @hidden
  */
+declare const _default: {
+    validateFiles: Function;
+};
 export default _default;

package/dist/esm/ExternalDropZone.d.ts

@@ -0,0 +1,121 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * Represents the properties of the [ExternalDropZone](% slug api_upload_externaldropzone %) component.
+ */
+export interface ExternalDropZoneProps {
+    /**
+     * Sets the `id` property of the top div element of the ExternalDropZone.
+     */
+    id?: string;
+    /**
+     * Sets the `style` of the inner div element of the ExternalDropZone.
+     */
+    innerStyle?: object;
+    /**
+     * Sets the `tabIndex` attribute.
+     */
+    tabIndex?: number;
+    /**
+     * Represents the ref of the linked Upload.
+     */
+    uploadRef: any;
+    /**
+     * Determines the disabled mode of the ExternalDropZone.
+     */
+    disabled?: boolean;
+    /**
+     * Sets different hint node.
+     */
+    customHint?: any;
+    /**
+     * Sets different note node.
+     */
+    customNote?: any;
+    /**
+     * Triggered after a file is dropped into the ExternalDropZone area.
+     */
+    onDrop?: (event: any) => void;
+    /**
+     * Triggered after a file is dragged inside the ExternalDropZone area.
+     */
+    onElementdragenter?: (event: any) => void;
+    /**
+     * Triggered after a file dragging is over.
+     */
+    onElementdragover?: (event: any) => void;
+}
+/**
+ * Represents the target(element and props) of the ExternalDropZoneEvent.
+ */
+export interface ExternalDropZoneHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props value of the ExternalDropZone.
+     */
+    props: ExternalDropZoneProps;
+    /**
+     * The focus event callback.
+     */
+    focus: () => void;
+}
+/**
+ * Represents the return type of the ExternalDropZone.
+ */
+export interface ExternalDropZoneEvent {
+    /**
+     * The target of the ExternalDropZoneEvent from ExternalDropZoneHandle.
+     */
+    target: ExternalDropZoneHandle;
+    /**
+     * The event of the ExternalDropZoneEvent.
+     */
+    event: any;
+}
+/**
+ * @hidden
+ */
+export interface ExternalDropZoneMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ExternalDropZoneState {
+    elementInterval: any;
+    elementActive: boolean;
+    lastElementDragOver: Date | null;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ExternalDropZoneData {
+    overDropZone: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ExternalDropZoneComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ExternalDropZoneAll extends ExternalDropZoneMethods, ExternalDropZoneState, ExternalDropZoneData, ExternalDropZoneComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let ExternalDropZoneVue2: ComponentOptions<Vue2type, DefaultData<ExternalDropZoneData>, DefaultMethods<ExternalDropZoneAll>, ExternalDropZoneComputed, RecordPropsDefinition<ExternalDropZoneProps>>;
+/**
+ * @hidden
+ */
+declare const ExternalDropZone: DefineComponent<ExternalDropZoneProps, any, ExternalDropZoneData, ExternalDropZoneComputed, ExternalDropZoneMethods, {}, {}, {}, string, ExternalDropZoneProps, ExternalDropZoneProps, {}>;
+export { ExternalDropZone, ExternalDropZoneVue2 };

package/dist/esm/ExternalDropZone.js

@@ -0,0 +1,169 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+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 { dropZoneHint, dropZoneNote, messages } from './messages.js';
+import { packageMetadata } from './package-metadata.js';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+
+var TIME_TO_CHECK_DRAG = 100;
+/**
+ * @hidden
+ */
+
+var ExternalDropZoneVue2 = {
+  name: 'KendoVueExternalDropZone',
+  props: {
+    id: String,
+    tabIndex: Number,
+    innerStyle: Object,
+    uploadRef: [String, Function, Object],
+    disabled: Boolean,
+    customHint: [String, Function, Object],
+    customNote: [String, Function, Object]
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  created: function created() {
+    validatePackage(packageMetadata);
+    this.elementInterval = null;
+    this.elementActive = false;
+    this.lastElementDragOverRef = null;
+  },
+  data: function data() {
+    return {
+      overDropZone: false
+    };
+  },
+  mounted: function mounted() {
+    this.externalDropZone = this.v3 ? this.externalDropZoneRef : this.$refs.externalDropZone;
+  },
+  methods: {
+    focus: function focus() {
+      if (this.externalDropZone && this.externalDropZone.focus) {
+        this.externalDropZone.focus();
+      }
+    },
+    isDragOver: function isDragOver(prevDate) {
+      return new Date().getTime() - (prevDate || new Date()).getTime() > TIME_TO_CHECK_DRAG;
+    },
+    handleOnDrop: function handleOnDrop(event) {
+      event.preventDefault();
+      var droppedFiles = event.dataTransfer.files;
+      var refToUpload = this.$parent.$refs[this.$props.uploadRef];
+
+      if (droppedFiles.length > 0 && !this.$props.disabled && refToUpload) {
+        if (refToUpload.onAdd) {
+          event.preventDefault();
+          refToUpload.onAdd(droppedFiles);
+        }
+      }
+    },
+    handleOnElementDragEnter: function handleOnElementDragEnter() {
+      var _this = this;
+
+      this.elementActive = true;
+
+      var locElementInterval = function locElementInterval() {
+        if (_this.isDragOver(_this.lastElementDragOver)) {
+          _this.overDropZone = false;
+          _this.elementActive = false;
+          clearInterval(_this.elementInterval);
+          _this.elementInterval = null;
+          _this.lastElementDragOver = null;
+        }
+      };
+
+      this.elementInterval = setInterval(locElementInterval, TIME_TO_CHECK_DRAG);
+    },
+    handleOnElementDragOver: function handleOnElementDragOver(event) {
+      event.preventDefault();
+      this.lastElementDragOver = new Date();
+      this.overDropZone = true;
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var externalDropZoneRef = ref(null);
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      externalDropZoneRef: externalDropZoneRef,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        customNote = _a.customNote,
+        customHint = _a.customHint;
+    var localizationService = provideLocalizationService(this);
+    var localizedHint = localizationService.toLanguageString(dropZoneHint, messages[dropZoneHint]);
+    var localizedNote = localizationService.toLanguageString(dropZoneNote, messages[dropZoneNote]);
+    var hintTemplate = templateRendering.call(this, customHint, getListeners.call(this));
+    var noteTemplate = templateRendering.call(this, customNote, getListeners.call(this));
+    var hintElement;
+    var hintElementDefaultRendering = h("span", [localizedHint]);
+    hintElement = getTemplate.call(this, {
+      h: h,
+      template: hintTemplate,
+      defaultRendering: hintElementDefaultRendering
+    });
+    var noteElement;
+    var noteElementDefaultRendering = h("span", [localizedNote]);
+    noteElement = getTemplate.call(this, {
+      h: h,
+      template: noteTemplate,
+      defaultRendering: noteElementDefaultRendering
+    });
+    return h("div", {
+      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)
+      },
+      "class": classNames('k-external-dropzone', {
+        'k-external-dropzone-hover': this.overDropZone,
+        'k-disabled': this.$props.disabled
+      }, this.$props.className),
+      tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+      onDrop: this.handleOnDrop,
+      on: this.v3 ? undefined : {
+        "drop": this.handleOnDrop,
+        "dragenter": this.handleOnElementDragEnter,
+        "dragover": this.handleOnElementDragOver
+      },
+      onDragenter: this.handleOnElementDragEnter,
+      onDragover: this.handleOnElementDragOver
+    }, [h("div", {
+      style: this.$props.innerStyle,
+      "class": 'k-dropzone-inner'
+    }, [h("span", {
+      "class": 'k-icon k-i-upload'
+    }), h("span", {
+      "class": 'k-dropzone-hint'
+    }, [hintElement]), h("span", {
+      "class": 'k-dropzone-note'
+    }, [noteElement])]), h("div", {
+      "class": 'k-widget k-upload'
+    })]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var ExternalDropZone = ExternalDropZoneVue2;
+export { ExternalDropZone, ExternalDropZoneVue2 };

package/dist/esm/Upload.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => UploadData);
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { UploadFileInfo } from './interfaces/UploadFileInfo';
+import { CancelTokenSource } from 'axios';
+import { UploadProps } from './interfaces/UploadProps';
+/**
+ * @hidden
+ */
+export interface UploadMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface UploadState {
+    v3: boolean;
+    _httpSubscriptions: {
+        [uid: string]: CancelTokenSource;
+    };
+    _uploadNavigation: any;
+}
+/**
+ * @hidden
+ */
+export interface UploadData {
+    currentFiles: Array<UploadFileInfo>;
+}
+/**
+ * @hidden
+ */
+export interface UploadComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface UploadAll extends UploadMethods, UploadState, UploadData, UploadComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let UploadVue2: ComponentOptions<Vue2type, DefaultData<UploadData>, DefaultMethods<UploadAll>, UploadComputed, RecordPropsDefinition<UploadProps>>;
+/**
+ * @hidden
+ */
+declare const Upload: DefineComponent<UploadProps, any, UploadData, UploadComputed, UploadMethods, {}, {}, {}, string, UploadProps, UploadProps, {}>;
+export { Upload, UploadVue2 };