sibujs 4.14.0 → 4.15.0

package/dist/{chunk-2TTRW2TE.js → chunk-UM3M5PXS.js}

@@ -1,25 +1,25 @@
 import {
   createPlugin
-} from "./chunk-3HEX6QJQ.js";
+} from "./chunk-I2R5QALY.js";
 import {
   tagFactory
-} from "./chunk-CJ7KS3DF.js";
+} from "./chunk-VSTX3XSX.js";
 import {
   derived
-} from "./chunk-N7A6FKWW.js";
-import {
-  globalSingleton
-} from "./chunk-7ZHH77QA.js";
+} from "./chunk-D44TAGCT.js";
 import {
   effect
-} from "./chunk-AE32RGWX.js";
+} from "./chunk-LGUXYHTZ.js";
 import {
   sanitizeCSSDeclaration
 } from "./chunk-B3HOT4TK.js";
 import {
   batch,
   signal
-} from "./chunk-4FJSAUKB.js";
+} from "./chunk-IUBV5WO5.js";
+import {
+  globalSingleton
+} from "./chunk-BF3WBJJQ.js";
 
 // src/ecosystem/adapters/mobx.ts
 function mobXAdapter(options) {

package/dist/{chunk-CJ7KS3DF.js → chunk-VSTX3XSX.js}

@@ -1,8 +1,11 @@
+import {
+  styleKeyToProperty
+} from "./chunk-DNCQDFJJ.js";
 import {
   bindAttribute,
   noDocument,
   setSafeAttribute
-} from "./chunk-HQIAL7F2.js";
+} from "./chunk-XPDZ2LDR.js";
 import {
   isBlockedElement
 } from "./chunk-RVWJGWCL.js";
@@ -11,14 +14,18 @@ import {
   sanitizeCSSDeclaration,
   sanitizeStyleAttribute
 } from "./chunk-B3HOT4TK.js";
