@bytescale/upload-widget-vue/dist/main.js

Vue File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐

/******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	// The require scope
/******/ 	var __webpack_require__ = {};
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/define property getters */
/******/ 	!function() {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = function(exports, definition) {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	!function() {
/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	!function() {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = function(exports) {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	}();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "UploadDropzone": function() { return /* reexport */ UploadDropzone; },
  "openUploadModal": function() { return /* reexport */ openUploadModal; }
});

;// CONCATENATED MODULE: external "@bytescale/upload-widget"
var upload_widget_namespaceObject = require("@bytescale/upload-widget");;
;// CONCATENATED MODULE: ./src/OpenUploadModal.ts

function openUploadModal(_ref) {
  var event = _ref.event,
      options = _ref.options,
      onComplete = _ref.onComplete;

  if (event !== undefined) {
    event.preventDefault();
  }

  upload_widget_namespaceObject.UploadWidget.open(options).then(function (files) {
    if (onComplete !== undefined) {
      onComplete(files);
    }
  }, function (error) {
    return console.error("Bytescale Upload Widget error.", error);
  });
}
;// CONCATENATED MODULE: external "vue"
var external_vue_namespaceObject = require("vue");;
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[1]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[4].use[0]!./src/UploadDropzone.vue?vue&type=template&id=49a3e950


function render(_ctx, _cache, $props, $setup, $data, $options) {
  return ((0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createBlock)("div", {
    ref: "container",
    style: { position: 'relative', width: '100%', minWidth: '280px', maxWidth: _ctx.widthOrDefault, height: _ctx.heightOrDefault }
  }, null, 4 /* STYLE */))
}
;// CONCATENATED MODULE: ./src/UploadDropzone.vue?vue&type=template&id=49a3e950

;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[4].use[0]!./src/UploadDropzone.vue?vue&type=script&lang=ts


/* harmony default export */ var UploadDropzonevue_type_script_lang_ts = ((0,external_vue_namespaceObject.defineComponent)({
  name: "UploadDropzone",
  props: {
    options: {
      type: Object,
      required: true
    },
    onComplete: {
      type: Function,
      required: false
    },
    onUpdate: {
      type: Function,
      required: false
    },
    height: {
      type: String,
      required: false
    },
    width: {
      type: String,
      required: false
    }
  },
  computed: {
    widthOrDefault: function widthOrDefault() {
      var _a;

      return (_a = this.width) !== null && _a !== void 0 ? _a : "600px";
    },
    heightOrDefault: function heightOrDefault() {
      var _a;

      return (_a = this.height) !== null && _a !== void 0 ? _a : "375px";
    }
  },
  mounted: function mounted() {
    var _this = this;

    if (this.options === undefined) {
      throw new Error("[bytescale-upload-widget] You must provide the 'options' property to the 'UploadDropzone' component.");
    }

    var onUpdateParams = this.onUpdate === undefined ? {} : {
      onUpdate: this.onUpdate
    };
    upload_widget_namespaceObject.UploadWidget.open(Object.assign(Object.assign(Object.assign({}, this.options), onUpdateParams), {
      container: this.$refs.container,
      layout: "inline"
    })).then(function (files) {
      if (_this.onComplete !== undefined) {
        _this.onComplete(files);
      }
    }, function (error) {
      return console.error("Bytescale Upload Widget error.", error);
    });
  }
}));
;// CONCATENATED MODULE: ./src/UploadDropzone.vue?vue&type=script&lang=ts
 
;// CONCATENATED MODULE: ./src/UploadDropzone.vue



UploadDropzonevue_type_script_lang_ts.render = render

/* harmony default export */ var UploadDropzone = (UploadDropzonevue_type_script_lang_ts);
;// CONCATENATED MODULE: ./src/index.ts


module.exports = __webpack_exports__;
/******/ })()
;