get_custom_element_value() — svelte Function Reference

Architecture documentation for the get_custom_element_value() function in custom-element.js from the svelte codebase.

Function javascript ClientRuntime DOMOperations called by 1

Entity Profile

ClientRuntime→ DOMOperations→ get_custom_element_value() — svelte Function Reference

Dependency Diagram

graph TD
  9c8487e2_66b5_01cd_e264_1fb1a356011d["get_custom_element_value()"]
  1a45e32c_24fc_a764_ca2d_b81df9bec325["custom-element.js"]
  9c8487e2_66b5_01cd_e264_1fb1a356011d -->|defined in| 1a45e32c_24fc_a764_ca2d_b81df9bec325
  0ce0b17f_0fc7_b361_b518_73a5de3f2e7a["create_custom_element()"]
  0ce0b17f_0fc7_b361_b518_73a5de3f2e7a -->|calls| 9c8487e2_66b5_01cd_e264_1fb1a356011d
  style 9c8487e2_66b5_01cd_e264_1fb1a356011d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/custom-element.js lines 233–263

function get_custom_element_value(prop, value, props_definition, transform) {
	const type = props_definition[prop]?.type;
	value = type === 'Boolean' && typeof value !== 'boolean' ? value != null : value;
	if (!transform || !props_definition[prop]) {
		return value;
	} else if (transform === 'toAttribute') {
		switch (type) {
			case 'Object':
			case 'Array':
				return value == null ? null : JSON.stringify(value);
			case 'Boolean':
				return value ? '' : null;
			case 'Number':
				return value == null ? null : value;
			default:
				return value;
		}
	} else {
		switch (type) {
			case 'Object':
			case 'Array':
				return value && JSON.parse(value);
			case 'Boolean':
				return value; // conversion already handled above
			case 'Number':
				return value != null ? +value : value;
			default:
				return value;
		}
	}
}