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

package/dist/esm/UploadActionButtons.d.ts

@@ -0,0 +1,59 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => UploadActionButtonsData);
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsProps {
+    disabled: boolean;
+    navigationIndex?: number;
+    clearButtonIndex: number;
+    uploadButtonIndex: number;
+    actionsLayout: string;
+}
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsMethods {
+    [key: string]: any;
+    onClearClick: () => any;
+    onUploadClick: () => any;
+}
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsState {
+    _prevNavigationIndex?: number;
+    _uploadElement: HTMLButtonElement | null;
+    _clearElement: HTMLButtonElement | null;
+    clearElementRef: any;
+    uploadElementRef: any;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsData {
+}
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsAll extends UploadActionButtonsMethods, UploadActionButtonsState, UploadActionButtonsData, UploadActionButtonsComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let UploadActionButtonsVue2: ComponentOptions<Vue2type, DefaultData<UploadActionButtonsData>, DefaultMethods<UploadActionButtonsAll>, UploadActionButtonsComputed, RecordPropsDefinition<UploadActionButtonsProps>>;
+/**
+ * @hidden
+ */
+declare const UploadActionButtons: DefineComponent<UploadActionButtonsProps, any, UploadActionButtonsData, UploadActionButtonsComputed, UploadActionButtonsMethods, {}, {}, {}, string, UploadActionButtonsProps, UploadActionButtonsProps, {}>;
+export { UploadActionButtons, UploadActionButtonsVue2 };

package/dist/esm/UploadActionButtons.js

@@ -0,0 +1,165 @@
+// @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 } from '@progress/kendo-vue-common';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { Button } from '@progress/kendo-vue-buttons';
+import { messages, clearSelectedFiles, uploadSelectedFiles } from './messages.js';
+/**
+ * @hidden
+ */
+
+var UploadActionButtonsVue2 = {
+  name: 'KendoVueUploadActionButtons',
+  props: {
+    disabled: Boolean,
+    navigationIndex: Number,
+    clearButtonIndex: Number,
+    uploadButtonIndex: Number,
+    actionsLayout: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  emits: {
+    'clear': null,
+    'click': null,
+    'upload': null
+  },
+  created: function created() {
+    this._prevNavigationIndex = undefined;
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var uploadElementRef = ref(null);
+    var clearElementRef = ref(null);
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      uploadElementRef: uploadElementRef,
+      clearElementRef: clearElementRef,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  mounted: function mounted() {
+    this._clearElement = this.v3 ? this.clearElementRef : this.$refs.clearElement;
+    this._uploadElement = this.v3 ? this.uploadElementRef : this.$refs.uploadElement;
+  },
+  watch: {
+    navigationIndex: function navigationIndex(_newNavigationIndex, oldNavigationIndex) {
+      this._prevNavigationIndex = oldNavigationIndex;
+    }
+  },
+  updated: function updated() {
+    var _a = this.$props,
+        navigationIndex = _a.navigationIndex,
+        clearButtonIndex = _a.clearButtonIndex,
+        uploadButtonIndex = _a.uploadButtonIndex;
+
+    if (navigationIndex !== this._prevNavigationIndex) {
+      if (navigationIndex === clearButtonIndex && this._clearElement) {
+        this._clearElement.focus();
+      }
+
+      if (navigationIndex === uploadButtonIndex && this._uploadElement) {
+        this._uploadElement.focus();
+      }
+    }
+  },
+  methods: {
+    onClearClick: function onClearClick() {
+      if (this.$props.disabled) {
+        return;
+      }
+
+      this.$emit('clear');
+    },
+    onUploadClick: function onUploadClick() {
+      if (this.$props.disabled) {
+        return;
+      }
+
+      this.$emit('click', this.$props.uploadButtonIndex);
+      this.$emit('upload');
+    }
+  },
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var _a = this.$props,
+        disabled = _a.disabled,
+        navigationIndex = _a.navigationIndex,
+        clearButtonIndex = _a.clearButtonIndex,
+        uploadButtonIndex = _a.uploadButtonIndex,
+        actionsLayout = _a.actionsLayout;
+    var localizationService = provideLocalizationService(this);
+    var wrapperClasses = classNames('k-actions', {
+      'k-actions-start': actionsLayout === 'start',
+      'k-actions-center': actionsLayout === 'center',
+      'k-actions-end': actionsLayout === 'end',
+      'k-actions-stretched': actionsLayout === 'stretched'
+    });
+    var clearButtonClasses = classNames('k-clear-selected', navigationIndex === clearButtonIndex ? 'k-focus' : '');
+    var uploadButtonClasses = classNames('k-upload-selected', navigationIndex === uploadButtonIndex ? 'k-focus' : '');
+    return h("div", {
+      "class": wrapperClasses
+    }, [// @ts-ignore  function children
+    h(Button, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        disabled: disabled,
+        tabIndex: -1
+      },
+      ref: this.v3 ? function (el) {
+        _this.clearElementRef = el;
+      } : 'clearElement',
+      disabled: disabled,
+      "class": clearButtonClasses,
+      tabIndex: -1,
+      onClick: this.onClearClick,
+      on: this.v3 ? undefined : {
+        "click": this.onClearClick
+      }
+    }, this.v3 ? function () {
+      return [localizationService.toLanguageString(clearSelectedFiles, messages[clearSelectedFiles])];
+    } : [localizationService.toLanguageString(clearSelectedFiles, messages[clearSelectedFiles])]), // @ts-ignore  function children
+    h(Button, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        disabled: disabled,
+        themeColor: 'primary',
+        tabIndex: -1
+      },
+      ref: this.v3 ? function (el) {
+        _this.uploadElementRef = el;
+      } : 'uploadElement',
+      disabled: disabled,
+      themeColor: 'primary',
+      "class": uploadButtonClasses,
+      tabIndex: -1,
+      onClick: this.onUploadClick,
+      on: this.v3 ? undefined : {
+        "click": this.onUploadClick
+      }
+    }, this.v3 ? function () {
+      return [localizationService.toLanguageString(uploadSelectedFiles, messages[uploadSelectedFiles])];
+    } : [localizationService.toLanguageString(uploadSelectedFiles, messages[uploadSelectedFiles])])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var UploadActionButtons = UploadActionButtonsVue2;
+export { UploadActionButtons, UploadActionButtonsVue2 };

package/dist/esm/UploadAddButton.d.ts

@@ -0,0 +1,67 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => UploadAddButtonData);
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { UploadAsyncProps } from './interfaces/UploadAsyncProps';
+/**
+ * @hidden
+ */
+export interface UploadAddButtonProps {
+    addButtonIndex: number;
+    navigationIndex: number | undefined;
+    notFocusedIndex: number | undefined;
+    tabIndex?: number;
+    async: UploadAsyncProps;
+    multiple?: boolean;
+    disabled?: boolean;
+    accept?: string;
+    id?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+}
+/**
+ * @hidden
+ */
+export interface UploadAddButtonMethods {
+    [key: string]: any;
+    focus: () => any;
+    onClick: () => any;
+    actionElement: () => any;
+}
+/**
+ * @hidden
+ */
+export interface UploadAddButtonState {
+    _prevNavigationIndex: number;
+    element: HTMLDivElement | null;
+    uploadInput: any | null;
+    elementRef: any;
+    uploadInputRef: any;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface UploadAddButtonData {
+}
+/**
+ * @hidden
+ */
+export interface UploadAddButtonComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface UploadAddButtonAll extends UploadAddButtonMethods, UploadAddButtonState, UploadAddButtonData, UploadAddButtonComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let UploadAddButtonVue2: ComponentOptions<Vue2type, DefaultData<UploadAddButtonData>, DefaultMethods<UploadAddButtonAll>, UploadAddButtonComputed, RecordPropsDefinition<UploadAddButtonProps>>;
+/**
+ * @hidden
+ */
+declare const UploadAddButton: DefineComponent<UploadAddButtonProps, any, UploadAddButtonData, UploadAddButtonComputed, UploadAddButtonMethods, {}, {}, {}, string, UploadAddButtonProps, UploadAddButtonProps, {}>;
+export { UploadAddButton, UploadAddButtonVue2 };

package/dist/esm/UploadAddButton.js

@@ -0,0 +1,165 @@
+// @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, setRef } from '@progress/kendo-vue-common';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages, select } from './messages.js';
+import { UploadInput } from './UploadInput.js';
+/**
+ * @hidden
+ */
+
+var UploadAddButtonVue2 = {
+  name: 'KendoVueUploadAddButton',
+  props: {
+    addButtonIndex: Number,
+    navigationIndex: Number,
+    notFocusedIndex: Number,
+    tabIndex: Number,
+    async: Object,
+    multiple: Boolean,
+    disabled: Boolean,
+    accept: String,
+    id: String,
+    ariaLabelledBy: String,
+    ariaDescribedBy: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  emits: {
+    'add': null,
+    'click': null
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var elementRef = ref(null);
+    var uploadInputRef = ref(null);
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      elementRef: elementRef,
+      uploadInputRef: uploadInputRef,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  mounted: function mounted() {
+    this.element = this.v3 ? this.elementRef : this.$refs.element;
+    this.uploadInput = this.v3 ? this.uploadInputRef : this.$refs.uploadInput;
+  },
+  watch: {
+    navigationIndex: function navigationIndex(_newNavigationIndex, oldNavigationIndex) {
+      this._prevNavigationIndex = oldNavigationIndex;
+    }
+  },
+  updated: function updated() {
+    var _a = this.$props,
+        navigationIndex = _a.navigationIndex,
+        addButtonIndex = _a.addButtonIndex,
+        notFocusedIndex = _a.notFocusedIndex;
+
+    if (navigationIndex !== this._prevNavigationIndex && this._prevNavigationIndex !== notFocusedIndex && navigationIndex === addButtonIndex && this.element) {
+      this.element.focus();
+    }
+  },
+  methods: {
+    focus: function focus() {
+      if (this.element) {
+        this.element.focus();
+      }
+    },
+    onClick: function onClick() {
+      this.$emit('click', this.$props.addButtonIndex);
+    },
+    onAdd: function onAdd(files) {
+      this.$emit('add', files);
+    },
+    onInputMouseDown: function onInputMouseDown(e) {
+      if (this.element) {
+        e.preventDefault();
+        this.element.focus();
+      }
+    },
+    actionElement: function actionElement() {
+      if (this.uploadInput) {
+        return this.uploadInput.actionElement;
+      }
+    }
+  },
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var _a = this.$props,
+        navigationIndex = _a.navigationIndex,
+        addButtonIndex = _a.addButtonIndex,
+        tabIndex = _a.tabIndex,
+        id = _a.id,
+        ariaLabelledBy = _a.ariaLabelledBy,
+        ariaDescribedBy = _a.ariaDescribedBy,
+        async = _a.async,
+        multiple = _a.multiple,
+        disabled = _a.disabled,
+        accept = _a.accept;
+    var localizationService = provideLocalizationService(this);
+    var selectMessage = localizationService.toLanguageString(select, messages[select]);
+    var buttonClassName = classNames('k-button', 'k-button-md', 'k-button-solid', 'k-button-solid-base', 'k-rounded-md', 'k-upload-button', navigationIndex === addButtonIndex ? 'k-focus' : '');
+    return h("div", {
+      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 : {
+        "click": this.onClick
+      }
+    }, [// @ts-ignore  function children
+    h(UploadInput, {
+      async: async,
+      attrs: this.v3 ? undefined : {
+        async: async,
+        multiple: multiple,
+        disabled: disabled,
+        accept: accept
+      },
+      multiple: multiple,
+      disabled: disabled,
+      accept: accept,
+      onMousedown: this.onInputMouseDown,
+      on: this.v3 ? undefined : {
+        "mousedown": this.onInputMouseDown,
+        "add": this.onAdd
+      },
+      onAdd: this.onAdd,
+      ref: this.v3 ? function (el) {
+        _this.uploadInputRef = el;
+      } : 'uploadInput'
+    }), h("span", [selectMessage])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var UploadAddButton = UploadAddButtonVue2;
+export { UploadAddButton, UploadAddButtonVue2 };

package/dist/esm/UploadDropZone.d.ts

@@ -0,0 +1,61 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => UploadDropZoneData);
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { GroupedFiles } from './interfaces/FileGroup';
+import { UploadUIProps } from './main';
+/**
+ * @hidden
+ */
+export interface UploadDropZoneProps extends UploadUIProps {
+    async: Object;
+    fileGroup: GroupedFiles;
+    disabled: boolean | undefined;
+}
+/**
+ * @hidden
+ */
+export interface UploadDropZoneMethods {
+    [key: string]: any;
+    focus: () => any;
+    onClick: () => any;
+    actionElement: () => any;
+}
+/**
+ * @hidden
+ */
+export interface UploadDropZoneState {
+    _documentInterval: any;
+    _elementInterval: any;
+    _lastDocumentDragOver: Date | null;
+    _lastElementDragOver: Date | null;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface UploadDropZoneData {
+    currentDocumentActive: boolean;
+    currentElementActive: boolean;
+}
+/**
+ * @hidden
+ */
+export interface UploadDropZoneComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface UploadDropZoneAll extends UploadDropZoneMethods, UploadDropZoneState, UploadDropZoneData, UploadDropZoneComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let UploadDropZoneVue2: ComponentOptions<Vue2type, DefaultData<UploadDropZoneData>, DefaultMethods<UploadDropZoneAll>, UploadDropZoneComputed, RecordPropsDefinition<UploadDropZoneProps>>;
+/**
+ * @hidden
+ */
+declare const UploadDropZone: DefineComponent<UploadDropZoneProps, any, UploadDropZoneData, UploadDropZoneComputed, UploadDropZoneMethods, {}, {}, {}, string, UploadDropZoneProps, UploadDropZoneProps, {}>;
+export { UploadDropZone, UploadDropZoneVue2 };