css_property_to_camelcase() — svelte Function Reference

Architecture documentation for the css_property_to_camelcase() function in transitions.js from the svelte codebase.

Function javascript ClientRuntime Hydration called by 1

Entity Profile

ClientRuntime→ Hydration→ css_property_to_camelcase() — svelte Function Reference

Dependency Diagram

graph TD
  f0ac6668_c927_7d9b_255c_d162392e1f29["css_property_to_camelcase()"]
  e29c417d_6c26_6125_97f5_600e95e02dac["transitions.js"]
  f0ac6668_c927_7d9b_255c_d162392e1f29 -->|defined in| e29c417d_6c26_6125_97f5_600e95e02dac
  50007ed7_a19a_bc0a_f3b9_9559a7d8d4a9["css_to_keyframe()"]
  50007ed7_a19a_bc0a_f3b9_9559a7d8d4a9 -->|calls| f0ac6668_c927_7d9b_255c_d162392e1f29
  style f0ac6668_c927_7d9b_255c_d162392e1f29 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/transitions.js lines 28–45

function css_property_to_camelcase(style) {
	// in compliance with spec
	if (style === 'float') return 'cssFloat';
	if (style === 'offset') return 'cssOffset';

	// do not rename custom @properties
	if (style.startsWith('--')) return style;

	const parts = style.split('-');
	if (parts.length === 1) return parts[0];
	return (
		parts[0] +
		parts
			.slice(1)
			.map(/** @param {any} word */ (word) => word[0].toUpperCase() + word.slice(1))
			.join('')
	);
}