@geoblink/design-system/dist/components/GeoFileUpload.js

Geoblink Design System for Vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("lodash")):"function"==typeof define&&define.amd?define(["lodash"],t):"object"==typeof exports?exports["components/GeoFileUpload"]=t(require("lodash")):e["components/GeoFileUpload"]=t(e.lodash)}(window,function(e){return i={},t.m=n={61:function(e,t,n){e.exports=n("lae+")},"KHd+":function(e,t,n){"use strict";function i(e,t,n,i,o,r,a,u){var s,l="function"==typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),i&&(l.functional=!0),r&&(l._scopeId="data-v-"+r),a?(s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},l._ssrRegister=s):o&&(s=u?function(){o.call(this,this.$root.$options.shadowRoot)}:o),s)if(l.functional){l._injectStyles=s;var c=l.render;l.render=function(e,t){return s.call(t),c(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,s):[s]}return{exports:e,options:l}}n.d(t,"a",function(){return i})},YLtl:function(t,n){t.exports=e},i4Qp:function(e,t,n){"use strict";function i(e){var t={type:String,validator:function(t){if(e.checkUndefined&&void 0===t)return!0;var n=Object.values(e.enumDictionary);if(n.includes(t))return!0;var i=n.map(function(e){return"«".concat(e,"»")}).join(", ");return console.warn("".concat(e.componentName," [component] :: Unsupported value («").concat(t,"») for «").concat(e.propertyName,"» property. Use one of ").concat(i)),!1}};return"defaultValue"in e&&(t.default=e.defaultValue),"required"in e&&(t.required=!!e.required),t}n.d(t,"a",function(){return i})},lSNA:function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports},"lae+":function(e,t,n){"use strict";n.r(t);var i=n("lSNA"),o=n.n(i),r=n("YLtl"),a=n.n(r),u={initial:"initial",success:"success",warning:"warning",error:"error",loading:"loading"},s=(Boolean,n("i4Qp")),l={name:"GeoFileUpload",status:"ready",release:"6.2.0",constants:{STATUS:u},props:{status:Object(s.a)({componentName:"GeoFileUpload",propertyName:"status",enumDictionary:u,required:!0}),uploadIcon:{type:Array,default:function(){return["fal","upload"]}},successIcon:{type:Array,default:function(){return["fal","check-circle"]}},errorIcon:{type:Array,default:function(){return["fal","exclamation-triangle"]}},warningIcon:{type:Array,default:function(){return["fal","exclamation-triangle"]}}},data:function(){return{isFocused:!1,isResettingInputFileField:!1}},computed:{currentStatus:function(){return this.isFocused?u.initial:this.status},currentIcon:function(){var e;return(e={},o()(e,u.initial,this.uploadIcon),o()(e,u.success,this.successIcon),o()(e,u.error,this.errorIcon),o()(e,u.warning,this.warningIcon),e)[this.status]},isLoading:function(){return this.status===u.loading}},methods:{handleDragenter:function(e){this.isLoading||this.focus()},handleDragleave:function(e){this.isLoading||this.unfocus()},handleDragover:function(e){this.isLoading||this.focus()},handleDragexit:function(e){this.isLoading||this.unfocus()},handleDrop:function(e){if(!this.isLoading){var t=a.a.get(e,"dataTransfer.files[0]");t&&this.pickFile(t)}},handleFilePick:function(e){if(!this.isLoading&&!this.isResettingInputFileField){this.isResettingInputFileField=!0;var t=a.a.get(e,"target.files[0]");t&&this.pickFile(t),this.$refs.input.value=null,this.isResettingInputFileField=!1}},openPickDialog:function(e){this.isLoading||(this.focus(),this.$emit("open-pick-dialog",e),this.$refs.input.click())},focus:function(){this.isFocused=!0},unfocus:function(){this.isFocused=!1},pickFile:function(e){this.$emit("pick-file",e),this.isFocused=!1}}},c=n("KHd+"),d=Object(c.a)(l,function(){var e,t=this,n=t.$createElement,i=t._self._c||n;return i("div",{class:(e={},e["geo-file-upload"]=!0,e["geo-file-upload--"+t.status]=!0,e["geo-file-upload--focused"]=t.isFocused,e),on:{dragenter:function(e){return t.handleDragenter(e)},dragleave:function(e){return t.handleDragleave(e)},dragover:function(e){return e.preventDefault(),t.handleDragover(e)},dragexit:function(e){return t.handleDragexit(e)},drop:function(e){return e.preventDefault(),t.handleDrop(e)},click:function(e){return t.openPickDialog()}}},[t.isLoading?i("div",{staticClass:"geo-file-upload__loading-indicator"},[t._t("loading",[i("geo-activity-indicator")])],2):[i("font-awesome-icon",{class:["geo-file-upload__upload-icon","geo-file-upload__upload-icon--"+t.status],attrs:{icon:t.currentIcon}}),t._v(" "),i("font-awesome-icon",{class:["geo-file-upload__upload-icon","geo-file-upload__upload-icon--focused","geo-file-upload__upload-icon--"+t.status+"--focused"],attrs:{icon:t.uploadIcon}})],t._v(" "),i("div",{staticClass:"geo-file-upload__title"},[t._t("title")],2),t._v(" "),i("div",{class:["geo-file-upload__help","geo-file-upload__help--"+t.status]},[t._t("help")],2),t._v(" "),i("input",{ref:"input",staticClass:"geo-file-upload__input",attrs:{disabled:t.isLoading,type:"file"},on:{change:function(e){return t.handleFilePick(e)}}})],2)},[],!1,null,null,null);t.default=d.exports}},t.c=i,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:i})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(i,o,function(t){return e[t]}.bind(null,o));return i},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=61);function t(e){if(i[e])return i[e].exports;var o=i[e]={i:e,l:!1,exports:{}};return n[e].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n,i});