vgapp 0.9.4 → 0.9.5

package/app/modules/vgfiles/js/base.js

@@ -31,6 +31,8 @@ class VGFilesBase extends BaseModule {
 		};
 
 		this.template = '<li data-file="" class="file"><div class="file-image"></div><div class="file-info"></div><div class="file-remove"></div></li>';
+		this._onNativeInputChange = (e) => this.change(e?.target);
+
 		this._init();
 	}
 
@@ -506,7 +508,8 @@ class VGFilesBase extends BaseModule {
 
 	_addEventListener() {
 		Selectors.findAll('[data-vg-toggle="files"]', this._element).forEach(el => {
-			el.addEventListener('change', () => this.change(el));
+			el.removeEventListener('change', this._onNativeInputChange);
+			el.addEventListener('change', this._onNativeInputChange);
 		});
 	}
 

package/app/modules/vgfiles/js/vgfiles.js

@@ -182,12 +182,18 @@ class VGFiles extends VGFilesBase {
 
     _addEventListenerExtended() {
         Selectors.findAll(SELECTOR_DATA_TOGGLE, this._element).forEach(el => {
-            el.removeEventListener('change', this.change.bind(this));
-            el.addEventListener('change', e => this._handleChange(e));
+            if (this._onNativeInputChange) {
+                el.removeEventListener('change', this._onNativeInputChange);
+            }
+
+            el.addEventListener('change', (e) => this._handleChange(e));
         });
     }
 
     _handleChange(e) {
+        const input = e?.target;
+        this.change(input);
+
         if (this._params.ajax) this.uploadAll(this._files);
 
         const payload = { files: this._files, input: e?.target || e?.src || '' };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vgapp",
-	"version": "0.9.4",
+	"version": "0.9.5",
 	"description": "",
 	"author": {
 		"name": "Vegas Studio",