@akashjs/runtime 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,21 @@
+# @akashjs/runtime
+
+AkashJS core runtime — signals, components, DOM rendering
+
+Part of the [AkashJS](https://github.com/phpirate/akashjs) framework.
+
+## Installation
+
+```bash
+npm install @akashjs/runtime
+```
+
+## Documentation
+
+- [Guide](https://akash.js.org/guide/introduction)
+- [API Reference](https://akash.js.org/api/runtime)
+- [GitHub](https://github.com/phpirate/akashjs)
+
+## License
+
+MIT

package/dist/index.cjs

@@ -1413,10 +1413,6 @@ function useToggle(initial = false) {
   };
 }
 function usePrevious(source) {
-  signal(void 0);
-  effect(() => {
-    source();
-  });
   let lastValue;
   const tracked = signal(void 0);
   effect(() => {
@@ -1579,6 +1575,55 @@ function useWindowSize() {
     height: (() => height())
   };
 }
+function useClickOutside(target, handler, options = {}) {
+  if (typeof document === "undefined") return () => {
+  };
+  const {
+    events = ["pointerdown"],
+    ignore = [],
+    active = true
+  } = options;
+  let isActive = active;
+  function getTarget() {
+    return typeof target === "function" ? target() : target;
+  }
+  function shouldIgnore(event) {
+    const eventTarget = event.target;
+    if (!eventTarget) return false;
+    for (const pattern of ignore) {
+      if (typeof pattern === "string") {
+        if (eventTarget.closest(pattern)) return true;
+      } else {
+        if (pattern === eventTarget || pattern.contains(eventTarget)) return true;
+      }
+    }
+    return false;
+  }
+  function listener(event) {
+    if (!isActive) return;
+    const el = getTarget();
+    if (!el) return;
+    const eventTarget = event.target;
+    if (el === eventTarget || el.contains(eventTarget)) return;
+    if (shouldIgnore(event)) return;
+    handler(event);
+  }
+  for (const eventName of events) {
+    document.addEventListener(eventName, listener, { passive: true, capture: true });
+  }
+  const dispose = () => {
+    for (const eventName of events) {
+      document.removeEventListener(eventName, listener, { capture: true });
+    }
+  };
+  dispose.enable = () => {
+    isActive = true;
+  };
+  dispose.disable = () => {
+    isActive = false;
+  };
+  return dispose;
+}
 
 // src/portal.ts
 var Portal = defineComponent((ctx) => {
@@ -3956,9 +4001,9 @@ function animateSpring(el, target, options = {}) {
   } = options;
   const current = {};
   const velocity = {};
-  const computed5 = window.getComputedStyle(el);
+  const computed4 = window.getComputedStyle(el);
   for (const prop of Object.keys(target)) {
-    current[prop] = parseFloat(computed5.getPropertyValue(prop)) || 0;
+    current[prop] = parseFloat(computed4.getPropertyValue(prop)) || 0;
     velocity[prop] = 0;
   }
   let animating = true;
@@ -5390,6 +5435,7 @@ exports.uppercase = uppercase;
 exports.urlToFilePath = urlToFilePath;
 exports.useAnnounce = useAnnounce;
 exports.useBreakpoint = useBreakpoint;
+exports.useClickOutside = useClickOutside;
 exports.useClipboard = useClipboard;
 exports.useCounter = useCounter;
 exports.useDebounce = useDebounce;