svelte 3.46.2 → 3.46.5

package/compiler.js

@@ -5820,6 +5820,7 @@
 	    'Event',
 	    'EventSource',
 	    'fetch',
+	    'FormData',
 	    'global',
 	    'globalThis',
 	    'history',
@@ -6710,6 +6711,19 @@
 		return nodes;
 	}
 
+	/**
+	 * Does `array.push` for all `items`. Needed because `array.push(...items)` throws
+	 * "Maximum call stack size exceeded" when `items` is too big of an array.
+	 *
+	 * @param {any[]} array 
+	 * @param {any[]} items 
+	 */
+	function push_array(array, items) {
+		for (let i = 0; i < items.length; i++) {
+			array.push(items[i]);
+		}
+	}
+
 	// heavily based on https://github.com/davidbonnet/astring
 
 	/** @typedef {import('estree').ArrowFunctionExpression} ArrowFunctionExpression */
@@ -6957,7 +6971,8 @@
 
 		const joined = [...nodes[0]];
 		for (let i = 1; i < nodes.length; i += 1) {
-			joined.push(separator, ...nodes[i]);
+			joined.push(separator);
+			push_array(joined, nodes[i]);
 		}
 		return joined;
 	};
@@ -7035,9 +7050,7 @@
 				);
 			}
 
-			chunks.push(
-				...body[i]
-			);
+			push_array(chunks, body[i]);
 
 			needed_padding = needs_padding;
 		}
@@ -7064,13 +7077,7 @@
 
 		const separator = c(multiple_lines ? `,\n${state.indent}\t` : ', ');
 
-		if (multiple_lines) {
-			chunks.push(...join(declarators, separator));
-		} else {
-			chunks.push(
-				...join(declarators, separator)
-			);
-		}
+		push_array(chunks, join(declarators, separator));
 
 		return chunks;
 	};
@@ -7125,10 +7132,8 @@
 			];
 
 			if (node.alternate) {
-				chunks.push(
-					c(' else '),
-					...handle(node.alternate, state)
-				);
+				chunks.push(c(' else '));
+				push_array(chunks, handle(node.alternate, state));
 			}
 
 			return chunks;
@@ -7172,20 +7177,16 @@
 
 			node.cases.forEach(block => {
 				if (block.test) {
-					chunks.push(
-						c(`\n${state.indent}\tcase `),
-						...handle(block.test, { ...state, indent: `${state.indent}\t` }),
-						c(':')
-					);
+					chunks.push(c(`\n${state.indent}\tcase `));
+					push_array(chunks, handle(block.test, { ...state, indent: `${state.indent}\t` }));
+					chunks.push(c(':'));
 				} else {
 					chunks.push(c(`\n${state.indent}\tdefault:`));
 				}
 
 				block.consequent.forEach(statement => {
-					chunks.push(
-						c(`\n${state.indent}\t\t`),
-						...handle(statement, { ...state, indent: `${state.indent}\t\t` })
-					);
+					chunks.push(c(`\n${state.indent}\t\t`));
+					push_array(chunks, handle(statement, { ...state, indent: `${state.indent}\t\t` }));
 				});
 			});
 
@@ -7223,20 +7224,19 @@
 
 			if (node.handler) {
 				if (node.handler.param) {
-					chunks.push(
-						c(' catch('),
-						...handle(node.handler.param, state),
-						c(') ')
-					);
+					chunks.push(c(' catch('));
+					push_array(chunks, handle(node.handler.param, state));
+					chunks.push(c(') '));
 				} else {
 					chunks.push(c(' catch '));
 				}
 
-				chunks.push(...handle(node.handler.body, state));
+				push_array(chunks, handle(node.handler.body, state));
 			}
 
 			if (node.finalizer) {
-				chunks.push(c(' finally '), ...handle(node.finalizer, state));
+				chunks.push(c(' finally '));
+				push_array(chunks, handle(node.finalizer, state));
 			}
 
 			return chunks;
@@ -7266,21 +7266,19 @@
 
 			if (node.init) {
 				if (node.init.type === 'VariableDeclaration') {
-					chunks.push(...handle_var_declaration(node.init, state));
+					push_array(chunks, handle_var_declaration(node.init, state));
 				} else {
-					chunks.push(...handle(node.init, state));
+					push_array(chunks, handle(node.init, state));
 				}
 			}
 
 			chunks.push(c('; '));
-			if (node.test) chunks.push(...handle(node.test, state));
+			if (node.test) push_array(chunks, handle(node.test, state));
 			chunks.push(c('; '));
-			if (node.update) chunks.push(...handle(node.update, state));
+			if (node.update) push_array(chunks, handle(node.update, state));
 
-			chunks.push(
-				c(') '),
-				...handle(node.body, state)
-			);
+			chunks.push(c(') '));
+			push_array(chunks, handle(node.body, state));
 
 			return chunks;
 		}),
@@ -7291,17 +7289,15 @@
 			];
 
 			if (node.left.type === 'VariableDeclaration') {
-				chunks.push(...handle_var_declaration(node.left, state));
+				push_array(chunks, handle_var_declaration(node.left, state));
 			} else {
-				chunks.push(...handle(node.left, state));
+				push_array(chunks, handle(node.left, state));
 			}
 
