Install vue-color and vue-cookie as ESM packages (#302)

* install `vue-color` and `vue-cookie` as ESM packages

- delete folder `src/assets/vendors/vue-color/`
- delete folder `src/assets/vendors/vue/cookie/`
- update gulp task `concatenate:vendor_js`
- update tests config `test/config/vendors.js`
- add file `src/deprecated.js` in order to ensure backward compatibilities (ref: `window.VueColor` and `window.VueCookie`)

* code formatting

* update color listener (`@change-color` --> `@input`)

gulpfile.js

@@ -89,8 +89,6 @@ gulp.task('concatenate:vendor_js', function() {
       g3w.assetsFolder + "/vendors/slimScroll/jquery.slimscroll.min.js",
       g3w.assetsFolder + "/vendors/fastclick/fastclick.js",
       g3w.assetsFolder + "/vendors/vue/vue.min.js",
-      g3w.assetsFolder + "/vendors/vue/cookie/vue-cookie.js",
-      g3w.assetsFolder + "/vendors/vue-color/vue-color.js",
       g3w.assetsFolder + "/vendors/jquery-file-upload/jquery.fileupload.js",
       g3w.assetsFolder + "/vendors/jquery-fileDownload/jquery.fileDownload.js",
       g3w.assetsFolder + "/vendors/bootstrap-filestyle/bootstrap-filestyle.min.js",

package.json

@@ -31,6 +31,8 @@
     "regenerator-runtime": "^0.13.9",
     "shp-write": "^0.3.2",
     "vue": "2.6.12",
+    "vue-color": "^2.8.1",
+    "vue-cookie": "^1.1.4",
     "vue-cookie-law": "^1.13.3"
   },
   "overrides": {

src/app/main.js

@@ -1,3 +1,6 @@
+// Backward compatibilies with old G3W-CLIENT plugins (eg. window variables)
+import '../deprecated';
+
 /**
  * Add babel runtime support for compiled/transpiled async functions
  * 
@@ -108,7 +111,7 @@ Vue.filter('t', value => t(value));
 Vue.filter('tPlugin', value => value !== null ? tPlugin(value) : '');
 
 /**
- * Install gloabl directives
+ * Install global directives
  *
  * ORIGINAL SOURCE: src/app/gui/vue/vue.directives.js@v3.6
  */
@@ -126,6 +129,12 @@ Vue.directive("plugins", vPlugins);
 Vue.directive("online", vOnline);
 Vue.directive("download", vDownload);
 
+
+/**
+ * Install global plugins
+ */
+Vue.use(window.VueCookie);
+
 /**
  * Vue 2 Plugin used to add global-level functionality to Vue
  *