svelte-intersection-observer 0.9.0 → 0.9.1

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.9.1](https://github.com/metonym/svelte-intersection-observer/releases/tag/v0.9.1) - 2021-10-25
+
+**Documentation**
+
+- update the "Once" example to include the `"svelte-intersection-observer"` import
+- rename example `svite` to `vite`
+
+**Refactoring**
+
+- inline `entry` prop typedef
+- remove `@event`, `@slot` artifacts used by sveld to generate initial TypeScript definitions
+
 ## [0.9.0](https://github.com/metonym/svelte-intersection-observer/releases/tag/v0.9.0) - 2021-10-05
 
 - improve TypeScript definitions for dispatched events

package/README.md

@@ -55,7 +55,9 @@ Set `once` to `true` for the intersection event to occur only once. The `element
 
 ```svelte
 <script>
-  let element2;
+  import IntersectionObserver from "svelte-intersection-observer";
+
+  let elementOnce;
   let intersectOnce;
 </script>
 
@@ -63,8 +65,12 @@ Set `once` to `true` for the intersection event to occur only once. The `element
   {intersectOnce ? "Element is in view" : "Element is not in view"}
 </header>
 
-<IntersectionObserver once element={element2} bind:intersecting={intersectOnce}>
-  <div bind:this={element2}>Hello world</div>
+<IntersectionObserver
+  once
+  element={elementOnce}
+  bind:intersecting={intersectOnce}
+>
+  <div bind:this={elementOnce}>Hello world</div>
 </IntersectionObserver>
 ```
 
@@ -176,7 +182,7 @@ interface IntersectionObserverEntry {
 The [examples folder](examples/) contains sample set-ups.
 
 - [examples/sveltekit](examples/sveltekit)
-- [examples/svite](examples/svite)
+- [examples/vite](examples/vite)
 - [examples/sapper](examples/sapper)
 - [examples/snowpack](examples/snowpack)
 - [examples/rollup](examples/rollup)

package/lib/index.js

@@ -334,7 +334,7 @@
         }
     }
 
-    /* src/IntersectionObserver.svelte generated by Svelte v3.43.0 */
+    /* src/IntersectionObserver.svelte generated by Svelte v3.44.0 */
 
     const get_default_slot_changes = dirty => ({
     	intersecting: dirty & /*intersecting*/ 2,

package/lib/index.mjs

@@ -328,7 +328,7 @@ class SvelteComponent {
     }
 }
 
-/* src/IntersectionObserver.svelte generated by Svelte v3.43.0 */
+/* src/IntersectionObserver.svelte generated by Svelte v3.44.0 */
 
 const get_default_slot_changes = dirty => ({
 	intersecting: dirty & /*intersecting*/ 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intersection-observer",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "license": "MIT",
   "description": "Detect if an element is in the viewport using the Intersection Observer API",
   "author": "Eric Liu (https://github.com/metonym)",
@@ -19,9 +19,9 @@
   "devDependencies": {
     "prettier": "^2.4.1",
     "prettier-plugin-svelte": "^2.4.0",
-    "svelte": "^3.43.0",
-    "svelte-check": "^2.2.6",
-    "svelte-readme": "^3.3.1"
+    "svelte": "^3.44.0",
+    "svelte-check": "^2.2.7",
+    "svelte-readme": "^3.4.1"
   },
   "repository": {
     "type": "git",

package/src/IntersectionObserver.svelte

@@ -1,11 +1,4 @@
 <script>
-  /**
-   * @typedef {null | IntersectionObserverEntry} Entry
-   * @event {Entry} observe
-   * @event {Entry} intersect
-   * @slot {{ intersecting: boolean; entry: Entry; observer: IntersectionObserver }}
-   */
-
   /**
    * The HTML Element to observe
    * @type {null | HTMLElement}
@@ -34,7 +27,7 @@
    */
   export let threshold = 0;
 
-  /** @type {null | Entry} */
+  /** @type {null | IntersectionObserverEntry} */
   export let entry = null;
 
   /**