-			chunks.push(
-				c(node.type === 'ForInStatement' ? ` in ` : ` of `),
-				...handle(node.right, state),
-				c(') '),
-				...handle(node.body, state)
-			);
+			chunks.push(c(node.type === 'ForInStatement' ? ` in ` : ` of `));
+			push_array(chunks, handle(node.right, state));
+			chunks.push(c(') '));
+			push_array(chunks, handle(node.body, state));
 
 			return chunks;
 		}),
@@ -7315,7 +7311,7 @@
 
 			if (node.async) chunks.push(c('async '));
 			chunks.push(c(node.generator ? 'function* ' : 'function '));
-			if (node.id) chunks.push(...handle(node.id, state));
+			if (node.id) push_array(chunks, handle(node.id, state));
 			chunks.push(c('('));
 
 			const params = node.params.map(p => handle(p, {
@@ -7331,21 +7327,15 @@
 			const separator = c(multiple_lines ? `,\n${state.indent}` : ', ');
 
 			if (multiple_lines) {
-				chunks.push(
-					c(`\n${state.indent}\t`),
-					...join(params, separator),
-					c(`\n${state.indent}`)
-				);
+				chunks.push(c(`\n${state.indent}\t`));
+				push_array(chunks, join(params, separator));
+				chunks.push(c(`\n${state.indent}`));
 			} else {
-				chunks.push(
-					...join(params, separator)
-				);
+				push_array(chunks, join(params, separator));
 			}
 
-			chunks.push(
-				c(') '),
-				...handle(node.body, state)
-			);
+			chunks.push(c(') '));
+			push_array(chunks, handle(node.body, state));
 
 			return chunks;
 		}),
@@ -7369,17 +7359,18 @@
 		ClassDeclaration(node, state) {
 			const chunks = [c('class ')];
 
-			if (node.id) chunks.push(...handle(node.id, state), c(' '));
+			if (node.id) {
+				push_array(chunks, handle(node.id, state));
+				chunks.push(c(' '));
+			}
 
 			if (node.superClass) {
-				chunks.push(
-					c('extends '),
-					...handle(node.superClass, state),
-					c(' ')
-				);
+				chunks.push(c('extends '));
+				push_array(chunks, handle(node.superClass, state));
+				chunks.push(c(' '));
 			}
 
-			chunks.push(...handle(node.body, state));
+			push_array(chunks, handle(node.body, state));
 
 			return chunks;
 		},
@@ -7427,27 +7418,21 @@
 					const width = get_length(chunks) + specifiers.map(get_length).reduce(sum, 0) + (2 * specifiers.length) + 6 + get_length(source);
 
 					if (width > 80) {
-						chunks.push(
-							c(`{\n\t`),
-							...join(specifiers, c(',\n\t')),
-							c('\n}')
-						);
+						chunks.push(c(`{\n\t`));
+						push_array(chunks, join(specifiers, c(',\n\t')));
+						chunks.push(c('\n}'));
 					} else {
-						chunks.push(
-							c(`{ `),
-							...join(specifiers, c(', ')),
-							c(' }')
-						);
+						chunks.push(c(`{ `));
+						push_array(chunks, join(specifiers, c(', ')));
+						chunks.push(c(' }'));
 					}
 				}
 
 				chunks.push(c(' from '));
 			}
 
-			chunks.push(
-				...source,
-				c(';')
-			);
+			push_array(chunks, source);
+			chunks.push(c(';'));
 
 			return chunks;
 		},
@@ -7473,7 +7458,7 @@
 			const chunks = [c('export ')];
 
 			if (node.declaration) {
-				chunks.push(...handle(node.declaration, state));
+				push_array(chunks, handle(node.declaration, state));
 			} else {
 				const specifiers = node.specifiers.map((/** @type {ExportSpecifier} */ specifier) => {
 					const name = handle(specifier.local, state)[0];
@@ -7489,24 +7474,18 @@
 				const width = 7 + specifiers.map(get_length).reduce(sum, 0) + 2 * specifiers.length;
 
 				if (width > 80) {
-					chunks.push(
-						c('{\n\t'),
-						...join(specifiers, c(',\n\t')),
-						c('\n}')
-					);
+					chunks.push(c('{\n\t'));
+					push_array(chunks, join(specifiers, c(',\n\t')));
+					chunks.push(c('\n}'));
 				} else {
-					chunks.push(
-						c('{ '),
-						...join(specifiers, c(', ')),
-						c(' }')
-					);
+					chunks.push(c('{ '));
+					push_array(chunks, join(specifiers, c(', ')));
+					chunks.push(c(' }'));
 				}
 
 				if (node.source) {
-					chunks.push(
-						c(' from '),
-						...handle(node.source, state)
-					);
+					chunks.push(c(' from '));
+					push_array(chunks, handle(node.source, state));
 				}
 			}
 
@@ -7544,27 +7523,23 @@
 			}
 
 			if (node.computed) {
-				chunks.push(
-					c('['),
-					...handle(node.key, state),
-					c(']')
-				);
+				chunks.push(c('['));
+				push_array(chunks, handle(node.key, state));
+				chunks.push(c(']'));
 			} else {
-				chunks.push(...handle(node.key, state));
+				push_array(chunks, handle(node.key, state));
 			}
 
 			chunks.push(c('('));
 
 			const { params } = node.value;
 			for (let i = 0; i < params.length; i += 1) {
-				chunks.push(...handle(params[i], state));
+				push_array(chunks, handle(params[i], state));
 				if (i < params.length - 1) chunks.push(c(', '));
 			}
 
-			chunks.push(
-				c(') '),
-				...handle(node.value.body, state)
-			);
+			chunks.push(c(') '));
+			push_array(chunks, handle(node.value.body, state));
 
 			return chunks;
 		},
