stimeo-ui 0.17.0 → 0.18.1

data/dist/controllers/optimistic_controller.js

@@ -48,6 +48,30 @@ var ListenerSet = class {
   }
 };
 
+var SubmissionOwner = class {
+  #synthetic = /* @__PURE__ */ Symbol("synthetic submission");
+  #active = null;
+  begin(event) {
+    this.#active = { source: event.target, token: this.#tokenOf(event) };
+  }
+  resolve(event) {
+    if (this.#active === null || this.#active.source !== event.target || this.#active.token !== this.#tokenOf(event)) {
+      return null;
+    }
+    this.clear();
+    return this.#detailOf(event)?.success === true;
+  }
+  clear() {
+    this.#active = null;
+  }
+  #tokenOf(event) {
+    return this.#detailOf(event)?.formSubmission ?? this.#synthetic;
+  }
+  #detailOf(event) {
+    return event.detail;
+  }
+};
+
 var TransientHooks = class {
   #attributes;
   constructor(options) {
@@ -63,15 +87,10 @@ var HIDDEN_MARKER = "data-optimistic-toggled";
 var BUSY_MARKER = "data-optimistic-busy";
 var AUTHORED_ABSENT = "absent";
 var AUTHORED_VALUE = "value:";
-var SYNTHETIC_SUBMISSION = {};
-function submissionOf(event) {
-  const detail = event.detail;
-  return detail?.formSubmission ?? SYNTHETIC_SUBMISSION;
-}
 var OptimisticController = class extends Controller {
   static targets = ["show", "hide"];
   static events = ["commit", "rollback"];
-  #pending = null;
+  #submission = new SubmissionOwner();
   #gate = new DetachGate();
   #listeners = new ListenerSet();
   #connected = false;
@@ -87,11 +106,11 @@ var OptimisticController = class extends Controller {
     this.#connected = false;
     this.#listeners.dispose();
     this.#gate.disconnected(this, () => {
-      this.#pending = null;
+      this.#submission.clear();
     });
   }
   #onSubmitStart = (event) => {
-    this.#pending = submissionOf(event);
+    this.#submission.begin(event);
     if (this.element instanceof HTMLFormElement && !this.element.hasAttribute(BUSY_MARKER)) {
       this.element.setAttribute(BUSY_MARKER, AUTHORED_ABSENT);
     }
@@ -101,9 +120,8 @@ var OptimisticController = class extends Controller {
     for (const target of this.hideTargets) this.#setHidden(target, true);
   };
   #onSubmitEnd = (event) => {
-    if (submissionOf(event) !== this.#pending) return;
-    this.#pending = null;
-    const success = event.detail?.success === true;
+    const success = this.#submission.resolve(event);
+    if (success === null) return;
     if (success) {
       this.element.removeAttribute("data-optimistic");
       this.#restore(this.element, "aria-busy", BUSY_MARKER, "true");