@faqir-ui/core 1.0.0 → 1.1.1

package/dist/faqir-core.mjs

@@ -126,6 +126,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       var iterations = 0;
       while (pendingEffects.size > 0) {
         if (++iterations > 100) {
+          console.warn("[Faqir] Effect loop: dropped " + pendingEffects.size + " effect(s) after 100 flushes; effects keep re-triggering each other");
           pendingEffects.clear();
           break;
         }
@@ -631,6 +632,14 @@ var require_faqir_core = __commonJS((exports, module) => {
       function signalOf(ac) {
         return ac ? ac.signal : undefined;
       }
+      function locate(id, row) {
+        var items = scope[name];
+        for (var i = 0;i < items.length; i++) {
+          if (row ? items[i] === row : items[i] && items[i][idKey] === id)
+            return i;
+        }
+        return -1;
+      }
       scope[name] = [];
       scope[name + "Loading"] = false;
       scope[name + "Error"] = null;
@@ -673,11 +682,10 @@ var require_faqir_core = __commonJS((exports, module) => {
           if (destroyed)
             return Promise.resolve(null);
           scope[name + "Error"] = null;
-          var tempIndex = -1;
+          var temp = null;
           if (isOptimistic) {
-            var temp = Object.assign({}, payload, { _pending: true });
-            scope[name].push(temp);
-            tempIndex = scope[name].length - 1;
+            scope[name].push(Object.assign({}, payload, { _pending: true }));
+            temp = scope[name][scope[name].length - 1];
           }
           var ac = beginRequest();
           return fetch(endpoint, {
@@ -693,9 +701,10 @@ var require_faqir_core = __commonJS((exports, module) => {
             endRequest(ac);
             if (destroyed)
               return null;
-            if (isOptimistic && tempIndex >= 0) {
-              scope[name][tempIndex] = created;
-            } else {
+            var at = temp ? locate(null, temp) : -1;
+            if (at >= 0) {
+              scope[name][at] = created;
+            } else if (!temp || !created || created[idKey] == null || locate(created[idKey]) < 0) {
               scope[name].push(created);
             }
             return created;
@@ -704,9 +713,9 @@ var require_faqir_core = __commonJS((exports, module) => {
             if (destroyed)
               return null;
             scope[name + "Error"] = e.message;
-            if (isOptimistic && tempIndex >= 0) {
-              scope[name].splice(tempIndex, 1);
-            }
+            var at = temp ? locate(null, temp) : -1;
+            if (at >= 0)
+              scope[name].splice(at, 1);
             return null;
           });
         },
@@ -715,20 +724,14 @@ var require_faqir_core = __commonJS((exports, module) => {
             return Promise.resolve(null);
           scope[name + "Error"] = null;
           var items = scope[name];
-          var idx = -1;
-          for (var i = 0;i < items.length; i++) {
-            if (items[i][idKey] === id) {
-              idx = i;
-              break;
-            }
-          }
+          var idx = locate(id);
           var snapshot = null;
           if (isOptimistic && idx >= 0) {
             snapshot = Object.assign({}, items[idx]);
             Object.assign(items[idx], payload);
           }
           var ac = beginRequest();
-          return fetch(endpoint + "/" + id, {
+          return fetch(endpoint + "/" + encodeURIComponent(id), {
             method: "PATCH",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify(payload),
@@ -741,17 +744,18 @@ var require_faqir_core = __commonJS((exports, module) => {
             endRequest(ac);
             if (destroyed)
               return null;
-            if (idx >= 0)
-              scope[name][idx] = updated;
+            var at = locate(id);
+            if (at >= 0)
+              scope[name][at] = updated;
             return updated;
           }).catch(function(e) {
             endRequest(ac);
             if (destroyed)
               return null;
             scope[name + "Error"] = e.message;
-            if (isOptimistic && snapshot && idx >= 0) {
-              scope[name][idx] = snapshot;
-            }
+            var at = snapshot ? locate(id) : -1;
+            if (at >= 0)
+              scope[name][at] = snapshot;
             return null;
           });
         },
@@ -760,34 +764,28 @@ var require_faqir_core = __commonJS((exports, module) => {
             return Promise.resolve();
           scope[name + "Error"] = null;
           var items = scope[name];
-          var idx = -1;
-          for (var i = 0;i < items.length; i++) {
-            if (items[i][idKey] === id) {
-              idx = i;
-              break;
-            }
-          }
+          var idx = locate(id);
           var snapshot = null;
           if (isOptimistic && idx >= 0) {
             snapshot = items[idx];
             items.splice(idx, 1);
           }
           var ac = beginRequest();
-          return fetch(endpoint + "/" + id, { method: "DELETE", signal: signalOf(ac) }).then(function(res) {
+          return fetch(endpoint + "/" + encodeURIComponent(id), { method: "DELETE", signal: signalOf(ac) }).then(function(res) {
             if (!res.ok)
               throw new Error(res.status + " " + res.statusText);
             endRequest(ac);
             if (destroyed)
               return;
-            if (!isOptimistic && idx >= 0) {
-              scope[name].splice(idx, 1);
-            }
+            var at = isOptimistic ? -1 : locate(id);
+            if (at >= 0)
+              scope[name].splice(at, 1);
           }).catch(function(e) {
             endRequest(ac);
             if (destroyed)
               return;
             scope[name + "Error"] = e.message;
-            if (isOptimistic && snapshot) {
+            if (snapshot && locate(id) < 0) {
               scope[name].splice(idx, 0, snapshot);
             }
           });
@@ -1258,15 +1256,11 @@ var require_faqir_core = __commonJS((exports, module) => {
         });
         var inputHandler = function() {
           var value = el.value;
-          if (modifiers.has("number"))
-            value = parseFloat(value) || 0;
           if (modifiers.has("trim"))
             value = value.trim();
-          if (typeof value === "number") {
-            writeModel(prop, value, scope, el);
-          } else {
-            writeModel(prop, value, scope, el);
-          }
+          if (modifiers.has("number"))
+            value = parseFloat(value) || 0;
+          writeModel(prop, value, scope, el);
         };
         if (modifiers.has("debounce")) {
           inputHandler = debounce(inputHandler, 300);
@@ -1501,16 +1495,20 @@ var require_faqir_core = __commonJS((exports, module) => {
         }) : [];
         var oldMap = new Map;
         for (var i = 0;i < currentEntries.length; i++) {
-          oldMap.set(currentEntries[i].key, currentEntries[i]);
+          var k = currentEntries[i].key;
+          if (oldMap.has(k))
+            oldMap.get(k).push(currentEntries[i]);
+          else
+            oldMap.set(k, [currentEntries[i]]);
         }
         var n = items.length;
         var newEntries = new Array(n);
         var source = new Array(n);
         for (var i = 0;i < n; i++) {
           var key = keyFor(items[i], i);
-          var entry = oldMap.get(key);
+          var olds = oldMap.get(key);
+          var entry = olds && olds.shift();
           if (entry !== undefined) {
-            oldMap.delete(key);
             entry.scope[itemName] = items[i];
             entry.scope[indexName] = i;
             source[i] = entry.__i + 1;
@@ -1520,10 +1518,12 @@ var require_faqir_core = __commonJS((exports, module) => {
           }
           newEntries[i] = entry;
         }
-        oldMap.forEach(function(stale) {
-          for (var j2 = 0;j2 < stale.nodes.length; j2++) {
-            destroyScope(stale.nodes[j2]);
-            stale.nodes[j2].remove();
+        oldMap.forEach(function(olds2) {
+          for (var e = 0;e < olds2.length; e++) {
+            for (var j2 = 0;j2 < olds2[e].nodes.length; j2++) {
+              destroyScope(olds2[e].nodes[j2]);
+              olds2[e].nodes[j2].remove();
+            }
           }
         });
         var seq = getSequence(source);
@@ -3532,13 +3532,17 @@ var require_faqir_core = __commonJS((exports, module) => {
         }
         let cancelExitWait = null;
         function open() {
+          if (root.dataset.state === "open" && focusCleanup)
+            return;
           cancelExitWait?.();
           cancelExitWait = null;
-          previouslyFocused = document.activeElement;
+          if (!focusCleanup)
+            previouslyFocused = document.activeElement;
           root.dataset.state = "open";
           overlay.hidden = false;
           panel.hidden = false;
-          focusCleanup = trapFocus(panel);
+          if (!focusCleanup)
+            focusCleanup = trapFocus(panel);
           focusInitial();
         }
         function close() {
@@ -8666,7 +8670,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         }
         function dismiss(id) {
           const entry = toasts.get(id);
-          if (!entry)
+          if (!entry || entry.cancelExitWait)
             return;
           const { el, timer, closeBtn, onCloseClick, actionBtn, onActionClick } = entry;
           if (timer)
@@ -9519,6 +9523,9 @@ var require_faqir_core = __commonJS((exports, module) => {
       },
       warnings: function() {
         return devHooks ? devHooks.warnings() : [];
+      },
+      report: function(message, el) {
+        return false;
       }
     };
     function initController(name, el) {
@@ -9547,7 +9554,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           continue;
         if (rootEl.__faqirScope) {
           processed.add(rootEl);
-          var seen = rootEl.querySelectorAll("[l-data]");
+          var seen = rootEl.querySelectorAll("[l-data], [data-ui]");
           for (var sd = 0;sd < seen.length; sd++)
             processed.add(seen[sd]);
           continue;
@@ -9573,7 +9580,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         }
         if (!skipThis) {
           initTree(rootEl, null);
-          var descendants = rootEl.querySelectorAll("[l-data]");
+          var descendants = rootEl.querySelectorAll("[l-data], [data-ui]");
           for (var d = 0;d < descendants.length; d++)
             processed.add(descendants[d]);
           processed.add(rootEl);
@@ -9607,7 +9614,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             if (uiName && controllerRegistry[uiName]) {
               initController(uiName, node);
             }
-            if (node.hasAttribute && node.hasAttribute("l-data")) {
+            if (node.__faqirScope) {} else if (node.hasAttribute && node.hasAttribute("l-data")) {
               initTree(node, findParentScope(node));
             } else if (node.hasAttribute && node.hasAttribute("data-ui") && !findParentScope(node)) {
               initTree(node, null);
@@ -9638,16 +9645,25 @@ var require_faqir_core = __commonJS((exports, module) => {
       mutationObserver.observe(document.body, { childList: true, subtree: true });
     }
     var currentScript = typeof document !== "undefined" ? document.currentScript : null;
-    var isManual = currentScript && currentScript.hasAttribute("data-manual");
+    var isManual = currentScript ? currentScript.hasAttribute("data-manual") : typeof document !== "undefined" && !!document.querySelector('script[type="module"][data-manual]');
+    var autoStarted = false;
+    function autoStart() {
+      if (autoStarted)
+        return;
+      autoStarted = true;
+      bootstrap();
+    }
     if (!isManual && typeof document !== "undefined") {
       if (document.readyState === "loading") {
-        document.addEventListener("DOMContentLoaded", bootstrap);
+        document.addEventListener("DOMContentLoaded", autoStart);
       } else {
-        bootstrap();
+        if (document.readyState === "interactive")
+          document.addEventListener("DOMContentLoaded", autoStart);
+        setTimeout(autoStart, 0);
       }
     }
     var Faqir = {
-      version: "1.0.0",
+      version: "1.1.1",
       reactive,
       effect,
       batch,