svelte 3.55.0 → 3.55.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Svelte changelog
 
+## 3.55.1
+
+* Fix `draw` transition with delay showing a dot at the beginning of the path ([#6816](https://github.com/sveltejs/svelte/issues/6816))
+* Fix infinity runtime call stack when propagating bindings ([#7032](https://github.com/sveltejs/svelte/issues/7032))
+* Fix static `<svelte:element>` optimization in production mode ([#7937](https://github.com/sveltejs/svelte/issues/7937))
+* Fix `svelte-ignore` comment breaking named slot ([#8075](https://github.com/sveltejs/svelte/issues/8075))
+* Revert change to prevent running init binding unnecessarily ([#8103](https://github.com/sveltejs/svelte/issues/8103))
+* Fix adding duplicate event listeners with `<svelte:element on:event>` ([#8129](https://github.com/sveltejs/svelte/issues/8129))
+* Improve detection of promises that are also functions ([#8162](https://github.com/sveltejs/svelte/pull/8162))
+* Avoid mutating spread component props during SSR ([#8171](https://github.com/sveltejs/svelte/issues/8171))
+* Add missing typing for global `part` attribute ([#8181](https://github.com/sveltejs/svelte/issues/8181))
+* Add missing `submitter` property to `on:submit` event type
+
 ## 3.55.0
 
 * Add `svelte/elements` for HTML/Svelte typings ([#7649](https://github.com/sveltejs/svelte/pull/7649))

package/compiler.js

@@ -17558,7 +17558,7 @@
 	    }),
 	    a11y_no_noninteractive_tabindex: {
 	        code: 'a11y-no-noninteractive-tabindex',
-	        message: 'A11y: noninteractive element cannot have positive tabIndex value'
+	        message: 'A11y: noninteractive element cannot have nonnegative tabIndex value'
 	    },
 	    redundant_event_modifier_for_touch: {
 	        code: 'redundant-event-modifier',
@@ -33643,6 +33643,7 @@
 	            }
 	            else {
 	                this.tag_expr = new Expression(component, this, scope, string_literal(info.tag));
+	                this.name = info.tag;
 	            }
 	        }
 	        else {
@@ -34472,6 +34473,9 @@
 	                children.push(slot_template);
 	                info.children.splice(i, 1);
 	            }
+	            else if (child.type === 'Comment' && children.length > 0) {
+	                children[children.length - 1].children.unshift(child);
+	            }
 	        }
 	        if (info.children.some(node => not_whitespace_text(node))) {
 	            children.push({
@@ -36865,6 +36869,12 @@
 	        super(renderer, block, parent, node);
 	        this.child_dynamic_element_block = null;
 	        this.child_dynamic_element = null;
+	        this.var = {
+	            type: 'Identifier',
+	            name: node.name.replace(regex_invalid_variable_identifier_characters$2, '_')
+	        };
+	        this.void = is_void(node.name);
+	        this.class_dependencies = [];
 	        if (node.is_dynamic_element && block.type !== CHILD_DYNAMIC_ELEMENT_BLOCK) {
 	            this.child_dynamic_element_block = block.child({
 	                comment: create_debugging_comment(node, renderer.component),
@@ -36873,13 +36883,12 @@
 	            });
 	            renderer.blocks.push(this.child_dynamic_element_block);
 	            this.child_dynamic_element = new ElementWrapper(renderer, this.child_dynamic_element_block, parent, node, strip_whitespace, next_sibling);
+	            // the original svelte:element is never used for rendering, because
+	            // it gets assigned a child_dynamic_element which is used in all rendering logic.
+	            // so doing all of this on the original svelte:element will just cause double
+	            // code, because it will be done again on the child_dynamic_element.
+	            return;
 	        }
-	        this.var = {
-	            type: 'Identifier',
-	            name: node.name.replace(regex_invalid_variable_identifier_characters$2, '_')
-	        };
-	        this.void = is_void(node.name);
-	        this.class_dependencies = [];
 	        if (this.node.children.length) {
 	            this.node.lets.forEach(l => {
 	                extract_names(l.value || l.name).forEach(name => {
@@ -36932,6 +36941,7 @@
 	                node.styles.length > 0 ||
 	                this.node.name === 'option' ||
 	                node.tag_expr.dynamic_dependencies().length ||
+	                node.is_dynamic_element ||
 	                renderer.options.dev) {
 	                this.parent.cannot_use_innerhtml(); // need to use add_location
 	                this.parent.not_static_content();
@@ -37694,9 +37704,10 @@
 	        }
 	        else if (wrapper.node.name === 'noscript') ;
 	        else {
+	            const nodeName = wrapper.node.name;
 	            // element
-	            state.quasi.value.raw += `<${wrapper.node.name}`;
-	            const is_empty_textarea = wrapper.node.name === 'textarea' && wrapper.fragment.nodes.length === 0;
+	            state.quasi.value.raw += `<${nodeName}`;
+	            const is_empty_textarea = nodeName === 'textarea' && wrapper.fragment.nodes.length === 0;
 	            wrapper.attributes.forEach((attr) => {
 	                if (is_empty_textarea && attr.node.name === 'value') {
 	                    // The value attribute of <textarea> renders as content.
@@ -37708,7 +37719,7 @@
 	            });
 	            if (!wrapper.void) {
 	                state.quasi.value.raw += '>';
-	                if (wrapper.node.name === 'pre') {
+	                if (nodeName === 'pre') {
 	                    // Two or more leading newlines are required to restore the leading newline immediately after `<pre>`.
 	                    // see https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element
 	                    const first = wrapper.fragment.nodes[0];
@@ -37730,7 +37741,7 @@
 	                    }
 	                }
 	                to_html(wrapper.fragment.nodes, block, literal, state);
-	                state.quasi.value.raw += `</${wrapper.node.name}>`;
+	                state.quasi.value.raw += `</${nodeName}>`;
 	            }
 	            else {
 	                state.quasi.value.raw += '/>';
@@ -38819,7 +38830,7 @@
 				}
 			`;
 	            component.partly_hoisted.push(body);
-	            return b `@binding_callbacks.push(() => @bind(${this.var}, '${binding.name}', ${id}, ${snippet}));`;
+	            return b `@binding_callbacks.push(() => @bind(${this.var}, '${binding.name}', ${id}));`;
 	        });
 	        const munged_handlers = this.node.handlers.map(handler => {
 	            const event_handler = new EventHandlerWrapper(handler, this);
@@ -41724,7 +41735,7 @@
 	    const uses_spread = node.attributes.find(attr => attr.is_spread);
 	    let props;
 	    if (uses_spread) {
-	        props = x `@_Object.assign(${node.attributes
+	        props = x `@_Object.assign({}, ${node.attributes
             .map(attribute => {
             if (attribute.is_spread) {
                 return attribute.expression.node;
@@ -45339,7 +45350,7 @@
 	        if (result) {
 	            const { compile_options, name } = this;
 	            const { format = 'esm' } = compile_options;
-	            const banner = `${this.file ? `${this.file} ` : ''}generated by Svelte v${'3.55.0'}`;
+	            const banner = `${this.file ? `${this.file} ` : ''}generated by Svelte v${'3.55.1'}`;
 	            const program = { type: 'Program', body: result.js };
 	            walk(program, {
 	                enter: (node, parent, key) => {
@@ -46895,7 +46906,7 @@
 	    return result.to_processed();
 	}
 
-	const VERSION = '3.55.0';
+	const VERSION = '3.55.1';
 	// additional exports added through generate-type-definitions.js
 
 	exports.VERSION = VERSION;