svelte 4.2.2 → 4.2.3

package/compiler.cjs

@@ -15558,7 +15558,7 @@ var compiler_warnings = {
 	a11y_click_events_have_key_events: {
 		code: 'a11y-click-events-have-key-events',
 		message:
-			'A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.'
+			'A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.'
 	},
 	a11y_missing_content: /** @param {string} name */ (name) => ({
 		code: 'a11y-missing-content',
@@ -15707,7 +15707,7 @@ function is_dynamic$1(variable) {
 	return false;
 }
 
-function nodes_match(a, b, ignoreKeys=[]) {
+function nodes_match(a, b, ignoreKeys = []) {
 	if (!!a !== !!b) return false;
 	if (Array.isArray(a) !== Array.isArray(b)) return false;
 
@@ -15717,8 +15717,12 @@ function nodes_match(a, b, ignoreKeys=[]) {
 			return a.every((child, i) => nodes_match(child, b[i]));
 		}
 
-		const a_keys = Object.keys(a).sort().filter(key => !ignoreKeys.includes(key));
-		const b_keys = Object.keys(b).sort().filter(key => !ignoreKeys.includes(key));
+		const a_keys = Object.keys(a)
+			.sort()
+			.filter((key) => !ignoreKeys.includes(key));
+		const b_keys = Object.keys(b)
+			.sort()
+			.filter((key) => !ignoreKeys.includes(key));
 
 		if (a_keys.length !== b_keys.length) return false;
 
@@ -15789,7 +15793,7 @@ function invalidate(renderer, scope, node, names, main_execution_context = false
 	if (
 		node.type === 'AssignmentExpression' &&
 		node.operator === '=' &&
-		nodes_match(node.left, node.right, ['trailingComments','leadingComments']) &&
+		nodes_match(node.left, node.right, ['trailingComments', 'leadingComments']) &&
 		tail.length === 0
 	) {
 		return get_invalidated(head, node);
@@ -43632,7 +43636,7 @@ function is_used_as_reference(node, parent) {
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-const VERSION = '4.2.2';
+const VERSION = '4.2.3';
 
 const regex_leading_directory_separator = /^[/\\]/;
 const regex_starts_with_term_export = /^Export/;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "4.2.2",
+  "version": "4.2.3",
   "description": "Cybernetically enhanced web apps",
   "type": "module",
   "module": "src/runtime/index.js",

package/src/compiler/compile/compiler_warnings.js

@@ -271,7 +271,7 @@ export default {
 	a11y_click_events_have_key_events: {
 		code: 'a11y-click-events-have-key-events',
 		message:
-			'A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.'
+			'A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.'
 	},
 	a11y_missing_content: /** @param {string} name */ (name) => ({
 		code: 'a11y-missing-content',

package/src/compiler/compile/render_dom/invalidate.js

@@ -50,7 +50,7 @@ export function invalidate(renderer, scope, node, names, main_execution_context
 	if (
 		node.type === 'AssignmentExpression' &&
 		node.operator === '=' &&
-		nodes_match(node.left, node.right, ['trailingComments','leadingComments']) &&
+		nodes_match(node.left, node.right, ['trailingComments', 'leadingComments']) &&
 		tail.length === 0
 	) {
 		return get_invalidated(head, node);

package/src/compiler/utils/nodes_match.js

@@ -1,4 +1,4 @@
-export function nodes_match(a, b, ignoreKeys=[]) {
+export function nodes_match(a, b, ignoreKeys = []) {
 	if (!!a !== !!b) return false;
 	if (Array.isArray(a) !== Array.isArray(b)) return false;
 
@@ -8,8 +8,12 @@ export function nodes_match(a, b, ignoreKeys=[]) {
 			return a.every((child, i) => nodes_match(child, b[i]));
 		}
 
-		const a_keys = Object.keys(a).sort().filter(key => !ignoreKeys.includes(key));
-		const b_keys = Object.keys(b).sort().filter(key => !ignoreKeys.includes(key));
+		const a_keys = Object.keys(a)
+			.sort()
+			.filter((key) => !ignoreKeys.includes(key));
+		const b_keys = Object.keys(b)
+			.sort()
+			.filter((key) => !ignoreKeys.includes(key));
 
 		if (a_keys.length !== b_keys.length) return false;
 

package/src/runtime/internal/dom.js

@@ -807,6 +807,9 @@ export function claim_html_tag(nodes, is_svg) {
 	detach(html_tag_nodes[0]);
 	detach(html_tag_nodes[html_tag_nodes.length - 1]);
 	const claimed_nodes = html_tag_nodes.slice(1, html_tag_nodes.length - 1);
+	if (claimed_nodes.length === 0) {
+		return new HtmlTagHydration(is_svg);
+	}
 	for (const n of claimed_nodes) {
 		n.claim_order = nodes.claim_info.total_claimed;
 		nodes.claim_info.total_claimed += 1;

package/src/shared/version.js

@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '4.2.2';
+export const VERSION = '4.2.3';
 export const PUBLIC_VERSION = '4';