@@ -7575,18 +7550,16 @@
 			if (node.async) chunks.push(c('async '));
 
 			if (node.params.length === 1 && node.params[0].type === 'Identifier') {
-				chunks.push(...handle(node.params[0], state));
+				push_array(chunks, handle(node.params[0], state));
 			} else {
 				const params = node.params.map(param => handle(param, {
 					...state,
 					indent: state.indent + '\t'
 				}));
 
-				chunks.push(
-					c('('),
-					...join(params, c(', ')),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, join(params, c(', ')));
+				chunks.push(c(')'));
 			}
 
 			chunks.push(c(' => '));
@@ -7595,13 +7568,11 @@
 				node.body.type === 'ObjectExpression' ||
 				(node.body.type === 'AssignmentExpression' && node.body.left.type === 'ObjectPattern')
 			) {
-				chunks.push(
-					c('('),
-					...handle(node.body, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.body, state));
+				chunks.push(c(')'));
 			} else {
-				chunks.push(...handle(node.body, state));
+				push_array(chunks, handle(node.body, state));
 			}
 
 			return chunks;
@@ -7649,10 +7620,10 @@
 			for (let i = 0; i < expressions.length; i++) {
 				chunks.push(
 					c(quasis[i].value.raw),
-					c('${'),
-					...handle(expressions[i], state),
-					c('}')
+					c('${')
 				);
+				push_array(chunks, handle(expressions[i], state));
+				chunks.push(c('}'));
 			}
 
 			chunks.push(
@@ -7696,14 +7667,13 @@
 			);
 
 			if (multiple_lines) {
-				chunks.push(
-					c(`\n${state.indent}\t`),
-					...join(elements, c(`,\n${state.indent}\t`)),
-					c(`\n${state.indent}`),
-					...sparse_commas
-				);
+				chunks.push(c(`\n${state.indent}\t`));
+				push_array(chunks, join(elements, c(`,\n${state.indent}\t`)));
+				chunks.push(c(`\n${state.indent}`));
+				push_array(chunks, sparse_commas);
 			} else {
-				chunks.push(...join(elements, c(', ')), ...sparse_commas);
+				push_array(chunks, join(elements, c(', ')));
+				push_array(chunks, sparse_commas);
 			}
 
 			chunks.push(c(']'));
@@ -7723,7 +7693,7 @@
 			const separator = c(', ');
 
 			node.properties.forEach((p, i) => {
-				chunks.push(...handle(p, {
+				push_array(chunks, handle(p, {
 					...state,
 					indent: state.indent + '\t'
 				}));
@@ -7811,13 +7781,11 @@
 					chunks.push(c('*'));
 				}
 
-				chunks.push(
-					...(node.computed ? [c('['), ...key, c(']')] : key),
-					c('('),
-					...join(node.value.params.map((/** @type {Pattern} */ param) => handle(param, state)), c(', ')),
-					c(') '),
-					...handle(node.value.body, state)
-				);
+				push_array(chunks, node.computed ? [c('['), ...key, c(']')] : key);
+				chunks.push(c('('));
+				push_array(chunks, join(node.value.params.map((/** @type {Pattern} */ param) => handle(param, state)), c(', ')));
+				chunks.push(c(') '));
+				push_array(chunks, handle(node.value.body, state));
 
 				return chunks;
 			}
@@ -7842,7 +7810,7 @@
 			const chunks = [c('{ ')];
 
 			for (let i = 0; i < node.properties.length; i += 1) {
-				chunks.push(...handle(node.properties[i], state));
+				push_array(chunks, handle(node.properties[i], state));
 				if (i < node.properties.length - 1) chunks.push(c(', '));
 			}
 
@@ -7872,13 +7840,11 @@
 				EXPRESSIONS_PRECEDENCE[node.argument.type] <
 				EXPRESSIONS_PRECEDENCE.UnaryExpression
 			) {
-				chunks.push(
-					c('('),
-					...handle(node.argument, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.argument, state));
+				chunks.push(c(')'));
 			} else {
-				chunks.push(...handle(node.argument, state));
+				push_array(chunks, handle(node.argument, state));
 			}
 
 			return chunks;
@@ -7899,6 +7865,9 @@
 		},
 
 		BinaryExpression(node, state) {
+			/**
+			 * @type any[]
+			 */
 			const chunks = [];
 
 			// TODO
@@ -7909,44 +7878,41 @@
 			// }
 
 			if (needs_parens(node.left, node, false)) {
-				chunks.push(
-					c('('),
-					...handle(node.left, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.left, state));
+				chunks.push(c(')'));
 			} else {
-				chunks.push(...handle(node.left, state));
+				push_array(chunks, handle(node.left, state));
 			}
 
 			chunks.push(c(` ${node.operator} `));
 
 			if (needs_parens(node.right, node, true)) {
-				chunks.push(
-					c('('),
-					...handle(node.right, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.right, state));
+				chunks.push(c(')'));
 			} else {
-				chunks.push(...handle(node.right, state));
+				push_array(chunks, handle(node.right, state));
 			}
 
 			return chunks;
 		},
 
 		ConditionalExpression(node, state) {
+			/**
+			 * @type any[]
+			 */
 			const chunks = [];
 
 			if (
 				EXPRESSIONS_PRECEDENCE[node.test.type] >
 				EXPRESSIONS_PRECEDENCE.ConditionalExpression
 			) {
-				chunks.push(...handle(node.test, state));
+				push_array(chunks, handle(node.test, state));
 			} else {
-				chunks.push(
-					c('('),
-					...handle(node.test, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.test, state));
+				chunks.push(c(')'));
 			}
 
 			const child_state = { ...state, indent: state.indent + '\t' };
@@ -7960,19 +7926,15 @@
 			);
 
 			if (multiple_lines) {
-				chunks.push(
-					c(`\n${state.indent}? `),
-					...consequent,
-					c(`\n${state.indent}: `),
-					...alternate
-				);
+				chunks.push(c(`\n${state.indent}? `));
+				push_array(chunks, consequent);
+				chunks.push(c(`\n${state.indent}: `));
+				push_array(chunks, alternate);
 			} else {
-				chunks.push(
-					c(` ? `),
-					...consequent,
-					c(` : `),
-					...alternate
-				);
+				chunks.push(c(` ? `));
+				push_array(chunks, consequent);
+				chunks.push(c(` : `));
+				push_array(chunks, alternate);
 			}
 
 			return chunks;
@@ -7985,13 +7947,11 @@
 				EXPRESSIONS_PRECEDENCE[node.callee.type] <
 				EXPRESSIONS_PRECEDENCE.CallExpression || has_call_expression(node.callee)
 			) {
-				chunks.push(
-					c('('),
-					...handle(node.callee, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.callee, state));
+				chunks.push(c(')'));
 			} else {
-				chunks.push(...handle(node.callee, state));
+				push_array(chunks, handle(node.callee, state));
 			}
 
 			// TODO this is copied from CallExpression — DRY it out
