solid-tiny-utils 0.4.0 → 0.4.2

package/dist/{chunk-KLRTXD4R.js → chunk-ILGNNUQK.js}

@@ -18,7 +18,6 @@ import {
 } from "./chunk-ZGYORUAX.js";
 
 // src/event/create-event-listener.ts
-import { onCleanup } from "solid-js";
 function createEventListener(...args) {
   const target = args[0];
   const events = args[1];
@@ -44,7 +43,6 @@ function createEventListener(...args) {
       cleanups.push(makeEventListener(tars, evs, listeners, opts));
     }
   );
-  onCleanup(cleanup);
   return cleanup;
 }
 

package/dist/chunk-NFDGLC4A.js

@@ -0,0 +1,54 @@
+import {
+  makeEventListener
+} from "./chunk-OUAI75QC.js";
+import {
+  access
+} from "./chunk-M5A3VVYI.js";
+
+// src/event/create-click-outside.ts
+function createClickOutside(target, handler, options) {
+  let shouldListen = false;
+  const shouldIgnore = (event) => {
+    const ignore = (options?.ignore ? options.ignore : []).map(access);
+    return ignore.some((el) => {
+      return el && (event.target === el || event.composedPath().includes(el));
+    });
+  };
+  const listener = (e) => {
+    const el = access(target);
+    if (!el || el === e.target || e.composedPath().includes(el)) {
+      return;
+    }
+    if (e.detail === 0) {
+      shouldListen = !shouldIgnore(e);
+    }
+    if (!shouldListen) {
+      shouldListen = true;
+      return;
+    }
+    handler(e);
+  };
+  const cleanups = [
+    makeEventListener("click", listener, { passive: true }),
+    makeEventListener(
+      "pointerdown",
+      (e) => {
+        const el = access(target);
+        if (el) {
+          shouldListen = !(e.composedPath().includes(el) || shouldIgnore(e));
+        }
+      },
+      { passive: true }
+    )
+  ];
+  const stop = () => {
+    for (const cleanup of cleanups) {
+      cleanup();
+    }
+  };
+  return stop;
+}
+
+export {
+  createClickOutside
+};

package/dist/dom/css.js

@@ -2,11 +2,11 @@ import {
   mountStyle
 } from "../chunk-KVG6TCSE.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   mountStyle
 };

package/dist/dom/index.js

@@ -3,11 +3,11 @@ import {
   mountStyle
 } from "../chunk-KVG6TCSE.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   mountStyle
 };

package/dist/event/create-click-outside.d.ts

@@ -1,8 +1,8 @@
 import { MaybeAccessor } from '../types/maybe.js';
 import 'solid-js';
 
-declare function createClickOutside(target: MaybeAccessor<HTMLElement | null | undefined>, handler: (event: MouseEvent | TouchEvent) => void, options?: {
+declare function createClickOutside(target: MaybeAccessor<HTMLElement | null | undefined>, handler: (event: PointerEvent) => void, options?: {
     ignore?: MaybeAccessor<HTMLElement | null | undefined>[];
-}): void;
+}): () => void;
 
 export { createClickOutside };

package/dist/event/create-click-outside.js

@@ -1,16 +1,16 @@
 import {
   createClickOutside
-} from "../chunk-HPKVQC7S.js";
+} from "../chunk-NFDGLC4A.js";
 import "../chunk-OUAI75QC.js";
 import "../chunk-BGLY6NJK.js";
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createClickOutside
 };

package/dist/event/create-event-listener.js

@@ -1,16 +1,16 @@
 import {
   createEventListener
-} from "../chunk-KLRTXD4R.js";
+} from "../chunk-ILGNNUQK.js";
 import "../chunk-OUAI75QC.js";
 import "../chunk-BGLY6NJK.js";
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createEventListener
 };

package/dist/event/index.js

@@ -1,10 +1,10 @@
 import "../chunk-B6TZK2S5.js";
 import {
   createClickOutside
-} from "../chunk-HPKVQC7S.js";
+} from "../chunk-NFDGLC4A.js";
 import {
   createEventListener
-} from "../chunk-KLRTXD4R.js";
+} from "../chunk-ILGNNUQK.js";
 import {
   makeEventListener
 } from "../chunk-OUAI75QC.js";
@@ -12,11 +12,11 @@ import "../chunk-BGLY6NJK.js";
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createClickOutside,
   createEventListener,

package/dist/event/make-event-listener.js

