bigpipe-util 0.2.5 → 0.2.6

package/CHANGELOG.md

@@ -1,75 +1,80 @@
-# Changelog
-
-All notable changes to `bigpipe-util` will be documented in this file.
-
-Updates should follow the [Keep a CHANGELOG](http://keepachangelog.com/) principles.
-
-## v0.2.5 - 2023-03-07
-
-### Added
-- Added `Arbiter.js` event system
-- Added methods `byClass`, `byAttribute`, `find` to `Parent.js`
-
-### Fixed
-- Fixed controller calling
-
-## v0.2.4 - 2023-02-03
-
-### Fixed
-- Fixed controller calling
-
-## v0.2.3 - 2023-02-04
-
-### Added
-- Added setFinallyHandler for AsyncRequest
-
-## v0.2.2 - 2022-08-03
-
-### Fixed
-- Calls for modules without constructor
-- Dialog opening when using instant closing
-
-## v0.2.1 - 2022-06-02
-
-### Added
-- Prevent links from being double-clicked
-- Support for keyboard (close by escape)
-
-### Fixed
-- Closing dialogs with [esc] in the correct order
-
-## v0.2.0 - 2022-05-17
-
-### Added
-- Shield to prevent "JSON Hijacking"
-- Invalid node checking for AsyncDOM
-
-### Fixed
-- Backdrop for 2+ opened dialogs
-
-## v0.1.4 - 2022-05-06
-
-### Added
-- Async requests counter
-- Support for extra arguments in dialog controller
-
-### Fixed
-- Arguments for non-method require calls
-
-## v0.1.3 - 2022-04-27
-
-### Added
-- Method to close only current dialog
-
-### Fixed
-- Dialog z-index
-
-## v0.1.2 - 2022-04-14
-
-### Added
-- Dialogs support.
-
-## v0.1.1 - 2022-03-27
-
-### Added
-- Part of BigPipe implementation for Webpack.
+# Changelog
+
+All notable changes to `bigpipe-util` will be documented in this file.
+
+Updates should follow the [Keep a CHANGELOG](http://keepachangelog.com/) principles.
+
+## v0.2.6 - 2025-01-16
+
+### Added
+- Added `limit` parameter to `Dialog.js` for limiting the number of closed dialogs
+
+## v0.2.5 - 2023-03-07
+
+### Added
+- Added `Arbiter.js` event system
+- Added methods `byClass`, `byAttribute`, `find` to `Parent.js`
+
+### Fixed
+- Fixed controller calling
+
+## v0.2.4 - 2023-02-03
+
+### Fixed
+- Fixed controller calling
+
+## v0.2.3 - 2023-02-04
+
+### Added
+- Added setFinallyHandler for AsyncRequest
+
+## v0.2.2 - 2022-08-03
+
+### Fixed
+- Calls for modules without constructor
+- Dialog opening when using instant closing
+
+## v0.2.1 - 2022-06-02
+
+### Added
+- Prevent links from being double-clicked
+- Support for keyboard (close by escape)
+
+### Fixed
+- Closing dialogs with [esc] in the correct order
+
+## v0.2.0 - 2022-05-17
+
+### Added
+- Shield to prevent "JSON Hijacking"
+- Invalid node checking for AsyncDOM
+
+### Fixed
+- Backdrop for 2+ opened dialogs
+
+## v0.1.4 - 2022-05-06
+
+### Added
+- Async requests counter
+- Support for extra arguments in dialog controller
+
+### Fixed
+- Arguments for non-method require calls
+
+## v0.1.3 - 2022-04-27
+
+### Added
+- Method to close only current dialog
+
+### Fixed
+- Dialog z-index
+
+## v0.1.2 - 2022-04-14
+
+### Added
+- Dialogs support.
+
+## v0.1.1 - 2022-03-27
+
+### Added
+- Part of BigPipe implementation for Webpack.

package/LICENSE

@@ -1,19 +1,19 @@
-Copyright (C) 2017 Richard Dobroň
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+Copyright (C) 2017 Richard Dobroň
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -6,6 +6,9 @@ This library currently implements small part of [Facebook BigPipe][blog] so far,
 ## Demo App
 Try the app with [live demo](http://bigpipe.xf.cz).
 
+## Full documentation
+https://richarddobron.github.io/bigpipe-php/
+
 ## Requirements
 * PHP 7.1 or higher
 * Webpack

package/bigpipe.svg

@@ -1,13 +1,13 @@
-<svg width="254.23999568394254" height="64.8" viewBox="0 0 254.23999568394254 64.8" xmlns="http://www.w3.org/2000/svg">
-    <g transform="matrix(3.0856473041983374,0,0,3.0856473041983374,-6.171373325690784,-6.1698442238608315)" fill="#0C056D">
-        <g xmlns="http://www.w3.org/2000/svg">
-            <path d="M2.2427,8.9287a.5.5,0,0,1,0-.8574l10-6a.4971.4971,0,0,1,.5146,0l10,6a.5.5,0,0,1,0,.8574l-10,6a.5.5,0,0,1-.5146,0Zm20,3.1426L12.5,17.917,2.7573,12.0713a.5.5,0,0,0-.5146.8574l10,6a.5.5,0,0,0,.5146,0l10-6a.5.5,0,0,0-.5146-.8574Zm0,4L12.5,21.917,2.7573,16.0713a.5.5,0,0,0-.5146.8574l10,6a.5.5,0,0,0,.5146,0l10-6a.5.5,0,0,0-.5146-.8574Z"></path>
-        </g>
-    </g>
-    <g transform="matrix(2.500000066227385,0,0,2.500000066227385,81.99999920527138,0.49999675485814166)" fill="#0C056D">
-        <path d="M8.92 12.24 c1.48 0.4 2.88 1.72 2.88 3.66 c0 2.54 -1.6 4.1 -5.08 4.1 l-5.52 0 l0 -14 l5.22 0 c2.9 0 4.36 1.64 4.36 3.52 c0 1.48 -0.96 2.32 -1.86 2.72 z M6.14 8.56 l-2.02 0 l0 2.82 l2.02 0 c1.24 0 1.74 -0.58 1.74 -1.42 c0 -0.9 -0.58 -1.4 -1.74 -1.4 z M6.56 17.44 c1.6 0 2.32 -0.66 2.32 -1.9 c0 -1.06 -0.72 -1.8 -2.44 -1.8 l-2.32 0 l0 3.7 l2.44 0 z M16.62 6 l0 14 l-2.92 0 l0 -14 l2.92 0 z M32.2 12.559999999999999 c0.62 4.7 -2.44 7.64 -6.22 7.64 c-3.98 0 -7.26 -2.94 -7.26 -7.2 s3.36 -7.2 7.26 -7.2 c1.86 0 3.5 0.6 4.7 1.66 l-1.76 1.98 c-0.74 -0.52 -1.74 -0.9 -2.76 -0.9 c-2.54 0 -4.4 1.86 -4.4 4.46 s1.8 4.46 4.22 4.46 c1.84 0 3.12 -0.66 3.52 -2.42 l-3.3 0 l0 -2.48 l6 0 z"></path>
-    </g>
-    <g transform="matrix(2.5714285714285716,0,0,2.5714285714285716,166.91428559167045,-0.4285714285714306)" fill="#0C056D">
-        <path d="M5.46 6 c3.14 0 4.8 1.94 4.8 4.3 c0 2.42 -1.66 4.34 -4.8 4.34 l-3.68 0 l0 5.36 l-0.58 0 l0 -14 l4.26 0 z M5.54 14.04 c2.52 0 4.14 -1.46 4.14 -3.74 c0 -2.32 -1.62 -3.72 -4.14 -3.72 l-3.76 0 l0 7.46 l3.76 0 z M12.74 6 l0 14 l-0.58 0 l0 -14 l0.58 0 z M19.400000000000002 6 c3.14 0 4.8 1.94 4.8 4.3 c0 2.42 -1.66 4.34 -4.8 4.34 l-3.68 0 l0 5.36 l-0.58 0 l0 -14 l4.26 0 z M19.48 14.04 c2.52 0 4.14 -1.46 4.14 -3.74 c0 -2.32 -1.62 -3.72 -4.14 -3.72 l-3.76 0 l0 7.46 l3.76 0 z M26.680000000000003 19.42 l7.28 0 l0 0.58 l-7.68 0 l-0.18 0 l0 -14 l0.58 0 l7.1 0 l0 0.58 l-7.1 0 l0 6.1 l5.66 0 l0 0.58 l-5.66 0 l0 6.16 z"></path>
-    </g>
-</svg>
+<svg width="254.23999568394254" height="64.8" viewBox="0 0 254.23999568394254 64.8" xmlns="http://www.w3.org/2000/svg">
+    <g transform="matrix(3.0856473041983374,0,0,3.0856473041983374,-6.171373325690784,-6.1698442238608315)" fill="#0C056D">
+        <g xmlns="http://www.w3.org/2000/svg">
+            <path d="M2.2427,8.9287a.5.5,0,0,1,0-.8574l10-6a.4971.4971,0,0,1,.5146,0l10,6a.5.5,0,0,1,0,.8574l-10,6a.5.5,0,0,1-.5146,0Zm20,3.1426L12.5,17.917,2.7573,12.0713a.5.5,0,0,0-.5146.8574l10,6a.5.5,0,0,0,.5146,0l10-6a.5.5,0,0,0-.5146-.8574Zm0,4L12.5,21.917,2.7573,16.0713a.5.5,0,0,0-.5146.8574l10,6a.5.5,0,0,0,.5146,0l10-6a.5.5,0,0,0-.5146-.8574Z"></path>
+        </g>
+    </g>
+    <g transform="matrix(2.500000066227385,0,0,2.500000066227385,81.99999920527138,0.49999675485814166)" fill="#0C056D">
+        <path d="M8.92 12.24 c1.48 0.4 2.88 1.72 2.88 3.66 c0 2.54 -1.6 4.1 -5.08 4.1 l-5.52 0 l0 -14 l5.22 0 c2.9 0 4.36 1.64 4.36 3.52 c0 1.48 -0.96 2.32 -1.86 2.72 z M6.14 8.56 l-2.02 0 l0 2.82 l2.02 0 c1.24 0 1.74 -0.58 1.74 -1.42 c0 -0.9 -0.58 -1.4 -1.74 -1.4 z M6.56 17.44 c1.6 0 2.32 -0.66 2.32 -1.9 c0 -1.06 -0.72 -1.8 -2.44 -1.8 l-2.32 0 l0 3.7 l2.44 0 z M16.62 6 l0 14 l-2.92 0 l0 -14 l2.92 0 z M32.2 12.559999999999999 c0.62 4.7 -2.44 7.64 -6.22 7.64 c-3.98 0 -7.26 -2.94 -7.26 -7.2 s3.36 -7.2 7.26 -7.2 c1.86 0 3.5 0.6 4.7 1.66 l-1.76 1.98 c-0.74 -0.52 -1.74 -0.9 -2.76 -0.9 c-2.54 0 -4.4 1.86 -4.4 4.46 s1.8 4.46 4.22 4.46 c1.84 0 3.12 -0.66 3.52 -2.42 l-3.3 0 l0 -2.48 l6 0 z"></path>
+    </g>
+    <g transform="matrix(2.5714285714285716,0,0,2.5714285714285716,166.91428559167045,-0.4285714285714306)" fill="#0C056D">
+        <path d="M5.46 6 c3.14 0 4.8 1.94 4.8 4.3 c0 2.42 -1.66 4.34 -4.8 4.34 l-3.68 0 l0 5.36 l-0.58 0 l0 -14 l4.26 0 z M5.54 14.04 c2.52 0 4.14 -1.46 4.14 -3.74 c0 -2.32 -1.62 -3.72 -4.14 -3.72 l-3.76 0 l0 7.46 l3.76 0 z M12.74 6 l0 14 l-0.58 0 l0 -14 l0.58 0 z M19.400000000000002 6 c3.14 0 4.8 1.94 4.8 4.3 c0 2.42 -1.66 4.34 -4.8 4.34 l-3.68 0 l0 5.36 l-0.58 0 l0 -14 l4.26 0 z M19.48 14.04 c2.52 0 4.14 -1.46 4.14 -3.74 c0 -2.32 -1.62 -3.72 -4.14 -3.72 l-3.76 0 l0 7.46 l3.76 0 z M26.680000000000003 19.42 l7.28 0 l0 0.58 l-7.68 0 l-0.18 0 l0 -14 l0.58 0 l7.1 0 l0 0.58 l-7.1 0 l0 6.1 l5.66 0 l0 0.58 l-5.66 0 l0 6.16 z"></path>
+    </g>
+</svg>

package/package.json

@@ -1,25 +1,25 @@
-{
-  "name": "bigpipe-util",
-  "description": "This library currently implements small part of Facebook BigPipe so far, but the advantage is to efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP.",
-  "version": "0.2.5",
-  "keywords": [
-    "bigpipe",
-    "xhr",
-    "html",
-    "dom",
-    "async",
-    "javascript"
-  ],
-  "homepage": "https://github.com/richardDobron/bigpipe-util",
-  "author": "Richard Dobroň",
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/richardDobron/bigpipe-util.git"
-  },
-  "bugs:": "https://github.com/richardDobron/bigpipe-util/issues",
-  "license": "MIT",
-  "dependencies": {
-    "fbjs": "^3.0.4",
-    "modal-vanilla": "^0.9.0"
-  }
-}
+{
+  "name": "bigpipe-util",
+  "description": "This library currently implements small part of Facebook BigPipe so far, but the advantage is to efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP.",
+  "version": "0.2.6",
+  "keywords": [
+    "bigpipe",
+    "xhr",
+    "html",
+    "dom",
+    "async",
+    "javascript"
+  ],
+  "homepage": "https://github.com/richardDobron/bigpipe-util",
+  "author": "Richard Dobroň",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/richardDobron/bigpipe-util.git"
+  },
+  "bugs:": "https://github.com/richardDobron/bigpipe-util/issues",
+  "license": "MIT",
+  "dependencies": {
+    "fbjs": "^3.0.4",
+    "modal-vanilla": "^0.9.0"
+  }
+}

package/src/Primer.js

@@ -1,134 +1,151 @@
-import AsyncRequest from "./async/AsyncRequest";
-import {byTag} from "./core/Parent";
-
-export default function Primer() {
-  const rootElement = document.documentElement;
-
-  const RELATIONSHIP_REGEX = /async(?:-post)?|dialog/;
-
-  rootElement.onclick = function (event) {
-    event = event || window.event;
-    const elementOnClicked = event.target || event.srcElement;
-
-    const linkNodeOnClicked = byTag(elementOnClicked, "A");
-
-    if (!linkNodeOnClicked) {
-      return;
-    }
-
-    let relationship = linkNodeOnClicked.rel && linkNodeOnClicked.rel.match(RELATIONSHIP_REGEX);
-    relationship = relationship && relationship[0];
-
-    if (linkNodeOnClicked.classList.contains('async-saving')) {
-      event.preventDefault();
-      return;
-    }
-
-    switch (relationship) {
-      case "async":
-      case "async-post":
-        event.preventDefault();
-
-        (new AsyncRequest(linkNodeOnClicked.getAttribute("ajaxify")))
-          .setRelative(linkNodeOnClicked)
-          .setInitialHandler(() => {
-            linkNodeOnClicked.classList.add("async-saving");
-          })
-          .setHandler(() => {
-            linkNodeOnClicked.classList.remove("async-saving");
-          })
-          .setErrorHandler(() => {
-            linkNodeOnClicked.classList.remove("async-saving");
-          })
-          .setMethod(relationship === "async-post" ? "POST" : "GET")
-          .send();
-        break;
-      case "dialog":
-        event.preventDefault();
-
-        (new AsyncRequest(linkNodeOnClicked.getAttribute("ajaxify")))
-          .setRelative(linkNodeOnClicked)
-          .setInitialHandler(() => {
-            linkNodeOnClicked.classList.add("async-saving");
-          })
-          .setHandler(() => {
-            linkNodeOnClicked.classList.remove("async-saving");
-          })
-          .setErrorHandler(() => {
-            linkNodeOnClicked.classList.remove("async-saving");
-          })
-          .setMethod("POST")
-          .send();
-        break;
-    }
-  };
-
-  rootElement.onsubmit = function (event) {
-    event = event || window.event;
-    const eventTarget = event.target || event.srcElement;
-
-    if (eventTarget &&
-      eventTarget.nodeName === "FORM" &&
-      eventTarget.getAttribute("rel") === "async") {
-      event.preventDefault();
-
-      const submitter = event.submitter || eventTarget.querySelector("button[type='submit']"),
-        activeControls = eventTarget.querySelectorAll("input:not([readonly]),select:not([readonly]),textarea:not([readonly])");
-
-      (new AsyncRequest(eventTarget.getAttribute("ajaxify") || eventTarget.getAttribute("action")))
-        .setMethod(eventTarget.method || "POST")
-        .setRelative(eventTarget)
-        .setData(new FormData(eventTarget))
-        .setInitialHandler(function () {
-          if (!eventTarget.classList.contains("disable-prevent-form")) {
-            activeControls.forEach(function (control) {
-              control.setAttribute("readonly", "readonly");
-            });
-
-            if (submitter) {
-              submitter.disabled = true;
-            }
-          }
-
-          if (eventTarget) {
-            const loader = eventTarget.querySelector(".form-loader");
-
-            if (loader) {
-              loader.classList.add("loading");
-            }
-          }
-        })
-        .setHandler(function (response) {
-          activeControls.forEach(function (control) {
-            control.removeAttribute("readonly");
-          });
-
-          if (submitter) {
-            submitter.disabled = false;
-          }
-
-          if (eventTarget) {
-            const loader = eventTarget.querySelector(".small-loader");
-
-            if (loader) {
-              loader.classList.remove("loading");
-            }
-          }
-        })
-        .setErrorHandler(function () {
-          activeControls.forEach(function (control) {
-            control.removeAttribute("readonly");
-          });
-
-          if (eventTarget) {
-            const loader = eventTarget.querySelector(".small-loader");
-
-            if (loader) {
-              loader.classList.remove("loading");
-            }
-          }
-        })
-        .send();
-    }
-  };
-}
+import AsyncRequest from "./async/AsyncRequest";
+import {byTag} from "./core/Parent";
+
+export default function Primer() {
+  const rootElement = document.documentElement;
+
+  const RELATIONSHIP_REGEX = /async(?:-post)?|dialog/;
+
+  rootElement.onclick = function (event) {
+    event = event || window.event;
+    const elementOnClicked = event.target || event.srcElement;
+
+    const linkNodeOnClicked = byTag(elementOnClicked, "A");
+
+    if (!linkNodeOnClicked) {
+      return;
+    }
+
+    const ajaxHref = linkNodeOnClicked.getAttribute("ajaxify")
+    const realHref = linkNodeOnClicked.href
+    let relationship = linkNodeOnClicked.rel && linkNodeOnClicked.rel.match(RELATIONSHIP_REGEX);
+    relationship = relationship && relationship[0];
+
+    if (ajaxHref && realHref && !/#$/.test(realHref)) {
+      const isMiddleMouseButton = event.which && event.which === 2;
+      const hasModifierKey = event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
+
+      if (isMiddleMouseButton || hasModifierKey) {
+        return;
+      }
+    }
+
+    if (linkNodeOnClicked.classList.contains('async-saving')) {
+      event.preventDefault();
+      return;
+    }
+
+    switch (relationship) {
+      case "async":
+      case "async-post":
+        event.preventDefault();
+
+        (new AsyncRequest(ajaxHref))
+          .setRelative(linkNodeOnClicked)
+          .setInitialHandler(() => {
+            linkNodeOnClicked.classList.add("async-saving");
+          })
+          .setHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
+          .setErrorHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
+          .setMethod(relationship === "async-post" ? "POST" : "GET")
+          .send();
+        break;
+      case "dialog":
+        event.preventDefault();
+
+        (new AsyncRequest(linkNodeOnClicked.getAttribute("ajaxify")))
+          .setRelative(linkNodeOnClicked)
+          .setInitialHandler(() => {
+            linkNodeOnClicked.classList.add("async-saving");
+          })
+          .setHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
+          .setErrorHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
+          .setMethod("POST")
+          .send();
+        break;
+    }
+  };
+
+  rootElement.onsubmit = function (event) {
+    event = event || window.event;
+    const eventTarget = event.target || event.srcElement;
+
+    if (eventTarget &&
+      eventTarget.nodeName === "FORM" &&
+      eventTarget.getAttribute("rel") === "async") {
+      event.preventDefault();
+
+      const submitter = event.submitter || eventTarget.querySelector("button[type='submit']");
+      const activeControls = eventTarget.querySelectorAll("input:not([readonly]),select:not([readonly]),textarea:not([readonly])");
+
+      (new AsyncRequest(eventTarget.getAttribute("ajaxify") || eventTarget.getAttribute("action")))
+        .setMethod(eventTarget.method || "POST")
+        .setRelative(eventTarget)
+        .setData(new FormData(eventTarget))
+        .setInitialHandler(function () {
+          eventTarget.classList.add("async-saving");
+
+          if (!eventTarget.classList.contains("disable-prevent-form")) {
+            activeControls.forEach(function (control) {
+              control.setAttribute("readonly", "readonly");
+            });
+
+            if (submitter) {
+              submitter.disabled = true;
+            }
+          }
+
+          if (eventTarget) {
+            const loader = eventTarget.querySelector(".form-loader");
+
+            if (loader) {
+              loader.classList.add("loading");
+            }
+          }
+        })
+        .setHandler(function (response) {
+          eventTarget.classList.remove("async-saving");
+
+          activeControls.forEach(function (control) {
+            control.removeAttribute("readonly");
+          });
+
+          if (submitter) {
+            submitter.disabled = false;
+          }
+
+          if (eventTarget) {
+            const loader = eventTarget.querySelector(".small-loader");
+
+            if (loader) {
+              loader.classList.remove("loading");
+            }
+          }
+        })
+        .setErrorHandler(function () {
+          eventTarget.classList.add("async-saving");
+
+          activeControls.forEach(function (control) {
+            control.removeAttribute("readonly");
+          });
+
+          if (eventTarget) {
+            const loader = eventTarget.querySelector(".small-loader");
+
+            if (loader) {
+              loader.classList.remove("loading");
+            }
+          }
+        })
+        .send();
+    }
+  };
+}