Ecosystem/xmr-remote-nodes
1
0
Fork 0
mirror of https://github.com/ditatompel/xmr-remote-nodes.git synced 2024-11-16 17:07:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Remove unused infinite scroll component

Browse source 
The infinite scroll component is not mean to be used in svelte project.
It's for HTMX project.
This commit is contained in:
ditatompel 2024-05-08 00:41:22 +07:00
parent bc90c8bf3c
commit e53a54b276
No known key found for this signature in database
GPG key ID: 31D3D06D77950979
1 changed files with 0 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
frontend/src/lib/components/InfiniteScroll.svelte
View file

@ -1,50 +0,0 @@
<script>
import { onDestroy, createEventDispatcher } from 'svelte';
export let threshold = 0;
export let horizontal = false;
export let hasMore = true;
/** @type {any} */
let elementScroll;
const dispatch = createEventDispatcher();
let isLoadMore = false;
/** @type {any} */
let component;
$: {
if (component || elementScroll) {
const element = elementScroll ? elementScroll : component.parentNode;
element.addEventListener('scroll', onScroll);
element.addEventListener('resize', onScroll);
}
}
/** @param {any} e */
const onScroll = (e) => {
const offset = horizontal
? e.target.scrollWidth - e.target.clientWidth - e.target.scrollLeft
: e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop;
if (offset <= threshold) {
if (!isLoadMore && hasMore) {
dispatch('loadMore');
}
isLoadMore = true;
} else {
isLoadMore = false;
}
};
onDestroy(() => {
if (component || elementScroll) {
const element = elementScroll ? elementScroll : component.parentNode;
element.removeEventListener('scroll', null);
element.removeEventListener('resize', null);
}
});
</script>
<div bind:this={component} class="w-0" />