svelte-infinite 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/InfiniteLoader.svelte +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -175,9 +175,9 @@ The `loaderState` import is an object with 4 methods on it:
|
|
|
175
175
|
- `intersectionOptions: `[`IntersectionObserverInit`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#options)` = { rootMargin: "0px 0px 200px 0px" }` - optional
|
|
176
176
|
- The options to pass to the `IntersectionObserver` instance. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#options) for more details. The default `rootMargin` value will cause the target to intersect 200px earlier and trigger the `loadMore` function before it actually intersects with the root element (window by default). This has the effect of beginning to load the next page of data before the user has actually reached the current bottom of the list, making the experience feel more smooth.
|
|
177
177
|
- It may also be required to pass in a reference to your scroll container as the `root` option, if your scroll container is not the window.
|
|
178
|
-
- `loopTimeout: number =
|
|
178
|
+
- `loopTimeout: number = 3000` - optional
|
|
179
179
|
- If the `loopMaxCalls` is reached within the detection timeout, a cool down period is triggered of this length (in milliseconds).
|
|
180
|
-
- `loopDetectionTimeout: number =
|
|
180
|
+
- `loopDetectionTimeout: number = 2000` - optional
|
|
181
181
|
- The time in milliseconds in which the `loopMaxCalls` count must be hit in order to trigger a cool down period of `loopTimeout` length.
|
|
182
182
|
- `loopMaxCalls: number = 5` - optional
|
|
183
183
|
- The number of calls to the `triggerLoad` function within timeout which should trigger cool down period.
|
|
@@ -28,8 +28,8 @@ export const loaderState = {
|
|
|
28
28
|
<script>import { onMount, onDestroy } from "svelte";
|
|
29
29
|
const {
|
|
30
30
|
triggerLoad,
|
|
31
|
-
loopTimeout =
|
|
32
|
-
loopDetectionTimeout =
|
|
31
|
+
loopTimeout = 3e3,
|
|
32
|
+
loopDetectionTimeout = 2e3,
|
|
33
33
|
loopMaxCalls = 5,
|
|
34
34
|
intersectionOptions = {},
|
|
35
35
|
children,
|