sibujs 4.12.0 → 4.13.1

package/dist/{chunk-LYTUTXQP.js → chunk-PBJYCE2Z.js}

@@ -1,21 +1,25 @@
+import {
+  claimWidgetKey,
+  isWidgetKeyEvent
+} from "./chunk-N5TBYXHW.js";
 import {
   watch
-} from "./chunk-HXT2RNH5.js";
+} from "./chunk-ADZHPN2B.js";
 import {
   createId,
   domBinding,
   idSegment
-} from "./chunk-WFRQ6D7H.js";
+} from "./chunk-22OPSWMF.js";
 import {
   derived
-} from "./chunk-RK7EPQPG.js";
+} from "./chunk-YFTBCCVH.js";
 import {
   stripHtml
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-IHA62NGJ.js";
+} from "./chunk-QKFVMIAV.js";
 
 // src/widgets/Combobox.ts
 var boundComboboxes = /* @__PURE__ */ new WeakMap();
@@ -114,27 +118,34 @@ function combobox(options) {
       open();
     };
     const onKey = (e) => {
+      if (isWidgetKeyEvent(e)) return;
       if (e.key === "ArrowDown") {
         e.preventDefault();
+        claimWidgetKey(e, "combobox");
         if (!isOpen()) open();
         highlightNext();
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
+        claimWidgetKey(e, "combobox");
         if (!isOpen()) open();
         highlightPrev();
       } else if (e.key === "Enter") {
         if (highlightedIndex() >= 0) {
           e.preventDefault();
+          claimWidgetKey(e, "combobox");
           selectHighlighted();
         }
       } else if (e.key === "Escape") {
         e.preventDefault();
+        claimWidgetKey(e, "combobox");
         close();
       } else if (e.key === "Home") {
         e.preventDefault();
+        claimWidgetKey(e, "combobox");
         if (filteredItems().length > 0) setHighlightedIndex(0);
       } else if (e.key === "End") {
         e.preventDefault();
+        claimWidgetKey(e, "combobox");
         const len = filteredItems().length;
         if (len > 0) setHighlightedIndex(len - 1);
       }
@@ -303,16 +314,20 @@ function tabs(options) {
       }
     }, els.tablist);
     const onKey = (e) => {
+      if (isWidgetKeyEvent(e)) return;
       if (e.key === "ArrowRight" || e.key === "ArrowDown") {
         e.preventDefault();
+        claimWidgetKey(e, "tabs");
         nextTab();
         els.tabs[activeTab()]?.focus();
       } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
         e.preventDefault();
+        claimWidgetKey(e, "tabs");
         prevTab();
         els.tabs[activeTab()]?.focus();
       } else if (e.key === "Home") {
         e.preventDefault();
+        claimWidgetKey(e, "tabs");
         const first = tabDefs.find((t) => !t.disabled);
         if (first) {
           setActiveTabState(first.id);
@@ -320,6 +335,7 @@ function tabs(options) {
         }
       } else if (e.key === "End") {
         e.preventDefault();
+        claimWidgetKey(e, "tabs");
         for (let i = tabDefs.length - 1; i >= 0; i--) {
           if (!tabDefs[i].disabled) {
             setActiveTabState(tabDefs[i].id);
@@ -453,8 +469,10 @@ function accordion(options) {
       if (!trig) continue;
       const click = () => toggle(item.id);
       const key = (e) => {
+        if (isWidgetKeyEvent(e)) return;
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();
+          claimWidgetKey(e, "accordion");
           toggle(item.id);
         }
       };
@@ -534,8 +552,10 @@ function popover() {
       toggle();
     };
     const onKey = (e) => {
+      if (isWidgetKeyEvent(e)) return;
       if (e.key === "Escape" && isOpen()) {
         e.stopPropagation();
+        claimWidgetKey(e, "popover");
         close();
         els.trigger.focus();
       }
@@ -694,26 +714,33 @@ function select(options) {
     let typeBuffer = "";
     let typeTimer = null;
     const onKey = (e) => {
+      if (isWidgetKeyEvent(e)) return;
       if (e.key === "ArrowDown") {
         e.preventDefault();
+        claimWidgetKey(e, "select");
         highlightNext();
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
+        claimWidgetKey(e, "select");
         highlightPrev();
       } else if (e.key === "Home") {
         e.preventDefault();
+        claimWidgetKey(e, "select");
         const first = nextEnabled(-1, 1);
         if (first !== -1) setHighlightedIndex(first);
       } else if (e.key === "End") {
         e.preventDefault();
+        claimWidgetKey(e, "select");
         const last = nextEnabled(items.length, -1);
         if (last !== -1) setHighlightedIndex(last);
       } else if (e.key === "Enter" || e.key === " ") {
         if (highlightedIndex() >= 0) {
           e.preventDefault();
+          claimWidgetKey(e, "select");
           selectHighlighted();
         }
       } else if (e.key.length === 1 && /\S/.test(e.key)) {
+        claimWidgetKey(e, "select");
         typeBuffer += e.key.toLowerCase();
         if (typeTimer !== null) clearTimeout(typeTimer);
         typeTimer = setTimeout(() => {
@@ -830,8 +857,10 @@ function tooltip(options) {
     const onFocus = () => show();
     const onBlur = () => hide();
     const onKey = (e) => {
+      if (isWidgetKeyEvent(e)) return;
       if (e.key === "Escape" && isVisible()) {
         e.stopPropagation();
+        claimWidgetKey(e, "tooltip");
         hide();
       }
     };
@@ -1017,8 +1046,10 @@ function fileUpload(options) {
     };
     const onDropClick = () => els.input.click();
     const onDropKey = (e) => {
+      if (isWidgetKeyEvent(e)) return;
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
+        claimWidgetKey(e, "fileUpload");
         els.input.click();
       }
     };
@@ -1346,48 +1377,58 @@ function datePicker(options) {
       setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth(), prev.getDate() + delta));
     }
     const onKey = (e) => {
+      if (isWidgetKeyEvent(e)) return;
       if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") {
         pendingFocus = true;
       }
       switch (e.key) {
         case "ArrowLeft":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           shiftDays(-1);
           break;
         case "ArrowRight":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           shiftDays(1);
           break;
         case "ArrowUp":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           shiftDays(-7);
           break;
         case "ArrowDown":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           shiftDays(7);
           break;
         case "Home":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           setViewDate((p) => new Date(p.getFullYear(), p.getMonth(), p.getDate() - p.getDay()));
           break;
         case "End": {
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           setViewDate((p) => new Date(p.getFullYear(), p.getMonth(), p.getDate() + (6 - p.getDay())));
           break;
         }
         case "PageUp":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           if (e.shiftKey) prevYear();
           else prevMonth();
           break;
         case "PageDown":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           if (e.shiftKey) nextYear();
           else nextMonth();
           break;
         case "Enter":
         case " ":
           e.preventDefault();
+          claimWidgetKey(e, "datePicker");
           select2(viewDate());
           break;
       }
@@ -1416,6 +1457,7 @@ function datePicker(options) {
 
 export {
   combobox,
+  snapshotAttributes,
   tabs,
   accordion,
   popover,

package/dist/{chunk-EMB5PG7V.js → chunk-QC3NP47A.js}

@@ -8,7 +8,7 @@ import {
   retrack,
   runWithOwnerScope,
   untracked
-} from "./chunk-B2Y5BJSP.js";
+} from "./chunk-4UTGDVSA.js";
 import {
   devAssert,
   reportError

package/dist/{chunk-IHA62NGJ.js → chunk-QKFVMIAV.js}

@@ -4,7 +4,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-B2Y5BJSP.js";
+} from "./chunk-4UTGDVSA.js";
 import {
   DEV
 } from "./chunk-NYNYSPK7.js";

package/dist/{chunk-LXBMVGVB.js → chunk-QZ47OZ25.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-62BDYGAG.js";
 import {
   derived
-} from "./chunk-RK7EPQPG.js";
+} from "./chunk-YFTBCCVH.js";
 import {
   effect
-} from "./chunk-EMB5PG7V.js";
+} from "./chunk-QC3NP47A.js";
 import {
   batch,
   signal
-} from "./chunk-IHA62NGJ.js";
+} from "./chunk-QKFVMIAV.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-ZTYCCBU3.js → chunk-VFPLWUT7.js}

@@ -135,45 +135,45 @@ import {
   use,
   var_,
   video
-} from "./chunk-T5O2CUHV.js";
+} from "./chunk-5XUGJM3J.js";
 import {
   trustHTML
 } from "./chunk-2F4PSJ5Z.js";
 import {
   watch
-} from "./chunk-HXT2RNH5.js";
+} from "./chunk-ADZHPN2B.js";
 import {
   __resetIdCounter,
   createId,
   domBinding
-} from "./chunk-WFRQ6D7H.js";
+} from "./chunk-22OPSWMF.js";
 import {
   SVG_NS,
   bindChildNode,
   captureFocusWithin,
   restoreFocusWithin,
   tagFactory
-} from "./chunk-WH4U2VUE.js";
+} from "./chunk-CPQKWCJ2.js";
 import {
   bindAttribute,
   bindDynamic,
   requireDocument,
   setSafeAttribute,
   setTrustedAttribute
-} from "./chunk-XX4BRMWF.js";
+} from "./chunk-K4LNUT5L.js";
 import {
   isCodeTextElement
 } from "./chunk-F2UWOZ6J.js";
 import {
   derived
-} from "./chunk-RK7EPQPG.js";
+} from "./chunk-YFTBCCVH.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-EMB5PG7V.js";
+} from "./chunk-QC3NP47A.js";
 import {
   disableSSR,
   enableSSR,
@@ -192,7 +192,7 @@ import {
   external,
   isBatching,
   signal
-} from "./chunk-IHA62NGJ.js";
+} from "./chunk-QKFVMIAV.js";
 import {
   bindOwnerScope,
   emitDevtools,
@@ -204,10 +204,11 @@ import {
   retrack,
   runWithOwnerScope,
   setMaxDrainIterations,
+  structuralBinding,
   suspendTracking,
   track,
   untracked
-} from "./chunk-B2Y5BJSP.js";
+} from "./chunk-4UTGDVSA.js";
 import {
   DEV,
   MAX_DRAIN_TEARDOWNS,
@@ -1850,6 +1851,9 @@ function show(condition, element) {
   registerDisposer(resolved, reactiveBinding(update, resolved));
   return resolved;
 }
+function isDirectiveOptions(value) {
+  return typeof value === "object" && value !== null && !(value instanceof Node);
+}
 function attachBranch(parent, anchor, branch, attachedOnce, where) {
   const result = typeof branch === "function" ? branch() : branch;
   if (result == null || typeof result === "boolean") return { node: null, owned: false };
@@ -1870,8 +1874,14 @@ function releaseBranchNode(node, owned) {
   if (owned) dispose(node);
   node.parentNode?.removeChild(node);
 }
-function when(condition, thenBranch, elseBranch) {
+function when(condition, thenBranch, elseBranch, options) {
   requireDocument();
+  if (isDirectiveOptions(elseBranch)) {
+    options = elseBranch;
+    elseBranch = void 0;
+  }
+  const elseNode = elseBranch;
+  const focusPolicy = options?.focus;
   const anchor = document.createComment("when");
   let currentNode = null;
   let lastCondition;
@@ -1891,31 +1901,37 @@ function when(condition, thenBranch, elseBranch) {
       releaseBranchNode(currentNode, currentNodeOwned);
       currentNode = null;
     }
-    const branch = show2 ? thenBranch : elseBranch !== void 0 ? elseBranch : null;
+    const branch = show2 ? thenBranch : elseNode !== void 0 ? elseNode : null;
     const attached = untracked(() => attachBranch(parent, anchor, branch, attachedOnce, "when"));
     currentNode = attached.node;
     currentNodeOwned = attached.owned;
-    restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when");
+    restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when", focusPolicy);
     initialized = true;
   };
-  const stopBinding = reactiveBinding(update, anchor);
+  const binding = structuralBinding(update, anchor);
   registerDisposer(anchor, () => {
     disposed = true;
-    stopBinding();
+    binding.stop();
     if (currentNode) releaseBranchNode(currentNode, currentNodeOwned);
     currentNode = null;
   });
   if (!initialized) {
     queueMicrotask(
       bindOwnerScope(() => {
-        if (!disposed && !initialized && anchor.parentNode) update();
+        if (!disposed && !initialized && anchor.parentNode) binding.run(update);
       })
     );
   }
   return anchor;
 }
-function match(value, cases, fallback) {
+function match(value, cases, fallback, options) {
   requireDocument();
+  if (isDirectiveOptions(fallback)) {
+    options = fallback;
+    fallback = void 0;
+  }
+  const fallbackNode = fallback;
+  const focusPolicy = options?.focus;
   const anchor = document.createComment("match");
   let currentNode = null;
   let lastKey;
@@ -1935,24 +1951,24 @@ function match(value, cases, fallback) {
       releaseBranchNode(currentNode, currentNodeOwned);
       currentNode = null;
     }
-    const branch = Object.hasOwn(cases, key) ? cases[key] : fallback;
+    const branch = Object.hasOwn(cases, key) ? cases[key] : fallbackNode;
     const attached = untracked(() => attachBranch(parent, anchor, branch ?? null, attachedOnce, "match"));
     currentNode = attached.node;
     currentNodeOwned = attached.owned;
-    restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match");
+    restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match", focusPolicy);
     initialized = true;
   };
-  const stopBinding = reactiveBinding(update, anchor);
+  const binding = structuralBinding(update, anchor);
   registerDisposer(anchor, () => {
     disposed = true;
-    stopBinding();
+    binding.stop();
     if (currentNode) releaseBranchNode(currentNode, currentNodeOwned);
     currentNode = null;
   });
   if (!initialized) {
     queueMicrotask(
       bindOwnerScope(() => {
-        if (!disposed && !initialized && anchor.parentNode) update();
+        if (!disposed && !initialized && anchor.parentNode) binding.run(update);
       })
     );
   }
@@ -2002,7 +2018,7 @@ function DynamicComponent(is) {
     shown = next;
     replaceChildrenSafely(container, el);
   }
-  const untrack = track(render);
+  const untrack = reactiveBinding(render, container, true);
   registerDisposer(container, untrack);
   return container;
 }
@@ -2224,7 +2240,8 @@ function each(getArray, render, options) {
       }
     });
   }