@@ -5,11 +5,11 @@ import "../chunk-BGLY6NJK.js";
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   makeEventListener
 };

package/dist/fn/create-debounce.js

@@ -4,11 +4,11 @@ import {
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createDebounce
 };

package/dist/fn/create-loop-exec.js

@@ -4,11 +4,11 @@ import {
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createLoopExec
 };

package/dist/fn/create-throttle.js

@@ -4,11 +4,11 @@ import {
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createThrottle
 };

package/dist/fn/index.js

@@ -7,11 +7,11 @@ import {
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createDebounce,
   createLoopExec,

package/dist/index.js

@@ -12,10 +12,10 @@ import {
 import "./chunk-B6TZK2S5.js";
 import {
   createClickOutside
-} from "./chunk-HPKVQC7S.js";
+} from "./chunk-NFDGLC4A.js";
 import {
   createEventListener
-} from "./chunk-KLRTXD4R.js";
+} from "./chunk-ILGNNUQK.js";
 import {
   makeEventListener
 } from "./chunk-OUAI75QC.js";
@@ -33,22 +33,15 @@ import {
   createWatch
 } from "./chunk-4L6FK7MF.js";
 import "./chunk-OECLQ3OT.js";
+import {
+  sleep
+} from "./chunk-KFWZFQMB.js";
 import {
   draw,
   random,
   shuffle,
   uid
 } from "./chunk-PBALVUKK.js";
-import {
-  camel,
-  capitalize,
-  dash,
-  pascal,
-  snake,
-  template,
-  title,
-  trim
-} from "./chunk-PNR5G432.js";
 import {
   clearArray,
   iterate,
@@ -71,8 +64,15 @@ import {
   isSymbol
 } from "./chunk-ZGYORUAX.js";
 import {
-  sleep
-} from "./chunk-KFWZFQMB.js";
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+} from "./chunk-PNR5G432.js";
 export {
   access,
   camel,

package/dist/lodash/index.js

@@ -1,20 +1,13 @@
 import "../chunk-OECLQ3OT.js";
+import {
+  sleep
+} from "../chunk-KFWZFQMB.js";
 import {
   draw,
   random,
   shuffle,
   uid
 } from "../chunk-PBALVUKK.js";
-import {
-  camel,
-  capitalize,
-  dash,
-  pascal,
-  snake,
-  template,
-  title,
-  trim
-} from "../chunk-PNR5G432.js";
 import {
   clearArray,
   iterate,
@@ -37,8 +30,15 @@ import {
   isSymbol
 } from "../chunk-ZGYORUAX.js";
 import {
-  sleep
-} from "../chunk-KFWZFQMB.js";
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+} from "../chunk-PNR5G432.js";
 export {
   camel,
   capitalize,

package/dist/reactive/access.js

@@ -2,11 +2,11 @@ import {
   access
 } from "../chunk-M5A3VVYI.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   access
 };

package/dist/reactive/create-debounce-watch.js

@@ -4,11 +4,11 @@ import {
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   createDebouncedWatch
 };

package/dist/reactive/index.js

@@ -8,11 +8,11 @@ import {
   createWatch
 } from "../chunk-4L6FK7MF.js";
 import "../chunk-OECLQ3OT.js";
+import "../chunk-KFWZFQMB.js";
 import "../chunk-PBALVUKK.js";
-import "../chunk-PNR5G432.js";
 import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
-import "../chunk-KFWZFQMB.js";
+import "../chunk-PNR5G432.js";
 export {
   access,
   createDebouncedWatch,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-tiny-utils",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "A collection of tiny utilities for SolidJS applications",
   "main": "./dist/index.js",
   "type": "module",

package/dist/chunk-HPKVQC7S.js

@@ -1,30 +0,0 @@
-import {
-  makeEventListener
-} from "./chunk-OUAI75QC.js";
-import {
-  access
-} from "./chunk-M5A3VVYI.js";
-
-// src/event/create-click-outside.ts
-function createClickOutside(target, handler, options) {
-  const listener = (e) => {
-    const el = access(target);
-    if (!el || el.contains(e.target)) {
-      return;
-    }
-    if (options?.ignore) {
-      for (const item of options.ignore) {
-        const ignoreEl = access(item);
-        if (ignoreEl && (ignoreEl === e.target || ignoreEl.contains(e.target))) {
-          return;
-        }
-      }
-    }
-    handler(e);
-  };
-  makeEventListener(document, ["click", "touchstart"], listener);
-}
-
-export {
-  createClickOutside
-};