+import {
+  isServer
+} from "./chunk-UYTYNCMZ.js";
 import {
   reactiveBinding
-} from "./chunk-MIRKTVH4.js";
+} from "./chunk-GFM5WWPU.js";
 import {
   dispose,
+  globalSingleton,
   registerDisposer,
   reportError
-} from "./chunk-S37PZD6I.js";
+} from "./chunk-BF3WBJJQ.js";
 import {
   DEV,
   captureScope,
@@ -103,7 +110,7 @@ function restoreFocusWithin(snapshot, nodes, where, policy) {
   const active = document.activeElement;
   if (active === snapshot.el) return;
   if (active && active !== document.body && active !== document.documentElement) return;
-  if (snapshot.el.isConnected) {
+  if (snapshot.el.isConnected && !snapshot.el.closest("[inert]")) {
     refocus(snapshot.el, snapshot);
     return;
   }
@@ -130,8 +137,179 @@ function restoreFocusWithin(snapshot, nodes, where, policy) {
   });
 }
 
+// src/core/rendering/range.ts
+var state = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.ranges.v1"), () => ({
+  ends: /* @__PURE__ */ new WeakMap(),
+  pending: /* @__PURE__ */ new WeakMap(),
+  registrations: /* @__PURE__ */ new Set(),
+  listeners: /* @__PURE__ */ new Set(),
+  notice: { queued: false, batch: [] }
+}));
+var ends = state.ends;
+function registerRange(start, last) {
+  ends.set(start, last);
+}
+var pending = state.pending;
+var NOTHING = () => {
+};
+function queueFirstRender(anchor, render, held) {
+  if (held) {
+    const unguarded = render;
+    render = () => {
+      held.wait(unguarded, NOTHING);
+    };
+  }
+  pending.set(anchor, true);
+  queueMicrotask(() => {
+    if (pending.get(anchor) !== true) return;
+    if (anchor.parentNode === null) {
+      pending.set(anchor, render);
+      return;
+    }
+    pending.delete(anchor);
+    render();
+  });
+}
+function resumePending(nodes) {
+  for (const node of nodes) {
+    const render = pending.get(node);
+    if (typeof render !== "function") continue;
+    pending.delete(node);
+    render();
+  }
+}
+function anyPending(nodes) {
+  for (const node of nodes) if (pending.has(node)) return true;
+  return false;
+}
+var registrations = state.registrations;
+var loadListeners = state.listeners;
+var notice = state.notice;
+function notifyLoad(settled) {
+  if (loadListeners.size === 0) return;
+  if (settled !== null) notice.batch.push(settled);
+  if (notice.queued) return;
+  notice.queued = true;
+  queueMicrotask(() => {
+    notice.queued = false;
+    const batch = notice.batch;
+    notice.batch = [];
+    for (const listener of [...loadListeners]) listener(batch);
+  });
+}
+function beginPending(at, held) {
+  const entry = { at, held, settled: false, cancelled: false, committed: null };
+  registrations.add(entry);
+  notifyLoad(null);
+  const settle = (cancelled, committed) => {
+    if (entry.settled) return;
+    entry.settled = true;
+    entry.cancelled = cancelled;
+    entry.committed = committed;
+    registrations.delete(entry);
+    notifyLoad(entry);
+  };
+  return {
+    entry,
+    done: (committed) => settle(false, committed ?? null),
+    cancel: () => settle(true, null)
+  };
+}
+var INERT = { done: NOTHING, cancel: NOTHING };
+function beginLoading(anchor) {
+  if (isServer()) return INERT;
+  const { done, cancel } = beginPending(anchor, null);
+  return { done: () => done(), cancel };
+}
+function pendingWithin(entry, nodes, owner) {
+  const at = entry.at;
+  if (at !== null) {
+    for (let i = 0; i < nodes.length; i++) if (nodes[i] === at || nodes[i].contains(at)) return true;
+    return false;
+  }
+  return owner !== null && entry.held?.within(owner) === true;
+}
+function loadingWithin(nodes, owner) {
+  const found = [];
+  if (registrations.size === 0) return found;
+  for (const entry of registrations) if (pendingWithin(entry, nodes, owner)) found.push(entry);
+  return found;
+}
+function settledContent(entry) {
+  if (!entry.settled || entry.cancelled) return [];
+  let nodes;
+  if (entry.committed !== null) nodes = entry.committed;
+  else if (entry.at === null) return [];
+  else if (entry.at.nodeType === 1) nodes = Array.from(entry.at.childNodes);
+  else nodes = collectRange([entry.at]);
+  const out = [];
+  for (let i = 0; i < nodes.length; i++) if (nodes[i].nodeType === 1) out.push(nodes[i]);
+  return out;
+}
+function onLoaded(listener) {
+  loadListeners.add(listener);
+  return () => {
+    loadListeners.delete(listener);
+  };
+}
+function settledSinceNotify() {
+  return notice.batch;
+}
+function hasRange(node) {
+  return ends.has(node);
+}
+function registerNodesRange(anchor, nodes) {
+  registerRange(anchor, () => {
+    const parent = anchor.parentNode;
+    const wanted = nodes().filter((n) => n !== null && n.parentNode === parent);
+    let last = null;
+    let left = wanted.length;
+    for (let n = anchor.nextSibling; n !== null && left > 0; n = n.nextSibling) {
+      if (wanted.includes(n)) {
+        last = n;
+        left--;
+      }
+    }
+    return last;
+  });
+}
+function rangeEnd(node) {
+  let cur = node;
+  for (let get = ends.get(cur); get !== void 0; get = ends.get(cur)) {
+    const next = get();
+    if (next === null || next === cur || next.parentNode !== node.parentNode) break;
+    cur = next;
+  }
+  return cur;
+}
+function collectRange(starts) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const start of starts) {
+    if (start.parentNode === null) continue;
+    const end = rangeEnd(start);
+    let node = start;
+    let span = [start];
+    while (node !== end) {
+      node = node.nextSibling;
+      if (node === null) {
+        span = [start];
+        break;
+      }
+      span.push(node);
+    }
+    for (const n of span) {
+      if (!seen.has(n)) {
+        seen.add(n);
+        out.push(n);
+      }
+    }
+  }
+  return out;
+}
+
 // src/reactivity/bindChildNode.ts
