fix: fix className prop for svelte

daybrush · May 20, 2023 · a6d6476 · a6d6476
1 parent 512e4b1
commit a6d6476
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/svelte-infinite-viewer/package.json b/packages/svelte-infinite-viewer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-infinite-viewer",
-  "version": "0.24.4",
+  "version": "0.24.5",
   "description": "Svelte Infinite Viewer is Document Viewer Component with infinite scrolling.",
   "main": "./dist/infinite-viewer.cjs.js",
   "module": "./dist/infinite-viewer.esm.js",

diff --git a/packages/svelte-infinite-viewer/src/svelte-infinite-viewer/InfiniteViewer.svelte b/packages/svelte-infinite-viewer/src/svelte-infinite-viewer/InfiniteViewer.svelte
@@ -71,7 +71,7 @@
     });
   });
   onDestroy(() => {
-    infiniteViewer.destroy();
+    infiniteViewer && infiniteViewer.destroy();
   });
 </script>
 <div class={`${className || ''} ${CLASS_NAME}`} bind:this={containerElement}>

diff --git a/packages/svelte-infinite-viewer/src/svelte-infinite-viewer/index.d.ts b/packages/svelte-infinite-viewer/src/svelte-infinite-viewer/index.d.ts
@@ -5,8 +5,11 @@ import { InfiniteViewerMethods, InfiniteViewerOptions, InfiniteViewerEvents } fr
 export type SvelteInfiniteViewerEvents = {
     [key in keyof InfiniteViewerEvents]: CustomEvent<InfiniteViewerEvents[key]>;
 }
+export interface SvelteInfiniteViewerProps extends Partial<InfiniteViewerOptions> {
+    className?: string;
+}
 export default class InfiniteViewerComponent extends SvelteComponentTyped<
-    Partial<InfiniteViewerOptions>,
+    SvelteInfiniteViewerProps,
     SvelteInfiniteViewerEvents
 > { }