tg-controls_cli 0.0.87 → 0.0.88

package/dist/myLib.umd.js

@@ -21820,7 +21820,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73c470a8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=27f63562
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73c470a8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=fe4314d2
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -21981,7 +21981,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=27f63562
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=fe4314d2
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -37475,8 +37475,8 @@ var ColorField_component = normalizeComponent(
 )
 
 /* harmony default export */ var ColorField = (ColorField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73c470a8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileField.vue?vue&type=template&id=09bda6e8
-var FileFieldvue_type_template_id_09bda6e8_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73c470a8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileField.vue?vue&type=template&id=428c5f7f
+var FileFieldvue_type_template_id_428c5f7f_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -37541,9 +37541,18 @@ var FileFieldvue_type_template_id_09bda6e8_render = function render() {
   }), 0), _c('div', {
     staticClass: "file-upload"
   }, [_c('div', {
-    staticClass: "file-upload__area",
+    class: {
+      'file-upload__area': true,
+      'highlight': _vm.isDragging
+    },
     on: {
-      "click": _vm.openFilePopup
+      "click": _vm.openFilePopup,
+      "dragover": function ($event) {
+        $event.preventDefault();
+        return _vm.dragOver.apply(null, arguments);
+      },
+      "dragleave": _vm.dragLeave,
+      "drop": _vm.handleDrop
     }
   }, [_c('div', [_vm.previewFiles.length == 0 ? _c('span', [_vm._v("Drop or click here to upload files")]) : _vm._e(), _c('input', {
     staticClass: "d-none",
@@ -37592,9 +37601,9 @@ var FileFieldvue_type_template_id_09bda6e8_render = function render() {
     })])]);
   })], 2)])]);
 };
-var FileFieldvue_type_template_id_09bda6e8_staticRenderFns = [];
+var FileFieldvue_type_template_id_428c5f7f_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FileField.vue?vue&type=template&id=09bda6e8
+// CONCATENATED MODULE: ./src/components/FileField.vue?vue&type=template&id=428c5f7f
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileField.vue?vue&type=script&lang=js
 
@@ -37615,6 +37624,7 @@ var FileFieldvue_type_template_id_09bda6e8_staticRenderFns = [];
   },
   data: function () {
     return {
+      isDragging: false,
       maxSize: 0,
       accept: '',
       reject: '',
@@ -37873,6 +37883,63 @@ var FileFieldvue_type_template_id_09bda6e8_staticRenderFns = [];
       } catch (ex) {
         console.log(ex);
       }
+    },
+    dragOver: function () {
+      this.isDragging = true;
+    },
+    dragLeave: function () {
+      this.isDragging = false;
+    },
+    handleDrop: function (event) {
+      event.preventDefault();
+      this.isDragging = false;
+      const files = event.target.files || event.dataTransfer.files;
+      if (files.length) {
+        for (let index = 0; index < files.length; index++) {
+          const file = files[index];
+          if (this.isFileValid(file)) {
+            // Get uploaded file           
+            // Get file size
+            var fileSize = Math.round(file.size / 1024 / 1024 * 100) / 100;
+            // Get file extention
+            var fileExtention = file.name.split(".").pop();
+            // Get file name
+            var fileName = file.name.split(".").shift();
+            // Check if file is an image
+            var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+            // Print to console
+            console.log(fileSize, fileExtention, fileName, isImage);
+            // Load the FileReader API
+            let reader = new FileReader();
+            reader.addEventListener("load", () => {
+              // Set file data
+              this.file = {
+                name: fileName,
+                size: fileSize,
+                type: file.type,
+                fileExtention: fileExtention,
+                isImage: isImage,
+                url: reader.result,
+                isUploaded: true
+              };
+              if (this.canUploadMultipleFile() == false) {
+                this.previewFiles = [];
+              }
+              this.previewFiles.push(this.file);
+            }, false);
+            // Read uploaded file
+            reader.readAsDataURL(file);
+          } else {
+            console.log("Invalid file");
+          }
+        }
+        if (this.errors.length == 0) {
+          this.fieldInfo.value = files;
+          if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+            this.fieldInfo.config.onChange(e, this.fieldInfo);
+          }
+        }
+      }
     }
   }
 });
@@ -37888,8 +37955,8 @@ var FileFieldvue_type_template_id_09bda6e8_staticRenderFns = [];
 
 var FileField_component = normalizeComponent(
   components_FileFieldvue_type_script_lang_js,
-  FileFieldvue_type_template_id_09bda6e8_render,
-  FileFieldvue_type_template_id_09bda6e8_staticRenderFns,
+  FileFieldvue_type_template_id_428c5f7f_render,
+  FileFieldvue_type_template_id_428c5f7f_staticRenderFns,
   false,
   null,
   null,
@@ -38654,9 +38721,9 @@ var SlotField_component = normalizeComponent(
     },
     GetGroupName: function (group_display_name, display_name) {
       if (group_display_name) {
-        return group_display_name;
+        return this.$t(group_display_name);
       } else {
-        return display_name;
+        return this.$t(display_name);
       }
     },
     isRequired: function (validationRules) {