Rename internal resize event for dimension bindings

src/compiler/compile/render_dom/wrappers/Element/index.ts

@@ -52,7 +52,7 @@ const events = [
 	},
 
 	{
-		event_names: ['resize'],
+		event_names: ['elementresize'],
 		filter: (_node: Element, name: string) =>
 			dimensions.test(name)
 	},
@@ -536,7 +536,7 @@ export default class ElementWrapper extends Wrapper {
 			`);
 
 			group.events.forEach(name => {
-				if (name === 'resize') {
+				if (name === 'elementresize') {
 					// special case
 					const resize_listener = block.get_unique_name(`${this.var.name}_resize_listener`);
 					block.add_variable(resize_listener);
@@ -578,7 +578,7 @@ export default class ElementWrapper extends Wrapper {
 				);
 			}
 
-			if (group.events[0] === 'resize') {
+			if (group.events[0] === 'elementresize') {
 				block.chunks.hydrate.push(
 					b`@add_render_callback(() => ${callee}.call(${this.var}));`
 				);

test/js/samples/bind-width-height/expected.js

@@ -19,11 +19,11 @@ function create_fragment(ctx) {
 		c() {
 			div = element("div");
 			div.textContent = "some content";
-			add_render_callback(() => ctx.div_resize_handler.call(div));
+			add_render_callback(() => ctx.div_elementresize_handler.call(div));
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-			div_resize_listener = add_resize_listener(div, ctx.div_resize_handler.bind(div));
+			div_resize_listener = add_resize_listener(div, ctx.div_elementresize_handler.bind(div));
 		},
 		p: noop,
 		i: noop,
@@ -39,7 +39,7 @@ function instance($$self, $$props, $$invalidate) {
 	let { w } = $$props;
 	let { h } = $$props;
 
-	function div_resize_handler() {
+	function div_elementresize_handler() {
 		w = this.offsetWidth;
 		h = this.offsetHeight;
 		$$invalidate("w", w);
@@ -51,7 +51,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("h" in $$props) $$invalidate("h", h = $$props.h);
 	};
 
-	return { w, h, div_resize_handler };
+	return { w, h, div_elementresize_handler };
 }
 
 class Component extends SvelteComponent {