-  const untrack = track(update);
+  const binding = structuralBinding(update);
+  const untrack = binding.stop;
   const disposeRange = () => {
     if (rangeDisposed) return;
     rangeDisposed = true;
@@ -2250,7 +2267,7 @@ function each(getArray, render, options) {
     queueMicrotask(
       bindOwnerScope(() => {
         if (!initialized && !rangeDisposed && anchor.parentNode) {
-          update();
+          binding.run(update);
         }
       })
     );
@@ -2732,11 +2749,12 @@ function KeepAlive(activeKey, cases, options) {
     currentNode = node;
     initialized = true;
   };
-  const untrack = track(update);
+  const binding = structuralBinding(update);
+  const untrack = binding.stop;
   if (!initialized) {
     queueMicrotask(
       bindOwnerScope(() => {
-        if (!initialized && anchor.parentNode) update();
+        if (!initialized && anchor.parentNode) binding.run(update);
       })
     );
   }

package/dist/{chunk-RK7EPQPG.js → chunk-YFTBCCVH.js}

@@ -5,7 +5,7 @@ import {
   recordDependency,
   retrack,
   track
-} from "./chunk-B2Y5BJSP.js";
+} from "./chunk-4UTGDVSA.js";
 import {
   devAssert
 } from "./chunk-NYNYSPK7.js";

package/dist/data.cjs

@@ -331,6 +331,7 @@ function bindOwnerScope(fn) {
   if (scope === null) return fn;
   return (...args) => runWithOwnerScope(scope, () => fn(...args));
 }
+var currentStructOwner = null;
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
@@ -350,6 +351,9 @@ function retrack(effectFn, subscriber) {
   if (prevScope !== null && !sub._epoch && sub._scope === void 0) sub._scope = prevScope;
   const scope = sub._scope === void 0 ? null : sub._scope;
   if (scope !== prevScope) currentOwnerScope = scope;
+  const prevStructOwner = currentStructOwner;
+  if (prevStructOwner !== null && !sub._epoch && !sub._c && sub._owner == null) sub._owner = prevStructOwner;
+  if (sub._tok != null) currentStructOwner = sub._tok;
   const epoch = ++subscriberEpochCounter;
   sub._epoch = epoch;
   sub._structDirty = false;
@@ -363,6 +367,7 @@ function retrack(effectFn, subscriber) {
   } finally {
     currentSubscriber = prev;
     currentOwnerScope = prevScope;
+    currentStructOwner = prevStructOwner;
     if (savedDepth !== 0) {
       suspendDepth = savedDepth;
       suspendSavedSub = savedSuspendSub;
@@ -419,7 +424,25 @@ function track(effectFn, subscriber) {
   }
   return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
-function reactiveBinding(commit, ownerNode) {
+function reactiveBinding(commit, ownerNode, structural) {
+  return createBinding(commit, ownerNode, structural === true)._dispose;
+}
+function structuralBinding(commit, ownerNode) {
+  const sub = createBinding(commit, ownerNode, true);
+  return {
+    stop: sub._dispose,
+    run: (fn) => {
+      const prev = currentStructOwner;
+      currentStructOwner = sub._tok ?? null;
+      try {
+        return fn();
+      } finally {
+        currentStructOwner = prev;
+      }
+    }
+  };
+}
+function createBinding(commit, ownerNode, structural) {
   const run = () => {
     const s = subscriber;
     if (s._disposed || s._reentrant) return;
@@ -442,19 +465,25 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
+  subscriber._tok = null;
+  subscriber._owner = null;
+  if (structural) subscriber._tok = { sub: subscriber };
   try {
     run();
   } catch (err) {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
+    if (subscriber._tok != null) subscriber._tok.sub = null;
     cleanup(subscriber);
     throw err;
   }
-  return subscriber._dispose ?? (subscriber._dispose = () => {
+  subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
+    if (subscriber._tok != null) subscriber._tok.sub = null;
     cleanup(subscriber);
-  });
+  };
+  return subscriber;
 }
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
@@ -478,6 +507,7 @@ function recordDependency(signal2) {
 }
 function cleanup(subscriber) {
   const sub = subscriber;
+  if (sub._owner != null) sub._owner = null;
   let node = sub.depsHead ?? null;
   sub.depsHead = null;
   sub.depsTail = null;
@@ -537,20 +567,41 @@ function drainQueue() {
       break;
     }
     const sub = pendingQueue[i++];
-    pendingSet.delete(sub);
-    if (quarantined.size > 0 && quarantined.has(sub)) continue;
-    if (sub._hasComputedDep === true && !depsChanged(sub)) continue;
-    if (tickRepeat(sub)) {
-      cycleError(sub);
-      quarantined.add(sub);
-      continue;
-    }
-    const pushed = beginDisposerCapture(sub._cap ?? null);
-    try {
-      safeInvoke(sub);
-    } finally {
-      if (pushed) endDisposerCapture();
-    }
+    if (!pendingSet.delete(sub)) continue;
+    if (sub._owner != null && pendingSet.size > 0) {
+      runPendingOwners(sub);
+      if (pendingSet.has(sub)) continue;
+    }
+    runQueued(sub);
+  }
+}
+function runPendingOwners(sub) {
+  for (; ; ) {
+    let outer = null;
+    for (let t = sub._owner ?? null; t !== null; ) {
+      const o = t.sub;
+      if (o === null) break;
+      if (pendingSet.has(o)) outer = o;
+      t = o._owner ?? null;
+    }
+    if (outer === null) return;
+    pendingSet.delete(outer);
+    runQueued(outer);
+  }
+}
+function runQueued(sub) {
+  if (quarantined.size > 0 && quarantined.has(sub)) return;
+  if (sub._hasComputedDep === true && !depsChanged(sub)) return;
+  if (tickRepeat(sub)) {
+    cycleError(sub);
+    quarantined.add(sub);
+    return;
+  }
+  const pushed = beginDisposerCapture(sub._cap ?? null);
+  try {
+    safeInvoke(sub);
+  } finally {
+    if (pushed) endDisposerCapture();
   }
 }
 function drainNotificationQueue() {
@@ -686,7 +737,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.12.0" : "dev";
+var _runtimeVersion = true ? "4.13.1" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -721,6 +772,7 @@ function resolveReactiveApi() {
     getOwnerScope,
     runWithOwnerScope,
     bindOwnerScope,
+    structuralBinding,
     version: _runtimeVersion
   };
   g[REGISTRY_KEY] = local;
@@ -747,6 +799,7 @@ var forEachSubscriber2 = API.forEachSubscriber;
 var getOwnerScope2 = API.getOwnerScope ?? getOwnerScope;
 var runWithOwnerScope2 = API.runWithOwnerScope ?? runWithOwnerScope;
 var bindOwnerScope2 = API.bindOwnerScope ?? bindOwnerScope;
+var structuralBinding2 = API.structuralBinding ?? ((commit, ownerNode) => ({ stop: API.reactiveBinding(commit, ownerNode), run: (fn) => fn() }));
 
 // src/core/devtoolsHook.ts
 function emitDevtools(hook, event, payload) {

package/dist/data.js

@@ -22,14 +22,14 @@ import {
   throttle,
   withLoader,
   withRetry
-} from "./chunk-QLG5IK7F.js";
-import "./chunk-RK7EPQPG.js";
+} from "./chunk-G3Z2FEBR.js";
+import "./chunk-YFTBCCVH.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-EMB5PG7V.js";
+import "./chunk-QC3NP47A.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-IHA62NGJ.js";
-import "./chunk-B2Y5BJSP.js";
+import "./chunk-QKFVMIAV.js";
+import "./chunk-4UTGDVSA.js";
 import "./chunk-NYNYSPK7.js";
 export {
   __resetQueryCache,