Fixed security issues in dependencies, fixed data type issues reported in #29.

Author: m-mohr

package.json

@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@openeo/js-client": "^0.3.2",
-    "@openeo/vue-components": "^0.3.4",
+    "@openeo/vue-components": "^0.3.5",
     "codemirror": "^5.42.2",
     "leaflet": "^1.4.0",
     "leaflet-fullscreen": "^1.0.2",
@@ -44,8 +44,8 @@
     "vuedraggable": "^2.17.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.3.0",
-    "@vue/cli-service": "^3.3.0",
+    "@vue/cli-plugin-babel": "^3.5.5",
+    "@vue/cli-service": "^3.5.3",
     "vue-template-compiler": "^2.5.22"
   },
   "browserslist": [

src/components/EditorField.vue

@@ -44,7 +44,7 @@ export default {
 		draggable,
 		VueCtkDateTimePicker
 	},
-    props: {
+	props: {
 		field: Object,
 		pass: {},
 		isItem: {
@@ -103,12 +103,12 @@ export default {
 			});
 		}
 	},
-    computed: {
+	computed: {
 		fieldName() {
 			return this.field.name + (this.field.isArray ? '[]' : '');
 		}
-    },
-    methods: {
+	},
+	methods: {
 		type() {
 			if (this.getFormat() === 'temporal_extent') {
 				return 'temporal_extent';
@@ -125,30 +125,43 @@ export default {
 			else if (this.field.type === 'boolean') {
 				return 'boolean';
 			}
+			else if (this.field.type === 'number') {
+				return 'number';
+			}
+			else if (this.field.type === 'integer') {
+				return 'integer';
+			}
 			else {
 				return 'string';
 			}
 		},
 		getValue() {
-			if (this.type() === 'temporal_extent') {
+			var type = this.type();
+			if (type === 'temporal_extent') {
 				return [this.value.start, this.value.end];
 			}
-			else if (this.type() === 'spatial_extent') {
-				return  {
+			else if (type === 'spatial_extent') {
+				return	{
 					// Round to 6 decimals, the leading + removes the trailing zeros appended by toFixed.
 					west: +this.value.getWest().toFixed(6),
 					south: +this.value.getSouth().toFixed(6),
 					east: +this.value.getEast().toFixed(6),
 					north: +this.value.getNorth().toFixed(6),
 				};
 			}
-			else if (this.type() === 'array') {
+			else if (type === 'array') {
 				var values = [];
 				for(var i in this.$refs.arrayFields) {
 					values.push(this.$refs.arrayFields[i].getValue());
 				}
 				return values;
 			}
+			else if (type === 'number') {
+				return Number.parseFloat(this.value);
+			}
+			else if (type === 'integer') {
+				return Number.parseInt(this.value);
+			}
 			else {
 				return this.value;
 			}
@@ -167,17 +180,17 @@ export default {
 			this.value.splice(k, 1);
 			return false;
 		}
-    }
+	}
 };
 </script>
 
 <style scoped>
 .arrayElement {
-  transition: all 0.5s;
+	transition: all 0.5s;
 }
 
 .arrayElements-enter, .arrayElements-active {
-  opacity: 0;
+	opacity: 0;
 }
 
 .mover {