seitu 0.2.1 → 0.2.2

package/dist/react/hooks.d.ts

@@ -85,7 +85,7 @@ export interface UseSubscriptionOptions<S extends Subscribable<any> & Readable<a
  *
  *   return (
  *     <div ref={ref}>
- *       {String(state.top.value)}
+ *       {String(state.top.reached)}
  *     </div>
  *   )
  * }

package/dist/web/scroll-state.d.ts

@@ -1,7 +1,7 @@
 import type { Readable, Subscribable } from '../core/index';
 export type ScrollDirection = 'vertical' | 'horizontal' | 'both';
 export interface ScrollStateEdge {
-    value: boolean;
+    reached: boolean;
     remaining: number;
 }
 export interface ScrollStateValue {
@@ -10,6 +10,12 @@ export interface ScrollStateValue {
     left: ScrollStateEdge;
     right: ScrollStateEdge;
 }
+export interface ScrollStateThreshold {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
 export interface ScrollState extends Subscribable<ScrollStateValue>, Readable<ScrollStateValue> {
 }
 export interface ScrollStateOptions {
@@ -25,10 +31,12 @@ export interface ScrollStateOptions {
      */
     direction?: ScrollDirection;
     /**
-     * Number of pixels from each edge before it counts as "scrolled".
+     * Number of pixels from each edge before it counts as "reached".
+     * Pass a single number to apply the same threshold to all edges,
+     * or an object with per-side values.
      * @default 0
      */
-    threshold?: number;
+    threshold?: number | ScrollStateThreshold;
 }
 /**
  * Creates a reactive handle that tracks scroll position of an element relative to each edge.
@@ -44,9 +52,9 @@ export interface ScrollStateOptions {
  * })
  *
  * scroll.subscribe(state => {
- *   console.log(state.top.value)
+ *   console.log(state.top.reached)
  *   console.log(state.top.remaining)
- *   console.log(state.bottom.value)
+ *   console.log(state.bottom.reached)
  *   console.log(state.bottom.remaining)
  * })
  *
@@ -71,7 +79,7 @@ export interface ScrollStateOptions {
  *
  *   return (
  *     <div ref={ref}>
- *       {state.top.value ? 'at the top' : 'scrolled'}
+ *       {state.top.reached ? 'at the top' : 'scrolled'}
  *     </div>
  *   )
  * }
@@ -94,7 +102,7 @@ export interface ScrollStateOptions {
  *
  *   return (
  *     <div ref={setRef}>
- *       {state.top.value ? 'at the top' : 'scrolled'}
+ *       {state.top.reached ? 'at the top' : 'scrolled'}
  *     </div>
  *   )
  * }

package/dist/web.js

@@ -110,13 +110,23 @@ function s(e) {
 	};
 }
 var c = {
-	value: !1,
+	reached: !1,
 	remaining: 0
 };
 function l(e) {
-	let { direction: t = "both", threshold: r = 0 } = e, { subscribe: i, notify: a } = n(), o = () => typeof e.element == "function" ? e.element() : e.element, s = () => {
-		let e = o(), n = (e, t) => ({
-			value: e,
+	let { direction: t = "both", threshold: r = 0 } = e, { subscribe: i, notify: a } = n(), o = typeof r == "number" ? {
+		top: r,
+		bottom: r,
+		left: r,
+		right: r
+	} : {
+		top: r.top ?? 0,
+		bottom: r.bottom ?? 0,
+		left: r.left ?? 0,
+		right: r.right ?? 0
+	}, s = () => typeof e.element == "function" ? e.element() : e.element, l = () => {
+		let e = s(), n = (e, t) => ({
+			reached: e,
 			remaining: Math.max(0, t)
 		});
 		if (!e) return {
@@ -125,20 +135,20 @@ function l(e) {
 			left: c,
 			right: c
 		};
-		let i = e.scrollTop, a = e.scrollHeight - e.scrollTop - e.clientHeight, s = e.scrollLeft, l = e.scrollWidth - e.scrollLeft - e.clientWidth;
+		let r = e.scrollTop, i = e.scrollHeight - e.scrollTop - e.clientHeight, a = e.scrollLeft, l = e.scrollWidth - e.scrollLeft - e.clientWidth;
 		return {
-			top: t === "horizontal" ? c : n(i <= r, i),
-			bottom: t === "horizontal" ? c : n(a <= r, a),
-			left: t === "vertical" ? c : n(s <= r, s),
-			right: t === "vertical" ? c : n(l <= r, l)
+			top: t === "horizontal" ? c : n(r <= o.top, r),
+			bottom: t === "horizontal" ? c : n(i <= o.bottom, i),
+			left: t === "vertical" ? c : n(a <= o.left, a),
+			right: t === "vertical" ? c : n(l <= o.right, l)
 		};
 	};
 	return {
-		get: s,
+		get: l,
 		subscribe: (e) => {
-			let t = o();
-			if (!t) return e(s()), () => {};
-			let n = i(() => e(s())), r = () => e(s());
+			let t = s();
+			if (!t) return e(l()), () => {};
+			let n = i(() => e(l())), r = () => e(l());
 			return t.addEventListener("scroll", r, { passive: !0 }), () => {
 				n(), t.removeEventListener("scroll", r);
 			};

package/package.json

@@ -2,7 +2,7 @@
   "name": "seitu",
   "displayName": "Seitu",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "private": false,
   "author": "Valerii Strilets",
   "license": "MIT",