@stacksjs/composables 0.70.258 → 0.70.260

package/dist/useMagicKeys.js

@@ -1,81 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useMagicKeys() {
-  const current = ref(new Set), refs = new Map;
-  function getRef(key) {
-    const lower = key.toLowerCase();
-    if (!refs.has(lower))
-      refs.set(lower, ref(!1));
-    return refs.get(lower);
-  }
-  function updateCombos() {
-    for (const [key, r] of refs)
-      if (key.includes("+")) {
-        const parts = key.split("+").map((p) => p.trim().toLowerCase());
-        r.value = parts.every((p) => current.value.has(p));
-      }
-  }
-  if (typeof window < "u") {
-    const onKeyDown = (e) => {
-      const key = e.key.toLowerCase();
-      current.value.add(key);
-      current.value = new Set(current.value);
-      const r = getRef(key);
-      r.value = !0;
-      if (e.ctrlKey) {
-        getRef("ctrl").value = !0;
-        current.value.add("ctrl");
-      }
-      if (e.shiftKey) {
-        getRef("shift").value = !0;
-        current.value.add("shift");
-      }
-      if (e.altKey) {
-        getRef("alt").value = !0;
-        current.value.add("alt");
-      }
-      if (e.metaKey) {
-        getRef("meta").value = !0;
-        current.value.add("meta");
-      }
-      updateCombos();
-    }, onKeyUp = (e) => {
-      const key = e.key.toLowerCase();
-      current.value.delete(key);
-      current.value = new Set(current.value);
-      const r = getRef(key);
-      r.value = !1;
-      if (!e.ctrlKey) {
-        getRef("ctrl").value = !1;
-        current.value.delete("ctrl");
-      }
-      if (!e.shiftKey) {
-        getRef("shift").value = !1;
-        current.value.delete("shift");
-      }
-      if (!e.altKey) {
-        getRef("alt").value = !1;
-        current.value.delete("alt");
-      }
-      if (!e.metaKey) {
-        getRef("meta").value = !1;
-        current.value.delete("meta");
-      }
-      updateCombos();
-    };
-    window.addEventListener("keydown", onKeyDown, { passive: !0 });
-    window.addEventListener("keyup", onKeyUp, { passive: !0 });
-    try {
-      onUnmounted(() => {
-        window.removeEventListener("keydown", onKeyDown);
-        window.removeEventListener("keyup", onKeyUp);
-      });
-    } catch {}
-  }
-  return new Proxy({ current }, {
-    get(target, prop) {
-      if (prop === "current")
-        return current;
-      return getRef(prop);
-    }
-  });
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useMagicKeys(){const current=ref(new Set),refs=new Map;function getRef(key){const lower=key.toLowerCase();if(!refs.has(lower))refs.set(lower,ref(!1));return refs.get(lower)}function updateCombos(){for(const[key,r]of refs)if(key.includes("+")){const parts=key.split("+").map((p)=>p.trim().toLowerCase());r.value=parts.every((p)=>current.value.has(p))}}if(typeof window<"u"){const onKeyDown=(e)=>{const key=e.key.toLowerCase();current.value.add(key);current.value=new Set(current.value);const r=getRef(key);r.value=!0;if(e.ctrlKey){getRef("ctrl").value=!0;current.value.add("ctrl")}if(e.shiftKey){getRef("shift").value=!0;current.value.add("shift")}if(e.altKey){getRef("alt").value=!0;current.value.add("alt")}if(e.metaKey){getRef("meta").value=!0;current.value.add("meta")}updateCombos()},onKeyUp=(e)=>{const key=e.key.toLowerCase();current.value.delete(key);current.value=new Set(current.value);const r=getRef(key);r.value=!1;if(!e.ctrlKey){getRef("ctrl").value=!1;current.value.delete("ctrl")}if(!e.shiftKey){getRef("shift").value=!1;current.value.delete("shift")}if(!e.altKey){getRef("alt").value=!1;current.value.delete("alt")}if(!e.metaKey){getRef("meta").value=!1;current.value.delete("meta")}updateCombos()};window.addEventListener("keydown",onKeyDown,{passive:!0});window.addEventListener("keyup",onKeyUp,{passive:!0});try{onUnmounted(()=>{window.removeEventListener("keydown",onKeyDown);window.removeEventListener("keyup",onKeyUp)})}catch{}}return new Proxy({current},{get(target,prop){if(prop==="current")return current;return getRef(prop)}})}

package/dist/useManualRefHistory.js

@@ -1,64 +1 @@
-import { computed, ref } from "@stacksjs/stx";
-function cloneValue(val, shouldClone) {
-  if (!shouldClone)
-    return val;
-  if (typeof structuredClone === "function")
-    return structuredClone(val);
-  return JSON.parse(JSON.stringify(val));
-}
-export function useManualRefHistory(source, options = {}) {
-  const { capacity = 1 / 0, clone = !1 } = options, undoStack = ref([
-    { snapshot: cloneValue(source.value, clone), timestamp: Date.now() }
-  ]), redoStack = ref([]), canUndo = computed(() => undoStack.value.length > 1), canRedo = computed(() => redoStack.value.length > 0), last = computed(() => {
-    return undoStack.value[undoStack.value.length - 1];
-  });
-  function commit() {
-    const record = {
-      snapshot: cloneValue(source.value, clone),
-      timestamp: Date.now()
-    };
-    undoStack.value = [...undoStack.value, record];
-    if (capacity !== 1 / 0 && undoStack.value.length > capacity)
-      undoStack.value = undoStack.value.slice(undoStack.value.length - capacity);
-    redoStack.value = [];
-  }
-  function undo() {
-    if (undoStack.value.length <= 1)
-      return;
-    const current = undoStack.value[undoStack.value.length - 1], newUndoStack = undoStack.value.slice(0, -1);
-    undoStack.value = newUndoStack;
-    if (current)
-      redoStack.value = [...redoStack.value, current];
-    const previous = newUndoStack[newUndoStack.length - 1];
-    if (!previous)
-      return;
-    source.value = cloneValue(previous.snapshot, clone);
-  }
-  function redo() {
-    if (redoStack.value.length === 0)
-      return;
-    const next = redoStack.value[redoStack.value.length - 1];
-    redoStack.value = redoStack.value.slice(0, -1);
-    if (next)
-      undoStack.value = [...undoStack.value, next];
-    if (!next)
-      return;
-    source.value = cloneValue(next.snapshot, clone);
-  }
-  function clear() {
-    undoStack.value = [
-      { snapshot: cloneValue(source.value, clone), timestamp: Date.now() }
-    ];
-    redoStack.value = [];
-  }
-  return {
-    history: undoStack,
-    commit,
-    undo,
-    redo,
-    canUndo,
-    canRedo,
-    clear,
-    last
-  };
-}
+import{computed,ref}from"@stacksjs/stx";function cloneValue(val,shouldClone){if(!shouldClone)return val;if(typeof structuredClone==="function")return structuredClone(val);return JSON.parse(JSON.stringify(val))}export function useManualRefHistory(source,options={}){const{capacity=1/0,clone=!1}=options,undoStack=ref([{snapshot:cloneValue(source.value,clone),timestamp:Date.now()}]),redoStack=ref([]),canUndo=computed(()=>undoStack.value.length>1),canRedo=computed(()=>redoStack.value.length>0),last=computed(()=>{return undoStack.value[undoStack.value.length-1]});function commit(){const record={snapshot:cloneValue(source.value,clone),timestamp:Date.now()};undoStack.value=[...undoStack.value,record];if(capacity!==1/0&&undoStack.value.length>capacity)undoStack.value=undoStack.value.slice(undoStack.value.length-capacity);redoStack.value=[]}function undo(){if(undoStack.value.length<=1)return;const current=undoStack.value[undoStack.value.length-1],newUndoStack=undoStack.value.slice(0,-1);undoStack.value=newUndoStack;if(current)redoStack.value=[...redoStack.value,current];const previous=newUndoStack[newUndoStack.length-1];if(!previous)return;source.value=cloneValue(previous.snapshot,clone)}function redo(){if(redoStack.value.length===0)return;const next=redoStack.value[redoStack.value.length-1];redoStack.value=redoStack.value.slice(0,-1);if(next)undoStack.value=[...undoStack.value,next];if(!next)return;source.value=cloneValue(next.snapshot,clone)}function clear(){undoStack.value=[{snapshot:cloneValue(source.value,clone),timestamp:Date.now()}];redoStack.value=[]}return{history:undoStack,commit,undo,redo,canUndo,canRedo,clear,last}}

package/dist/useMath.js

@@ -1,52 +1 @@
-import { computed, ref } from "@stacksjs/stx";
-function unref(val) {
-  if (val && typeof val === "object" && "value" in val && "subscribe" in val)
-    return val.value;
-  return val;
-}
-export function useAbs(value) {
-  return computed(() => Math.abs(unref(value)));
-}
-export function useAverage(...args) {
-  return computed(() => {
-    const values = args.map(unref);
-    return values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;
-  });
-}
-export function useCeil(value) {
-  return computed(() => Math.ceil(unref(value)));
-}
-export function useClamp(value, min, max) {
-  return computed(() => Math.min(unref(max), Math.max(unref(min), unref(value))));
-}
-export function useFloor(value) {
-  return computed(() => Math.floor(unref(value)));
-}
-export function useMax(...args) {
-  return computed(() => Math.max(...args.map(unref)));
-}
-export function useMin(...args) {
-  return computed(() => Math.min(...args.map(unref)));
-}
-export function usePrecision(value, digits = 0) {
-  return computed(() => Number(unref(value).toFixed(Math.max(0, Math.min(100, unref(digits))))));
-}
-export function useRound(value) {
-  return computed(() => Math.round(unref(value)));
-}
-export function useSum(...args) {
-  return computed(() => args.map(unref).reduce((a, b) => a + b, 0));
-}
-export function useTrunc(value) {
-  return computed(() => Math.trunc(unref(value)));
-}
-export function logicNot(value) {
-  return computed(() => !unref(value));
-}
-export function logicOr(...args) {
-  return computed(() => args.some((a) => unref(a)));
-}
-export const or = logicOr;
-export function and(...args) {
-  return computed(() => args.every((a) => unref(a)));
-}
+import{computed,ref}from"@stacksjs/stx";function unref(val){if(val&&typeof val==="object"&&"value"in val&&"subscribe"in val)return val.value;return val}export function useAbs(value){return computed(()=>Math.abs(unref(value)))}export function useAverage(...args){return computed(()=>{const values=args.map(unref);return values.length?values.reduce((a,b)=>a+b,0)/values.length:0})}export function useCeil(value){return computed(()=>Math.ceil(unref(value)))}export function useClamp(value,min,max){return computed(()=>Math.min(unref(max),Math.max(unref(min),unref(value))))}export function useFloor(value){return computed(()=>Math.floor(unref(value)))}export function useMax(...args){return computed(()=>Math.max(...args.map(unref)))}export function useMin(...args){return computed(()=>Math.min(...args.map(unref)))}export function usePrecision(value,digits=0){return computed(()=>Number(unref(value).toFixed(Math.max(0,Math.min(100,unref(digits))))))}export function useRound(value){return computed(()=>Math.round(unref(value)))}export function useSum(...args){return computed(()=>args.map(unref).reduce((a,b)=>a+b,0))}export function useTrunc(value){return computed(()=>Math.trunc(unref(value)))}export function logicNot(value){return computed(()=>!unref(value))}export function logicOr(...args){return computed(()=>args.some((a)=>unref(a)))}export const or=logicOr;export function and(...args){return computed(()=>args.every((a)=>unref(a)))}

package/dist/useMediaQuery.js

@@ -1,19 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { defaultWindow, toValue } from "./_shared";
-export function useMediaQuery(query) {
-  const win = defaultWindow(), matches = ref(!1);
-  if (!win || !win.matchMedia)
-    return matches;
-  const queryStr = toValue(query), mediaQuery = win.matchMedia(queryStr);
-  matches.value = mediaQuery.matches;
-  const handler = (e) => {
-    matches.value = e.matches;
-  };
-  mediaQuery.addEventListener("change", handler);
-  try {
-    onUnmounted(() => {
-      mediaQuery.removeEventListener("change", handler);
-    });
-  } catch {}
-  return matches;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{defaultWindow,toValue}from"./_shared";export function useMediaQuery(query){const win=defaultWindow(),matches=ref(!1);if(!win||!win.matchMedia)return matches;const queryStr=toValue(query),mediaQuery=win.matchMedia(queryStr);matches.value=mediaQuery.matches;const handler=(e)=>{matches.value=e.matches};mediaQuery.addEventListener("change",handler);try{onUnmounted(()=>{mediaQuery.removeEventListener("change",handler)})}catch{}return matches}

package/dist/useMemoize.js

@@ -1,24 +1 @@
-export function useMemoize(_fn, getKey) {
-  const cache = new Map, keyFn = getKey ?? ((...args) => JSON.stringify(args)), memoized = function(...args) {
-    const key = keyFn(...args);
-    if (cache.has(key))
-      return cache.get(key);
-    const result = _fn(...args);
-    cache.set(key, result);
-    return result;
-  };
-  memoized.load = (...args) => {
-    const key = keyFn(...args), result = _fn(...args);
-    cache.set(key, result);
-    return result;
-  };
-  memoized.delete = (...args) => {
-    const key = keyFn(...args);
-    cache.delete(key);
-  };
-  memoized.clear = () => {
-    cache.clear();
-  };
-  memoized.cache = cache;
-  return memoized;
-}
+export function useMemoize(_fn,getKey){const cache=new Map,keyFn=getKey??((...args)=>JSON.stringify(args)),memoized=function(...args){const key=keyFn(...args);if(cache.has(key))return cache.get(key);const result=_fn(...args);cache.set(key,result);return result};memoized.load=(...args)=>{const key=keyFn(...args),result=_fn(...args);cache.set(key,result);return result};memoized.delete=(...args)=>{const key=keyFn(...args);cache.delete(key)};memoized.clear=()=>{cache.clear()};memoized.cache=cache;return memoized}

package/dist/useMounted.js

@@ -1,8 +1 @@
-import { ref } from "@stacksjs/stx";
-export function useMounted() {
-  const isMounted = ref(!1);
-  Promise.resolve().then(() => {
-    isMounted.value = !0;
-  });
-  return isMounted;
-}
+import{ref}from"@stacksjs/stx";export function useMounted(){const isMounted=ref(!1);Promise.resolve().then(()=>{isMounted.value=!0});return isMounted}

package/dist/useMouse.js

@@ -1,67 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { noop } from "./_shared";
-export function useMouse(options) {
-  const type = options?.type ?? "page", touch = options?.touch ?? !0, initialValue = options?.initialValue ?? { x: 0, y: 0 }, x = ref(initialValue.x), y = ref(initialValue.y), sourceType = ref(null);
-  let cleanup = noop;
-  if (typeof window < "u") {
-    const cleanups = [], getMouseCoords = (event) => {
-      switch (type) {
-        case "page":
-          return { x: event.pageX, y: event.pageY };
-        case "client":
-          return { x: event.clientX, y: event.clientY };
-        case "screen":
-          return { x: event.screenX, y: event.screenY };
-        default:
-          return { x: event.pageX, y: event.pageY };
-      }
-    }, mouseHandler = (event) => {
-      const coords = getMouseCoords(event);
-      x.value = coords.x;
-      y.value = coords.y;
-      sourceType.value = "mouse";
-    };
-    window.addEventListener("mousemove", mouseHandler, { passive: !0 });
-    cleanups.push(() => window.removeEventListener("mousemove", mouseHandler));
-    if (touch) {
-      const touchHandler = (event) => {
-        if (event.touches.length > 0) {
-          const touchEvent = event.touches[0];
-          if (!touchEvent)
-            return;
-          switch (type) {
-            case "page":
-              x.value = touchEvent.pageX;
-              y.value = touchEvent.pageY;
-              break;
-            case "client":
-              x.value = touchEvent.clientX;
-              y.value = touchEvent.clientY;
-              break;
-            case "screen":
-              x.value = touchEvent.screenX;
-              y.value = touchEvent.screenY;
-              break;
-          }
-          sourceType.value = "touch";
-        }
-      };
-      window.addEventListener("touchstart", touchHandler, { passive: !0 });
-      window.addEventListener("touchmove", touchHandler, { passive: !0 });
-      cleanups.push(() => {
-        window.removeEventListener("touchstart", touchHandler);
-        window.removeEventListener("touchmove", touchHandler);
-      });
-    }
-    cleanup = () => {
-      for (const fn of cleanups)
-        fn();
-      cleanups.length = 0;
-      cleanup = noop;
-    };
-  }
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return { x, y, sourceType };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{noop}from"./_shared";export function useMouse(options){const type=options?.type??"page",touch=options?.touch??!0,initialValue=options?.initialValue??{x:0,y:0},x=ref(initialValue.x),y=ref(initialValue.y),sourceType=ref(null);let cleanup=noop;if(typeof window<"u"){const cleanups=[],getMouseCoords=(event)=>{switch(type){case"page":return{x:event.pageX,y:event.pageY};case"client":return{x:event.clientX,y:event.clientY};case"screen":return{x:event.screenX,y:event.screenY};default:return{x:event.pageX,y:event.pageY}}},mouseHandler=(event)=>{const coords=getMouseCoords(event);x.value=coords.x;y.value=coords.y;sourceType.value="mouse"};window.addEventListener("mousemove",mouseHandler,{passive:!0});cleanups.push(()=>window.removeEventListener("mousemove",mouseHandler));if(touch){const touchHandler=(event)=>{if(event.touches.length>0){const touchEvent=event.touches[0];if(!touchEvent)return;switch(type){case"page":x.value=touchEvent.pageX;y.value=touchEvent.pageY;break;case"client":x.value=touchEvent.clientX;y.value=touchEvent.clientY;break;case"screen":x.value=touchEvent.screenX;y.value=touchEvent.screenY;break}sourceType.value="touch"}};window.addEventListener("touchstart",touchHandler,{passive:!0});window.addEventListener("touchmove",touchHandler,{passive:!0});cleanups.push(()=>{window.removeEventListener("touchstart",touchHandler);window.removeEventListener("touchmove",touchHandler)})}cleanup=()=>{for(const fn of cleanups)fn();cleanups.length=0;cleanup=noop}}try{onUnmounted(()=>cleanup())}catch{}return{x,y,sourceType}}

package/dist/useMouseInElement.js

@@ -1,31 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useMouseInElement(target) {
-  const x = ref(0), y = ref(0), elementX = ref(0), elementY = ref(0), elementPositionX = ref(0), elementPositionY = ref(0), elementHeight = ref(0), elementWidth = ref(0), isOutside = ref(!0);
-  if (typeof window > "u")
-    return { x, y, elementX, elementY, elementPositionX, elementPositionY, elementHeight, elementWidth, isOutside };
-  const handler = (event) => {
-    x.value = event.pageX;
-    y.value = event.pageY;
-    const el = unref(target);
-    if (!el) {
-      isOutside.value = !0;
-      return;
-    }
-    const rect = el.getBoundingClientRect();
-    elementPositionX.value = rect.left + window.scrollX;
-    elementPositionY.value = rect.top + window.scrollY;
-    elementHeight.value = rect.height;
-    elementWidth.value = rect.width;
-    elementX.value = event.pageX - elementPositionX.value;
-    elementY.value = event.pageY - elementPositionY.value;
-    isOutside.value = elementX.value < 0 || elementY.value < 0 || elementX.value > elementWidth.value || elementY.value > elementHeight.value;
-  };
-  window.addEventListener("mousemove", handler, { passive: !0 });
-  try {
-    onUnmounted(() => {
-      window.removeEventListener("mousemove", handler);
-    });
-  } catch {}
-  return { x, y, elementX, elementY, elementPositionX, elementPositionY, elementHeight, elementWidth, isOutside };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useMouseInElement(target){const x=ref(0),y=ref(0),elementX=ref(0),elementY=ref(0),elementPositionX=ref(0),elementPositionY=ref(0),elementHeight=ref(0),elementWidth=ref(0),isOutside=ref(!0);if(typeof window>"u")return{x,y,elementX,elementY,elementPositionX,elementPositionY,elementHeight,elementWidth,isOutside};const handler=(event)=>{x.value=event.pageX;y.value=event.pageY;const el=unref(target);if(!el){isOutside.value=!0;return}const rect=el.getBoundingClientRect();elementPositionX.value=rect.left+window.scrollX;elementPositionY.value=rect.top+window.scrollY;elementHeight.value=rect.height;elementWidth.value=rect.width;elementX.value=event.pageX-elementPositionX.value;elementY.value=event.pageY-elementPositionY.value;isOutside.value=elementX.value<0||elementY.value<0||elementX.value>elementWidth.value||elementY.value>elementHeight.value};window.addEventListener("mousemove",handler,{passive:!0});try{onUnmounted(()=>{window.removeEventListener("mousemove",handler)})}catch{}return{x,y,elementX,elementY,elementPositionX,elementPositionY,elementHeight,elementWidth,isOutside}}

package/dist/useMousePressed.js

@@ -1,31 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useMousePressed(target) {
-  const pressed = ref(!1), sourceType = ref(null);
-  if (typeof window > "u")
-    return { pressed, sourceType };
-  const el = unref(target) ?? window, onMouseDown = () => {
-    pressed.value = !0;
-    sourceType.value = "mouse";
-  }, onTouchStart = () => {
-    pressed.value = !0;
-    sourceType.value = "touch";
-  }, onUp = () => {
-    pressed.value = !1;
-  };
-  el.addEventListener("mousedown", onMouseDown, { passive: !0 });
-  el.addEventListener("touchstart", onTouchStart, { passive: !0 });
-  window.addEventListener("mouseup", onUp, { passive: !0 });
-  window.addEventListener("touchend", onUp, { passive: !0 });
-  window.addEventListener("touchcancel", onUp, { passive: !0 });
-  try {
-    onUnmounted(() => {
-      el.removeEventListener("mousedown", onMouseDown);
-      el.removeEventListener("touchstart", onTouchStart);
-      window.removeEventListener("mouseup", onUp);
-      window.removeEventListener("touchend", onUp);
-      window.removeEventListener("touchcancel", onUp);
-    });
-  } catch {}
-  return { pressed, sourceType };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useMousePressed(target){const pressed=ref(!1),sourceType=ref(null);if(typeof window>"u")return{pressed,sourceType};const el=unref(target)??window,onMouseDown=()=>{pressed.value=!0;sourceType.value="mouse"},onTouchStart=()=>{pressed.value=!0;sourceType.value="touch"},onUp=()=>{pressed.value=!1};el.addEventListener("mousedown",onMouseDown,{passive:!0});el.addEventListener("touchstart",onTouchStart,{passive:!0});window.addEventListener("mouseup",onUp,{passive:!0});window.addEventListener("touchend",onUp,{passive:!0});window.addEventListener("touchcancel",onUp,{passive:!0});try{onUnmounted(()=>{el.removeEventListener("mousedown",onMouseDown);el.removeEventListener("touchstart",onTouchStart);window.removeEventListener("mouseup",onUp);window.removeEventListener("touchend",onUp);window.removeEventListener("touchcancel",onUp)})}catch{}return{pressed,sourceType}}

package/dist/useMutationObserver.js

@@ -1,27 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref, noop } from "./_shared";
-export function useMutationObserver(target, callback, options) {
-  const isSupported = ref(typeof window < "u" && "MutationObserver" in window);
-  let cleanup = noop;
-  (() => {
-    cleanup();
-    if (!isSupported.value)
-      return;
-    const el = unref(target);
-    if (!el)
-      return;
-    const observer = new MutationObserver(callback);
-    observer.observe(el, options ?? { childList: !0, subtree: !0 });
-    cleanup = () => {
-      observer.disconnect();
-      cleanup = noop;
-    };
-  })();
-  const stop = () => {
-    cleanup();
-  };
-  try {
-    onUnmounted(stop);
-  } catch {}
-  return { isSupported, stop };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref,noop}from"./_shared";export function useMutationObserver(target,callback,options){const isSupported=ref(typeof window<"u"&&"MutationObserver"in window);let cleanup=noop;(()=>{cleanup();if(!isSupported.value)return;const el=unref(target);if(!el)return;const observer=new MutationObserver(callback);observer.observe(el,options??{childList:!0,subtree:!0});cleanup=()=>{observer.disconnect();cleanup=noop}})();const stop=()=>{cleanup()};try{onUnmounted(stop)}catch{}return{isSupported,stop}}

package/dist/useNavigatorLanguage.js

@@ -1,17 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useNavigatorLanguage() {
-  const isSupported = ref(typeof navigator < "u" && "language" in navigator), language = ref(isSupported.value ? navigator.language : "");
-  if (typeof window < "u") {
-    const handler = () => {
-      if (isSupported.value)
-        language.value = navigator.language;
-    };
-    window.addEventListener("languagechange", handler, { passive: !0 });
-    try {
-      onUnmounted(() => {
-        window.removeEventListener("languagechange", handler);
-      });
-    } catch {}
-  }
-  return { language, isSupported };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useNavigatorLanguage(){const isSupported=ref(typeof navigator<"u"&&"language"in navigator),language=ref(isSupported.value?navigator.language:"");if(typeof window<"u"){const handler=()=>{if(isSupported.value)language.value=navigator.language};window.addEventListener("languagechange",handler,{passive:!0});try{onUnmounted(()=>{window.removeEventListener("languagechange",handler)})}catch{}}return{language,isSupported}}

package/dist/useNetwork.js

@@ -1,58 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useNetwork() {
-  const isSupported = ref(typeof navigator < "u" && "connection" in navigator), isOnline = ref(typeof navigator < "u" ? navigator.onLine : !0), offlineAt = ref(void 0), onlineAt = ref(void 0), downlink = ref(void 0), downlinkMax = ref(void 0), effectiveType = ref(void 0), rtt = ref(void 0), saveData = ref(void 0), type = ref(void 0);
-  function updateNetworkInfo() {
-    if (!isSupported.value)
-      return;
-    const conn = navigator.connection;
-    if (conn) {
-      downlink.value = conn.downlink;
-      downlinkMax.value = conn.downlinkMax;
-      effectiveType.value = conn.effectiveType;
-      rtt.value = conn.rtt;
-      saveData.value = conn.saveData;
-      type.value = conn.type;
-    }
-  }
-  updateNetworkInfo();
-  if (typeof window < "u") {
-    const onOnline = () => {
-      isOnline.value = !0;
-      onlineAt.value = Date.now();
-    }, onOffline = () => {
-      isOnline.value = !1;
-      offlineAt.value = Date.now();
-    };
-    window.addEventListener("online", onOnline);
-    window.addEventListener("offline", onOffline);
-    try {
-      onUnmounted(() => {
-        window.removeEventListener("online", onOnline);
-        window.removeEventListener("offline", onOffline);
-      });
-    } catch {}
-    if (isSupported.value) {
-      const conn = navigator.connection;
-      if (conn?.addEventListener) {
-        conn.addEventListener("change", updateNetworkInfo);
-        try {
-          onUnmounted(() => {
-            conn.removeEventListener("change", updateNetworkInfo);
-          });
-        } catch {}
-      }
-    }
-  }
-  return {
-    isSupported,
-    isOnline,
-    offlineAt,
-    onlineAt,
-    downlink,
-    downlinkMax,
-    effectiveType,
-    rtt,
-    saveData,
-    type
-  };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useNetwork(){const isSupported=ref(typeof navigator<"u"&&"connection"in navigator),isOnline=ref(typeof navigator<"u"?navigator.onLine:!0),offlineAt=ref(void 0),onlineAt=ref(void 0),downlink=ref(void 0),downlinkMax=ref(void 0),effectiveType=ref(void 0),rtt=ref(void 0),saveData=ref(void 0),type=ref(void 0);function updateNetworkInfo(){if(!isSupported.value)return;const conn=navigator.connection;if(conn){downlink.value=conn.downlink;downlinkMax.value=conn.downlinkMax;effectiveType.value=conn.effectiveType;rtt.value=conn.rtt;saveData.value=conn.saveData;type.value=conn.type}}updateNetworkInfo();if(typeof window<"u"){const onOnline=()=>{isOnline.value=!0;onlineAt.value=Date.now()},onOffline=()=>{isOnline.value=!1;offlineAt.value=Date.now()};window.addEventListener("online",onOnline);window.addEventListener("offline",onOffline);try{onUnmounted(()=>{window.removeEventListener("online",onOnline);window.removeEventListener("offline",onOffline)})}catch{}if(isSupported.value){const conn=navigator.connection;if(conn?.addEventListener){conn.addEventListener("change",updateNetworkInfo);try{onUnmounted(()=>{conn.removeEventListener("change",updateNetworkInfo)})}catch{}}}}return{isSupported,isOnline,offlineAt,onlineAt,downlink,downlinkMax,effectiveType,rtt,saveData,type}}

package/dist/useNow.js

@@ -1,10 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useNow(options) {
-  const interval = options?.interval ?? 1000, now = ref(new Date), timer = setInterval(() => {
-    now.value = new Date;
-  }, interval);
-  try {
-    onUnmounted(() => clearInterval(timer));
-  } catch {}
-  return now;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useNow(options){const interval=options?.interval??1000,now=ref(new Date),timer=setInterval(()=>{now.value=new Date},interval);try{onUnmounted(()=>clearInterval(timer))}catch{}return now}

package/dist/useObjectUrl.js

@@ -1,23 +1 @@
-import { onUnmounted, ref, watch } from "@stacksjs/stx";
-export function useObjectUrl(source) {
-  const url = ref(void 0);
-  function release() {
-    if (url.value) {
-      URL.revokeObjectURL(url.value);
-      url.value = void 0;
-    }
-  }
-  function update(val) {
-    release();
-    if (val)
-      url.value = URL.createObjectURL(val);
-  }
-  update(source.value);
-  watch(source, (val) => {
-    update(val);
-  });
-  try {
-    onUnmounted(() => release());
-  } catch {}
-  return url;
-}
+import{onUnmounted,ref,watch}from"@stacksjs/stx";export function useObjectUrl(source){const url=ref(void 0);function release(){if(url.value){URL.revokeObjectURL(url.value);url.value=void 0}}function update(val){release();if(val)url.value=URL.createObjectURL(val)}update(source.value);watch(source,(val)=>{update(val)});try{onUnmounted(()=>release())}catch{}return url}

package/dist/useOffsetPagination.js

@@ -1,45 +1 @@
-import { computed, ref, watch } from "@stacksjs/stx";
-export function useOffsetPagination(options = {}) {
-  const {
-    total: totalOption,
-    pageSize = 10,
-    page = 1,
-    onPageChange,
-    onPageSizeChange
-  } = options, currentPage = ref(page), currentPageSize = ref(pageSize), totalItems = typeof totalOption === "object" && totalOption && "value" in totalOption ? totalOption : ref(typeof totalOption === "number" ? totalOption : 0), pageCount = ref(Math.max(1, Math.ceil(totalItems.value / currentPageSize.value))), isFirstPage = ref(currentPage.value <= 1), isLastPage = ref(currentPage.value >= pageCount.value);
-  function updateComputed() {
-    pageCount.value = Math.max(1, Math.ceil(totalItems.value / currentPageSize.value));
-    isFirstPage.value = currentPage.value <= 1;
-    isLastPage.value = currentPage.value >= pageCount.value;
-  }
-  watch(currentPage, () => {
-    updateComputed();
-    onPageChange?.({ currentPage: currentPage.value, currentPageSize: currentPageSize.value });
-  });
-  watch(currentPageSize, () => {
-    currentPage.value = 1;
-    updateComputed();
-    onPageSizeChange?.({ currentPage: currentPage.value, currentPageSize: currentPageSize.value });
-  });
-  watch(totalItems, () => {
-    updateComputed();
-  });
-  function prev() {
-    if (currentPage.value > 1)
-      currentPage.value--;
-  }
-  function next() {
-    if (currentPage.value < pageCount.value)
-      currentPage.value++;
-  }
-  updateComputed();
-  return {
-    currentPage,
-    currentPageSize,
-    pageCount,
-    isFirstPage,
-    isLastPage,
-    prev,
-    next
-  };
-}
+import{computed,ref,watch}from"@stacksjs/stx";export function useOffsetPagination(options={}){const{total:totalOption,pageSize=10,page=1,onPageChange,onPageSizeChange}=options,currentPage=ref(page),currentPageSize=ref(pageSize),totalItems=typeof totalOption==="object"&&totalOption&&"value"in totalOption?totalOption:ref(typeof totalOption==="number"?totalOption:0),pageCount=ref(Math.max(1,Math.ceil(totalItems.value/currentPageSize.value))),isFirstPage=ref(currentPage.value<=1),isLastPage=ref(currentPage.value>=pageCount.value);function updateComputed(){pageCount.value=Math.max(1,Math.ceil(totalItems.value/currentPageSize.value));isFirstPage.value=currentPage.value<=1;isLastPage.value=currentPage.value>=pageCount.value}watch(currentPage,()=>{updateComputed();onPageChange?.({currentPage:currentPage.value,currentPageSize:currentPageSize.value})});watch(currentPageSize,()=>{currentPage.value=1;updateComputed();onPageSizeChange?.({currentPage:currentPage.value,currentPageSize:currentPageSize.value})});watch(totalItems,()=>{updateComputed()});function prev(){if(currentPage.value>1)currentPage.value--}function next(){if(currentPage.value<pageCount.value)currentPage.value++}updateComputed();return{currentPage,currentPageSize,pageCount,isFirstPage,isLastPage,prev,next}}

package/dist/useOnline.js

@@ -1,20 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useOnline() {
-  const isOnline = ref(typeof navigator < "u" ? navigator.onLine : !0);
-  if (typeof window < "u") {
-    const onOnline = () => {
-      isOnline.value = !0;
-    }, onOffline = () => {
-      isOnline.value = !1;
-    };
-    window.addEventListener("online", onOnline);
-    window.addEventListener("offline", onOffline);
-    try {
-      onUnmounted(() => {
-        window.removeEventListener("online", onOnline);
-        window.removeEventListener("offline", onOffline);
-      });
-    } catch {}
-  }
-  return isOnline;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useOnline(){const isOnline=ref(typeof navigator<"u"?navigator.onLine:!0);if(typeof window<"u"){const onOnline=()=>{isOnline.value=!0},onOffline=()=>{isOnline.value=!1};window.addEventListener("online",onOnline);window.addEventListener("offline",onOffline);try{onUnmounted(()=>{window.removeEventListener("online",onOnline);window.removeEventListener("offline",onOffline)})}catch{}}return isOnline}

package/dist/usePageLeave.js

@@ -1,27 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { noop } from "./_shared";
-export function usePageLeave() {
-  const isLeft = ref(!1);
-  let cleanup = noop;
-  if (typeof document < "u") {
-    const cleanups = [], onLeave = (event) => {
-      if (event.clientY <= 0 || event.clientX <= 0 || event.clientX >= (typeof window < "u" ? window.innerWidth : 0) || event.clientY >= (typeof window < "u" ? window.innerHeight : 0))
-        isLeft.value = !0;
-    }, onEnter = () => {
-      isLeft.value = !1;
-    };
-    document.documentElement.addEventListener("mouseleave", onLeave);
-    document.documentElement.addEventListener("mouseenter", onEnter);
-    cleanups.push(() => document.documentElement.removeEventListener("mouseleave", onLeave), () => document.documentElement.removeEventListener("mouseenter", onEnter));
-    cleanup = () => {
-      for (const fn of cleanups)
-        fn();
-      cleanups.length = 0;
-      cleanup = noop;
-    };
-  }
-  try {
-    onUnmounted(() => cleanup());
-  } catch {}
-  return isLeft;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{noop}from"./_shared";export function usePageLeave(){const isLeft=ref(!1);let cleanup=noop;if(typeof document<"u"){const cleanups=[],onLeave=(event)=>{if(event.clientY<=0||event.clientX<=0||event.clientX>=(typeof window<"u"?window.innerWidth:0)||event.clientY>=(typeof window<"u"?window.innerHeight:0))isLeft.value=!0},onEnter=()=>{isLeft.value=!1};document.documentElement.addEventListener("mouseleave",onLeave);document.documentElement.addEventListener("mouseenter",onEnter);cleanups.push(()=>document.documentElement.removeEventListener("mouseleave",onLeave),()=>document.documentElement.removeEventListener("mouseenter",onEnter));cleanup=()=>{for(const fn of cleanups)fn();cleanups.length=0;cleanup=noop}}try{onUnmounted(()=>cleanup())}catch{}return isLeft}