update_styles() — svelte Function Reference

Architecture documentation for the update_styles() function in style.js from the svelte codebase.

Function javascript ClientRuntime Hydration called by 1

Entity Profile

ClientRuntime→ Hydration→ update_styles() — svelte Function Reference

Dependency Diagram

graph TD
  1fc2e6fc_fcdb_af67_e342_1e09bcc3c6d3["update_styles()"]
  e6776a33_ae8b_fb40_7de7_0a08f609b2db["style.js"]
  1fc2e6fc_fcdb_af67_e342_1e09bcc3c6d3 -->|defined in| e6776a33_ae8b_fb40_7de7_0a08f609b2db
  cdcce596_d5f9_cd9b_91b7_5b23f82ccf97["set_style()"]
  cdcce596_d5f9_cd9b_91b7_5b23f82ccf97 -->|calls| 1fc2e6fc_fcdb_af67_e342_1e09bcc3c6d3
  style 1fc2e6fc_fcdb_af67_e342_1e09bcc3c6d3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/style.js lines 10–22

function update_styles(dom, prev = {}, next, priority) {
	for (var key in next) {
		var value = next[key];

		if (prev[key] !== value) {
			if (next[key] == null) {
				dom.style.removeProperty(key);
			} else {
				dom.style.setProperty(key, value, priority);
			}
		}
	}
}