@@ -8004,11 +7964,9 @@
 				? c(',\n' + state.indent)
 				: c(', ');
 
-			chunks.push(
-				c('('),
-				...join(args, separator),
-				c(')')
-			);
+			chunks.push(c('('));
+			push_array(chunks, join(args, separator));
+			chunks.push(c(')'));
 
 			return chunks;
 		},
@@ -8018,19 +7976,20 @@
 		},
 
 		CallExpression(/** @type {CallExpression} */ node, state) {
+			/**
+			 * @type any[]
+			 */
 			const chunks = [];
 
 			if (
 				EXPRESSIONS_PRECEDENCE[node.callee.type] <
 				EXPRESSIONS_PRECEDENCE.CallExpression
 			) {
-				chunks.push(
-					c('('),
-					...handle(node.callee, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.callee, state));
+				chunks.push(c(')'));
 			} else {
-				chunks.push(...handle(node.callee, state));
+				push_array(chunks, handle(node.callee, state));
 			}
 
 			if (/** @type {SimpleCallExpression} */ (node).optional) {
@@ -8048,49 +8007,42 @@
 					indent: `${state.indent}\t`
 				}));
 
-				chunks.push(
-					c(`(\n${state.indent}\t`),
-					...join(args, c(`,\n${state.indent}\t`)),
-					c(`\n${state.indent})`)
-				);
+				chunks.push(c(`(\n${state.indent}\t`));
+				push_array(chunks, join(args, c(`,\n${state.indent}\t`)));
+				chunks.push(c(`\n${state.indent})`));
 			} else {
-				chunks.push(
-					c('('),
-					...join(args, c(', ')),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, join(args, c(', ')));
+				chunks.push(c(')'));
 			}
 
 			return chunks;
 		},
 
 		MemberExpression(node, state) {
+			/**
+			 * @type any[]
+			 */
 			const chunks = [];
 
 			if (EXPRESSIONS_PRECEDENCE[node.object.type] < EXPRESSIONS_PRECEDENCE.MemberExpression) {
-				chunks.push(
-					c('('),
-					...handle(node.object, state),
-					c(')')
-				);
+				chunks.push(c('('));
+				push_array(chunks, handle(node.object, state));
+				chunks.push(c(')'));
 			} else {
-				chunks.push(...handle(node.object, state));
+				push_array(chunks, handle(node.object, state));
 			}
 
 			if (node.computed) {
 				if (node.optional) {
 					chunks.push(c('?.'));
 				}
-				chunks.push(
-					c('['),
-					...handle(node.property, state),
-					c(']')
-				);
+				chunks.push(c('['));
+				push_array(chunks, handle(node.property, state));
+				chunks.push(c(']'));
 			} else {
-				chunks.push(
-					c(node.optional ? '?.' : '.'),
-					...handle(node.property, state)
-				);
+				chunks.push(c(node.optional ? '?.' : '.'));
+				push_array(chunks, handle(node.property, state));
 			}
 
 			return chunks;
@@ -19044,6 +18996,10 @@
 	        code: 'illegal-global',
 	        message: `${name} is an illegal variable name`
 	    }),
+	    illegal_variable_declaration: {
+	        code: 'illegal-variable-declaration',
+	        message: 'Cannot declare same variable name which is imported inside <script context="module">'
+	    },
 	    cyclical_reactive_declaration: (cycle) => ({
 	        code: 'cyclical-reactive-declaration',
 	        message: `Cyclical dependency detected: ${cycle.join(' → ')}`
@@ -19115,7 +19071,11 @@
 	    cyclical_const_tags: (cycle) => ({
 	        code: 'cyclical-const-tags',
 	        message: `Cyclical dependency detected: ${cycle.join(' → ')}`
-	    })
+	    }),
+	    invalid_component_style_directive: {
+	        code: 'invalid-component-style-directive',
+	        message: 'Style directives cannot be used on components'
+	    }
 	};
 
 	class Expression {
@@ -19186,7 +19146,7 @@
 	                        if (!lazy) {
 	                            dependencies.add(name);
 	                        }
-	                        component.add_reference(name);
+	                        component.add_reference(node, name);
 	                        component.warn_if_undefined(name, nodes[0], template_scope);
 	                    }
 	                    this.skip();
