Bump svelte-intersection-observer from 1.2.0 to 2.2.0 in /warpgate-web

[dependabot]

Bumps svelte-intersection-observer from 1.2.0 to 2.2.0.

Release notes

Sourced from svelte-intersection-observer's releases.

v2.2.0

Features

• Add createIntersectionGroup for shared-observer list usage (#138)
• Add createIntersectionObserver rune-based composable (#139)

Fixes

• Guard against missing IntersectionObserver support (#137)
• IntersectionObserver: unobserve the previous element when element becomes null (#143)
• MultipleIntersectionObserver: unobserve elements when elements becomes empty (#142)
• createIntersectionGroup: guard against missing IntersectionObserver support (#149)

Performance

• MultipleIntersectionObserver: use Set-based diffing for the elements array
• IntersectionObserver: avoid recreating the observer for value-equal threshold, root, or rootMargin (#141)

Usage guide

createIntersectionObserver composable

createIntersectionObserver gets you reactive intersection state without wrapping markup in a component or wiring up your own onobserve callback: call it in <script> for intersecting/entry getters, then apply attach to the node with {@attach}.

<script>
  import { createIntersectionObserver } from "svelte-intersection-observer";
const observer = createIntersectionObserver(() => ({ threshold: 0.5 }));
</script>
<div {@​attach observer.attach}>
{observer.intersecting ? "In view" : "Not in view"}
</div>

It takes the same options as intersectAttachment (a function returning the options object) and reuses its underlying observer logic — intersecting, entry, and attach are the only things it hands back.

createIntersectionGroup for #each lists

A bare intersect/intersectAttachment inside an #each block creates one native IntersectionObserver per iteration — for a long list, that's N observers instead of 1. createIntersectionGroup fixes this for the action/attachment API: call it once to create a group, then call group.attach(...) once per element to get an attachment that shares a single underlying observer across the whole group.

<script>
  import { createIntersectionGroup } from "svelte-intersection-observer";
let groupItems = $state(
Array.from({ length: 5 }, (_, i) => ({ id: i, intersecting: false })),
);
</tr></table>

... (truncated)

Changelog

Sourced from svelte-intersection-observer's changelog.

2.2.0 - 2026-07-05

Features

• Add createIntersectionGroup for shared-observer list usage (#138)
• Add createIntersectionObserver rune-based composable (#139)

Fixes

• Guard against missing IntersectionObserver support (#137)
• IntersectionObserver: unobserve the previous element when element becomes null (#143)
• MultipleIntersectionObserver: unobserve elements when elements becomes empty (#142)
• createIntersectionGroup: guard against missing IntersectionObserver support (#149)

Performance

• MultipleIntersectionObserver: use Set-based diffing for the elements array
• IntersectionObserver: avoid recreating the observer for value-equal threshold, root, or rootMargin (#141)

2.0.1 - 2026-07-04

Features

• add intersectAttachment attachment (Svelte 5.29+)

2.0.0 - 2026-07-04

Breaking Changes

• Port IntersectionObserver and MultipleIntersectionObserver to Svelte 5 runes; requires svelte@^5 in runes mode
• Replace the default <slot> with a children snippet — use {#snippet children({ intersecting, entry, observer })} instead of let:intersecting/let:entry/let:observer (and let:elementIntersections/let:elementEntries/let:observer for MultipleIntersectionObserver)
• Replace on:observe/on:intersect dispatched events with onobserve/onintersect callback props, called directly with the IntersectionObserverEntry (or { entry, target } for MultipleIntersectionObserver) instead of a CustomEvent
• use:intersect now listens via onobserve/onintersect attributes instead of on:observe/on:intersect (the action itself still dispatches native CustomEvents)
• Rename src/intersect.js/src/intersect.d.ts to src/intersect.svelte.js/src/intersect.svelte.d.ts

Commits

• b726a08 v2.2.0
• 9b0f6b0 docs(readme): revise intro and language
• 58de8ce docs(readme): use TypeScript in code snippets
• fd59aac chore(deps-dev): upgrade svelte-readme to 4.5.2
• a239a4a chore(deps-dev): upgrade svelte-readme to 4.5.1
• 4d86dc2 chore(deps-dev): bump svelte-readme to 4.4.0
• 8f638f0 docs: restructure README into Library and Use Cases sections
• 384ebd1 chore(intersect): guard createIntersectionGroup against missing Intersectio...
• be69eef test: cover the missing-IntersectionObserver-support guard
• bdde36d test: cover the createIntersectionGroup factory
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)