tweak

packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js

@@ -462,16 +462,16 @@ function setup_select_synchronization(value_binding, context) {
 
 /**
  * @param {AST.ClassDirective[]} class_directives
+ * @param {ComponentContext} context
  * @param {MemoizedExpression[]} async_expressions
  * @param {MemoizedExpression[]} expressions
- * @param {ComponentContext} context
  * @return {ObjectExpression | Identifier}
  */
 export function build_class_directives_object(
 	class_directives,
-	async_expressions,
+	context,
-	expressions,
+	async_expressions = context.state.async_expressions,
-	context
+	expressions = context.state.expressions
 ) {
 	let properties = [];
 	let has_call_or_state = false;
@@ -493,16 +493,16 @@ export function build_class_directives_object(
 
 /**
  * @param {AST.StyleDirective[]} style_directives
+ * @param {ComponentContext} context
  * @param {MemoizedExpression[]} async_expressions
  * @param {MemoizedExpression[]} expressions
- * @param {ComponentContext} context
  * @return {ObjectExpression | ArrayExpression}}
  */
 export function build_style_directives_object(
 	style_directives,
-	async_expressions,
+	context,
-	expressions,
+	async_expressions = context.state.async_expressions,
-	context
+	expressions = context.state.expressions
 ) {
 	let normal_properties = [];
 	let important_properties = [];

packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/element.js

@@ -72,7 +72,7 @@ export function build_attribute_effect(
 			b.prop(
 				'init',
 				b.array([b.id('$.CLASS')]),
-				build_class_directives_object(class_directives, async_expressions, expressions, context)
+				build_class_directives_object(class_directives, context, async_expressions, expressions)
 			)
 		);
 	}
@@ -82,7 +82,7 @@ export function build_attribute_effect(
 			b.prop(
 				'init',
 				b.array([b.id('$.STYLE')]),
-				build_style_directives_object(style_directives, async_expressions, expressions, context)
+				build_style_directives_object(style_directives, context, async_expressions, expressions)
 			)
 		);
 	}
@@ -180,12 +180,7 @@ export function build_set_class(element, node_id, attribute, class_directives, c
 	let next;
 
 	if (class_directives.length) {
-		next = build_class_directives_object(
+		next = build_class_directives_object(class_directives, context);
-			class_directives,
-			context.state.async_expressions,
-			context.state.expressions,
-			context
-		);
 		has_state ||= class_directives.some((d) => d.metadata.expression.has_state);
 
 		if (has_state) {
@@ -258,12 +253,7 @@ export function build_set_style(node_id, attribute, style_directives, context) {
 	let next;
 
 	if (style_directives.length) {
-		next = build_style_directives_object(
+		next = build_style_directives_object(style_directives, context);
-			style_directives,
-			context.state.async_expressions,
-			context.state.expressions,
-			context
-		);
 		has_state ||= style_directives.some((d) => d.metadata.expression.has_state);
 
 		if (has_state) {