@@ -19218,7 +19178,7 @@
 	                            each_block.has_binding = true;
 	                        }
 	                        else {
-	                            component.add_reference(name);
+	                            component.add_reference(node, name);
 	                            const variable = component.var_lookup.get(name);
 	                            if (variable)
 	                                variable[deep ? 'mutated' : 'reassigned'] = true;
@@ -19279,7 +19239,7 @@
 	                        }
 	                        else {
 	                            dependencies.add(name);
-	                            component.add_reference(name); // TODO is this redundant/misplaced?
+	                            component.add_reference(node, name); // TODO is this redundant/misplaced?
 	                        }
 	                    }
 	                    else if (is_contextual(component, template_scope, name)) {
@@ -19303,11 +19263,20 @@
 	                if (node === function_expression) {
 	                    const id = component.get_unique_name(sanitize(get_function_name(node, owner)));
 	                    const declaration = b `const ${id} = ${node}`;
-	                    if (dependencies.size === 0 && contextual_dependencies.size === 0) {
+	                    if (owner.type === 'ConstTag') {
+	                        walk(node, {
+	                            enter(node) {
+	                                if (node.type === 'Identifier') {
+	                                    this.replace(block.renderer.reference(node, ctx));
+	                                }
+	                            }
+	                        });
+	                    }
+	                    else if (dependencies.size === 0 && contextual_dependencies.size === 0) {
 	                        // we can hoist this out of the component completely
 	                        component.fully_hoisted.push(declaration);
 	                        this.replace(id);
-	                        component.add_var({
+	                        component.add_var(node, {
 	                            name: id.name,
 	                            internal: true,
 	                            hoistable: true,
@@ -19572,7 +19541,7 @@
 	            if (is_reference(node, parent)) {
 	                const { name } = flatten_reference(node);
 	                if (!scope.is_let(name) && !scope.names.has(name)) {
-	                    component.add_reference(name);
+	                    component.add_reference(node, name);
 	                }
 	            }
 	        }
@@ -19724,7 +19693,7 @@
 	        const object = info.name.split('.')[0];
 	        component.warn_if_undefined(object, info, scope);
 	        this.name = info.name;
-	        component.add_reference(object);
+	        component.add_reference(this, object);
 	        this.expression = info.expression
 	            ? new Expression(component, this, scope, info.expression)
 	            : null;
@@ -19791,6 +19760,7 @@
 	        this.has_animation = false;
 	        ([this.const_tags, this.children] = get_const_tags(info.children, component, this, this));
 	        if (this.has_animation) {
+	            this.children = this.children.filter(child => !isEmptyNode(child));
 	            if (this.children.length !== 1) {
 	                const child = this.children.find(child => !!child.animation);
 	                component.error(child.animation, compiler_errors.invalid_animation_sole);
@@ -19803,6 +19773,9 @@
 	            : null;
 	    }
 	}
+	function isEmptyNode(node) {
+	    return node.type === 'Text' && node.data.trim() === '';
+	}
 
 	function string_literal(data) {
 	    return {
@@ -19985,7 +19958,7 @@
 	        super(component, parent, scope, info);
 	        component.warn_if_undefined(info.name, info, scope);
 	        this.name = info.name;
-	        component.add_reference(info.name.split('.')[0]);
+	        component.add_reference(this, info.name.split('.')[0]);
 	        this.directive = info.intro && info.outro ? 'transition' : info.intro ? 'in' : 'out';
 	        this.is_local = info.modifiers.includes('local');
 	        if ((info.intro && parent.intro) || (info.outro && parent.outro)) {
@@ -20004,7 +19977,7 @@
 	        super(component, parent, scope, info);
 	        component.warn_if_undefined(info.name, info, scope);
 	        this.name = info.name;
-	        component.add_reference(info.name.split('.')[0]);
+	        component.add_reference(this, info.name.split('.')[0]);
 	        if (parent.animation) {
 	            component.error(this, compiler_errors.duplicate_animation);
 	            return;
@@ -20126,6 +20099,21 @@
 	        }
 	        return parent_element.namespace || elements_without_text.has(parent_element.name);
 	    }
+	    keep_space() {
+	        if (this.component.component_options.preserveWhitespace)
+	            return true;
+	        return this.within_pre();
+	    }
+	    within_pre() {
+	        let node = this.parent;
+	        while (node) {
+	            if (node.type === 'Element' && node.name === 'pre') {
+	                return true;
+	            }
+	            node = node.parent;
+	        }
+	        return false;
+	    }
 	}
 
 	// The `foreign` namespace covers all DOM implementations that aren't HTML5.
@@ -20189,7 +20177,7 @@
 	}
 
 	const svg$1 = /^(?:altGlyph|altGlyphDef|altGlyphItem|animate|animateColor|animateMotion|animateTransform|circle|clipPath|color-profile|cursor|defs|desc|discard|ellipse|feBlend|feColorMatrix|feComponentTransfer|feComposite|feConvolveMatrix|feDiffuseLighting|feDisplacementMap|feDistantLight|feDropShadow|feFlood|feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur|feImage|feMerge|feMergeNode|feMorphology|feOffset|fePointLight|feSpecularLighting|feSpotLight|feTile|feTurbulence|filter|font|font-face|font-face-format|font-face-name|font-face-src|font-face-uri|foreignObject|g|glyph|glyphRef|hatch|hatchpath|hkern|image|line|linearGradient|marker|mask|mesh|meshgradient|meshpatch|meshrow|metadata|missing-glyph|mpath|path|pattern|polygon|polyline|radialGradient|rect|set|solidcolor|stop|svg|switch|symbol|text|textPath|tref|tspan|unknown|use|view|vkern)$/;
-	const aria_attributes = 'activedescendant atomic autocomplete busy checked colcount colindex colspan controls current describedby details disabled dropeffect errormessage expanded flowto grabbed haspopup hidden invalid keyshortcuts label labelledby level live modal multiline multiselectable orientation owns placeholder posinset pressed readonly relevant required roledescription rowcount rowindex rowspan selected setsize sort valuemax valuemin valuenow valuetext'.split(' ');
+	const aria_attributes = 'activedescendant atomic autocomplete busy checked colcount colindex colspan controls current describedby description details disabled dropeffect errormessage expanded flowto grabbed haspopup hidden invalid keyshortcuts label labelledby level live modal multiline multiselectable orientation owns placeholder posinset pressed readonly relevant required roledescription rowcount rowindex rowspan selected setsize sort valuemax valuemin valuenow valuetext'.split(' ');
 	const aria_attribute_set = new Set(aria_attributes);
 	const aria_roles = 'alert alertdialog application article banner blockquote button caption cell checkbox code columnheader combobox complementary contentinfo definition deletion dialog directory document emphasis feed figure form generic graphics-document graphics-object graphics-symbol grid gridcell group heading img link list listbox listitem log main marquee math meter menu menubar menuitem menuitemcheckbox menuitemradio navigation none note option paragraph presentation progressbar radio radiogroup region row rowgroup rowheader scrollbar search searchbox separator slider spinbutton status strong subscript superscript switch tab table tablist tabpanel term textbox time timer toolbar tooltip tree treegrid treeitem'.split(' ');
 	const aria_role_set = new Set(aria_roles);
@@ -20947,7 +20935,7 @@
 	        if (info.name !== 'svelte:component' && info.name !== 'svelte:self') {
 	            const name = info.name.split('.')[0]; // accommodate namespaces
 	            component.warn_if_undefined(name, info, scope);
-	            component.add_reference(name);
+	            component.add_reference(this, name);
 	        }
 	        this.name = info.name;
 	        this.expression = this.name === 'svelte:component'
@@ -20980,6 +20968,8 @@
 	                    break;
 	                case 'Transition':
 	                    return component.error(node, compiler_errors.invalid_transition);
+	                case 'StyleDirective':
+	                    return component.error(node, compiler_errors.invalid_component_style_directive);
 	                default:
 	                    throw new Error(`Not implemented: ${node.type}`);
 	            }
@@ -21261,6 +21251,19 @@
 	    }
 	}
 
+	/**
+	 * Pushes all `items` into `array` using `push`, therefore mutating the array.
+	 * We do this for memory and perf reasons, and because `array.push(...items)` would
+	 * run into a "max call stack size exceeded" error with too many items (~65k).
+	 * @param array
+	 * @param items
+	 */
+	function push_array$1(array, items) {
+	    for (let i = 0; i < items.length; i++) {
+	        array.push(items[i]);
+	    }
+	}
+
 	function get_constructor(type) {
 	    switch (type) {
 	        case 'AwaitBlock': return AwaitBlock;
@@ -21297,7 +21300,7 @@
 	        if (use_ignores)
 	            component.pop_ignores(), ignores = [];
 	        if (node.type === 'Comment' && node.ignores.length) {
-	            ignores.push(...node.ignores);
+	            push_array$1(ignores, node.ignores);
 	        }
 	        if (last)
 	            last.next = node;
@@ -22243,14 +22246,7 @@
 	            return false;
 	        if (/[\S\u00A0]/.test(this.data))
 	            return false;
-	        let node = this.parent && this.parent.node;
-	        while (node) {
-	            if (node.type === 'Element' && node.name === 'pre') {
-	                return false;
-	            }
-	            node = node.parent;
-	        }
-	        return true;
+	        return !this.node.within_pre();
 	    }
 	    render(block, parent_node, parent_nodes) {
 	        if (this.skip)
@@ -23445,6 +23441,7 @@
 	                node.classes.length > 0 ||
 	                node.intro || node.outro ||
 	                node.handlers.length > 0 ||
+	                node.styles.length > 0 ||
 	                this.node.name === 'option' ||
 	                renderer.options.dev) {
 	                this.parent.cannot_use_innerhtml(); // need to use add_location
@@ -23743,7 +23740,7 @@
 	        this.attributes.forEach((attribute) => {
 	            if (attribute.node.name === 'class') {
 	                const dependencies = attribute.node.get_dependencies();
-	                this.class_dependencies.push(...dependencies);
+	                push_array$1(this.class_dependencies, dependencies);
 	            }
 	        });
 	        if (this.node.attributes.some(attr => attr.is_spread)) {
@@ -24217,7 +24214,7 @@
 	            block.has_intro_method = has_intros;
 	            block.has_outro_method = has_outros;
 	        });
-	        renderer.blocks.push(...blocks);
+	        push_array$1(renderer.blocks, blocks);
 	    }
 	    render(block, parent_node, parent_nodes) {
 	        const name = this.var;
@@ -25710,7 +25707,7 @@
 	                // *unless* there is no whitespace between this node and its next sibling
 	                if (this.nodes.length === 0) {
 	                    const should_trim = (next_sibling ? (next_sibling.node.type === 'Text' && /^\s/.test(next_sibling.node.data) && trimmable_at(child, next_sibling)) : !child.has_ancestor('EachBlock'));
-	                    if (should_trim) {
+	                    if (should_trim && !child.keep_space()) {
 	                        data = trim_end(data);
 	                        if (!data)
 	                            continue;
@@ -25738,7 +25735,7 @@
 	        }
 	        if (strip_whitespace) {
 	            const first = this.nodes[0];
-	            if (first && first.node.type === 'Text') {
+	            if (first && first.node.type === 'Text' && !first.node.keep_space()) {
 	                first.data = trim_start(first.data);
 	                if (!first.data) {
 	                    first.var = null;
@@ -25953,7 +25950,7 @@
 	        const member = this.context_lookup.get(name);
 	        // TODO is this correct?
 	        if (this.component.var_lookup.get(name)) {
-	            this.component.add_reference(name);
+	            this.component.add_reference(node, name);
 	        }
 	        if (member !== undefined) {
 	            const replacement = x `/*${member.name}*/ ${ctx}[${member.index}]`;
@@ -26797,13 +26794,6 @@
 	    }
 	    return [new_table, idx_map, val_changed, idx_changed];
 	}
-	function pushArray(_this, other) {
-	    // We use push to mutate in place for memory and perf reasons
-	    // We use the for loop instead of _this.push(...other) to avoid the JS engine's function argument limit (65,535 in JavascriptCore)
-	    for (let i = 0; i < other.length; i++) {
-	        _this.push(other[i]);
-	    }
-	}
 	class MappedCode {
 	    constructor(string = '', map = null) {
 	        this.string = string;
@@ -26891,9 +26881,9 @@
 	            }
 	        }
 	        // combine last line + first line
-	        pushArray(m1.mappings[m1.mappings.length - 1], m2.mappings.shift());
+	        push_array$1(m1.mappings[m1.mappings.length - 1], m2.mappings.shift());
 	        // append other lines
-	        pushArray(m1.mappings, m2.mappings);
+	        push_array$1(m1.mappings, m2.mappings);
 	        return this;
 	    }
 	    static from_processed(string, map) {
@@ -27084,7 +27074,7 @@
 	    // fix order
 	    // TODO the deconflicted names of blocks are reversed... should set them here
 	    const blocks = renderer.blocks.slice().reverse();
-	    body.push(...blocks.map(block => {
+	    push_array$1(body, blocks.map(block => {
 	        // TODO this is a horrible mess — renderer.blocks
 	        // contains a mixture of Blocks and Nodes
 	        if (block.render)
@@ -27505,7 +27495,7 @@
 				}`
 	            });
 	        }
-	        declaration.body.body.push(...accessors);
+	        push_array$1(declaration.body.body, accessors);
 	        body.push(declaration);
 	        if (component.tag != null) {
 	            body.push(b `
@@ -27539,7 +27529,7 @@
 				}
 			}
 		`[0];
-	        declaration.body.body.push(...accessors);
+	        push_array$1(declaration.body.body, accessors);
 	        body.push(declaration);
 	    }
 	    return { js: flatten(body), css };
@@ -27690,7 +27680,7 @@
 	                        /^\s/.test(next.data) &&
 	                        trimmable_at$1(child, next)
 	                    : !child.has_ancestor('EachBlock');
-	                if (should_trim) {
+	                if (should_trim && !child.keep_space()) {
 	                    data = trim_end(data);
 	                    if (!data)
 	                        continue;
@@ -27710,7 +27700,7 @@
 	        }
 	    }
 	    const first = nodes[0];
-	    if (first && first.type === 'Text') {
+	    if (first && first.type === 'Text' && !first.keep_space()) {
 	        first.data = trim_start(first.data);
 	        if (!first.data) {
 	            first.var = null;
@@ -30193,6 +30183,10 @@
 	        const first = this.node.value.children
 	            ? this.node.value.children[0]
 	            : this.node.value;
+	        // Don't minify whitespace in custom properties, since some browsers (Chromium < 99)
+	        // treat --foo: ; and --foo:; differently
+	        if (first.type === 'Raw' && /^\s+$/.test(first.value))
+	            return;
 	        let start = first.start;
 	        while (/\s/.test(code.original[start]))
 	            start += 1;
@@ -30359,7 +30353,7 @@
 	                            const at_rule_declarations = node.block.children
 	                                .filter(node => node.type === 'Declaration')
 	                                .map(node => new Declaration$1(node));
-	                            atrule.declarations.push(...at_rule_declarations);
+	                            push_array$1(atrule.declarations, at_rule_declarations);
 	                        }
 	                        current_atrule = atrule;
 	                    }
@@ -30617,26 +30611,32 @@
 	            this.stylesheet.reify();
 	        this.stylesheet.warn_on_unused_selectors(this);
 	    }
-	    add_var(variable, add_to_lookup = true) {
+	    add_var(node, variable, add_to_lookup = true) {
 	        this.vars.push(variable);
 	        if (add_to_lookup) {
+	            if (this.var_lookup.has(variable.name)) {
+	                const exists_var = this.var_lookup.get(variable.name);
+	                if (exists_var.module && exists_var.imported) {
+	                    this.error(node, compiler_errors.illegal_variable_declaration);
+	                }
+	            }
 	            this.var_lookup.set(variable.name, variable);
 	        }
 	    }
-	    add_reference(name) {
+	    add_reference(node, name) {
 	        const variable = this.var_lookup.get(name);
 	        if (variable) {
 	            variable.referenced = true;
 	        }
 	        else if (is_reserved_keyword(name)) {
-	            this.add_var({
+	            this.add_var(node, {
 	                name,
 	                injected: true,
 	                referenced: true
 	            });
 	        }
 	        else if (name[0] === '$') {
-	            this.add_var({
+	            this.add_var(node, {
 	                name,
 	                injected: true,
 	                referenced: true,
@@ -30652,7 +30652,7 @@
 	        }
 	        else {
 	            if (this.compile_options.varsReport === 'full') {
-	                this.add_var({ name, referenced: true }, false);
+	                this.add_var(node, { name, referenced: true }, false);
 	            }
 	            this.used_names.add(name);
 	        }
@@ -30677,7 +30677,7 @@
 	        if (result) {
 	            const { compile_options, name } = this;
 	            const { format = 'esm' } = compile_options;
-	            const banner = `${this.file ? `${this.file} ` : ''}generated by Svelte v${'3.46.2'}`;
+	            const banner = `${this.file ? `${this.file} ` : ''}generated by Svelte v${'3.46.5'}`;
 	            const program = { type: 'Program', body: result.js };
 	            walk(program, {
 	                enter: (node, parent, key) => {
@@ -30888,7 +30888,7 @@
 	                        extract_names(declarator.id).forEach(name => {
 	                            const variable = this.var_lookup.get(name);
 	                            variable.export_name = name;
-	                            if (variable.writable && !(variable.referenced || variable.referenced_from_script || variable.subscribable)) {
+	                            if (!module_script && variable.writable && !(variable.referenced || variable.referenced_from_script || variable.subscribable)) {
 	                                this.warn(declarator, compiler_warnings.unused_export_let(this.name.name, name));
 	                            }
 	                        });
@@ -30906,7 +30906,7 @@
 	                    const variable = this.var_lookup.get(specifier.local.name);
 	                    if (variable) {
 	                        variable.export_name = specifier.exported.name;
-	                        if (variable.writable && !(variable.referenced || variable.referenced_from_script || variable.subscribable)) {
+	                        if (!module_script && variable.writable && !(variable.referenced || variable.referenced_from_script || variable.subscribable)) {
 	                            this.warn(specifier, compiler_warnings.unused_export_let(this.name.name, specifier.exported.name));
 	                        }
 	                    }
@@ -30951,11 +30951,13 @@
 	                return this.error(node, compiler_errors.illegal_declaration);
 	            }
 	            const writable = node.type === 'VariableDeclaration' && (node.kind === 'var' || node.kind === 'let');
-	            this.add_var({
+	            const imported = node.type.startsWith('Import');
+	            this.add_var(node, {
 	                name,
 	                module: true,
 	                hoistable: true,
-	                writable
+	                writable,
+	                imported
 	            });
 	        });
 	        globals.forEach((node, name) => {
@@ -30963,7 +30965,7 @@
 	                return this.error(node, compiler_errors.illegal_subscription);
 	            }
 	            else {
-	                this.add_var({
+	                this.add_var(node, {
 	                    name,
 	                    global: true,
 	                    hoistable: true
@@ -31019,7 +31021,7 @@
 	            }
 	            const writable = node.type === 'VariableDeclaration' && (node.kind === 'var' || node.kind === 'let');
 	            const imported = node.type.startsWith('Import');
-	            this.add_var({
+	            this.add_var(node, {
 	                name,
 	                initialised: instance_scope.initialised_declarations.has(name),
 	                writable,
@@ -31039,7 +31041,7 @@
 	                return;
 	            const node = globals.get(name);
 	            if (this.injected_reactive_declaration_vars.has(name)) {
-	                this.add_var({
+	                this.add_var(node, {
 	                    name,
 	                    injected: true,
 	                    writable: true,
@@ -31048,7 +31050,7 @@
 	                });
 	            }
 	            else if (is_reserved_keyword(name)) {
-	                this.add_var({
+	                this.add_var(node, {
 	                    name,
 	                    injected: true
 	                });
@@ -31057,13 +31059,13 @@
 	                if (name === '$' || name[1] === '$') {
 	                    return this.error(node, compiler_errors.illegal_global(name));
 	                }
-	                this.add_var({
+	                this.add_var(node, {
 	                    name,
 	                    injected: true,
 	                    mutated: true,
 	                    writable: true
 	                });
-	                this.add_reference(name.slice(1));
+	                this.add_reference(node, name.slice(1));
 	                const variable = this.var_lookup.get(name.slice(1));
 	                if (variable) {
 	                    variable.subscribable = true;
@@ -31071,7 +31073,7 @@
 	                }
 	            }
 	            else {
-	                this.add_var({
+	                this.add_var(node, {
 	                    name,
 	                    global: true,
 	                    hoistable: true
@@ -32168,7 +32170,7 @@
 	    return result.to_processed();
 	}
 
-	const VERSION = '3.46.2';
+	const VERSION = '3.46.5';
 
 	exports.VERSION = VERSION;
 	exports.compile = compile;