-function bindChildNode(placeholder, getter) {
+function bindChildNode(placeholder, getter, exposeNodes) {
   let lastNodes = [];
   const scope = captureScope();
   function commit() {
@@ -202,6 +380,12 @@ function bindChildNode(placeholder, getter) {
     lastNodes = newNodes;
     restoreFocusWithin(focused, newNodes, "bindChildNode");
   }
+  if (exposeNodes) {
+    registerRange(placeholder, () => {
+      for (let i = lastNodes.length - 1; i >= 0; i--) if (lastNodes[i].parentNode !== null) return lastNodes[i];
+      return null;
+    });
+  }
   return reactiveBinding(commit, placeholder, true);
 }
 
@@ -223,14 +407,6 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 var warnedLoneStrings = /* @__PURE__ */ new Set();
 var MAX_WARNED_LONE_STRINGS = 100;
 var loneStringCapAnnounced = false;
-var kebabCache = /* @__PURE__ */ new Map();
-function toKebab(prop) {
-  let cached = kebabCache.get(prop);
-  if (cached !== void 0) return cached;
-  cached = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-  kebabCache.set(prop, cached);
-  return cached;
-}
 function applyStyle(el, style) {
   if (typeof style === "function") {
     const getter = style;
@@ -254,7 +430,7 @@ function applyStyle(el, style) {
         if (!Object.hasOwn(value, prop)) continue;
         const val = value[prop];
         if (val == null) continue;
-        const name = toKebab(prop);
+        const name = styleKeyToProperty(prop);
         next.push(name);
         decl.setProperty(name, sanitizeCSSDeclaration(name, String(val), { element: el }));
       }
@@ -274,7 +450,7 @@ function applyStyle(el, style) {
   for (const prop in style) {
     if (!Object.hasOwn(style, prop)) continue;
     const val = style[prop];
-    const name = toKebab(prop);
+    const name = styleKeyToProperty(prop);
     if (typeof val === "function") {
       const getter = val;
       const teardown = reactiveBinding(() => {
@@ -504,6 +680,20 @@ function tagFactory(tag, ns) {
 export {
   captureFocusWithin,
   restoreFocusWithin,
+  registerRange,
+  queueFirstRender,
+  resumePending,
+  anyPending,
+  beginPending,
+  beginLoading,
+  pendingWithin,
+  loadingWithin,
+  settledContent,
+  onLoaded,
+  settledSinceNotify,
+  hasRange,
+  registerNodesRange,
+  collectRange,
   bindChildNode,
   SVG_NS,
   resolveClassValue,

package/dist/{chunk-HQIAL7F2.js → chunk-XPDZ2LDR.js}

@@ -10,10 +10,10 @@ import {
 } from "./chunk-B3HOT4TK.js";
 import {
   reactiveBinding
-} from "./chunk-MIRKTVH4.js";
+} from "./chunk-GFM5WWPU.js";
 import {
   reportError
-} from "./chunk-S37PZD6I.js";
+} from "./chunk-BF3WBJJQ.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-UUIKJJIK.js → chunk-Y7JM7GY2.js}

@@ -1,27 +1,25 @@
 import {
   isBlockedElement
 } from "./chunk-RVWJGWCL.js";
-import {
-  globalSingleton
-} from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-AE32RGWX.js";
+} from "./chunk-LGUXYHTZ.js";
 import {
   sanitizeUrl
 } from "./chunk-B3HOT4TK.js";
 import {
   signal
-} from "./chunk-4FJSAUKB.js";
+} from "./chunk-IUBV5WO5.js";
 import {
   bindOwnerScope
-} from "./chunk-MIRKTVH4.js";
+} from "./chunk-GFM5WWPU.js";
 import {
   dispose,
+  globalSingleton,
   registerDisposer,
   replaceChildrenSafely,
   reportError
-} from "./chunk-S37PZD6I.js";
+} from "./chunk-BF3WBJJQ.js";
 import {
   DEV,
   devWarn