ResizeObserver() — svelte Function Reference

Architecture documentation for the ResizeObserver() function in size.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 1

Entity Profile

ClientRuntime→ Hydration→ ResizeObserver() — svelte Function Reference

Dependency Diagram

graph TD
  0a17ae89_497b_83d0_8655_a52c5775a66c["ResizeObserver()"]
  7aec7a59_607b_ef2d_909b_d619875d2f84["ResizeObserverSingleton"]
  0a17ae89_497b_83d0_8655_a52c5775a66c -->|defined in| 7aec7a59_607b_ef2d_909b_d619875d2f84
  a08b6cc5_af73_1be4_d02f_3113cf8a8305["get()"]
  0a17ae89_497b_83d0_8655_a52c5775a66c -->|calls| a08b6cc5_af73_1be4_d02f_3113cf8a8305
  style 0a17ae89_497b_83d0_8655_a52c5775a66c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/bindings/size.js lines 48–62

	#getObserver() {
		return (
			this.#observer ??
			(this.#observer = new ResizeObserver(
				/** @param {any} entries */ (entries) => {
					for (var entry of entries) {
						ResizeObserverSingleton.entries.set(entry.target, entry);
						for (var listener of this.#listeners.get(entry.target) || []) {
							listener(entry);
						}
					}
				}
			))
		);
	}