Ensure cloning of incomming data

src/generators/dom/index.ts

@@ -190,9 +190,7 @@ export default function dom(
 			`if (!options || (!options.target && !options._root)) throw new Error("'target' is a required option");`}
 		@init(this, options);
 		${generator.usesRefs && `this.refs = {};`}
-		this._state = ${templateProperties.data
-			? `@assign(%data(), options.data)`
-			: `options.data || {}`};
+		this._state = @assign(${templateProperties.data ? '%data()' : '{}'}, options.data);
 		${generator.metaBindings}
 		${computations.length && `this._recompute({ ${Array.from(computationDeps).map(dep => `${dep}: 1`).join(', ')} }, this._state);`}
 		${options.dev &&

test/js/samples/component-static/expected-bundle.js

@@ -198,7 +198,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!options._root) {
 		this._oncreate = [];

test/js/samples/component-static/expected.js

@@ -33,7 +33,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!options._root) {
 		this._oncreate = [];

test/js/samples/computed-collapsed-if/expected-bundle.js

@@ -191,7 +191,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 	this._recompute({ x: 1 }, this._state);
 
 	this._fragment = create_main_fragment(this._state, this);

test/js/samples/computed-collapsed-if/expected.js

@@ -26,7 +26,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 	this._recompute({ x: 1 }, this._state);
 
 	this._fragment = create_main_fragment(this._state, this);

test/js/samples/css-media-query/expected-bundle.js

@@ -226,7 +226,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!document.getElementById("svelte-2363328337-style")) add_css();
 

test/js/samples/css-media-query/expected.js

@@ -41,7 +41,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!document.getElementById("svelte-2363328337-style")) add_css();
 

test/js/samples/css-shadow-dom-keyframes/expected-bundle.js

@@ -205,7 +205,7 @@ class SvelteComponent extends HTMLElement {
 	constructor(options = {}) {
 		super();
 		init(this, options);
-		this._state = options.data || {};
+		this._state = assign({}, options.data);
 
 		this.attachShadow({ mode: 'open' });
 		this.shadowRoot.innerHTML = `<style>div{animation:foo 1s}@keyframes foo{0%{opacity:0}100%{opacity:1}}</style>`;

test/js/samples/css-shadow-dom-keyframes/expected.js

@@ -28,7 +28,7 @@ class SvelteComponent extends HTMLElement {
 	constructor(options = {}) {
 		super();
 		init(this, options);
-		this._state = options.data || {};
+		this._state = assign({}, options.data);
 
 		this.attachShadow({ mode: 'open' });
 		this.shadowRoot.innerHTML = `<style>div{animation:foo 1s}@keyframes foo{0%{opacity:0}100%{opacity:1}}</style>`;

test/js/samples/each-block-changed-check/expected-bundle.js

@@ -338,7 +338,7 @@ function create_each_block(state, comments, comment, i, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/each-block-changed-check/expected.js

@@ -141,7 +141,7 @@ function create_each_block(state, comments, comment, i, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/event-handlers-custom/expected-bundle.js

@@ -223,7 +223,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/event-handlers-custom/expected.js

@@ -46,7 +46,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/if-block-no-update/expected-bundle.js

@@ -271,7 +271,7 @@ function select_block_type(state) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/if-block-no-update/expected.js

@@ -90,7 +90,7 @@ function select_block_type(state) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/if-block-simple/expected-bundle.js

@@ -247,7 +247,7 @@ function create_if_block(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/if-block-simple/expected.js

@@ -66,7 +66,7 @@ function create_if_block(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-optimized-multiple/expected-bundle.js

@@ -220,7 +220,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-optimized-multiple/expected.js

@@ -39,7 +39,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-optimized-url/expected-bundle.js

@@ -215,7 +215,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-optimized-url/expected.js

@@ -34,7 +34,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-optimized/expected-bundle.js

@@ -215,7 +215,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-optimized/expected.js

@@ -34,7 +34,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-unoptimized/expected-bundle.js

@@ -226,7 +226,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/inline-style-unoptimized/expected.js

@@ -45,7 +45,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/input-without-blowback-guard/expected-bundle.js

@@ -226,7 +226,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/input-without-blowback-guard/expected.js

@@ -41,7 +41,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/legacy-input-type/expected-bundle.js

@@ -213,7 +213,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/legacy-input-type/expected.js

@@ -30,7 +30,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/legacy-quote-class/expected-bundle.js

@@ -238,7 +238,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/legacy-quote-class/expected.js

@@ -38,7 +38,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/media-bindings/expected-bundle.js

@@ -302,7 +302,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!options._root) {
 		this._oncreate = [];

test/js/samples/media-bindings/expected.js

@@ -109,7 +109,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!options._root) {
 		this._oncreate = [];

test/js/samples/non-imported-component/expected-bundle.js

@@ -221,7 +221,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!options._root) {
 		this._oncreate = [];

test/js/samples/non-imported-component/expected.js

@@ -45,7 +45,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	if (!options._root) {
 		this._oncreate = [];

test/js/samples/onrender-onteardown-rewritten/expected-bundle.js

@@ -187,7 +187,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._handlers.destroy = [ondestroy];
 

test/js/samples/onrender-onteardown-rewritten/expected.js

@@ -22,7 +22,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._handlers.destroy = [ondestroy]
 

test/js/samples/setup-method/expected-bundle.js

@@ -199,7 +199,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/setup-method/expected.js

@@ -34,7 +34,7 @@ function create_main_fragment(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/use-elements-as-anchors/expected-bundle.js

@@ -437,7 +437,7 @@ function create_if_block_4(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);
 

test/js/samples/use-elements-as-anchors/expected.js

@@ -248,7 +248,7 @@ function create_if_block_4(state, component) {
 
 function SvelteComponent(options) {
 	init(this, options);
-	this._state = options.data || {};
+	this._state = assign({}, options.data);
 
 	this._fragment = create_main_fragment(this._state, this);