svelte Architecture Docs
Home / Function/ attributes() — svelte Function Reference

attributes() — svelte Function Reference

Architecture documentation for the attributes() function in index.js from the svelte codebase.

Function javascript ServerRuntime Serialization calls 5 called by 2

Entity Profile

Dependency Diagram

graph TD
  30cd611d_dc10_8cb7_0b6a_cde40be8727a["attributes()"]
  1c4bc493_24af_177e_7307_a999997aceac["index.js"]
  30cd611d_dc10_8cb7_0b6a_cde40be8727a -->|defined in| 1c4bc493_24af_177e_7307_a999997aceac
  58754f2d_0937_0d60_6522_7f5ccf389d8f["select()"]
  58754f2d_0937_0d60_6522_7f5ccf389d8f -->|calls| 30cd611d_dc10_8cb7_0b6a_cde40be8727a
  1a677ead_a9d4_0a77_cc80_ba51cda0e64d["option()"]
  1a677ead_a9d4_0a77_cc80_ba51cda0e64d -->|calls| 30cd611d_dc10_8cb7_0b6a_cde40be8727a
  82b89a82_43eb_55e9_a708_1e7df64f688c["to_style()"]
  30cd611d_dc10_8cb7_0b6a_cde40be8727a -->|calls| 82b89a82_43eb_55e9_a708_1e7df64f688c
  cb6da1e2_2fb4_545a_1bea_8d33e5942ef9["clsx()"]
  30cd611d_dc10_8cb7_0b6a_cde40be8727a -->|calls| cb6da1e2_2fb4_545a_1bea_8d33e5942ef9
  efa24e01_f8d7_2cf4_7e7e_aadd84b2197e["to_class()"]
  30cd611d_dc10_8cb7_0b6a_cde40be8727a -->|calls| efa24e01_f8d7_2cf4_7e7e_aadd84b2197e
  c5706cd2_ff56_80ba_e35d_9c5a0c2b6647["attr()"]
  30cd611d_dc10_8cb7_0b6a_cde40be8727a -->|calls| c5706cd2_ff56_80ba_e35d_9c5a0c2b6647
  db3fdf7c_1bf2_5a09_e360_135ad90dbca3["is_boolean_attribute()"]
  30cd611d_dc10_8cb7_0b6a_cde40be8727a -->|calls| db3fdf7c_1bf2_5a09_e360_135ad90dbca3
  style 30cd611d_dc10_8cb7_0b6a_cde40be8727a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/server/index.js lines 121–164

export function attributes(attrs, css_hash, classes, styles, flags = 0) {
	if (styles) {
		attrs.style = to_style(attrs.style, styles);
	}

	if (attrs.class) {
		attrs.class = clsx(attrs.class);
	}

	if (css_hash || classes) {
		attrs.class = to_class(attrs.class, css_hash, classes);
	}

	let attr_str = '';
	let name;

	const is_html = (flags & ELEMENT_IS_NAMESPACED) === 0;
	const lowercase = (flags & ELEMENT_PRESERVE_ATTRIBUTE_CASE) === 0;
	const is_input = (flags & ELEMENT_IS_INPUT) !== 0;

	for (name in attrs) {
		// omit functions, internal svelte properties and invalid attribute names
		if (typeof attrs[name] === 'function') continue;
		if (name[0] === '$' && name[1] === '$') continue; // faster than name.startsWith('$$')
		if (INVALID_ATTR_NAME_CHAR_REGEX.test(name)) continue;

		var value = attrs[name];

		if (lowercase) {
			name = name.toLowerCase();
		}

		if (is_input) {
			if (name === 'defaultvalue' || name === 'defaultchecked') {
				name = name === 'defaultvalue' ? 'value' : 'checked';
				if (attrs[name]) continue;
			}
		}

		attr_str += attr(name, value, is_html && is_boolean_attribute(name));
	}

	return attr_str;
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does attributes() do?
attributes() is a function in the svelte codebase, defined in packages/svelte/src/internal/server/index.js.
Where is attributes() defined?
attributes() is defined in packages/svelte/src/internal/server/index.js at line 121.
What does attributes() call?
attributes() calls 5 function(s): attr, clsx, is_boolean_attribute, to_class, to_style.
What calls attributes()?
attributes() is called by 2 function(s): option, select.

Analyze Your Own Codebase

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

Try Supermodel Free