From 78eea640d3143c86988e64dda8a2cb20e11a9d4b Mon Sep 17 00:00:00 2001
From: Conduitry <git@chor.date>
Date: Sun, 17 Nov 2019 17:22:21 -0500
Subject: [PATCH 1/7] site: add font fallback for Comic Sans MS (#2505)

---
 site/content/examples/00-introduction/02-styling/App.svelte     | 2 +-
 .../examples/00-introduction/03-nested-components/App.svelte    | 2 +-
 .../04-events/05-dom-event-forwarding/FancyButton.svelte        | 2 +-
 .../examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js | 2 +-
 .../tutorial/01-introduction/04-styling/app-b/App.svelte        | 2 +-
 site/content/tutorial/01-introduction/04-styling/text.md        | 2 +-
 .../01-introduction/05-nested-components/app-a/App.svelte       | 2 +-
 .../01-introduction/05-nested-components/app-b/App.svelte       | 2 +-
 .../05-events/06-dom-event-forwarding/app-a/FancyButton.svelte  | 2 +-
 .../05-events/06-dom-event-forwarding/app-b/FancyButton.svelte  | 2 +-
 10 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/site/content/examples/00-introduction/02-styling/App.svelte b/site/content/examples/00-introduction/02-styling/App.svelte
index cacaf8ccba..7148dcf10f 100644
--- a/site/content/examples/00-introduction/02-styling/App.svelte
+++ b/site/content/examples/00-introduction/02-styling/App.svelte
@@ -1,7 +1,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/examples/00-introduction/03-nested-components/App.svelte b/site/content/examples/00-introduction/03-nested-components/App.svelte
index e0a2e5fe17..bb97f50ace 100644
--- a/site/content/examples/00-introduction/03-nested-components/App.svelte
+++ b/site/content/examples/00-introduction/03-nested-components/App.svelte
@@ -5,7 +5,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte b/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte
index 75630ea99c..68dcc68636 100644
--- a/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte
+++ b/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte
@@ -1,6 +1,6 @@
 <style>
 	button {
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 		padding: 0.5em 1em;
 		color: royalblue;
diff --git a/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js b/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
index c7e10606c5..a18491b271 100644
--- a/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
+++ b/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
@@ -11,7 +11,7 @@ export const title = css`
 `;
 
 export const comicSans = css`
-	font-family: 'Comic Sans MS';
+	font-family: 'Comic Sans MS', cursive;
 `;
 
 export const box = css`
diff --git a/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte b/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte
index ab87af83d8..5feb02e701 100644
--- a/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte
+++ b/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte
@@ -1,7 +1,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/01-introduction/04-styling/text.md b/site/content/tutorial/01-introduction/04-styling/text.md
index 9f285d2f51..71d031dcab 100644
--- a/site/content/tutorial/01-introduction/04-styling/text.md
+++ b/site/content/tutorial/01-introduction/04-styling/text.md
@@ -8,7 +8,7 @@ Just like in HTML, you can add a `<style>` tag to your component. Let's add some
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte b/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte
index ab87af83d8..5feb02e701 100644
--- a/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte
+++ b/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte
@@ -1,7 +1,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte b/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte
index 9ba76665bf..f553eed355 100644
--- a/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte
+++ b/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte
@@ -5,7 +5,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte b/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte
index 9c3ae75809..b75f19a1f2 100644
--- a/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte
+++ b/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte
@@ -1,6 +1,6 @@
 <style>
 	button {
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 		padding: 0.5em 1em;
 		color: royalblue;
diff --git a/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte b/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte
index 75630ea99c..68dcc68636 100644
--- a/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte
+++ b/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte
@@ -1,6 +1,6 @@
 <style>
 	button {
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 		padding: 0.5em 1em;
 		color: royalblue;

From 2285ee222afcf4ca4629fd4155412593da9b35e5 Mon Sep 17 00:00:00 2001
From: AlexxNB <iam@alexxnb.ru>
Date: Mon, 18 Nov 2019 12:47:30 +0300
Subject: [PATCH 2/7] fix 'action with param' example and tutorial

---
 .../01-adding-parameters-to-actions/App.svelte       |  2 +-
 .../01-adding-parameters-to-actions/longpress.js     | 10 +++++++++-
 .../02-adding-parameters-to-actions/app-a/App.svelte |  2 +-
 .../app-a/longpress.js                               | 12 ++++++++++--
 .../02-adding-parameters-to-actions/app-b/App.svelte |  2 +-
 .../app-b/longpress.js                               | 10 +++++++++-
 .../02-adding-parameters-to-actions/text.md          |  8 ++++----
 7 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/site/content/examples/13-actions/01-adding-parameters-to-actions/App.svelte b/site/content/examples/13-actions/01-adding-parameters-to-actions/App.svelte
index 97079a275b..d6eaa0ff12 100644
--- a/site/content/examples/13-actions/01-adding-parameters-to-actions/App.svelte
+++ b/site/content/examples/13-actions/01-adding-parameters-to-actions/App.svelte
@@ -12,7 +12,7 @@
 
 <button use:longpress={duration}
 	on:longpress="{() => pressed = true}"
-	on:mouseout="{() => pressed = false}"
+	on:mouseenter="{() => pressed = false}"
 >press and hold</button>
 
 {#if pressed}
diff --git a/site/content/examples/13-actions/01-adding-parameters-to-actions/longpress.js b/site/content/examples/13-actions/01-adding-parameters-to-actions/longpress.js
index 0bb3019c7b..9d807cb13a 100644
--- a/site/content/examples/13-actions/01-adding-parameters-to-actions/longpress.js
+++ b/site/content/examples/13-actions/01-adding-parameters-to-actions/longpress.js
@@ -1,13 +1,20 @@
 export function longpress(node, duration) {
+	let timer;
+	
 	const handleMousedown = () => {
-		setTimeout(() => {
+		timer = setTimeout(() => {
 			node.dispatchEvent(
 				new CustomEvent('longpress')
 			);
 		}, duration);
 	};
+	
+	const handleMouseup = () => {
+		clearTimeout(timer)
+	};
 
 	node.addEventListener('mousedown', handleMousedown);
+	node.addEventListener('mouseup', handleMouseup);
 
 	return {
 		update(newDuration) {
@@ -15,6 +22,7 @@ export function longpress(node, duration) {
 		},
 		destroy() {
 			node.removeEventListener('mousedown', handleMousedown);
+			node.removeEventListener('mouseup', handleMouseup);
 		}
 	};
 }
\ No newline at end of file
diff --git a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/App.svelte b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/App.svelte
index f0860f194e..8ed286b574 100644
--- a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/App.svelte
+++ b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/App.svelte
@@ -12,7 +12,7 @@
 
 <button use:longpress
 	on:longpress="{() => pressed = true}"
-	on:mouseout="{() => pressed = false}"
+	on:mouseenter="{() => pressed = false}"
 >press and hold</button>
 
 {#if pressed}
diff --git a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/longpress.js b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/longpress.js
index 03c13a7b81..00bb9d05c8 100644
--- a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/longpress.js
+++ b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-a/longpress.js
@@ -1,17 +1,25 @@
-export function longpress(node) {
+export function longpress(node, duration) {
+	let timer;
+	
 	const handleMousedown = () => {
-		setTimeout(() => {
+		timer = setTimeout(() => {
 			node.dispatchEvent(
 				new CustomEvent('longpress')
 			);
 		}, 500);
 	};
+	
+	const handleMouseup = () => {
+		clearTimeout(timer)
+	};
 
 	node.addEventListener('mousedown', handleMousedown);
+	node.addEventListener('mouseup', handleMouseup);
 
 	return {
 		destroy() {
 			node.removeEventListener('mousedown', handleMousedown);
+			node.removeEventListener('mouseup', handleMouseup);
 		}
 	};
 }
\ No newline at end of file
diff --git a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/App.svelte b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/App.svelte
index 97079a275b..d6eaa0ff12 100644
--- a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/App.svelte
+++ b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/App.svelte
@@ -12,7 +12,7 @@
 
 <button use:longpress={duration}
 	on:longpress="{() => pressed = true}"
-	on:mouseout="{() => pressed = false}"
+	on:mouseenter="{() => pressed = false}"
 >press and hold</button>
 
 {#if pressed}
diff --git a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/longpress.js b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/longpress.js
index 0bb3019c7b..9d807cb13a 100644
--- a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/longpress.js
+++ b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/app-b/longpress.js
@@ -1,13 +1,20 @@
 export function longpress(node, duration) {
+	let timer;
+	
 	const handleMousedown = () => {
-		setTimeout(() => {
+		timer = setTimeout(() => {
 			node.dispatchEvent(
 				new CustomEvent('longpress')
 			);
 		}, duration);
 	};
+	
+	const handleMouseup = () => {
+		clearTimeout(timer)
+	};
 
 	node.addEventListener('mousedown', handleMousedown);
+	node.addEventListener('mouseup', handleMouseup);
 
 	return {
 		update(newDuration) {
@@ -15,6 +22,7 @@ export function longpress(node, duration) {
 		},
 		destroy() {
 			node.removeEventListener('mousedown', handleMousedown);
+			node.removeEventListener('mouseup', handleMouseup);
 		}
 	};
 }
\ No newline at end of file
diff --git a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/text.md b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/text.md
index 2c0a3b3cf5..0cb3b7aeca 100644
--- a/site/content/tutorial/12-actions/02-adding-parameters-to-actions/text.md
+++ b/site/content/tutorial/12-actions/02-adding-parameters-to-actions/text.md
@@ -10,8 +10,10 @@ We can change the action function to accept a `duration` as a second argument, a
 
 ```js
 export function longpress(node, duration) {
+	// ...
+
 	const handleMousedown = () => {
-		setTimeout(() => {
+		timer = setTimeout(() => {
 			node.dispatchEvent(
 				new CustomEvent('longpress')
 			);
@@ -37,9 +39,7 @@ return {
 	update(newDuration) {
 		duration = newDuration;
 	},
-	destroy() {
-		node.removeEventListener('mousedown', handleMousedown);
-	}
+	// ...
 };
 ```
 

From e4078f14a88b3e7cb4a7004a015959f182255bb3 Mon Sep 17 00:00:00 2001
From: pngwn <hello@pngwn.io>
Date: Mon, 18 Nov 2019 14:34:16 +0000
Subject: [PATCH 3/7] Add aria-hidden to resize listener object. Fixes #3948.

---
 src/runtime/internal/dom.ts                            |  1 +
 .../samples/binding-width-height-a11y/_config.js       |  8 ++++++++
 .../samples/binding-width-height-a11y/main.svelte      | 10 ++++++++++
 3 files changed, 19 insertions(+)
 create mode 100644 test/runtime/samples/binding-width-height-a11y/_config.js
 create mode 100644 test/runtime/samples/binding-width-height-a11y/main.svelte

diff --git a/src/runtime/internal/dom.ts b/src/runtime/internal/dom.ts
index e4db8c1e15..e25692ac3d 100644
--- a/src/runtime/internal/dom.ts
+++ b/src/runtime/internal/dom.ts
@@ -237,6 +237,7 @@ export function add_resize_listener(element, fn) {
 
 	const object = document.createElement('object');
 	object.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;');
+	object.setAttribute('aria-hidden', 'true');
 	object.type = 'text/html';
 	object.tabIndex = -1;
 
diff --git a/test/runtime/samples/binding-width-height-a11y/_config.js b/test/runtime/samples/binding-width-height-a11y/_config.js
new file mode 100644
index 0000000000..5ab4a7ade7
--- /dev/null
+++ b/test/runtime/samples/binding-width-height-a11y/_config.js
@@ -0,0 +1,8 @@
+export default {
+	async test({ assert, target }) {
+		const object = target.querySelector('object');
+
+		assert.equal(object.getAttribute('aria-hidden'), "true");
+		assert.equal(object.getAttribute('tabindex'), "-1");
+	}
+};
diff --git a/test/runtime/samples/binding-width-height-a11y/main.svelte b/test/runtime/samples/binding-width-height-a11y/main.svelte
new file mode 100644
index 0000000000..053fa8fa08
--- /dev/null
+++ b/test/runtime/samples/binding-width-height-a11y/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	let offsetWidth = 0;
+	let offsetHeight = 0;
+</script>
+
+<div bind:offsetHeight bind:offsetWidth>
+
+	<h1>Hello</h1>
+
+</div>

From d1df52cdc7ff79cdc0f6a0a8cbb53bd5cd4b9cb3 Mon Sep 17 00:00:00 2001
From: pngwn <hello@pngwn.io>
Date: Mon, 18 Nov 2019 14:44:01 +0000
Subject: [PATCH 4/7] Add unreleased changelog entry for #3948

---
 CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 566fde5005..97568147df 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Svelte changelog
 
+## Unreleased
+
+* Add `aria-hidden="true"` to objects generated when adding resize-listeners, to improve accessibility ([#3948](https://github.com/sveltejs/svelte/issues/3948))
+
 ## 3.14.1
 
 * Deconflict block method names with other variables ([#3900](https://github.com/sveltejs/svelte/issues/3900))

From a8ff02a25f34ef195eede89354b72aa65e45b8bb Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Mon, 18 Nov 2019 10:39:28 -0500
Subject: [PATCH 5/7] -> v3.15.0

---
 CHANGELOG.md      | 10 ++++++++--
 package-lock.json |  2 +-
 package.json      |  2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 97568147df..4669cb906f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,7 +1,13 @@
 # Svelte changelog
 
-## Unreleased
-
+## 3.15.0
+
+* Hide commented sections from preprocessors ([#3894](https://github.com/sveltejs/svelte/pull/3894))
+* Add `seeking` and `ended` bindings to media elements ([#3650](https://github.com/sveltejs/svelte/pull/3650))
+* Add `videoWidth` and `videoHeight` bindings to video elements ([#3927](https://github.com/sveltejs/svelte/pull/3927))
+* Fix for dynamic event handlers ([#3934](https://github.com/sveltejs/svelte/pull/3934))
+* Handle scale transforms when using the `flip` animation ([#3555](https://github.com/sveltejs/svelte/issues/3555))
+* Fix some code generation bugs ([#3929](https://github.com/sveltejs/svelte/issues/3929), [#3939](https://github.com/sveltejs/svelte/issues/3939))
 * Add `aria-hidden="true"` to objects generated when adding resize-listeners, to improve accessibility ([#3948](https://github.com/sveltejs/svelte/issues/3948))
 
 ## 3.14.1
diff --git a/package-lock.json b/package-lock.json
index af3bd9f4b1..1af50ed642 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 00f617a5bb..8584ac6ff8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "Cybernetically enhanced web apps",
   "module": "index.mjs",
   "main": "index",

From a4658e2d428acebf23a5b80ea7467f46efe8c20c Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Mon, 18 Nov 2019 10:43:05 -0500
Subject: [PATCH 6/7] document new media element bindings

---
 site/content/docs/02-template-syntax.md                | 10 +++++++++-
 .../tutorial/06-bindings/10-media-elements/text.md     |  6 +++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/site/content/docs/02-template-syntax.md b/site/content/docs/02-template-syntax.md
index 345dee1556..aaf8fde1e3 100644
--- a/site/content/docs/02-template-syntax.md
+++ b/site/content/docs/02-template-syntax.md
@@ -563,12 +563,14 @@ Elements with the `contenteditable` attribute support `innerHTML` and `textConte
 
 ---
 
-Media elements (`<audio>` and `<video>`) have their own set of bindings — four *readonly* ones...
+Media elements (`<audio>` and `<video>`) have their own set of bindings — six *readonly* ones...
 
 * `duration` (readonly) — the total duration of the video, in seconds
 * `buffered` (readonly) — an array of `{start, end}` objects
 * `seekable` (readonly) — ditto
 * `played` (readonly) — ditto
+* `seeking` (readonly) — boolean
+* `ended` (readonly) — boolean
 
 ...and four *two-way* bindings:
 
@@ -577,16 +579,22 @@ Media elements (`<audio>` and `<video>`) have their own set of bindings — four
 * `paused` — this one should be self-explanatory
 * `volume` — a value between 0 and 1
 
+Videos additionally have readonly `videoWidth` and `videoHeight` bindings
+
 ```html
 <video
 	src={clip}
 	bind:duration
 	bind:buffered
 	bind:seekable
+	bind:seeking
 	bind:played
+	bind:ended
 	bind:currentTime
 	bind:paused
 	bind:volume
+	bind:videoWidth
+	bind:videoHeight
 ></video>
 ```
 
diff --git a/site/content/tutorial/06-bindings/10-media-elements/text.md b/site/content/tutorial/06-bindings/10-media-elements/text.md
index b86717d9ec..f08f3975d7 100644
--- a/site/content/tutorial/06-bindings/10-media-elements/text.md
+++ b/site/content/tutorial/06-bindings/10-media-elements/text.md
@@ -24,12 +24,14 @@ Now, when you click on the video, it will update `time`, `duration` and `paused`
 
 > Ordinarily on the web, you would track `currentTime` by listening for `timeupdate` events. But these events fire too infrequently, resulting in choppy UI. Svelte does better — it checks `currentTime` using `requestAnimationFrame`.
 
-The complete set of bindings for `<audio>` and `<video>` is as follows — four *readonly* bindings...
+The complete set of bindings for `<audio>` and `<video>` is as follows — six *readonly* bindings...
 
 * `duration` (readonly) — the total duration of the video, in seconds
 * `buffered` (readonly) — an array of `{start, end}` objects
 * `seekable` (readonly) — ditto
 * `played` (readonly) — ditto
+* `seeking` (readonly) — boolean
+* `ended` (readonly) — boolean
 
 ...and four *two-way* bindings:
 
@@ -37,3 +39,5 @@ The complete set of bindings for `<audio>` and `<video>` is as follows — four
 * `playbackRate` — how fast to play the video, where `1` is 'normal'
 * `paused` — this one should be self-explanatory
 * `volume` — a value between 0 and 1
+
+Videos additionally have readonly `videoWidth` and `videoHeight` bindings.
\ No newline at end of file

From 1dead6fa9d931bfb9ecf418456fb87ed3e1c2b02 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Mon, 18 Nov 2019 10:52:02 -0500
Subject: [PATCH 7/7] typo

---
 site/content/docs/02-template-syntax.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/content/docs/02-template-syntax.md b/site/content/docs/02-template-syntax.md
index aaf8fde1e3..89506753d6 100644
--- a/site/content/docs/02-template-syntax.md
+++ b/site/content/docs/02-template-syntax.md
@@ -579,7 +579,7 @@ Media elements (`<audio>` and `<video>`) have their own set of bindings — six
 * `paused` — this one should be self-explanatory
 * `volume` — a value between 0 and 1
 
-Videos additionally have readonly `videoWidth` and `videoHeight` bindings
+Videos additionally have readonly `videoWidth` and `videoHeight` bindings.
 
 ```html
 <video