svelte Architecture Docs
Home / File/ css-props.js — svelte Source File

css-props.js — svelte Source File

Architecture documentation for css-props.js, a javascript file in the svelte codebase. 6 imports, 0 dependents.

File javascript ClientRuntime Hydration 6 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  4d06167e_1009_096b_88b0_99ef50b8fbad["css-props.js"]
  1ae6fa4e_16ee_acdf_5e28_17eb0819fddb["effects.js"]
  4d06167e_1009_096b_88b0_99ef50b8fbad --> 1ae6fa4e_16ee_acdf_5e28_17eb0819fddb
  7494b934_a3b8_689e_91b6_8435e26461c5["render_effect"]
  4d06167e_1009_096b_88b0_99ef50b8fbad --> 7494b934_a3b8_689e_91b6_8435e26461c5
  f3948b0d_b92a_0767_ba6c_832767f4e2bb["hydration.js"]
  4d06167e_1009_096b_88b0_99ef50b8fbad --> f3948b0d_b92a_0767_ba6c_832767f4e2bb
  40f27ad3_30bb_8f2a_3fb3_757088cf7428["set_hydrate_node"]
  4d06167e_1009_096b_88b0_99ef50b8fbad --> 40f27ad3_30bb_8f2a_3fb3_757088cf7428
  9a9bbc27_46b6_021c_6d77_f736ed4b40f0["operations.js"]
  4d06167e_1009_096b_88b0_99ef50b8fbad --> 9a9bbc27_46b6_021c_6d77_f736ed4b40f0
  f3bd5a62_2879_ccbe_7046_712cbf9eeaab["get_first_child"]
  4d06167e_1009_096b_88b0_99ef50b8fbad --> f3bd5a62_2879_ccbe_7046_712cbf9eeaab
  style 4d06167e_1009_096b_88b0_99ef50b8fbad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { render_effect } from '../../reactivity/effects.js';
import { hydrating, set_hydrate_node } from '../hydration.js';
import { get_first_child } from '../operations.js';

/**
 * @param {HTMLDivElement | SVGGElement} element
 * @param {() => Record<string, string>} get_styles
 * @returns {void}
 */
export function css_props(element, get_styles) {
	if (hydrating) {
		set_hydrate_node(get_first_child(element));
	}

	render_effect(() => {
		var styles = get_styles();

		for (var key in styles) {
			var value = styles[key];

			if (value) {
				element.style.setProperty(key, value);
			} else {
				element.style.removeProperty(key);
			}
		}
	});
}

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does css-props.js do?
css-props.js is a source file in the svelte codebase, written in javascript. It belongs to the ClientRuntime domain, Hydration subdomain.
What functions are defined in css-props.js?
css-props.js defines 1 function(s): css_props.
What does css-props.js depend on?
css-props.js imports 6 module(s): effects.js, get_first_child, hydration.js, operations.js, render_effect, set_hydrate_node.
Where is css-props.js in the architecture?
css-props.js is located at packages/svelte/src/internal/client/dom/blocks/css-props.js (domain: ClientRuntime, subdomain: Hydration, directory: packages/svelte/src/internal/client/dom/blocks).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free