adt-js-components 1.9.5 → 1.9.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adt-js-components",
-  "version": "1.9.5",
+  "version": "1.9.6",
   "description": "JavaScript components for Nette framework",
   "main": "index.js",
   "scripts": {

package/src/RedrawSnippet/index.js

@@ -4,7 +4,11 @@ async function run(options) {
 		if ($el.is('button, input[type="button"], input[type="submit"]')) {
 			$el.on('click', sendNetteAjax);
 		} else if ($el.is('input:not([type="button"]):not([type="submit"]), select, textarea')) {
-			$el.on('input', sendNetteAjax);
+			let debounceTimer;
+			$el.on('input', function(e) {
+				clearTimeout(debounceTimer);
+				debounceTimer = setTimeout(() => sendNetteAjax(e), 500);
+			});
 		}
 	}
 

package/src/SubmitForm/index.js

@@ -110,6 +110,14 @@ function run(options) {
 
 	$.nette.ext("submitForm", {
 		before: function (xhr, settings) {
+			if (settings.nette && settings.nette.el) {
+				const pendingXhr = settings.nette.el.data('pendingXhr');
+				if (pendingXhr) {
+					pendingXhr.abort();
+				}
+				settings.nette.el.data('pendingXhr', xhr);
+			}
+
 			if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined) {
 				let beforeCallback = settings.nette.el.attr('data-adt-submit-form-before-callback');
 				if (beforeCallback) {
@@ -156,6 +164,10 @@ function run(options) {
 			}
 		},
 		complete:  function (xhr, status, settings) {
+			if (settings.nette && settings.nette.el) {
+				settings.nette.el.data('pendingXhr', null);
+			}
+
 			// if there are errors we will scroll to first of them
 			if (settings.nette && settings.nette.form && settings.nette.form.attr('data-adt-submit-form') !== undefined && settings.nette.form.find('.alert-danger, .is-invalid').length > 0) {
 				scrollToFirstError(settings.nette.form);