sibujs 4.8.0 → 4.9.0

package/dist/browser.cjs

@@ -674,7 +674,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.8.0" : "dev";
+var _runtimeVersion = true ? "4.9.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -2264,6 +2264,7 @@ function keyboard(options = {}) {
     };
   }
   const target = options.target ?? window;
+  const view = options.target?.ownerDocument?.defaultView ?? window;
   const filter = options.keys ? new Set(options.keys) : null;
   const onDown = (e) => {
     if (filter && !filter.has(e.key)) return;
@@ -2286,14 +2287,14 @@ function keyboard(options = {}) {
   const onBlur = () => setPressed(/* @__PURE__ */ new Set());
   target.addEventListener("keydown", onDown);
   target.addEventListener("keyup", onUp);
-  window.addEventListener("blur", onBlur);
+  view.addEventListener("blur", onBlur);
   function isPressed(key) {
     return pressed().has(key);
   }
   function dispose() {
     target.removeEventListener("keydown", onDown);
     target.removeEventListener("keyup", onUp);
-    window.removeEventListener("blur", onBlur);
+    view.removeEventListener("blur", onBlur);
   }
   return { pressed, isPressed, dispose };
 }

package/dist/browser.d.cts

@@ -642,8 +642,9 @@ interface KeyboardOptions {
  * `KeyboardEvent.key`). On every key event the signal is replaced with a
  * new Set instance so reactive subscribers see the change.
  *
- * Also listens to `window.blur` to clear stuck keys if the window loses
- * focus mid-press — otherwise held modifiers can "ghost" forever.
+ * Also listens to `blur` on the target's window (the global `window`, or the
+ * window of the document a `target` element belongs to) to clear stuck keys
+ * if it loses focus mid-press — otherwise held modifiers can "ghost" forever.
  *
  * @example
  * ```ts

package/dist/browser.d.ts

@@ -642,8 +642,9 @@ interface KeyboardOptions {
  * `KeyboardEvent.key`). On every key event the signal is replaced with a
  * new Set instance so reactive subscribers see the change.
  *
- * Also listens to `window.blur` to clear stuck keys if the window loses
- * focus mid-press — otherwise held modifiers can "ghost" forever.
+ * Also listens to `blur` on the target's window (the global `window`, or the
+ * window of the document a `target` element belongs to) to clear stuck keys
+ * if it loses focus mid-press — otherwise held modifiers can "ghost" forever.
  *
  * @example
  * ```ts

package/dist/browser.js

@@ -36,15 +36,15 @@ import {
   visibility,
   wakeLock,
   windowSize
-} from "./chunk-EGUQLBHE.js";
+} from "./chunk-YW6HQKGO.js";
 import "./chunk-52XFPGSN.js";
 import "./chunk-62BDYGAG.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-V3LHZSU5.js";
+import "./chunk-SBTZEYNI.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-DSID757X.js";
-import "./chunk-TQQUN4WR.js";
+import "./chunk-SYHGGDNW.js";
+import "./chunk-G2WHYEL7.js";
 import "./chunk-NYNYSPK7.js";
 export {
   __resetSpeechCoordinator,

package/dist/build.cjs

@@ -3548,7 +3548,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.8.0" : "dev";
+var _runtimeVersion = true ? "4.9.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -5817,37 +5817,44 @@ function action(element, action2, param2) {
   }
 }
 var clickOutside = (element, callback) => {
+  const doc = element.ownerDocument;
   const handler = (e) => {
-    if (!element.contains(e.target)) {
-      callback();
-    }
+    const target = e.target;
+    if (!(typeof target?.nodeType === "number" && element.contains(target))) callback();
   };
-  document.addEventListener("pointerdown", handler, true);
-  return () => document.removeEventListener("pointerdown", handler, true);
+  doc.addEventListener("pointerdown", handler, true);
+  return () => doc.removeEventListener("pointerdown", handler, true);
 };
+var PRESS_END_EVENTS = ["pointerup", "pointerleave", "pointercancel"];
 var longPress = (element, options) => {
   const duration = options.duration ?? 500;
   let timer = null;
-  const start = () => {
-    timer = setTimeout(() => {
-      options.callback();
-      timer = null;
-    }, duration);
-  };
+  let owner;
   const cancel = () => {
     if (timer !== null) {
       clearTimeout(timer);
       timer = null;
     }
   };
+  const start = (e) => {
+    const id = e.pointerId;
+    if (timer !== null && id !== owner) return;
+    cancel();
+    owner = id;
+    timer = setTimeout(() => {
+      timer = null;
+      options.callback();
+    }, duration);
+  };
+  const end = (e) => {
+    if (timer !== null && e.pointerId === owner) cancel();
+  };
   element.addEventListener("pointerdown", start);
-  element.addEventListener("pointerup", cancel);
-  element.addEventListener("pointerleave", cancel);
+  for (const type of PRESS_END_EVENTS) element.addEventListener(type, end);
   return () => {
     cancel();
     element.removeEventListener("pointerdown", start);
-    element.removeEventListener("pointerup", cancel);
-    element.removeEventListener("pointerleave", cancel);
+    for (const type of PRESS_END_EVENTS) element.removeEventListener(type, end);
   };
 };
 var copyOnClick = (element, getText) => {
@@ -5881,10 +5888,11 @@ var trapFocus = (element) => {
     if (elements.length === 0) return;
     const first = elements[0];
     const last = elements[elements.length - 1];
-    if (e.shiftKey && document.activeElement === first) {
+    const active = element.ownerDocument.activeElement;
+    if (e.shiftKey && active === first) {
       e.preventDefault();
       last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
+    } else if (!e.shiftKey && active === last) {
       e.preventDefault();
       first.focus();
     }
@@ -6885,7 +6893,7 @@ function KeepAlive(activeKey, cases, options) {
         return;
       }
       node = factory();
-      if (node instanceof DocumentFragment) {
+      if (node.nodeType === 11) {
         const wrapper = document.createElement("div");
         wrapper.style.display = "contents";
         wrapper.appendChild(node);

package/dist/build.js

@@ -1,17 +1,17 @@
 import {
   index_exports
-} from "./chunk-J3YQ457H.js";
-import "./chunk-Q5J2LVKH.js";
+} from "./chunk-FNOK662L.js";
+import "./chunk-QBKCK6MJ.js";
 import "./chunk-FC6KCJSA.js";
-import "./chunk-CZPRSWSS.js";
-import "./chunk-C7AA2CZX.js";
+import "./chunk-CDBKFGXN.js";
+import "./chunk-FHCZMHHE.js";
 import "./chunk-62BDYGAG.js";
-import "./chunk-VWT3VXPL.js";
-import "./chunk-O6TRVMJI.js";
+import "./chunk-5MLWTIQE.js";
+import "./chunk-MPWDSTYK.js";
 import "./chunk-3ACAAQIN.js";
-import "./chunk-KJ3UKABJ.js";
+import "./chunk-X7NRHFZR.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-V3LHZSU5.js";
+import "./chunk-SBTZEYNI.js";
 import {
   isEventHandlerAttr,
   isHtmlContentAttribute,
@@ -19,8 +19,8 @@ import {
 } from "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
 import "./chunk-5HZXGZ6T.js";
-import "./chunk-DSID757X.js";
-import "./chunk-TQQUN4WR.js";
+import "./chunk-SYHGGDNW.js";
+import "./chunk-G2WHYEL7.js";
 import "./chunk-NYNYSPK7.js";
 
 // src/build/sourceEdit.ts