svelte-infinite-loading
Advanced tools
Comparing version 1.3.2 to 1.3.4
@@ -348,2 +348,5 @@ (function (global, factory) { | ||
} | ||
/** | ||
* Base class for Svelte components. Used when dev=false. | ||
*/ | ||
class SvelteComponent { | ||
@@ -372,3 +375,3 @@ $destroy() { | ||
/* src/Spinner.svelte generated by Svelte v3.29.4 */ | ||
/* src/Spinner.svelte generated by Svelte v3.31.0 */ | ||
@@ -560,3 +563,3 @@ function add_css() { | ||
/* src/InfiniteLoading.svelte generated by Svelte v3.29.4 */ | ||
/* src/InfiniteLoading.svelte generated by Svelte v3.31.0 */ | ||
@@ -585,4 +588,4 @@ const { document: document_1 } = globals; | ||
let current; | ||
const spinner_slot_template = /*#slots*/ ctx[13].spinner; | ||
const spinner_slot = create_slot(spinner_slot_template, ctx, /*$$scope*/ ctx[12], get_spinner_slot_context); | ||
const spinner_slot_template = /*#slots*/ ctx[15].spinner; | ||
const spinner_slot = create_slot(spinner_slot_template, ctx, /*$$scope*/ ctx[14], get_spinner_slot_context); | ||
const spinner_slot_or_fallback = spinner_slot || fallback_block_3(ctx); | ||
@@ -607,4 +610,4 @@ | ||
if (spinner_slot) { | ||
if (spinner_slot.p && dirty & /*$$scope, isFirstLoad*/ 4098) { | ||
update_slot(spinner_slot, spinner_slot_template, ctx, /*$$scope*/ ctx[12], dirty, get_spinner_slot_changes, get_spinner_slot_context); | ||
if (spinner_slot.p && dirty & /*$$scope, isFirstLoad*/ 16386) { | ||
update_slot(spinner_slot, spinner_slot_template, ctx, /*$$scope*/ ctx[14], dirty, get_spinner_slot_changes, get_spinner_slot_context); | ||
} | ||
@@ -671,4 +674,4 @@ } else { | ||
let current; | ||
const noResults_slot_template = /*#slots*/ ctx[13].noResults; | ||
const noResults_slot = create_slot(noResults_slot_template, ctx, /*$$scope*/ ctx[12], get_noResults_slot_context); | ||
const noResults_slot_template = /*#slots*/ ctx[15].noResults; | ||
const noResults_slot = create_slot(noResults_slot_template, ctx, /*$$scope*/ ctx[14], get_noResults_slot_context); | ||
const noResults_slot_or_fallback = noResults_slot || fallback_block_2(); | ||
@@ -693,4 +696,4 @@ | ||
if (noResults_slot) { | ||
if (noResults_slot.p && dirty & /*$$scope*/ 4096) { | ||
update_slot(noResults_slot, noResults_slot_template, ctx, /*$$scope*/ ctx[12], dirty, get_noResults_slot_changes, get_noResults_slot_context); | ||
if (noResults_slot.p && dirty & /*$$scope*/ 16384) { | ||
update_slot(noResults_slot, noResults_slot_template, ctx, /*$$scope*/ ctx[14], dirty, get_noResults_slot_changes, get_noResults_slot_context); | ||
} | ||
@@ -736,4 +739,4 @@ } | ||
let current; | ||
const noMore_slot_template = /*#slots*/ ctx[13].noMore; | ||
const noMore_slot = create_slot(noMore_slot_template, ctx, /*$$scope*/ ctx[12], get_noMore_slot_context); | ||
const noMore_slot_template = /*#slots*/ ctx[15].noMore; | ||
const noMore_slot = create_slot(noMore_slot_template, ctx, /*$$scope*/ ctx[14], get_noMore_slot_context); | ||
const noMore_slot_or_fallback = noMore_slot || fallback_block_1(); | ||
@@ -758,4 +761,4 @@ | ||
if (noMore_slot) { | ||
if (noMore_slot.p && dirty & /*$$scope*/ 4096) { | ||
update_slot(noMore_slot, noMore_slot_template, ctx, /*$$scope*/ ctx[12], dirty, get_noMore_slot_changes, get_noMore_slot_context); | ||
if (noMore_slot.p && dirty & /*$$scope*/ 16384) { | ||
update_slot(noMore_slot, noMore_slot_template, ctx, /*$$scope*/ ctx[14], dirty, get_noMore_slot_changes, get_noMore_slot_context); | ||
} | ||
@@ -801,4 +804,4 @@ } | ||
let current; | ||
const error_slot_template = /*#slots*/ ctx[13].error; | ||
const error_slot = create_slot(error_slot_template, ctx, /*$$scope*/ ctx[12], get_error_slot_context); | ||
const error_slot_template = /*#slots*/ ctx[15].error; | ||
const error_slot = create_slot(error_slot_template, ctx, /*$$scope*/ ctx[14], get_error_slot_context); | ||
const error_slot_or_fallback = error_slot || fallback_block(ctx); | ||
@@ -823,4 +826,4 @@ | ||
if (error_slot) { | ||
if (error_slot.p && dirty & /*$$scope*/ 4096) { | ||
update_slot(error_slot, error_slot_template, ctx, /*$$scope*/ ctx[12], dirty, get_error_slot_changes, get_error_slot_context); | ||
if (error_slot.p && dirty & /*$$scope*/ 16384) { | ||
update_slot(error_slot, error_slot_template, ctx, /*$$scope*/ ctx[14], dirty, get_error_slot_changes, get_error_slot_context); | ||
} | ||
@@ -918,3 +921,3 @@ } | ||
if (if_block3) if_block3.m(div, null); | ||
/*div_binding*/ ctx[14](div); | ||
/*div_binding*/ ctx[16](div); | ||
current = true; | ||
@@ -1036,3 +1039,3 @@ }, | ||
if (if_block3) if_block3.d(); | ||
/*div_binding*/ ctx[14](null); | ||
/*div_binding*/ ctx[16](null); | ||
} | ||
@@ -1191,3 +1194,3 @@ }; | ||
let { distance = 100 } = $$props; | ||
let { spinner = "" } = $$props; | ||
let { spinner = "default" } = $$props; | ||
let { direction = "bottom" } = $$props; | ||
@@ -1219,3 +1222,3 @@ let { forceUseInfiniteWrapper = false } = $$props; | ||
complete: async () => { | ||
$$invalidate(15, status = STATUS.COMPLETE); | ||
$$invalidate(12, status = STATUS.COMPLETE); | ||
@@ -1228,3 +1231,3 @@ // force re-complation computed properties to fix the problem of get slot text delay | ||
reset: async () => { | ||
$$invalidate(15, status = STATUS.READY); | ||
$$invalidate(12, status = STATUS.READY); | ||
$$invalidate(1, isFirstLoad = true); | ||
@@ -1244,3 +1247,3 @@ scrollBarStorage.remove(scrollParent); | ||
error: () => { | ||
$$invalidate(15, status = STATUS.ERROR); | ||
$$invalidate(12, status = STATUS.ERROR); | ||
throttler.reset(); | ||
@@ -1263,3 +1266,3 @@ } | ||
if (status !== STATUS.COMPLETE && isVisible(thisElement) && getCurrentDistance() <= distance) { | ||
$$invalidate(15, status = STATUS.LOADING); | ||
$$invalidate(12, status = STATUS.LOADING); | ||
@@ -1280,3 +1283,3 @@ if (direction === "top") { | ||
} else if (status === STATUS.LOADING) { | ||
$$invalidate(15, status = STATUS.READY); | ||
$$invalidate(12, status = STATUS.READY); | ||
} | ||
@@ -1336,3 +1339,3 @@ } | ||
onMount(async () => { | ||
$$invalidate(16, mounted = true); | ||
$$invalidate(13, mounted = true); | ||
@@ -1369,3 +1372,3 @@ setTimeout( | ||
if ("identifier" in $$props) $$invalidate(11, identifier = $$props.identifier); | ||
if ("$$scope" in $$props) $$invalidate(12, $$scope = $$props.$$scope); | ||
if ("$$scope" in $$props) $$invalidate(14, $$scope = $$props.$$scope); | ||
}; | ||
@@ -1379,19 +1382,19 @@ | ||
$$self.$$.update = () => { | ||
if ($$self.$$.dirty & /*status*/ 32768) { | ||
if ($$self.$$.dirty & /*status*/ 4096) { | ||
$$invalidate(3, showSpinner = status === STATUS.LOADING); | ||
} | ||
if ($$self.$$.dirty & /*status*/ 32768) { | ||
if ($$self.$$.dirty & /*status*/ 4096) { | ||
$$invalidate(4, showError = status === STATUS.ERROR); | ||
} | ||
if ($$self.$$.dirty & /*status, isFirstLoad*/ 32770) { | ||
if ($$self.$$.dirty & /*status, isFirstLoad*/ 4098) { | ||
$$invalidate(5, showNoResults = status === STATUS.COMPLETE && isFirstLoad); | ||
} | ||
if ($$self.$$.dirty & /*status, isFirstLoad*/ 32770) { | ||
if ($$self.$$.dirty & /*status, isFirstLoad*/ 4098) { | ||
$$invalidate(6, showNoMore = status === STATUS.COMPLETE && !isFirstLoad); | ||
} | ||
if ($$self.$$.dirty & /*forceUseInfiniteWrapper, mounted*/ 66560) { | ||
if ($$self.$$.dirty & /*forceUseInfiniteWrapper, mounted*/ 9216) { | ||
// Watch forceUseInfiniteWrapper and mounted | ||
@@ -1401,3 +1404,3 @@ (updateScrollParent()); | ||
if ($$self.$$.dirty & /*identifier, mounted*/ 67584) { | ||
if ($$self.$$.dirty & /*identifier, mounted*/ 10240) { | ||
// Watch identifier and mounted | ||
@@ -1421,2 +1424,4 @@ (identifierUpdated()); | ||
identifier, | ||
status, | ||
mounted, | ||
$$scope, | ||
@@ -1423,0 +1428,0 @@ slots, |
{ | ||
"name": "svelte-infinite-loading", | ||
"version": "1.3.2", | ||
"version": "1.3.4", | ||
"description": "An infinite scroll component for Svelte apps", | ||
@@ -17,12 +17,12 @@ "svelte": "src/index.js", | ||
"devDependencies": { | ||
"@rollup/plugin-node-resolve": "^8.4.0", | ||
"@testing-library/jest-dom": "^5.11.5", | ||
"@rollup/plugin-node-resolve": "^11.0.0", | ||
"@testing-library/jest-dom": "^5.11.6", | ||
"@testing-library/svelte": "^3.0.0", | ||
"eslint": "^7.12.0", | ||
"eslint": "^7.15.0", | ||
"eslint-plugin-svelte3": "^2.7.3", | ||
"jest": "^26.6.1", | ||
"rollup": "^2.32.1", | ||
"rollup-plugin-svelte": "^5.2.3", | ||
"svelte": "^3.29.4", | ||
"svelte-jester": "^1.1.5" | ||
"jest": "^26.6.3", | ||
"rollup": "^2.34.2", | ||
"rollup-plugin-svelte": "^7.0.0", | ||
"svelte": "^3.31.0", | ||
"svelte-jester": "^1.3.0" | ||
}, | ||
@@ -29,0 +29,0 @@ "files": [ |
@@ -7,3 +7,3 @@ <p align="center"><img src="https://raw.githubusercontent.com/Skayo/svelte-infinite-loading/master/assets/InfiniteLogo.svg" alt="InfiniteLogo" width="225"></p> | ||
<a href="https://npmjs.com/package/svelte-infinite-loading"><img src="https://img.shields.io/npm/dt/svelte-infinite-loading?style=for-the-badge" alt="NPM DOWNLOADS"></a> | ||
<a href="https://npmjs.com/package/svelte-infinite-loading"><img src="https://img.shields.io/david/Skayo/svelte-infinite-loading?style=for-the-badge" alt="DEPENDENCIES"></a> | ||
<a href="https://npmjs.com/package/svelte-infinite-loading"><img src="https://img.shields.io/librariesio/release/npm/svelte-infinite-loading?style=for-the-badge" alt="DEPENDENCIES"></a> | ||
</p> | ||
@@ -10,0 +10,0 @@ <p align="center"> |
@@ -6,3 +6,3 @@ /// <reference types="svelte" /> | ||
export type SpinnerType = 'default' | 'bubbles' | 'circles' | 'spiral' | 'waveDots'; | ||
export type SpinnerType = 'default' | 'bubbles' | 'circles' | 'spiral' | 'wavedots'; | ||
export type DirectionType = 'top' | 'bottom'; | ||
@@ -146,3 +146,3 @@ | ||
/** | ||
* Slots | ||
* Events | ||
* | ||
@@ -155,3 +155,3 @@ * @internal This is for type checking capabilities only | ||
/** | ||
* Events | ||
* Slots | ||
* | ||
@@ -181,2 +181,2 @@ * @internal This is for type checking capabilities only | ||
$on<T = any>(event: string, callback: (event: CustomEvent<T>) => void): () => void; | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
125393
2769